:root {
  --jks-teal: #00695c;
  --jks-teal-dark: #004d40;
  --jks-mint: #e6f5f1;
  --jks-gold: #f5c518;
  --jks-ink: #17332f;
}

body {
  color: var(--jks-ink);
  background: linear-gradient(180deg, #f4fbf9 0, #fff 28rem);
}

.pkp_structure_head {
  border-bottom: 4px solid var(--jks-gold);
  background: linear-gradient(120deg, var(--jks-teal-dark), var(--jks-teal));
}

.pkp_site_name .is_text,
.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a {
  color: #fff;
}

.pkp_site_name .is_text {
  font-family: Georgia, serif;
  font-size: clamp(1.6rem, 3vw, 2.75rem);
}

.pkp_structure_content {
  margin-top: 2rem;
  border: 1px solid #cce4df;
  border-radius: 18px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 18px 50px rgba(0, 77, 64, .10);
}

.obj_issue_toc .heading,
.page_issue_archive .issues_archive > li {
  border-color: #b7d9d2;
}

.obj_article_summary .title a,
.obj_issue_toc .section h2 {
  color: var(--jks-teal-dark);
}

.cmp_button,
.pkp_button,
button,
input[type="submit"] {
  border-radius: 999px;
  background: var(--jks-teal);
  color: #fff;
}

a { color: #00796b; }
a:focus-visible { outline: 3px solid var(--jks-gold); outline-offset: 3px; }

@media (max-width: 767px) {
  .pkp_structure_content { margin-top: 0; border-radius: 0; }
}
