/*
Theme Name: ScienceUniversity
Description: ScienceUniversity child theme for Twenty Twenty-Five.
Author: ScienceUniversity
Template: twentytwentyfive
Version: 3.2.0
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: scienceuniversity-child
*/
@font-face {
  font-family: "Manrope";
  src: url("../twentytwentyfive/assets/fonts/manrope/Manrope-VariableFont_wght.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

@font-face {
  font-family: "Literata";
  src: url("../twentytwentyfive/assets/fonts/literata/Literata72pt-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Literata";
  src: url("../twentytwentyfive/assets/fonts/literata/Literata72pt-SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Literata";
  src: url("../twentytwentyfive/assets/fonts/literata/Literata72pt-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --su-navy: #102a43;
  --su-navy-dark: #08243a;
  --su-teal: #167080;
  --su-text: #3e4852;
  --su-muted: #6a737d;
  --su-border: #dde3e7;
  --su-light: #f5f8f8;
  --su-trust: #edf6f6;
}

html { scroll-behavior: smooth; }
html, body { margin: 0; padding: 0; }
body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--su-teal);
  outline-offset: 3px;
}

img { max-width: 100%; height: auto; }
pre { max-width: 100%; overflow-x: auto; }
*, *::before, *::after { box-sizing: border-box; }
.wp-block-column,
.su-main-header-inner > *,
.su-utility-inner > *,
.su-hero > *,
.su-section-heading > *,
.su-topic-copy,
.su-secondary-query .wp-block-post > *,
.su-trust-grid > *,
.su-footer .wp-block-column { min-width: 0; }
.su-brand .wp-block-site-title,
.su-featured-query .wp-block-post-title,
.su-secondary-query .wp-block-post-title,
.su-featured-science-query .wp-block-post-title,
.su-guides-query .wp-block-post-title,
.su-archive-query .wp-block-post-title,
.su-single-title,
.su-page-title,
.su-topic-copy h3 { overflow-wrap: break-word; }
.wp-site-blocks { margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 0; }
.wp-site-blocks > * { margin-block-start: 0; }
.wp-site-blocks > .wp-block-template-part:first-child,
.su-utility-bar { margin-top: 0 !important; }

/* Prevent WordPress flow-layout blockGap margins from leaking into custom grids/flex layouts. */
.su-topic-grid > .su-topic-card,
.su-trust-grid > .wp-block-column,
.su-featured-science-query .wp-block-post-template > .wp-block-post,
.su-guides-query .wp-block-post-template > .wp-block-post,
.su-archive-query .wp-block-post-template > .wp-block-post,
.su-related-grid > .su-related-card,
.su-footer .wp-block-columns > .wp-block-column {
  margin-block-start: 0 !important;
}
.su-topic-card-inner > *,
.su-trust-item > *,
.su-section-heading > * { margin-block-start: 0 !important; }

.su-utility-bar {
  background: var(--su-navy-dark);
  color: #fff;
  font-size: 12px;
}
.su-utility-inner {
  min-height: 34px;
  gap: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.su-utility-bar a { color: #fff; text-decoration: none; }
.su-utility-bar a:hover { text-decoration: underline; }
.su-utility-message { margin: 0; font-weight: 600; letter-spacing: .01em; }
.su-utility-links { gap: 16px !important; }
.su-utility-links p { margin: 0; }
.su-utility-search { max-width: 245px; margin: 0 !important; }
.su-utility-search .wp-block-search__inside-wrapper { padding: 0; border: 0; }
.su-utility-search .wp-block-search__input {
  min-height: 27px;
  padding: 4px 9px;
  border: 1px solid rgba(255,255,255,.48);
  border-radius: 0;
  background: #fff;
  color: var(--su-navy-dark);
  font-size: 12px;
}
.su-utility-search .wp-block-search__button {
  min-height: 27px;
  margin-left: 0;
  padding: 4px 8px;
  border-radius: 0;
  background: #fff;
  color: var(--su-navy-dark);
}

.su-main-header {
  background: #fff;
  border-bottom: 1px solid var(--su-border);
}
.su-main-header-inner {
  min-height: 76px;
  gap: 30px;
  padding-top: 11px;
  padding-bottom: 11px;
}
.su-brand { min-width: 300px; flex: 1 1 auto; gap: 1px !important; }
.su-brand .wp-block-site-title {
  margin: 0;
  color: var(--su-navy);
  font-family: "Literata", Georgia, serif;
  font-size: clamp(24px, 2.1vw, 31px);
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -.02em;
  text-transform: uppercase;
}
.su-brand .wp-block-site-title a { color: inherit; text-decoration: none; }
.su-brand .wp-block-site-tagline {
  margin: 2px 0 0;
  color: var(--su-muted);
  font-size: 11px;
  line-height: 1.3;
}
.su-primary-nav {
  color: var(--su-navy-dark);
  font-size: 13px;
  font-weight: 600;
}
.su-primary-nav .wp-block-navigation__container { gap: 22px; }
.su-primary-nav a { text-decoration: none; }
.su-primary-nav a:hover { color: var(--su-teal); }

.su-home-main { padding-top: 12px; }
.su-section {
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid var(--su-border);
}
.su-home-main > .su-home-accessible-title + .su-section { border-top: 0; padding-top: 0; }
.su-section-heading { margin-bottom: 18px; align-items: end; }
.su-section-heading h2 { margin: 0; font-size: clamp(28px, 2.8vw, 33px); }
.su-section-heading p { margin: 4px 0 0; color: var(--su-muted); font-size: 14px; }
.su-section-link { margin: 0; font-size: 13px; font-weight: 600; white-space: nowrap; }
.su-section-link a { color: var(--su-teal); text-decoration: none; }

.su-hero { gap: 30px !important; align-items: stretch !important; }
.su-featured-query { margin: 0; }
.su-featured-query .wp-block-post-template { margin: 0; }
.su-featured-query .wp-block-post { margin: 0; }
.su-featured-query .wp-block-post-featured-image { margin: 0 0 11px; }
.su-featured-query .wp-block-post-featured-image img {
  width: 100%;
  aspect-ratio: 1.9 / 1;
  object-fit: cover;
}
.su-featured-query .wp-block-post-terms,
.su-featured-science-query .wp-block-post-terms,
.su-guides-query .wp-block-post-terms,
.su-secondary-query .wp-block-post-terms {
  margin: 0 0 6px;
  color: var(--su-teal);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .05em;
  line-height: 1.2;
  text-transform: uppercase;
}
.su-featured-query .wp-block-post-terms a,
.su-featured-science-query .wp-block-post-terms a,
.su-guides-query .wp-block-post-terms a,
.su-secondary-query .wp-block-post-terms a { color: inherit; text-decoration: none; }
.su-featured-query .wp-block-post-title {
  margin: 0;
  color: var(--su-navy-dark);
  font-family: "Literata", Georgia, serif;
  font-size: clamp(31px, 3.2vw, 47px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.025em;
}
.su-featured-query .wp-block-post-title a { color: inherit; text-decoration: none; }
.su-featured-query .wp-block-post-excerpt {
  max-width: 760px;
  margin: 12px 0 0;
  color: var(--su-text);
  font-family: "Literata", Georgia, serif;
  font-size: 16px;
  line-height: 1.45;
}
.su-featured-query .wp-block-post-excerpt__more-link { display: none; }
.su-meta-row { gap: 9px !important; margin-top: 12px; color: var(--su-muted); font-size: 11px; }
.su-meta-row p { margin: 0; }
.su-meta-row .wp-block-post-author-name,
.su-meta-row .wp-block-post-date { font-size: inherit; }

.su-secondary-query { margin: 0; }
.su-secondary-query .wp-block-post-template { margin: 0; }
.su-secondary-query .wp-block-post {
  display: grid;
  grid-template-columns: 39% 1fr;
  gap: 16px;
  padding: 0 0 15px;
  margin: 0 0 15px;
  border-bottom: 1px solid var(--su-border);
}
.su-secondary-query .wp-block-post:last-child { margin-bottom: 0; border-bottom: 0; }
.su-secondary-query .wp-block-post-featured-image { grid-row: 1 / span 5; margin: 0; }
.su-secondary-query .wp-block-post-featured-image img {
  width: 100%;
  height: 100%;
  min-height: 125px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.su-secondary-query .wp-block-post-terms { margin-bottom: 2px; }
.su-secondary-query .wp-block-post-title {
  margin: 0;
  color: var(--su-navy-dark);
  font-family: "Literata", Georgia, serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.12;
}
.su-secondary-query .wp-block-post-title a { color: inherit; text-decoration: none; }
.su-secondary-query .wp-block-post-excerpt { margin: 5px 0 0; color: var(--su-text); font-size: 12px; line-height: 1.4; }
.su-secondary-query .wp-block-post-excerpt__more-link { display: none; }
.su-secondary-query .wp-block-post-date { margin-top: 4px; color: var(--su-muted); font-size: 10px; }

.su-topic-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px !important;
}
.su-topic-card {
  min-height: 102px;
  height: 100%;
  padding: 11px 38px 11px 11px;
  position: relative;
  border: 1px solid var(--su-border);
  background: #fff;
  transition: border-color .18s ease, transform .18s ease;
}
.su-topic-card:hover { border-color: #b8c8cf; transform: translateY(-1px); }
.su-topic-card::before { content: "→"; position: absolute; right: 13px; top: 50%; transform: translateY(-50%); color: var(--su-teal); font-size: 17px; font-weight: 700; }
.su-topic-copy h3 a::after { content: ""; position: absolute; inset: 0; z-index: 2; }
.su-topic-card-inner { height: 100%; gap: 12px !important; align-items: center; }
.su-topic-icon {
  display: flex;
  width: 64px;
  min-width: 64px;
  height: 72px;
  margin: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: var(--su-navy);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: transparent;
  font-size: 0;
}
.su-topic-biology { background-image: url("assets/images/topics/biology.jpg"); }
.su-topic-human-health { background-image: url("assets/images/topics/human-health.jpg"); }
.su-topic-earth-environment { background-image: url("assets/images/topics/earth-environment.jpg"); }
.su-topic-genetics-evolution { background-image: url("assets/images/topics/genetics-evolution.jpg"); }
.su-topic-chemistry { background-image: url("assets/images/topics/chemistry.jpg"); }
.su-topic-microbiology { background-image: url("assets/images/topics/microbiology.jpg"); }
.su-topic-biotechnology { background-image: url("assets/images/topics/biotechnology.jpg"); }
.su-topic-plants-botany { background-image: url("assets/images/topics/plants-botany.jpg"); }
.su-topic-astronomy-space { background-image: url("assets/images/topics/astronomy-space.jpg"); }
.su-topic-copy { gap: 3px !important; }
.su-topic-copy h3 { margin: 0; color: var(--su-navy-dark); font-family: "Literata", Georgia, serif; font-size: 15px; font-weight: 600; }
.su-topic-copy h3 a { color: inherit; text-decoration: none; }
.su-topic-copy p { margin: 0; color: var(--su-muted); font-size: 12px; line-height: 1.4; }

.su-featured-science-query .wp-block-post-template,
.su-guides-query .wp-block-post-template { gap: 24px !important; }
.su-featured-science-query .wp-block-post,
.su-guides-query .wp-block-post { margin: 0; }
.su-featured-science-query .wp-block-post-featured-image,
.su-guides-query .wp-block-post-featured-image { margin: 0 0 8px; }
.su-featured-science-query .wp-block-post-featured-image img {
  width: 100%; aspect-ratio: 16 / 8; object-fit: cover;
}
.su-guides-query .wp-block-post-featured-image img {
  width: 100%; aspect-ratio: 1.9 / 1; object-fit: cover;
}
.su-featured-science-query .wp-block-post-title,
.su-guides-query .wp-block-post-title {
  margin: 0;
  color: var(--su-navy-dark);
  font-family: "Literata", Georgia, serif;
  font-weight: 600;
  line-height: 1.14;
}
.su-featured-science-query .wp-block-post-title { font-size: 21px; }
.su-guides-query .wp-block-post-title { font-size: 17px; }
.su-featured-science-query .wp-block-post-title a,
.su-guides-query .wp-block-post-title a { color: inherit; text-decoration: none; }
.su-featured-science-query .wp-block-post-excerpt,
.su-guides-query .wp-block-post-excerpt { margin: 7px 0 0; color: var(--su-text); font-size: 12px; line-height: 1.45; }
.su-featured-science-query .wp-block-post-excerpt__more-link,
.su-guides-query .wp-block-post-excerpt__more-link { display: none; }
.su-featured-science-query .wp-block-post-date { margin-top: 8px; color: var(--su-muted); font-size: 10px; }

.su-trust-band {
  margin-top: 10px !important;
  padding-top: 22px;
  padding-bottom: 22px;
  background: var(--su-trust);
  border-top: 1px solid #d8e8e8;
  border-bottom: 1px solid #d8e8e8;
}
.su-trust-grid { gap: 0 !important; }
.su-trust-item { min-height: 72px; padding: 0 20px; border-left: 1px solid #cbdede; }
.su-trust-grid > .wp-block-column:first-child .su-trust-item { border-left: 0; padding-left: 0; }
.su-trust-icon {
  display: flex;
  width: 38px;
  min-width: 38px;
  height: 38px;
  margin: 0;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--su-teal);
  border-radius: 50%;
  color: var(--su-teal);
  font-size: 18px;
  font-weight: 800;
}
.su-trust-copy { gap: 2px !important; }
.su-trust-copy h3 { margin: 0; color: var(--su-navy-dark); font-family: "Literata", Georgia, serif; font-size: 14px; font-weight: 600; }
.su-trust-copy p { margin: 0; color: var(--su-muted); font-size: 10px; line-height: 1.35; }

.su-footer { background: var(--su-navy-dark); color: #fff; }
.su-footer-inner { padding-top: 34px; padding-bottom: 34px; }
.su-footer h2, .su-footer h3, .su-footer p, .su-footer a { color: #fff; }
.su-footer h2 { margin: 0; font-family: "Literata", Georgia, serif; font-size: 21px; font-weight: 600; text-transform: uppercase; }
.su-footer h3 { margin: 0 0 9px; font-family: "Literata", Georgia, serif; font-size: 13px; font-weight: 600; }
.su-footer p, .su-footer li { font-size: 11px; line-height: 1.55; }
.su-footer a { text-decoration: none; }
.su-footer a:hover { text-decoration: underline; }
.su-footer ul { margin: 0; padding: 0; list-style: none; }
.su-footer li { margin: 1px 0 !important; }
.su-footer-tagline { max-width: 290px; color: rgba(255,255,255,.78) !important; }
.su-footer-note { margin-top: 22px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.65) !important; }

.su-content-main { padding-top: clamp(20px, 2.8vw, 34px); padding-bottom: clamp(48px, 7vw, 84px); }
.su-archive-header { margin-bottom: 26px; padding-bottom: 18px; border-bottom: 1px solid var(--su-border); }
.su-archive-header h1,
.su-archive-header .wp-block-query-title { margin: 0; color: var(--su-navy-dark); font-family: "Literata", Georgia, serif; font-size: clamp(34px, 4vw, 48px); line-height: 1.08; }
.su-archive-header p { max-width: 760px; margin: 9px 0 0; color: var(--su-muted); font-size: 15px; }
.su-archive-query .wp-block-post-template { gap: 28px 24px !important; }
.su-archive-query .wp-block-post-featured-image { margin: 0 0 9px; }
.su-archive-query .wp-block-post-featured-image img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.su-archive-query .wp-block-post-terms { margin: 0 0 6px; color: var(--su-teal); font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.su-archive-query .wp-block-post-terms a { color: inherit; text-decoration: none; }
.su-archive-query .wp-block-post-title { margin: 0; color: var(--su-navy-dark); font-family: "Literata", Georgia, serif; font-size: 22px; font-weight: 600; line-height: 1.14; }
.su-archive-query .wp-block-post-title a { color: inherit; text-decoration: none; }
.su-archive-query .wp-block-post-excerpt { margin: 8px 0 0; color: var(--su-text); font-size: 13px; line-height: 1.5; }
.su-archive-query .wp-block-post-excerpt__more-link { display: none; }
.su-archive-query .wp-block-post-date { margin-top: 8px; color: var(--su-muted); font-size: 11px; }
.su-pagination { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--su-border); font-size: 13px; font-weight: 600; }
.su-pagination a { text-decoration: none; }

.su-single-header { max-width: 960px; margin-left: auto; margin-right: auto; padding-bottom: 24px; }
.su-single-kicker { margin-bottom: 9px; color: var(--su-teal); font-size: 11px; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.su-single-kicker a { color: inherit; text-decoration: none; }
.su-single-title { margin: 0; color: var(--su-navy-dark); font-family: "Literata", Georgia, serif; font-size: clamp(32px, 5vw, 58px); font-weight: 600; line-height: 1.06; letter-spacing: -.025em; }
.su-single-excerpt { max-width: 820px; margin: 16px 0 0; color: var(--su-text); font-family: "Literata", Georgia, serif; font-size: 18px; line-height: 1.5; }
.su-single-meta { gap: 10px !important; margin-top: 16px; color: var(--su-muted); font-size: 12px; }
.su-single-meta p { margin: 0; }
.su-single-featured { margin-top: 10px; margin-bottom: 0; }
.su-single-featured img { width: 100%; height: auto; max-height: none; object-fit: contain; }
.su-featured-caption { max-width: 1280px; margin: 8px auto clamp(28px, 4vw, 48px); color: var(--su-muted); font-size: 12px; line-height: 1.45; }
.su-single-content { font-size: 17px; line-height: 1.72; }
.su-single-content > h2 { margin-top: 2.1em; }
.su-single-content > h3 { margin-top: 1.7em; }

.su-page-title { margin-bottom: 26px; color: var(--su-navy-dark); font-family: "Literata", Georgia, serif; font-size: clamp(38px, 5vw, 54px); line-height: 1.08; }
.su-404 { text-align: center; }
.su-404 .wp-block-search { max-width: 560px; margin: 24px auto 0; }

.single main .wp-block-post-title,
.page main .wp-block-post-title,
.archive main .wp-block-query-title,
.search main .wp-block-query-title {
  color: var(--su-navy-dark);
  font-family: "Literata", Georgia, serif;
}
.single main .entry-content,
.page main .entry-content { font-size: 17px; line-height: 1.72; }


.su-skip-link { position: fixed; left: 18px; top: 10px; z-index: 100000; padding: 10px 14px; background: #fff; color: var(--su-navy-dark); border: 2px solid var(--su-teal); font-weight: 700; transform: translateY(-160%); transition: transform .15s ease; }
.su-skip-link:focus { transform: translateY(0); }
.su-home-accessible-title { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.su-breadcrumbs { max-width: 960px; margin: 0 auto 14px; color: var(--su-muted); font-size: 12px; line-height: 1.45; }
.su-breadcrumbs a { color: var(--su-teal); text-decoration: none; }
.su-breadcrumb-separator { display: inline-block; margin: 0 8px; color: #9aabb4; }
.su-single-meta-line { display: flex; flex-wrap: wrap; gap: 7px 10px; margin-top: 16px; color: var(--su-muted); font-size: 12px; }
.su-single-meta-line a { color: var(--su-navy); text-decoration: none; font-weight: 600; }
.su-single-meta-line a:hover { color: var(--su-teal); }
.su-single-content > h2#key-takeaways { margin-top: 0; margin-bottom: 0; padding: 20px 22px 8px; border: 1px solid #d7e8e8; border-bottom: 0; background: #f2f8f8; font-size: 25px; }
.su-single-content > h2#key-takeaways + ul { margin-top: 0; padding: 4px 34px 20px 44px; border: 1px solid #d7e8e8; border-top: 0; background: #f2f8f8; }
.su-toc { margin: 28px 0 34px; padding: 15px 18px; border: 1px solid var(--su-border); background: #fbfcfc; }
.su-toc summary { cursor: pointer; color: var(--su-navy-dark); font-family: "Literata", Georgia, serif; font-size: 18px; font-weight: 600; }
.su-toc ol { columns: 2; column-gap: 34px; margin: 15px 0 2px; padding-left: 22px; }
.su-toc li { break-inside: avoid; margin: 6px 0; font-size: 13px; line-height: 1.45; }
.su-toc a { color: var(--su-text); text-decoration: none; }
.su-toc a:hover { color: var(--su-teal); }
.su-citation { font-size: .7em; vertical-align: super; line-height: 0; }
.su-citation a { color: var(--su-teal); text-decoration: none; }
.su-science-diagram { margin-top: 26px; margin-bottom: 30px; }
.su-science-diagram img { width: 100%; height: auto; border: 1px solid var(--su-border); }
.su-science-diagram figcaption { margin-top: 8px; color: var(--su-muted); font-size: 12px; line-height: 1.45; }
.su-author-box { margin-top: 44px; padding: 24px 26px; border: 1px solid var(--su-border); background: var(--su-light); }
.su-author-box .su-author-eyebrow { margin: 0 0 5px; color: var(--su-teal); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.su-author-box h2 { margin: 0 0 10px; font-size: 25px; }
.su-author-box p { margin: 8px 0 0; font-size: 13px; line-height: 1.55; }
.su-author-box a { color: var(--su-teal); font-weight: 600; text-decoration: none; }
.su-related { margin-top: 44px; padding-top: 30px; border-top: 1px solid var(--su-border); }
.su-related-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 17px; }
.su-related-heading h2 { margin: 0; font-size: 29px; }
.su-related-heading > a { color: var(--su-teal); font-size: 12px; font-weight: 700; text-decoration: none; }
.su-related-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.su-related-card { margin: 0; }
.su-related-image { display: block; margin-bottom: 9px; }
.su-related-image img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.su-related-card h3 { margin: 0; font-size: 18px; line-height: 1.18; }
.su-related-card h3 a { color: var(--su-navy-dark); text-decoration: none; }
.su-related-card p { margin: 7px 0 0; color: var(--su-muted); font-size: 12px; line-height: 1.45; }
.su-trust-icon svg { display: block; width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.su-archive-query .wp-block-post-excerpt { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.su-guide-label { margin: 0 0 5px; color: var(--su-teal); font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }

.su-topic-card h3 a:focus-visible::after { outline: 3px solid #167080; outline-offset: 2px; }
.su-single-content .su-reference-list { margin-top: 14px; padding-left: 24px; }
.su-single-content .su-reference-list li { margin: 0 0 10px; padding-left: 4px; color: var(--su-text); font-size: 14px; line-height: 1.55; }
.su-single-content .su-reference-list a { color: var(--su-teal); text-decoration-thickness: 1px; text-underline-offset: 2px; }
.su-single-content .su-article-lead { font-size: 19px; line-height: 1.58; color: #344653; }
.su-single-content blockquote { margin: 28px 0; padding: 18px 22px; border-left: 4px solid var(--su-teal); background: #f6fafa; color: var(--su-text); }
.su-science-diagram { max-width: 960px; margin: 28px auto 34px; }
.su-science-diagram img { display: block; width: 100%; height: auto; background: #fff; }
.su-static-note { margin: -4px 0 18px; color: var(--su-muted); font-size: 12px; }
.su-home-main .su-featured-query .wp-block-post-excerpt,
.su-home-main .su-secondary-query .wp-block-post-excerpt,
.su-home-main .su-featured-science-query .wp-block-post-excerpt,
.su-home-main .su-guides-query .wp-block-post-excerpt { color: #4a5966; }
.su-home-main .su-featured-science-query .wp-block-post-date { display: none; }

@media (max-width: 900px) {
  body .su-featured-science-query .wp-block-post-template.is-layout-grid,
  body .su-guides-query .wp-block-post-template.is-layout-grid,
  body .su-archive-query .wp-block-post-template.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .su-related-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 781px) {
  .su-trust-item { padding: 16px 0; border-left: 0; border-top: 1px solid #cbdede; }
  .su-trust-grid > .wp-block-column:first-child .su-trust-item { border-top: 0; }
  .su-trust-copy h3 { font-size: 15px; }
  .su-trust-copy p { font-size: 13px; line-height: 1.45; }
  .su-trust-icon { width: 38px; min-width: 38px; height: 38px; }
}

@media (max-width: 760px) {
  .su-main-header-inner { min-height: 64px; gap: 7px; padding-top: 9px; padding-bottom: 9px; }
  .su-home-main { padding-top: 8px; }
  .su-section { padding-top: 26px; padding-bottom: 26px; }
  .su-section-heading { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; margin-bottom: 16px; }
  .su-section-heading h2 { font-size: clamp(26px, 7vw, 30px); }
  .su-section-heading p { max-width: 34rem; font-size: 14.5px; line-height: 1.5; }
  .su-section-link { margin-top: 1px; font-size: 14px; }
  .su-section-link a { display: inline-flex; min-height: 44px; align-items: center; }
  .su-home-main .wp-block-post-terms { font-size: max(10.5px, .66rem); }
  .su-topic-card { touch-action: manipulation; }
  .su-hero { gap: 24px !important; }
  .su-featured-query .wp-block-post-featured-image img { aspect-ratio: 16 / 9; }
  .su-featured-query .wp-block-post-title { font-size: clamp(28px, 8vw, 35px); line-height: 1.08; }
  .su-featured-query .wp-block-post-excerpt { margin-top: 10px; font-size: 15.5px; line-height: 1.5; }
  .su-meta-row { margin-top: 10px; font-size: 13px; }
  .su-secondary-query .wp-block-post { grid-template-columns: 110px minmax(0, 1fr); gap: 12px; padding: 0 0 14px; margin: 0 0 14px; }
  .su-secondary-query .wp-block-post-featured-image { grid-row: 1 / span 4; }
  .su-secondary-query .wp-block-post-featured-image img { min-height: 84px; height: 100%; aspect-ratio: 4 / 3; }
  .su-secondary-query .wp-block-post-title { font-size: 17px; line-height: 1.18; }
  .su-secondary-query .wp-block-post-terms { font-size: 10.5px; margin-bottom: 2px; }
  .su-secondary-query .wp-block-post-excerpt { display: none; }
  .su-topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px !important; }
  .su-topic-card { min-height: 82px; padding: 8px 26px 8px 8px; }
  .su-topic-card::before { right: 9px; font-size: 15px; }
  .su-topic-card-inner { gap: 8px !important; }
  .su-topic-icon { width: 48px; min-width: 48px; height: 56px; }
  .su-topic-copy h3 { font-size: 15px; line-height: 1.2; }
  .su-topic-copy p { display: none; }
  body .su-featured-science-query .wp-block-post-template.is-layout-grid,
  body .su-guides-query .wp-block-post-template.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px 12px !important; }
  .su-featured-science-query .wp-block-post-featured-image,
  .su-guides-query .wp-block-post-featured-image { margin-bottom: 7px; }
  .su-featured-science-query .wp-block-post-featured-image img,
  .su-guides-query .wp-block-post-featured-image img { aspect-ratio: 16 / 9; object-fit: cover; }
  .su-featured-science-query .wp-block-post-title { font-size: 18px; line-height: 1.2; }
  .su-guides-query .wp-block-post-title { font-size: 17px; line-height: 1.2; }
  .su-featured-science-query .wp-block-post-excerpt,
  .su-guides-query .wp-block-post-excerpt { display: none; }
  .su-content-main { padding-top: 18px; padding-bottom: 52px; }
  .su-breadcrumbs { margin-bottom: 11px; font-size: 13.5px; }
  .su-breadcrumbs [aria-current="page"],
  .su-breadcrumbs .su-breadcrumb-separator:last-of-type { display: none; }
  .su-single-header { padding-bottom: 18px; }
  .su-single-kicker { margin-bottom: 7px; font-size: 12px; }
  .su-single-title { font-size: clamp(30px, 8.4vw, 38px); line-height: 1.07; }
  .su-single-meta-line { gap: 5px 8px; margin-top: 13px; font-size: 13px; line-height: 1.45; }
  .su-single-featured { margin-top: 6px; }
  .su-featured-caption { margin-top: 7px; margin-bottom: 30px; font-size: 13.5px; }
  .su-single-content { font-size: 16.5px; line-height: 1.7; }
  .su-single-content .su-article-lead { font-size: 17.5px; line-height: 1.6; }
  .su-single-content > h2 { margin-top: 44px; margin-bottom: 13px; font-size: 28px; line-height: 1.13; }
  .su-single-content > h3 { margin-top: 34px; margin-bottom: 10px; font-size: 21px; line-height: 1.2; }
  .su-single-content > h2#key-takeaways { margin-top: 0; padding: 17px 18px 7px; font-size: 23px; }
  .su-single-content > h2#key-takeaways + ul { padding: 4px 25px 17px 38px; }
  .su-toc { margin: 24px 0 30px; padding: 14px 16px; }
  .su-toc summary { min-height: 36px; font-size: 17px; }
  .su-toc ol { columns: 1; margin-top: 12px; }
  .su-toc li { margin: 8px 0; font-size: 15px; }
  .su-science-diagram { margin-top: 24px; margin-bottom: 28px; }
  .su-science-diagram figcaption { font-size: 13.5px; }
  .su-author-box { margin-top: 38px; padding: 20px; }
  .su-author-box h2 { font-size: 23px; }
  .su-author-box p { font-size: 14px; }
  .su-related { margin-top: 38px; padding-top: 26px; }
  .su-related-heading { display: block; margin-bottom: 15px; }
  .su-related-heading h2 { font-size: 27px; }
  .su-related-heading > a { display: inline-flex; min-height: 44px; align-items: center; margin-top: 4px; font-size: 14px; }
  .su-related-grid { grid-template-columns: 1fr; gap: 0; }
  .su-related-card { display: grid; grid-template-columns: 112px minmax(0,1fr); column-gap: 12px; padding: 14px 0; border-top: 1px solid var(--su-border); }
  .su-related-card:first-child { border-top: 0; padding-top: 0; }
  .su-related-image { grid-row: 1 / span 2; margin: 0; }
  .su-related-image img { height: 84px; aspect-ratio: 4 / 3; object-fit: cover; }
  .su-related-card h3 { font-size: 16px; line-height: 1.2; }
  .su-related-card p { margin-top: 6px; font-size: 13.5px; line-height: 1.45; }
  .su-page-title { margin-bottom: 20px; font-size: clamp(30px, 8vw, 38px); }
  .page .su-single-content > h2 { margin-top: 40px; font-size: 27px; }
  .page .su-single-content > h3 { margin-top: 30px; font-size: 21px; }
  .su-archive-header { margin-bottom: 22px; padding-bottom: 16px; }
  .su-archive-header h1,
  .su-archive-header .wp-block-query-title { font-size: clamp(30px, 8vw, 38px); }
  .su-archive-header p { font-size: 15px; }
  .su-footer-inner { padding-top: 30px; padding-bottom: 28px; }
  .su-footer .wp-block-columns { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px 18px !important; }
  .su-footer .wp-block-column { width: auto !important; flex-basis: auto !important; }
  .su-footer .wp-block-column:nth-child(1),
  .su-footer .wp-block-column:nth-child(2) { grid-column: 1 / -1; }
  .su-footer .wp-block-column:nth-child(2) .wp-block-list { columns: 2; column-gap: 18px; }
  .su-footer h2 { font-size: 20px; }
  .su-footer h3 { margin-bottom: 8px; font-size: 15px; }
  .su-footer p,
  .su-footer li { font-size: 14px; line-height: 1.5; }
  .su-footer li { margin: 0 !important; break-inside: avoid; }
  .su-footer li a { display: inline-flex; min-height: 44px; align-items: center; }
  .su-footer-tagline { max-width: 34rem; }
  .su-footer-note { margin-top: 26px; padding-top: 17px; font-size: 13.5px !important; line-height: 1.55 !important; }
}

@media (max-width: 600px) {
  body .su-archive-query .wp-block-post-template.is-layout-grid { grid-template-columns: 1fr !important; gap: 0 !important; }
  .su-archive-query .wp-block-post { display: grid; grid-template-columns: 118px minmax(0,1fr); column-gap: 13px; padding: 15px 0; border-top: 1px solid var(--su-border); }
  .su-archive-query .wp-block-post:first-child { border-top: 0; padding-top: 0; }
  .su-archive-query .wp-block-post-featured-image { grid-row: 1 / span 4; margin: 0; }
  .su-archive-query .wp-block-post-featured-image img { height: 88px; aspect-ratio: 4 / 3; }
  .su-archive-query .wp-block-post-title { font-size: 17px; }
  .su-archive-query .wp-block-post-excerpt { display: none; }
  .su-archive-query .wp-block-post-date { font-size: 12.5px; }
  .su-pagination { margin-top: 30px; font-size: 14px; }
}

@media (max-width: 430px) {
  .su-topic-card { min-height: 78px; }
  .su-topic-icon { width: 44px; min-width: 44px; height: 52px; }
  .su-topic-copy h3 { font-size: 14.5px; }
  .su-featured-query .wp-block-post-title { font-size: clamp(27px, 8vw, 32px); }
}

@media (max-width: 380px) {
  .su-main-header-inner { gap: 3px; }
  body .su-featured-science-query .wp-block-post-template.is-layout-grid,
  body .su-guides-query .wp-block-post-template.is-layout-grid { grid-template-columns: 1fr !important; gap: 0 !important; }
  .su-featured-science-query .wp-block-post,
  .su-guides-query .wp-block-post { display: grid; grid-template-columns: 100px minmax(0,1fr); column-gap: 11px; padding: 13px 0; border-top: 1px solid var(--su-border); }
  .su-featured-science-query .wp-block-post:first-child,
  .su-guides-query .wp-block-post:first-child { border-top: 0; padding-top: 0; }
  .su-featured-science-query .wp-block-post-featured-image,
  .su-guides-query .wp-block-post-featured-image { grid-row: 1 / span 3; margin: 0; }
  .su-featured-science-query .wp-block-post-featured-image img,
  .su-guides-query .wp-block-post-featured-image img { height: 78px; aspect-ratio: 4 / 3; }
  .su-featured-science-query .wp-block-post-terms,
  .su-guides-query .wp-block-post-terms { margin-bottom: 2px; font-size: 10.5px; }
  .su-featured-science-query .wp-block-post-title,
  .su-guides-query .wp-block-post-title { font-size: 16px; }
  .su-secondary-query .wp-block-post { grid-template-columns: 98px minmax(0,1fr); }
  .su-secondary-query .wp-block-post-featured-image img { min-height: 76px; }
  .su-single-title { font-size: clamp(28px, 8.7vw, 33px); }
  .su-single-content { font-size: 16.5px; }
  .su-single-content > h2 { margin-top: 40px; font-size: 26px; }
  .su-single-content > h3 { margin-top: 30px; font-size: 20px; }
  .su-related-card { grid-template-columns: 100px minmax(0,1fr); }
  .su-related-image img { height: 76px; }
  .su-footer .wp-block-columns { grid-template-columns: 1fr; gap: 21px !important; }
  .su-footer .wp-block-column:nth-child(1),
  .su-footer .wp-block-column:nth-child(2),
  .su-footer .wp-block-column:nth-child(3),
  .su-footer .wp-block-column:nth-child(4) { grid-column: 1; }
  .su-footer .wp-block-column:nth-child(2) .wp-block-list { columns: 2; column-gap: 14px; }
}

@media (max-width: 374px) {
  .su-topic-grid { grid-template-columns: 1fr; gap: 8px !important; }
  .su-topic-card { min-height: 74px; padding: 8px 34px 8px 9px; }
  .su-topic-card-inner { gap: 10px !important; }
  .su-topic-icon { width: 50px; min-width: 50px; height: 56px; }
  .su-topic-copy h3 { font-size: 15.5px; line-height: 1.18; }
  .su-topic-copy p { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.35; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .su-topic-card, .su-skip-link { transition: none; }
}

.su-mobile-nav { display: none; margin: 0 !important; }
.su-mobile-nav > summary { list-style: none; }
.su-mobile-nav > summary::-webkit-details-marker { display: none; }
.su-mobile-nav > summary svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.su-mobile-nav-close-icon { display: none; }
.su-mobile-nav-panel { position: fixed; inset: 0; z-index: 100000; overflow-y: auto; overscroll-behavior: contain; background: #fff; color: var(--su-navy-dark); text-align: left; }
.su-mobile-nav-shell { width: min(100%, 620px); min-height: 100%; margin: 0 auto; padding: 82px 20px 34px; box-sizing: border-box; }
.su-mobile-nav-brand { padding: 0 54px 20px 0; border-bottom: 2px solid var(--su-navy-dark); }
.su-mobile-nav-brand a { color: var(--su-navy-dark); font-family: "Literata", Georgia, serif; font-size: 21px; font-weight: 600; letter-spacing: -.025em; text-decoration: none; text-transform: uppercase; }
.su-mobile-nav-brand span { display: block; margin-top: 5px; color: var(--su-muted); font-size: 13.5px; line-height: 1.45; }
.su-mobile-nav-search { display: flex; margin: 18px 0 25px; }
.su-mobile-nav-search input { min-width: 0; flex: 1; min-height: 50px; padding: 11px 13px; border: 1px solid #b9c7ce; border-right: 0; border-radius: 0; background: #fff; color: var(--su-text); font: inherit; font-size: 16px; }
.su-mobile-nav-search button { min-height: 50px; padding: 10px 17px; border: 0; border-radius: 0; background: var(--su-navy); color: #fff; font: inherit; font-size: 14.5px; font-weight: 700; }
.su-mobile-nav-section { margin-top: 24px; }
.su-mobile-nav-eyebrow { margin: 0 0 8px; color: var(--su-teal); font-size: 12.5px; font-weight: 800; letter-spacing: .065em; text-transform: uppercase; }
.su-mobile-nav-primary { border-top: 1px solid var(--su-border); }
.su-mobile-nav-primary a { display: flex; min-height: 52px; align-items: center; padding: 10px 2px; border-bottom: 1px solid var(--su-border); color: var(--su-navy-dark); font-family: "Literata", Georgia, serif; font-size: 20px; font-weight: 600; line-height: 1.18; text-align: left; text-decoration: none; }
.su-mobile-nav-primary a.is-current { color: var(--su-teal); }
.su-mobile-nav-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.su-mobile-nav-grid a { display: flex; min-height: 50px; align-items: center; padding: 10px 12px; border: 1px solid var(--su-border); background: #fbfcfc; color: var(--su-text); font-size: 14.5px; font-weight: 650; line-height: 1.3; text-align: left; text-decoration: none; }
.su-mobile-nav-grid a.is-current { border-color: var(--su-teal); background: #f0f8f8; color: var(--su-teal); }
.su-mobile-nav-grid-muted a { background: #fff; }

@media (max-width: 1120px) {
  .su-utility-bar { display: none; }
  .su-site-header,
  header.wp-block-template-part:has(.su-main-header) { position: sticky; top: 0; z-index: 99990; background: #fff; box-shadow: 0 1px 0 rgba(8,36,58,.08); }
  .admin-bar .su-site-header,
  .admin-bar header.wp-block-template-part:has(.su-main-header) { top: 32px; }
  .su-primary-nav { display: none !important; }
  .su-mobile-nav { display: block; flex: 0 0 auto; margin-left: auto; order: 3; }
  .su-mobile-nav > summary { position: relative; z-index: 100001; display: flex; width: 48px; min-width: 48px; height: 48px; align-items: center; justify-content: center; padding: 0; border: 1px solid transparent; background: transparent; color: var(--su-navy-dark); cursor: pointer; }
  .su-mobile-nav > summary:hover,
  .su-mobile-nav > summary:focus-visible { border-color: var(--su-border); background: #f8fafb; outline: none; }
  .su-mobile-nav[open] > summary { position: fixed; top: 18px; right: 18px; border-color: var(--su-border); background: #fff; }
  .su-mobile-nav[open] .su-mobile-nav-open-icon { display: none; }
  .su-mobile-nav[open] .su-mobile-nav-close-icon { display: block; }
  .su-main-header-inner { min-height: 64px; gap: 10px; padding-top: 9px; padding-bottom: 9px; }
  .su-brand { order: 1; min-width: 0; flex: 1 1 auto; }
  .su-brand .wp-block-site-tagline { display: none; }
  .su-brand .wp-block-site-title { font-size: clamp(19px, 5vw, 24px); white-space: nowrap; }
  html:has(.su-mobile-nav[open]),
  body:has(.su-mobile-nav[open]),
  html.su-mobile-menu-open,
  body.su-mobile-menu-open { overflow: hidden; }
}

@media (max-width: 782px) {
  .admin-bar .su-site-header,
  .admin-bar header.wp-block-template-part:has(.su-main-header) { top: 46px; }
}

@media (max-width: 430px) {
  .su-mobile-nav-shell { padding: 76px 16px 28px; }
  .su-mobile-nav[open] > summary { top: 14px; right: 14px; }
  .su-mobile-nav-brand a { font-size: 20px; }
  .su-mobile-nav-primary a { min-height: 52px; font-size: 19px; }
  .su-mobile-nav-grid { gap: 7px; }
  .su-mobile-nav-grid a { min-height: 48px; padding: 9px 10px; font-size: 14px; }
}

@media (max-width: 340px) {
  .su-mobile-nav-grid { grid-template-columns: 1fr; }
  .su-mobile-nav-shell { padding-left: 14px; padding-right: 14px; }
}
.su-mobile-nav:not([open]) .su-mobile-nav-panel { display: none; }