:root {
  --isais-ink: #0F2B23;
  --isais-navy: #0F2B23;
  --isais-blue: #1E6F5C;
  --isais-copper: #A67C2E;
  --isais-paper: #F6F7F8;
  --isais-line: #d8dfdc;
}

/* ISAIS Explains · science communication */
.science-hero .btn-outline{color:#fff!important;border-color:rgba(255,255,255,.66)!important;background:transparent!important}.science-hero .btn-outline:hover,.science-hero .btn-outline:focus-visible{color:#063b34!important;background:#fff!important;border-color:#fff!important}.science-hero .science-scope-note,.science-detail-hero .science-scope-note{color:rgba(255,255,255,.72)!important}
.science-detail-actions .btn-outline{color:#fff!important;border-color:rgba(255,255,255,.66)!important;background:transparent!important}.science-detail-actions .btn-outline:hover,.science-detail-actions .btn-outline:focus-visible{color:#063b34!important;background:#fff!important;border-color:#fff!important}
.science-topic-follow{margin:-1.35rem 0 2rem}.science-video{margin:0 0 2rem}.science-video video{display:block;width:100%;max-height:70vh;border:1px solid #b8d2cc;border-radius:16px;background:#031d1a}.science-video figcaption{padding:.65rem .2rem;color:#5c716c;font-size:.82rem}.science-video-link{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin:0 0 2rem;padding:1.25rem 1.4rem;border:1px solid #c6dbd6;border-radius:16px;background:#fff}.science-video-link h2{margin:.2rem 0 .35rem;font-size:1.35rem}.science-video-link p{margin:0}.science-account-library .grid-3{align-items:start}.science-account-library .card{padding:1.25rem}.science-account-library ul{display:grid;gap:.7rem;margin:1rem 0 0;padding:0;list-style:none}.science-account-library li{display:grid;gap:.25rem;padding-top:.7rem;border-top:1px solid #dce7e4}.science-account-library li a{display:grid;gap:.16rem;color:#0c584d;text-decoration:none}.science-account-library li small,.science-account-library li span{display:block;color:#667a75}.science-account-library .account-action-empty{color:#687b77}
.nav-explain-link{color:#8a6415!important;font-weight:800}.page-context-explain{background:#f4f8f7}.science-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#042e28 0%,#073e36 55%,#092b39 100%);color:#fff;padding:clamp(3.5rem,7vw,7rem) 0}.science-hero:after{content:"";position:absolute;inset:auto -12vw -30% auto;width:55vw;height:55vw;border:1px solid rgba(235,190,76,.22);border-radius:50%;box-shadow:0 0 0 6vw rgba(235,190,76,.035),0 0 0 12vw rgba(235,190,76,.025);pointer-events:none}.science-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}.science-hero h1{max-width:820px;color:#fff;font-size:clamp(3rem,6vw,6.25rem);line-height:.93;letter-spacing:-.045em}.science-hero .lead{max-width:700px;color:rgba(255,255,255,.84);font-size:clamp(1.08rem,1.7vw,1.35rem)}.science-hero .eyebrow{color:#f1c963}.science-hero figure{margin:0;position:relative}.science-hero figure:before{content:"";position:absolute;inset:-14px 18px 14px -14px;border:1px solid rgba(241,201,99,.62);border-radius:22px}.science-hero figure img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;filter:saturate(.85) contrast(1.04)}.science-hero figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(2,31,28,.84);backdrop-filter:blur(12px);font-size:.86rem;color:#fff}.science-scope-note{margin-top:1.25rem;font-size:.82rem;color:rgba(255,255,255,.67)}.science-trust-strip{background:#fff;border-bottom:1px solid #c9ddd8}.science-trust-strip .container{display:grid;grid-template-columns:repeat(4,1fr)}.science-trust-strip article{display:flex;align-items:flex-start;gap:.85rem;padding:1.35rem;border-right:1px solid #d9e7e3}.science-trust-strip article:last-child{border-right:0}.science-trust-strip strong{color:#bb8a26;font-family:var(--font-serif);font-size:1.35rem}.science-trust-strip span{display:grid;gap:.12rem}.science-trust-strip b{color:#073d35}.science-trust-strip small{color:#5a706b;line-height:1.35}.science-filter-row{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0 2.4rem}.science-filter{padding:.65rem 1rem;border:1px solid #c6d9d5;border-radius:999px;background:#fff;color:#164b43;font-size:.88rem;font-weight:750;text-decoration:none}.science-filter:hover,.science-filter.is-active{background:#0b695d;border-color:#0b695d;color:#fff}.science-feed{display:grid;gap:1.35rem;max-width:1180px;margin:auto}.science-feed-card{display:grid;grid-template-columns:minmax(270px,.68fr) minmax(0,1.32fr);min-height:330px;background:#fff;border:1px solid #cbded9;border-radius:22px;overflow:hidden;box-shadow:0 18px 55px rgba(6,54,47,.07)}.science-feed-card:nth-child(even){grid-template-columns:minmax(0,1.32fr) minmax(270px,.68fr)}.science-feed-card:nth-child(even) .science-feed-visual{order:2}.science-feed-visual{position:relative;display:block;min-height:100%;overflow:hidden;background:#073d35}.science-feed-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(2,31,28,.58))}.science-feed-visual img{width:100%;height:100%;min-height:330px;object-fit:cover;transition:transform .45s ease}.science-feed-card:hover .science-feed-visual img{transform:scale(1.025)}.science-feed-visual span{position:absolute;z-index:1;left:1rem;bottom:1rem;padding:.4rem .65rem;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(2,31,28,.76);color:#fff;font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.science-feed-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.6rem,4vw,3.4rem)}.science-meta-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}.science-meta-row span{padding:.35rem .62rem;border-radius:999px;background:#e9f2f0;color:#1b5b51;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.science-feed-copy h2{font-size:clamp(1.75rem,3vw,3rem);line-height:1.02;letter-spacing:-.03em}.science-feed-copy h2 a{color:#063b34;text-decoration:none}.science-feed-copy>p{font-size:1.03rem;color:#49635d}.science-card-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:auto;padding-top:1.25rem;border-top:1px solid #dce9e6}.science-card-foot>span{display:grid}.science-card-foot small{color:#6d827d}.science-method .grid-3 article{padding:1.6rem;border-top:1px solid #a9c9c2}.science-method .grid-3 span{color:#bf8b24;font-family:var(--font-serif);font-size:2rem}.science-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.science-event-card,.science-programme-empty{padding:1.6rem;border:1px solid #c6dcd7;border-radius:18px;background:#fff}.science-event-card dl{display:grid;gap:.5rem;margin:1.1rem 0}.science-event-card dl div{display:flex;justify-content:space-between;gap:1rem;padding-top:.5rem;border-top:1px solid #e0ebe8}.science-event-card dt{color:#627771}.science-event-card dd{margin:0;font-weight:750;text-align:right}.science-membership-preview .section-head h2,.science-membership-preview h3{color:#fff}.science-membership-preview .section-head>p,.science-membership-preview article p{color:rgba(255,255,255,.72)}.science-membership-preview article{padding:1.5rem;border:1px solid rgba(255,255,255,.18);border-radius:16px}.science-newsletter-form{display:grid;gap:.8rem;padding:1.5rem;border:1px solid #bdd5cf;border-radius:18px;background:#fff}.science-newsletter-form label{display:grid;gap:.4rem;font-weight:750}.science-consent{display:flex!important;align-items:flex-start;gap:.55rem;font-size:.86rem;font-weight:500!important}.science-consent input{width:auto;margin-top:.22rem}.isais-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.science-detail{background:#f7faf9}.science-detail-hero{padding:3rem 0 4rem;background:#062f29;color:#fff}.science-back{display:inline-block;margin-bottom:2rem;color:#e8c162;text-decoration:none;font-weight:750}.science-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);gap:3rem;align-items:center}.science-detail-grid h1{max-width:900px;color:#fff;font-size:clamp(2.7rem,5vw,5rem);line-height:.98}.science-detail-grid .lead{color:rgba(255,255,255,.82)}.science-detail-grid figure{margin:0}.science-detail-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;border:1px solid rgba(238,194,83,.56)}.science-detail-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.3rem 0}.science-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(2rem,6vw,5rem);align-items:start}.science-article-body{max-width:790px;font-size:1.14rem;line-height:1.8}.science-article-body p:first-child:first-letter{float:left;margin:.08em .1em 0 0;color:#0b695d;font-family:var(--font-serif);font-size:4.3rem;line-height:.75}.science-record-card{position:sticky;top:6rem;padding:1.5rem;border:1px solid #c5dad5;border-radius:18px;background:#fff}.science-record-card dl{display:grid;gap:.8rem}.science-record-card dl div{display:grid;gap:.25rem;padding-top:.7rem;border-top:1px solid #e0ebe8}.science-record-card dt{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#687d78}.science-record-card dd{display:grid;margin:0;color:#173f38}.science-record-card small{color:#657a75}.science-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.science-evidence-grid article{padding:1.5rem;border:1px solid #c8ddd8;border-radius:16px;background:#fff}.science-evidence-grid article:nth-child(2){border-color:#dfc682}.science-evidence-grid article:nth-child(3){border-color:#cbd1d0}.science-evidence-grid span{color:#ba8520;font-family:var(--font-serif);font-size:1.8rem}.science-sources{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem}.science-sources ol{margin:0;display:grid;gap:.8rem;counter-reset:source}.science-sources li{padding:1rem 1.15rem;border:1px solid #c8dcd7;border-radius:12px;background:#fff}.science-sources a{color:#075e53;font-weight:750}.science-transcript{margin:2rem 0;padding:1rem 1.2rem;border:1px solid #c7dcd7;border-radius:12px;background:#fff}.science-transcript summary{cursor:pointer;font-weight:800}.science-correction{margin:2rem 0;padding:1rem 1.2rem;border-left:4px solid #c18a22;background:#fff7df}.science-access-gate{padding:2rem;border:1px solid #d8c17d;border-radius:16px;background:#fffaf0}.science-question-form{display:grid;gap:.8rem;padding:1.5rem;border:1px solid #c5d9d4;border-radius:18px;background:#fff}.science-question-form label{display:grid;gap:.4rem;font-weight:750}.science-question-identity{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.science-public-answers{display:grid;gap:1rem;margin-top:1.4rem}.science-public-answers article{padding:1rem 1.2rem;border-left:3px solid #c39028;background:#fff}.isais-science-home{background:#eef5f3}.isais-science-home-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,5rem);align-items:center}.isais-science-home figure{margin:0}.isais-science-home img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:18px}.isais-science-home small{display:block;margin-top:1rem;color:#60736f}.membership-tier{display:flex;flex-direction:column;align-items:flex-start}.membership-tier-price{display:block;margin:auto 0 1rem;color:#0b5f55}.membership-account-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.science-editor-workspace{display:grid;gap:1rem}.science-panel-metrics{margin:0}.science-workspace-section{border:1px solid #c7dcd7!important}.science-editor-list,.science-question-queue{display:grid;gap:.8rem;padding:1rem}.science-editor-disclosure{background:#fff}.science-editor-form{max-width:none!important}.science-editor-status{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:.7rem}.science-editor-status label,.science-editor-form label,.science-event-editor label{display:grid;gap:.35rem;font-weight:750}.science-editor-check{display:flex!important;align-items:center;gap:.45rem}.science-editor-check input{width:auto}.science-editor-language-grid,.science-editor-record-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.science-editor-language-grid fieldset,.science-editor-record-grid fieldset{display:grid;gap:.7rem;min-width:0;padding:1rem;border:1px solid #d1e1de;border-radius:14px}.science-editor-language-grid legend,.science-editor-record-grid legend{padding:0 .4rem;font-weight:850;color:#075f54}.science-editor-rule,.science-editor-boundary{padding:1rem;border-left:4px solid #c49228;background:#fff8e4}.science-event-checks{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.science-event-checks label{display:flex;align-items:center;gap:.45rem}.science-event-checks input{width:auto}.science-event-admin-list{margin-top:1rem}
@media (max-width:1000px){.science-hero-grid,.science-detail-grid,.science-reading-layout,.science-sources,.isais-science-home-grid{grid-template-columns:1fr}.science-hero figure{max-width:680px}.science-record-card{position:static}.science-trust-strip .container{grid-template-columns:repeat(2,1fr)}.science-trust-strip article:nth-child(2){border-right:0}.science-feed-card,.science-feed-card:nth-child(even){grid-template-columns:280px 1fr}.science-feed-card:nth-child(even) .science-feed-visual{order:0}.science-event-grid,.science-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.science-editor-status{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.science-hero{padding:3rem 0}.science-hero h1{font-size:clamp(2.7rem,14vw,4rem)}.science-hero-grid{gap:2rem}.science-hero figure img{aspect-ratio:4/3}.science-trust-strip .container{grid-template-columns:1fr}.science-trust-strip article{border-right:0;border-bottom:1px solid #d9e7e3}.science-feed-card,.science-feed-card:nth-child(even){grid-template-columns:1fr}.science-feed-visual img{min-height:240px;aspect-ratio:16/10}.science-card-foot{align-items:flex-start;flex-direction:column}.science-event-grid,.science-evidence-grid{grid-template-columns:1fr}.science-question-identity,.science-editor-language-grid,.science-editor-record-grid{grid-template-columns:1fr}.science-editor-status{grid-template-columns:1fr 1fr}.science-detail-hero{padding:2rem 0 3rem}.science-detail-grid{gap:2rem}.science-sources{gap:1.5rem}}

@media (max-width:700px){.science-video-link{align-items:flex-start;flex-direction:column}}

/* Ordered public-site editor: the page directory remains compact while each
   text or image follows the same sequence visitors see on the public page. */
.public-page-editor {
  margin: 1.25rem 0 1.75rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid rgba(9, 91, 82, .2);
  border-radius: 1.15rem;
  background: #f8fbfa;
}
/* The site editor is a primary account task, not a buried corporate submenu. */
.account-side-link-primary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
  margin: .48rem 0 .7rem;
  padding: .72rem .76rem;
  border: 1px solid #8fc9bb;
  border-left: .22rem solid #147966;
  border-radius: .62rem;
  background: linear-gradient(135deg, #e7f5f0, #f7fbf9);
  box-shadow: 0 .35rem 1rem rgba(18, 83, 69, .08);
}
.account-side-link-primary span,
.account-side-link-primary strong,
.account-side-link-primary small { display: block; min-width: 0; }
.account-side-link-primary strong { color: #0d5145; font-size: .82rem; }
.account-side-link-primary small { margin-top: .12rem; color: #55736b; font-size: .66rem; font-weight: 650; }
.account-side-link-primary > b { color: #147966; font-size: 1rem; }
.account-feature-card-public-editor { border-color: #7fbfaf !important; background: linear-gradient(145deg, #f2faf7, #fff) !important; }
.account-side-link-primary + .account-side-link-primary { margin-top: -.42rem; }
.account-side-link-primary-images {
  border-color: #d5bc80;
  border-left-color: #a67c2e;
  background: linear-gradient(135deg, #fbf5e7, #fff);
}
.account-side-link-primary-images strong { color: #70531d; }
.account-side-link-primary-images > b { color: #9a7024; }
.account-feature-card-public-images { border-color: #d5bc80 !important; background: linear-gradient(145deg, #fff9ea, #fff) !important; }

/* Two to four editable images establish a measured editorial rhythm on long
   informative pages. Existing section copy flows naturally beside them. */
.public-reading-visual {
  position: relative;
  z-index: 1;
  width: min(100%, 58rem);
  margin: 1rem auto 2rem;
  clear: both;
  grid-column: 1 / -1;
  justify-self: center;
}
.public-reading-visual--right,
.public-reading-visual--left { float: none; }
.public-reading-visual img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border: 1px solid rgba(18, 92, 77, .2);
  border-radius: .72rem;
  box-shadow: 0 1rem 2.8rem rgba(20, 64, 55, .14);
}
.public-reading-visual::after {
  content: "";
  position: absolute;
  inset: .55rem -.38rem -.38rem .55rem;
  z-index: -1;
  border: 1px solid rgba(184, 137, 47, .32);
  border-radius: .72rem;
}
.public-page-editor-layout {
  display: grid;
  grid-template-columns: minmax(12.5rem, 15rem) minmax(0, 1fr);
  gap: 1.15rem;
  align-items: start;
}
.public-editor-mode-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  margin-bottom: 1.2rem;
}
.public-editor-mode-switch a {
  display: grid;
  gap: .2rem;
  padding: .9rem 1rem;
  color: #315a51;
  text-decoration: none;
  border: 1px solid #c8d9d4;
  border-radius: .85rem;
  background: #fff;
}
.public-editor-mode-switch a:last-child { border-color: #ddc994; }
.public-editor-mode-switch a:hover { transform: translateY(-1px); box-shadow: 0 .55rem 1.4rem rgba(21, 73, 61, .08); }
.public-editor-mode-switch a.is-active {
  color: #fff;
  border-color: #176f5e;
  background: linear-gradient(135deg, #0e5b4c, #1d7d69);
  box-shadow: 0 .65rem 1.6rem rgba(16, 88, 74, .18);
}
.public-editor-mode-switch a.is-active:last-child { border-color: #967027; background: linear-gradient(135deg, #74551c, #a67c2e); }
.public-editor-mode-switch strong,
.public-editor-mode-switch small { color: inherit; }
.public-editor-mode-switch small { opacity: .82; }
.public-editor-page-directory {
  position: sticky;
  top: 6rem;
  display: grid;
  gap: .35rem;
  max-height: 70vh;
  padding-right: .35rem;
  overflow: auto;
}
.public-editor-page-link {
  display: grid;
  gap: .1rem;
  padding: .65rem .75rem;
  color: var(--ink, #12372f);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: .7rem;
  overflow-wrap: anywhere;
}
.public-editor-page-link small { color: #60736e; }
.public-editor-page-link:hover,
.public-editor-page-link.is-active {
  border-color: rgba(9, 91, 82, .22);
  background: #e8f4f1;
}
.public-editor-elements {
  min-width: 0;
  display: grid;
  gap: .65rem;
}
.public-editor-elements > header {
  padding: .25rem .2rem .7rem;
  border-bottom: 1px solid rgba(9, 91, 82, .18);
}
.public-editor-elements > header h3 { margin: .15rem 0; }
.public-editor-element summary strong {
  display: block;
  max-width: 60rem;
  margin-top: .18rem;
  font-size: .95rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.public-editor-text-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.public-editor-text-fields textarea { min-height: 7.5rem; resize: vertical; }
.public-editor-caption-element { border-left: .24rem solid #b38a38; }
.public-editor-caption-fields {
  padding: .9rem;
  border: 1px solid #e4d5ad;
  border-radius: .8rem;
  background: #fffaf0;
}
.public-editor-caption-fields textarea { min-height: 5.5rem; }
.public-editor-image-workspace {
  display: grid;
  grid-template-columns: minmax(10rem, 15rem) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}
.public-editor-image-workspace figure {
  margin: 0;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: .8rem;
  background: #e7efed;
}
.public-editor-image-workspace img { width: 100%; height: 100%; object-fit: cover; }
.public-editor-form-footer {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  justify-content: flex-end;
  align-items: end;
  margin-top: .8rem;
}
.public-editor-publish-note {
  max-width: 46rem;
  margin: .85rem 0 0 auto;
  color: #526863;
  font-size: .82rem;
  line-height: 1.5;
  text-align: right;
}
.journal-guideline-visual {
  margin: 1.35rem 0 2rem;
}
.journal-guideline-visual img {
  width: 100%;
  max-height: 28rem;
  object-fit: cover;
  border-radius: 1rem;
}
.journal-guideline-visual figcaption {
  margin-top: .5rem;
  color: #586d67;
  font-size: .85rem;
}

@media (max-width: 900px) {
  .public-reading-visual,
  .public-reading-visual--left,
  .public-reading-visual--right {
    float: none;
    width: 100%;
    margin: .75rem 0 1.5rem;
  }
  .public-page-editor-layout { grid-template-columns: 1fr; }
  .public-editor-mode-switch { grid-template-columns: 1fr; }
  .public-editor-page-directory {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: 18rem;
  }
  .public-editor-text-fields,
  .public-editor-image-workspace { grid-template-columns: 1fr; }
  .public-editor-image-workspace figure { max-width: 24rem; }
}
@media (max-width: 560px) {
  .account-side-link-primary { min-width: min(17rem, calc(100vw - 2rem)); }
  .public-editor-page-directory { grid-template-columns: 1fr; }
  .public-editor-form-footer { justify-content: stretch; }
  .public-editor-form-footer button { width: 100%; }
  .public-editor-publish-note { margin-left: 0; text-align: left; }
}

/* Stage 2: each title behaves as an autonomous scholarly journal while
   retaining the shared ISAIS publishing shell. */
.journal-masthead {
  padding: clamp(2.25rem, 5vw, 4.25rem) 0 clamp(1.8rem, 4vw, 3rem);
  color: #fff;
  background: #123f35;
}
.journal-masthead-journal_2 { background: #123958; }
.journal-masthead-journal_3 { background: #263f63; }
.journal-masthead-journal_5 { min-height: clamp(27rem, 48vw, 42rem); padding-block: clamp(4rem, 9vw, 7.5rem); background: #062f33; }
.journal-masthead-journal_5.has-custom-cover::before {
  background:
    linear-gradient(90deg, rgba(2, 29, 31, .97) 0%, rgba(2, 35, 38, .92) 40%, rgba(2, 35, 38, .45) 68%, rgba(2, 35, 38, .18) 100%),
    linear-gradient(180deg, rgba(6, 47, 51, .08), rgba(3, 27, 31, .4));
}
.journal-masthead-journal_5 .container { align-content: center; min-height: 18rem; }
.journal-masthead-journal_5 h1 { max-width: 15ch; font-size: clamp(3rem, 6.4vw, 6.7rem); }
.journal-masthead-journal_5 > .container > p:not(.eyebrow) { max-width: 54ch; font-size: clamp(1.02rem, 1.55vw, 1.23rem); }
.journal-masthead .container { display: grid; gap: .7rem; }
.journal-masthead .eyebrow { margin: 0; color: #e8c77f; }
.journal-masthead h1 {
  max-width: 24ch;
  margin: 0;
  color: #fff;
  font: 400 clamp(2.4rem, 5.7vw, 5.6rem)/.96 Georgia, "Times New Roman", serif;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.journal-masthead > .container > p:not(.eyebrow) { max-width: 72ch; margin: .25rem 0 0; color: rgba(255,255,255,.88); font-size: clamp(1rem, 1.5vw, 1.16rem); }
.journal-masthead-facts { display: flex; flex-wrap: wrap; gap: .55rem 1.2rem; margin-top: .6rem; color: rgba(255,255,255,.82); font-size: .82rem; }
.journal-masthead-facts span + span { position: relative; }
.journal-masthead-facts span + span::before { content: ""; position: absolute; left: -.65rem; top: .48em; width: .18rem; height: .18rem; border-radius: 50%; background: #e8c77f; }
.journal-local-nav { position: sticky; top: var(--header-height, 0); z-index: 18; border-bottom: 1px solid #cad6d2; background: rgba(255,255,255,.97); }
.journal-local-nav .container { overflow-x: auto; scrollbar-width: thin; }
.journal-local-nav ul { display: flex; align-items: stretch; min-width: max-content; margin: 0; padding: 0; list-style: none; }
.journal-local-nav a { display: flex; align-items: center; min-height: 3.35rem; padding: .7rem .78rem; border-bottom: 3px solid transparent; color: #183f35; font-size: .82rem; font-weight: 750; text-decoration: none; }
.journal-local-nav a:hover,
.journal-local-nav a:focus-visible,
.journal-local-nav a[aria-current="page"] { border-bottom-color: #a67c2e; color: #0d6b58; }
.journal-local-nav .journal-submit-item { margin-left: .7rem; }
.journal-local-nav .journal-submit-item a { padding-inline: 1.15rem; color: #fff; background: #176f5d; border-bottom-color: #176f5d; }
.journal-home-intro { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(18rem,.65fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
.journal-clinical-showcase { position: relative; overflow: hidden; color: #fff; background: #082f33; }
.journal-clinical-showcase::after { content: ""; position: absolute; right: -9rem; bottom: -12rem; width: 28rem; height: 28rem; border: 1px solid rgba(221,184,91,.24); border-radius: 50%; box-shadow: 0 0 0 5rem rgba(221,184,91,.035), 0 0 0 10rem rgba(221,184,91,.02); pointer-events: none; }
.journal-clinical-showcase-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(21rem,.92fr); min-height: 36rem; padding-block: clamp(3rem, 6vw, 5.75rem); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.journal-clinical-showcase figure { position: relative; margin: 0; }
.journal-clinical-showcase figure::before { content: ""; position: absolute; inset: -1rem 1rem 1rem -1rem; border: 1px solid rgba(222,185,91,.65); border-radius: 1.3rem; }
.journal-clinical-showcase figure::after { content: ""; position: absolute; inset: 0; border-radius: 1rem; background: linear-gradient(135deg, rgba(9,76,77,.08), rgba(4,31,35,.28)); pointer-events: none; }
.journal-clinical-showcase figure img { position: relative; display: block; width: 100%; aspect-ratio: 16 / 10.25; object-fit: cover; border-radius: 1rem; box-shadow: 0 2rem 4rem rgba(0,0,0,.28); }
.journal-clinical-showcase figcaption { margin-top: .85rem; color: rgba(255,255,255,.68); font-size: .78rem; }
.journal-clinical-showcase-copy > .eyebrow { color: #e5c66f; }
.journal-clinical-showcase-copy > h2 { max-width: 11ch; margin: .4rem 0 2rem; color: #fff; font: 400 clamp(2.45rem, 4.6vw, 5rem)/.98 Georgia, "Times New Roman", serif; letter-spacing: -.04em; }
.journal-clinical-standards { border-top: 1px solid rgba(255,255,255,.2); }
.journal-clinical-standards article { display: grid; grid-template-columns: 2.3rem minmax(0,1fr); gap: 1rem; padding: 1.15rem 0; border-bottom: 1px solid rgba(255,255,255,.15); }
.journal-clinical-standards span { color: #e5c66f; font: 700 .76rem/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; }
.journal-clinical-standards h3 { margin: 0 0 .28rem; color: #fff; font-size: 1rem; }
.journal-clinical-standards p { margin: 0; color: rgba(255,255,255,.74); font-size: .9rem; line-height: 1.55; }
.journal-evidence-visual { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(18rem,.75fr); margin: 0 0 clamp(3rem, 6vw, 5.5rem); overflow: hidden; border-radius: 1.25rem; color: #fff; background: #0a3538; box-shadow: 0 1.5rem 3.5rem rgba(15,61,54,.14); }
.journal-evidence-visual img { width: 100%; height: 100%; min-height: 25rem; object-fit: cover; }
.journal-evidence-visual figcaption { display: flex; flex-direction: column; justify-content: end; min-height: 25rem; padding: clamp(2rem, 4vw, 3.5rem); background: linear-gradient(145deg, #0a3e3f, #071f27); }
.journal-evidence-visual figcaption span { margin-bottom: .65rem; color: #e1bd62; font-size: .72rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.journal-evidence-visual figcaption strong { color: #fff; font: 400 clamp(2rem, 3.6vw, 3.5rem)/1 Georgia, "Times New Roman", serif; }
.journal-evidence-visual figcaption p { margin: 1.2rem 0 0; color: rgba(255,255,255,.74); line-height: 1.65; }
.journal-guideline-visual-surgical { padding: .6rem; border: 1px solid #c8b271; border-radius: 1.25rem; background: #f4f0e4; }
.journal-guideline-visual-surgical img { max-height: 32rem; }
.journal-specialty-requirements { margin: 0 0 1.8rem; padding: clamp(1.4rem, 3vw, 2rem); border-left: 4px solid #b99136; border-radius: 0 .9rem .9rem 0; background: linear-gradient(135deg, #f6f1e5, #edf4f1); }
.journal-specialty-requirements .eyebrow { margin-top: 0; color: #756022; }
.journal-specialty-requirements p { max-width: 75ch; }
.journal-specialty-detail { margin-top: clamp(3rem, 7vw, 6rem); padding: clamp(2rem, 5vw, 4.25rem); border-radius: 1.3rem; color: #fff; background: linear-gradient(135deg, #082f33 0%, #0d4b48 58%, #153f3d 100%); box-shadow: 0 1.4rem 3.4rem rgba(6,48,47,.14); }
.journal-specialty-detail > header { display: grid; grid-template-columns: minmax(10rem,.34fr) minmax(0,.66fr); gap: 2rem; align-items: end; padding-bottom: 1.5rem; border-bottom: 1px solid rgba(255,255,255,.2); }
.journal-specialty-detail .eyebrow { margin: 0; color: #e4c570; }
.journal-specialty-detail h2 { max-width: 18ch; margin: 0; color: #fff; font: 400 clamp(2rem,4vw,3.6rem)/1 Georgia,"Times New Roman",serif; }
.journal-specialty-detail-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.journal-specialty-detail-grid article { min-width: 0; padding: 1.5rem 1.15rem 0; border-left: 1px solid rgba(255,255,255,.16); }
.journal-specialty-detail-grid article:first-child { padding-left: 0; border-left: 0; }
.journal-specialty-detail-grid span { color: #e4c570; font: 700 .76rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .08em; }
.journal-specialty-detail-grid h3 { margin: .65rem 0 .45rem; color: #fff; font-size: 1rem; }
.journal-specialty-detail-grid p { margin: 0; color: rgba(255,255,255,.74); font-size: .88rem; line-height: 1.6; }
.journal-specialty-policy { margin: 3.2rem 0; padding: clamp(1.5rem,4vw,3rem); border: 1px solid #c7d5d0; border-radius: 1.2rem; background: linear-gradient(145deg,#f6f9f7,#eef4f1); }
.journal-specialty-policy > header { display: grid; grid-template-columns: minmax(11rem,.35fr) minmax(0,.65fr); gap: 2rem; align-items: end; }
.journal-specialty-policy > header .eyebrow { margin: 0; color: #806820; }
.journal-specialty-policy > header h2 { margin: 0; font: 400 clamp(2rem,4vw,3.3rem)/1.02 Georgia,"Times New Roman",serif; }
.journal-specialty-policy .journal-policy-list { margin-top: 2rem; }
.journal-policy-sources { display: flex; flex-wrap: wrap; gap: .8rem 1.6rem; padding-top: 1.25rem; }
.journal-open-schedule { margin: 2.6rem 0; overflow: hidden; border: 1px solid #a9c6bf; border-radius: 1.2rem; background: #fff; box-shadow: 0 1.1rem 2.8rem rgba(5,55,49,.08); }
.journal-open-schedule > header { display: grid; grid-template-columns: minmax(12rem,.36fr) minmax(0,.64fr); gap: 1.5rem 2.5rem; padding: clamp(1.6rem,4vw,2.7rem); color: #fff; background: linear-gradient(125deg,#063b35,#0a695c); }
.journal-open-schedule > header .eyebrow { grid-column: 1/-1; margin: 0; color: #e9ca75; }
.journal-open-schedule > header h2 { margin: 0; color: #fff; font: 400 clamp(2rem,4vw,3.3rem)/1 Georgia,"Times New Roman",serif; }
.journal-open-schedule > header p:last-child { align-self: end; margin: 0; color: rgba(255,255,255,.8); line-height: 1.7; }
.journal-open-schedule > div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.journal-open-schedule article { min-width: 0; padding: 1.45rem; border-right: 1px solid #d8e5e1; }
.journal-open-schedule article:last-child { border-right: 0; }
.journal-open-schedule article > span { color: #866217; font-size: .72rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.journal-open-schedule article h3 { margin: .45rem 0 .65rem; color: #073e36; font-size: 1.08rem; }
.journal-open-schedule article p { margin: 0 0 .75rem; color: #4c655f; font-size: .9rem; line-height: 1.6; }
.article-record-notice { margin: 0; padding: 1.1rem 0; color: #082f2a; border-bottom: 1px solid rgba(7,55,48,.15); }
.article-record-notice .container { display: grid; grid-template-columns: auto minmax(0,1fr); gap: .9rem 1.2rem; align-items: start; }
.article-record-notice strong { padding: .32rem .55rem; border-radius: .35rem; background: #fff; color: inherit; font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; }
.article-record-notice h2 { margin: 0 0 .3rem; color: inherit; font-size: 1.15rem; }
.article-record-notice p { margin: 0; line-height: 1.55; }
.article-record-notice time { display: inline-block; margin-top: .45rem; font-size: .8rem; font-weight: 750; }
.article-record-notice.is-correction { background: #fff5d7; }
.article-record-notice.is-expression_of_concern { background: #fde5b0; }
.article-record-notice.is-retraction { color: #fff; background: #8b2828; border-color: transparent; }
.article-record-notice.is-retraction + .article-record-hero h1 { text-decoration: line-through; text-decoration-thickness: .08em; text-decoration-color: #b94a43; }
.article-fixed-license { display: grid; gap: .3rem; padding: 1rem; border: 1px solid #b9d2cb; border-radius: .7rem; background: #f2f8f6; }
.article-fixed-license > span { color: #47655d; font-size: .76rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.article-fixed-license strong { color: #07594f; }
.article-fixed-license small { color: #566d67; }
.article-version-history { margin: 1rem 0; padding: 1.1rem; border: 1px solid #cadbd6; border-radius: .8rem; background: #f7faf9; }
.article-version-history ol { display: grid; gap: .65rem; margin: .7rem 0; padding: 0; list-style: none; }
.article-version-history li { display: grid; grid-template-columns: 1fr auto; gap: .12rem .6rem; padding-top: .55rem; border-top: 1px solid #d8e4e0; }
.article-version-history li strong { color: #113f36; font-size: .84rem; }
.article-version-history li span { grid-column: 1; color: #536b64; font-size: .78rem; }
.article-version-history li time { grid-column: 2; grid-row: 1/3; align-self: center; color: #6b7c77; font-size: .72rem; }
.article-version-history > small { color: #677c76; line-height: 1.4; }
@media (max-width: 900px) { .journal-open-schedule > div { grid-template-columns: repeat(2,minmax(0,1fr)); } .journal-open-schedule article:nth-child(2) { border-right: 0; } .journal-open-schedule article:nth-child(-n+2) { border-bottom: 1px solid #d8e5e1; } }
@media (max-width: 620px) { .journal-open-schedule > header { grid-template-columns: 1fr; } .journal-open-schedule > div { grid-template-columns: 1fr; } .journal-open-schedule article,.journal-open-schedule article:nth-child(2) { border-right: 0; border-bottom: 1px solid #d8e5e1; } .journal-open-schedule article:last-child { border-bottom: 0; } .article-record-notice .container { grid-template-columns: 1fr; } }
.journal-review-commitments { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin: 2rem 0 2.8rem; }
.journal-review-commitments article { padding: 1.35rem; border: 1px solid #c9d8d3; border-radius: .85rem; background: #f4f8f6; }
.journal-review-commitments h3 { margin: 0 0 .55rem; color: #143e34; font-size: 1rem; }
.journal-review-commitments p { margin: 0; font-size: .9rem; line-height: 1.6; }
.journal-reporting-matrix { margin: 2.2rem 0; padding: clamp(1.4rem,3vw,2.25rem); border: 1px solid #bdcec8; border-radius: 1rem; background: #f7faf8; }
.journal-reporting-matrix > header { padding-bottom: 1.2rem; border-bottom: 1px solid #cdd9d5; }
.journal-reporting-matrix > header .eyebrow { margin-top: 0; }
.journal-reporting-matrix > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.journal-reporting-matrix article { display: grid; gap: .25rem; padding: 1rem; border-bottom: 1px solid #d4dfdb; }
.journal-reporting-matrix article:nth-child(odd) { padding-left: 0; border-right: 1px solid #d4dfdb; }
.journal-reporting-matrix strong { color: #123e34; }
.journal-reporting-matrix span { color: #52685f; font-size: .88rem; }
.journal-clinical-file-standards > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid #ccd9d5; border-radius: 1rem; background: #ccd9d5; }
.journal-clinical-file-standards article { padding: 1.25rem; background: #fff; }
.journal-clinical-file-standards h4 { margin: 0 0 .45rem; color: #15473b; font-size: .96rem; }
.journal-clinical-file-standards p { margin: 0; font-size: .9rem; line-height: 1.62; }
.journal-information { padding-left: clamp(1.5rem, 3vw, 2.5rem); border-left: 1px solid #c9d6d2; }
.journal-information dl { display: grid; gap: .8rem; margin: 1.4rem 0 0; }
.journal-information dl div { display: grid; grid-template-columns: 8.5rem 1fr; gap: 1rem; padding-top: .8rem; border-top: 1px solid #d9e1df; }
.journal-information dt { color: #52665f; font-size: .76rem; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
.journal-information dd { margin: 0; color: #173d34; }
.journal-subject-tags { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1.2rem 0; padding: 0; list-style: none; }
.journal-subject-tags li { padding: .38rem .62rem; border: 1px solid #b9cbc6; border-radius: 999px; background: #f3f8f6; color: #284b42; font-size: .8rem; line-height: 1.25; }
.journal-reading-layout { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(18rem,.85fr); gap: clamp(2.5rem, 6vw, 6rem); }
.journal-scope-lists { display: grid; gap: 2rem; }
.journal-scope-lists section { padding-left: 1.5rem; border-left: 3px solid #a67c2e; }
.journal-scope-lists section + section { border-left-color: #6b7e78; }
.journal-type-list,
.journal-policy-list,
.journal-board-list,
.journal-article-list { margin-top: 2rem; border-top: 1px solid #bfcfc9; }
.journal-type-row,
.journal-policy-list article,
.journal-board-member,
.journal-article-row { display: grid; grid-template-columns: minmax(13rem,.42fr) minmax(0,1fr); gap: 2rem; padding: 1.35rem 0; border-bottom: 1px solid #d6dfdc; }
.journal-type-row h2,
.journal-policy-list h3,
.journal-board-member h2,
.journal-article-row h2,
.journal-article-row h3 { margin: 0; color: #143e34; }
.journal-type-row p,
.journal-policy-list p,
.journal-board-member p,
.journal-article-row p { margin: 0; }
.journal-board-member { grid-template-columns: minmax(11rem,.28fr) minmax(0,1fr); }
.journal-board-member .eyebrow { grid-column: 1; }
.journal-board-member h2 { grid-column: 2; grid-row: 1; }
.journal-board-member > :not(.eyebrow):not(h2) { grid-column: 2; }
.journal-board-principles { max-width: 75ch; margin-top: 2rem; padding: 1.5rem 0 0 1.6rem; border-top: 1px solid #c7d4d0; border-left: 3px solid #a67c2e; }
.journal-guidelines-layout { display: grid; grid-template-columns: 15rem minmax(0,1fr); gap: clamp(2.5rem, 5vw, 5rem); align-items: start; }
.journal-guideline-sidebar { position: sticky; top: 8rem; display: grid; gap: .1rem; max-height: calc(100vh - 10rem); overflow-y: auto; padding: 1rem 0; border-top: 1px solid #b8c9c4; border-bottom: 1px solid #b8c9c4; }
.journal-guideline-sidebar strong { padding: .45rem .7rem; color: #143e34; font-family: Georgia, "Times New Roman", serif; font-size: 1.1rem; }
.journal-guideline-sidebar a { padding: .38rem .7rem; color: #3f5c54; font-size: .8rem; text-decoration: none; }
.journal-guideline-sidebar a:hover,
.journal-guideline-sidebar a:focus-visible { color: #08705b; text-decoration: underline; }
.journal-guideline-body { min-width: 0; }
.journal-guideline-body > header { padding-bottom: 1.5rem; border-bottom: 1px solid #c5d3cf; }
.journal-guideline-body > section { scroll-margin-top: 9rem; padding: 1.7rem 0; border-bottom: 1px solid #d6dfdc; }
.journal-guideline-body h3 { margin: 0 0 .65rem; color: #143e34; font: 400 clamp(1.65rem, 3vw, 2.25rem)/1.08 Georgia, "Times New Roman", serif; }
.journal-review-model { display: flex; gap: 1.2rem; margin: 1.5rem 0; padding: 1rem 0; border-block: 1px solid #ccd8d4; }
.journal-review-model strong { color: #143e34; }
.journal-review-steps { margin: 2.2rem 0; padding: 0; list-style: none; border-top: 1px solid #c4d1cd; }
.journal-review-steps li { display: grid; grid-template-columns: 3rem minmax(0,1fr); gap: 1.2rem; padding: 1.25rem 0; border-bottom: 1px solid #d6dfdc; }
.journal-review-steps span { color: #a67c2e; font: 400 1.35rem Georgia, "Times New Roman", serif; }
.journal-review-steps h3 { margin: 0 0 .35rem; }
.journal-review-steps p { margin: 0; }
.narrow-wide { width: min(100%, 68rem); }

@media (max-width: 900px) {
  .journal-local-nav { position: relative; top: auto; }
  .journal-home-intro,
  .journal-reading-layout,
  .journal-guidelines-layout { grid-template-columns: 1fr; }
  .journal-information { padding: 1.5rem 0 0; border-top: 1px solid #c9d6d2; border-left: 0; }
  .journal-guideline-sidebar { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); max-height: none; }
  .journal-guideline-sidebar strong { grid-column: 1 / -1; }
  .journal-clinical-showcase-grid,
  .journal-evidence-visual { grid-template-columns: 1fr; }
  .journal-specialty-detail-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .journal-specialty-detail-grid article:nth-child(3) { padding-left: 0; border-left: 0; }
  .journal-review-commitments { grid-template-columns: 1fr; }
  .journal-clinical-showcase-grid { min-height: 0; }
  .journal-evidence-visual img { min-height: 19rem; }
  .journal-evidence-visual figcaption { min-height: 0; }
}

@media (max-width: 620px) {
  .journal-masthead { padding-block: 1.8rem 1.4rem; }
  .journal-masthead h1 { font-size: clamp(2.05rem, 11vw, 3.25rem); }
  .journal-masthead-facts { display: grid; gap: .32rem; }
  .journal-masthead-facts span + span::before { content: none; }
  .journal-local-nav a { min-height: 3rem; padding-inline: .65rem; }
  .journal-information dl div,
  .journal-type-row,
  .journal-policy-list article,
  .journal-board-member,
  .journal-article-row { grid-template-columns: 1fr; gap: .55rem; }
  .journal-board-member h2,
  .journal-board-member > :not(.eyebrow):not(h2) { grid-column: 1; grid-row: auto; }
  .journal-guideline-sidebar { grid-template-columns: 1fr; }
  .journal-guideline-body > section { scroll-margin-top: 1rem; }
  .journal-masthead-journal_5 { min-height: 30rem; }
  .journal-masthead-journal_5 h1 { max-width: 12ch; font-size: clamp(2.5rem, 12vw, 4rem); }
  .journal-clinical-showcase-grid { padding-block: 3.2rem; gap: 2.2rem; }
  .journal-clinical-showcase figure::before { inset: -.55rem .55rem .55rem -.55rem; }
  .journal-clinical-showcase-copy > h2 { font-size: clamp(2.25rem, 11vw, 3.4rem); }
  .journal-specialty-detail > header,
  .journal-specialty-policy > header,
  .journal-reporting-matrix > div,
  .journal-clinical-file-standards > div { grid-template-columns: 1fr; }
  .journal-specialty-detail-grid { grid-template-columns: 1fr; }
  .journal-specialty-detail-grid article { padding: 1rem 0; border-top: 1px solid rgba(255,255,255,.16); border-left: 0; }
  .journal-reporting-matrix article,
  .journal-reporting-matrix article:nth-child(odd) { padding-inline: 0; border-right: 0; }
}

html { scroll-behavior: smooth; }
body { background: var(--isais-paper); color: var(--isais-ink); }
.site-header { background: rgba(255,255,255,.96); border-bottom: 1px solid var(--isais-line); position: sticky; top: 0; z-index: 20; }
.header-inner { min-height: 76px; }
.brand { gap: .7rem; }
.brand-mark { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--isais-navy); color: #fff; border: 2px solid var(--isais-copper); font: 700 1.1rem/1 Georgia, serif; }
.brand-logo { object-fit: cover; }
.brand-copy strong { color: var(--isais-navy); letter-spacing: .04em; }
.brand-copy small { color: #5d7280; letter-spacing: .06em; }
.site-nav a, .account-link { color: var(--isais-ink); }
.site-nav a:hover, .site-nav a[aria-current="page"], .account-link:hover { color: var(--isais-blue); }
.account-icon-link {
  display: inline-grid;
  place-items: center;
  width: 2.62rem;
  min-width: 2.62rem;
  height: 2.62rem;
  min-height: 2.62rem;
  padding: 0;
  border: 1px solid #c7d8d2;
  border-radius: 50%;
  background: #fff;
  transition: color .16s ease, border-color .16s ease, background .16s ease, transform .16s ease;
}
.account-icon-link svg { width: 1.32rem; height: 1.32rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.account-icon-link:hover, .account-icon-link:focus-visible { color: #fff; border-color: var(--isais-emerald, #1e6f5c); background: var(--isais-emerald, #1e6f5c); transform: translateY(-1px); }
.btn, .btn-primary { background: var(--isais-navy); border-color: var(--isais-navy); }
.btn:hover, .btn-primary:hover { background: var(--isais-blue); border-color: var(--isais-blue); }
.btn-gold { background: var(--isais-copper); border-color: var(--isais-copper); color: #fff; }
.page-hero { background: linear-gradient(120deg, var(--isais-navy), #0e5269); color: #fff; }
.page-hero h1, .section-ink h2, .section-ink h3 { color: #fff; }
.page-hero p, .section-ink p { color: rgba(255,255,255,.82); }
.eyebrow, .card-tag { color: var(--isais-blue); letter-spacing: .13em; }
.page-hero .eyebrow { color: #dcb989; }
.card { border: 1px solid var(--isais-line); box-shadow: 0 12px 30px rgba(6,39,59,.06); background: #fff; }
.card:hover { border-color: rgba(181,127,75,.6); transform: translateY(-2px); transition: transform .2s ease, border-color .2s ease; }
.section-pale { background: #f1f5f5; }
.section-ink { background: var(--isais-navy); }
.site-footer { background: #071d2b; color: #dce7eb; }
.site-footer .brand-copy strong, .site-footer .footer-title { color: #fff; }
.site-footer a { color: #dce7eb; }
.site-footer a:hover { color: #e0bc86; }
.journal-meta span { border-color: rgba(181,127,75,.5); }
.notice { border-left-color: var(--isais-copper); }

/* ISAIS publisher landing system */
.isais-home { overflow-x: hidden; }
.isais-hero { position: relative; isolation: isolate; min-height: 620px; display: grid; align-items: center; overflow: hidden; background: linear-gradient(118deg, #061f31 0%, #093b52 55%, #0f6570 100%); color: #fff; }
.isais-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 76% 18%, rgba(255,255,255,.12), transparent 25%), linear-gradient(90deg, rgba(6,31,49,.1), rgba(6,31,49,.35)); pointer-events: none; }
.isais-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); gap: 5rem; align-items: center; padding-top: 5rem; padding-bottom: 5rem; }
.isais-hero-copy { max-width: 690px; }
.isais-hero-brand { display: inline-flex; align-items: center; gap: .75rem; margin-bottom: 1rem; }
.isais-hero-brand img:first-child { width: 3.8rem; height: 3.8rem; object-fit: contain; }
.isais-hero-brand img:last-child { width: 9.4rem; height: auto; max-height: 3.4rem; object-fit: contain; object-position: left center; filter: brightness(0) invert(1); }
.isais-hero .eyebrow, .isais-cta-section .eyebrow { color: #e2bd83; }
.isais-hero h1 { margin: .4rem 0 1.3rem; max-width: 700px; color: #fff; font-size: clamp(2.85rem, 5.7vw, 5rem); line-height: 1.02; letter-spacing: -.04em; overflow-wrap: anywhere; }
.isais-hero h1 em { color: #e2bd83; font-style: normal; }
.isais-lead { max-width: 620px; color: rgba(255,255,255,.82); font-size: 1.18rem; line-height: 1.7; }
.isais-hero .btn-outline, .isais-cta-section .btn-outline { color: #fff; border-color: rgba(255,255,255,.62); }
.isais-hero .btn-outline:hover, .isais-cta-section .btn-outline:hover { background: #fff; color: var(--isais-navy); }
.isais-hero-facts { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 3.4rem; color: rgba(255,255,255,.75); font-size: .84rem; }
.isais-hero-facts span { display: inline-flex; gap: .55rem; align-items: center; border-left: 1px solid rgba(226,189,131,.75); padding-left: .7rem; }
.isais-hero-facts strong { color: #e2bd83; font-size: .72rem; letter-spacing: .12em; }
.isais-feature-card { position: relative; min-width: 0; padding: 2.2rem; border: 1px solid rgba(255,255,255,.28); border-radius: 1.4rem; background: linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.05)); box-shadow: 0 25px 70px rgba(0,0,0,.18); backdrop-filter: blur(12px); overflow: hidden; }
.isais-feature-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: rgba(255,255,255,.75); font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; }
.isais-feature-card .status-pill { color: #e2bd83; border-color: rgba(226,189,131,.5); }
.isais-journal-mark { display: grid; place-items: center; width: 92px; height: 92px; margin: 3.5rem 0 2rem; border: 1px solid #e2bd83; border-radius: 50%; overflow: hidden; }
.isais-journal-mark img { width: 74px; height: 74px; object-fit: contain; }
.isais-feature-card .eyebrow { color: #bce0e1; }
.isais-feature-card h2 { margin: .5rem 0 .8rem; color: #fff; font: 400 clamp(2rem, 3vw, 3rem)/1.05 Georgia, serif; }
.isais-feature-card p:not(.eyebrow) { color: rgba(255,255,255,.79); line-height: 1.6; }
.isais-feature-rule { height: 1px; margin: 2rem 0 1.2rem; background: rgba(255,255,255,.25); }
.isais-feature-card .text-link { color: #e2bd83; }
.isais-feature-cta { color: var(--isais-ink); }
.isais-orbit { position: absolute; z-index: 0; width: 580px; height: 580px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; pointer-events: none; }
.isais-orbit-one { right: -170px; top: -120px; }
.isais-orbit-two { right: 90px; bottom: -430px; width: 680px; height: 680px; border-color: rgba(226,189,131,.16); }
.isais-intro { padding-bottom: 3rem; }
.isais-intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: end; }
.isais-intro h2, .isais-journal-copy h2, .isais-path-section h2, .isais-cta-section h2 { max-width: 660px; margin: .35rem 0 0; color: var(--isais-navy); font: 400 clamp(2.4rem, 4.5vw, 4rem)/1.05 Georgia, serif; letter-spacing: -.035em; }
.isais-intro-text { max-width: 510px; margin: 0; color: #4d6470; font-size: 1.08rem; line-height: 1.75; }
.isais-program-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 4rem; }
.isais-program-card { min-height: 280px; display: flex; flex-direction: column; align-items: flex-start; padding: 2rem; border: 1px solid var(--isais-line); background: #fff; transition: transform .25s ease, box-shadow .25s ease; overflow: hidden; }
.isais-program-card, .isais-program-card:visited { color: var(--isais-ink); text-decoration: none; }
.isais-program-card:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(6,39,59,.11); }
.isais-program-card-dark { background: var(--isais-navy); color: #fff; border-color: var(--isais-navy); }
.isais-program-card-dark, .isais-program-card-dark:visited { color: #fff; }
.isais-program-card h3 { margin: 2.4rem 0 .8rem; font-size: 1.45rem; overflow-wrap: anywhere; }
.isais-program-card p { margin: 0 0 2rem; color: #5d7280; line-height: 1.6; }
.isais-program-card-dark p { color: rgba(255,255,255,.75); }
.isais-program-card .text-link { margin-top: auto; }
.program-number { color: var(--isais-copper); font-size: .75rem; font-weight: 700; letter-spacing: .14em; }
.isais-journal-section { overflow: hidden; }
.isais-journal-grid { display: grid; grid-template-columns: minmax(260px,.75fr) minmax(0,1.25fr); gap: 6rem; align-items: center; }
.isais-journal-cover { aspect-ratio: 4 / 5; width: min(100%, 360px); max-width: 360px; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(1.2rem, 3vw, 2rem); background: linear-gradient(145deg, var(--isais-forest), var(--isais-emerald)); color: #fff; box-shadow: 14px 16px 0 rgba(166,124,46,.25); overflow: hidden; }
.isais-journal-cover span { color: #e2bd83; font-weight: 700; letter-spacing: .18em; }
.isais-journal-cover strong { margin-top: auto; font: 400 clamp(2rem, 5vw, 4.2rem)/.9 Georgia, serif; letter-spacing: -.06em; overflow-wrap: anywhere; }
.isais-journal-cover small { margin-top: 1.3rem; font-size: .64rem; letter-spacing: .13em; line-height: 1.5; }
.isais-journal-cover i { margin-top: 2.5rem; color: #e2bd83; font-style: normal; font-weight: 700; }
.isais-journal-copy > p:not(.eyebrow) { max-width: 670px; color: #4d6470; font-size: 1.08rem; line-height: 1.75; overflow-wrap: anywhere; }
.isais-journal-copy .btn { margin-top: 2rem; }
.isais-path-section { background: #fff; }
.isais-path { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 3rem; border-top: 1px solid var(--isais-line); }
.isais-path > div { min-height: 220px; padding: 1.7rem 1.5rem 1.5rem 0; border-right: 1px solid var(--isais-line); }
.isais-path > div:not(:first-child) { padding-left: 1.5rem; }
.isais-path > div:last-child { border-right: 0; }
.isais-path span { color: var(--isais-copper); font-size: .8rem; font-weight: 700; letter-spacing: .12em; }
.isais-path h3 { margin: 2rem 0 .5rem; font-size: 1.3rem; }
.isais-path p { margin: 0; color: #5d7280; line-height: 1.6; }
.isais-cta-section { background: var(--isais-navy); }
.isais-cta { display: flex; justify-content: space-between; align-items: center; gap: 3rem; }
.isais-cta-section h2 { color: #fff; }
.isais-cta-section p:not(.eyebrow) { max-width: 650px; color: rgba(255,255,255,.78); line-height: 1.7; }
@media (max-width: 900px) { .isais-hero-grid, .isais-intro-grid, .isais-journal-grid { grid-template-columns: 1fr; gap: 2.5rem; } .isais-hero { min-height: auto; } .isais-feature-card { max-width: 540px; } .isais-program-grid { grid-template-columns: 1fr; } .isais-path { grid-template-columns: repeat(2,1fr); } .isais-path > div:nth-child(2) { border-right: 0; } .isais-path > div:nth-child(3) { padding-left: 0; } .isais-cta { display: block; } }
@media (max-width: 560px) { .isais-hero-grid { padding-top: 3.5rem; padding-bottom: 3.5rem; } .isais-hero h1 { font-size: 3rem; } .isais-hero-facts { display: grid; gap: .75rem; margin-top: 2rem; } .isais-path { grid-template-columns: 1fr; } .isais-path > div, .isais-path > div:not(:first-child) { padding-left: 0; border-right: 0; border-bottom: 1px solid var(--isais-line); } .isais-path > div:last-child { border-bottom: 0; } }

/* ISAIS public finish: content never relies on hover to be discoverable. */
.isais-home .btn, .isais-home .text-link { opacity: 1; visibility: visible; }
.isais-home .btn { white-space: normal; }
.isais-home .text-link { text-decoration: underline; text-underline-offset: .22em; }
.isais-home .isais-hero .btn-gold { color: var(--isais-ink); background: #e2bd83; border-color: #e2bd83; }
.integrity-signals { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.25rem; }
.integrity-signals span { display: inline-flex; align-items: center; min-height: 2rem; padding: .35rem .7rem; color: var(--isais-forest); background: #fff; border: 1px solid rgba(166,124,46,.45); border-radius: 999px; font-size: .78rem; font-weight: 750; }
@media (max-width: 900px) { .isais-hero-brand img:last-child { width: 8rem; } }
@media (max-width: 560px) { .isais-hero-brand img:first-child { width: 3.2rem; height: 3.2rem; } .isais-hero-brand img:last-child { width: 7.4rem; } .isais-hero h1 { font-size: clamp(2.55rem, 12vw, 3.4rem); } .isais-hero-grid { gap: 2rem; } .isais-feature-card { padding: 1.35rem; } }

/* ISAIS brand system: forest, emerald, old gold and soft background. */
:root {
  --isais-forest: #0F2B23;
  --isais-emerald: #1E6F5C;
  --isais-gold: #A67C2E;
  --isais-gray: #69726B;
  --isais-soft: #F6F7F8;
}
body { background: var(--isais-soft); color: var(--isais-forest); }
.site-header { background: #fff; border-bottom: 1px solid #d8dfdc; }
.publisher-utility-bar { background: var(--isais-forest); color: #f4ead4; font-size: .78rem; letter-spacing: .04em; }
.publisher-utility-inner { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.publisher-utility-inner nav { display: flex; align-items: center; gap: .8rem; }
.publisher-utility-inner .utility-brand { color: #fff; font-weight: 800; text-decoration: none; }
.publisher-utility-inner .utility-brand::after { content: " |"; color: rgba(255,255,255,.55); margin-left: .8rem; }
.publisher-utility-inner nav a:not(:last-child)::after { content: " |"; color: rgba(255,255,255,.55); margin-left: .8rem; }
.publisher-utility-inner a { color: #fff; text-decoration: none; }
.publisher-utility-inner a:hover { color: #e1bc70; }
.brand { gap: .7rem; }
.brand-mark.isais-mark, .brand-mark.brand-logo { width: 48px; height: 48px; object-fit: contain; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.brand-wordmark { width: 142px; height: auto; max-height: 48px; object-fit: contain; object-position: left center; }
.brand-copy { display: none; }
.site-header .header-inner { min-height: 78px; }
.journal-nav-bar { background: #fff; border-top: 1px solid #eef1f0; border-bottom: 1px solid #d8dfdc; }
.journal-nav-inner { min-height: 48px; display: flex; align-items: center; gap: 1.5rem; }
.journal-nav-title { color: var(--isais-forest); font-weight: 800; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; white-space: nowrap; }
.journal-nav-inner nav { min-width: 0; flex: 1; }
.journal-nav-inner ul { display: flex; flex-wrap: wrap; align-items: center; gap: .15rem .95rem; list-style: none; margin: 0; padding: 0; }
.journal-nav-inner a { color: var(--isais-forest); font-size: .86rem; font-weight: 650; text-decoration: none; }
.journal-nav-inner a:hover, .journal-nav-inner a[aria-current="page"] { color: var(--isais-emerald); text-decoration: underline; text-decoration-color: var(--isais-gold); text-decoration-thickness: 2px; text-underline-offset: .35rem; }
.site-nav a[aria-current="page"] { color: var(--isais-emerald); background: #edf4f1; }
.btn:not(.btn-outline):not(.btn-light), .btn-gold { background: var(--isais-emerald); border-color: var(--isais-emerald); }
.btn:not(.btn-outline):not(.btn-light):hover, .btn-gold:hover { background: var(--isais-forest); border-color: var(--isais-forest); }
.btn-outline { color: var(--isais-forest); border-color: var(--isais-emerald); }
.btn-outline:hover { background: var(--isais-emerald); color: #fff; }
.site-footer { background: var(--isais-forest); }
.isais-hero { background: linear-gradient(118deg, var(--isais-forest) 0%, #124c3d 55%, var(--isais-emerald) 100%); }
.isais-journal-section { position: relative; isolation: isolate; background: #061536 url('/assets/images/isais-scientists-editorial-bg.png') center / cover no-repeat !important; color: #fff; }
.isais-journal-section::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(6,21,54,.94) 0%, rgba(6,21,54,.74) 44%, rgba(6,21,54,.28) 100%); pointer-events: none; }
.isais-journal-section .isais-journal-copy h2, .isais-journal-section .isais-journal-copy p:not(.eyebrow), .isais-journal-section .isais-journal-copy .eyebrow { color: #fff; }
.isais-journal-section .isais-journal-copy .eyebrow { color: #e4b75d; }
.isais-journal-section .journal-meta span { color: #f6f7f8; border-color: rgba(255,255,255,.55); background: rgba(6,21,54,.36); }
.isais-journal-section .isais-journal-cover { background: rgba(6,21,54,.52); border: 1px solid rgba(255,255,255,.34); box-shadow: 10px 12px 0 rgba(72,41,125,.24); }
.isais-hero h1 em, .isais-hero .eyebrow, .program-number, .isais-feature-card .text-link { color: #e1bc70; }
.isais-feature-card { border-color: rgba(225,188,112,.5); }
.isais-journal-cover { background: linear-gradient(145deg, var(--isais-forest), var(--isais-emerald)); box-shadow: 14px 16px 0 rgba(166,124,46,.25); }
.isais-journal-cover span, .isais-journal-cover i { color: #e1bc70; }
@media (max-width: 800px) {
  .publisher-utility-inner { padding-inline: 1rem; }
  .publisher-utility-inner > span { display: none; }
  .publisher-utility-inner nav { width: 100%; justify-content: center; }
  .brand-wordmark { width: 122px; }
  .journal-nav-inner { display: block; padding-block: .7rem; }
  .journal-nav-title { display: block; margin-bottom: .45rem; }
}
@media (max-width: 800px) {
  .header-inner { min-height: 64px; }
  .brand-copy small { display: none; }
  .site-nav { background: #fff; }
  .site-nav a { padding: .7rem 1rem; }
}

/* ISAIS final visual hardening: never hide essential controls or let content
   escape its card at narrow widths. Notices are kept as readable inline text,
   without the legacy beige panel treatment. */
html, body { overflow-x: hidden; }
img, svg, video { max-width: 100%; }
button, .btn, a.btn, .text-link { opacity: 1 !important; visibility: visible !important; }
.btn, a.btn { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; min-height: 2.75rem; white-space: normal; text-align: center; }
.text-link { color: var(--isais-emerald, #1E6F5C); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.notice { margin-block: 1rem; padding: .35rem 0 !important; border: 0 !important; border-left: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: inherit; }
.notice strong { color: inherit; }
.isais-hero-brand { display: inline-flex; align-items: center; gap: .65rem; margin-bottom: 1rem; }
.isais-hero-brand img:first-child { width: 3.8rem; height: 3.8rem; object-fit: contain; }
.isais-hero-brand img:last-child { width: 9.5rem; height: auto; max-height: 3.8rem; object-fit: contain; object-position: left center; filter: brightness(0) invert(1); }
.isais-hero-placeholder { display: grid; place-items: center; width: 100%; height: 100%; min-height: 16rem; background: radial-gradient(circle at 50% 35%, rgba(255,255,255,.15), transparent 42%), linear-gradient(145deg, #0F2B23, #1E6F5C); }
.isais-hero-placeholder > img { width: min(42%, 15rem) !important; height: auto !important; object-fit: contain !important; opacity: .95; }
.publisher-utility-inner .utility-brand { display: inline-flex; align-items: center; min-width: 7.5rem; }
.publisher-utility-inner .utility-brand img { display: block; width: 6.8rem; height: auto; max-height: 1.45rem; object-fit: contain; filter: brightness(0) invert(1); }
.publisher-utility-inner .utility-brand::after { content: none; }
.isais-feature-card, .isais-program-card, .isais-journal-cover, .card, .notice, .article-card, .professional-card { min-width: 0; overflow-wrap: anywhere; }
.isais-feature-card h2, .isais-journal-cover strong, .isais-journal-copy h2, .isais-program-card h3, .page-hero h1, .hero h1 { max-width: 100%; overflow-wrap: anywhere; word-break: normal; }
.isais-journal-cover strong { font-size: clamp(1.75rem, 4.8vw, 4.2rem); }
.isais-feature-card .btn, .isais-program-card .text-link, .hero-actions .btn { position: relative; z-index: 2; }
@media (max-width: 700px) {
  .isais-hero-brand img:last-child { width: 8rem; }
  .isais-feature-card h2 { font-size: clamp(1.8rem, 9vw, 2.7rem); }
  .isais-journal-grid { gap: 2.5rem; }
  .isais-journal-cover { width: min(100%, 20rem); margin-inline: auto; }
  .publisher-utility-inner .utility-brand img { width: 6rem; }
}

/* Audit 001 · author submission readiness */
.submission-readiness {
  --readiness-border: rgba(15, 43, 35, .16);
  padding: clamp(1.25rem, 2.6vw, 2rem);
  border: 1px solid var(--readiness-border);
  border-radius: 1.25rem;
  background: linear-gradient(145deg, #fff 0%, rgba(246, 247, 248, .86) 100%);
  box-shadow: 0 18px 48px rgba(15, 43, 35, .08);
}
.readiness-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.5rem; align-items: start; }
.readiness-heading h2 { max-width: 19ch; margin-bottom: .65rem; }
.readiness-heading p:last-child { max-width: 68ch; }
.readiness-score { min-width: 7.25rem; padding: .8rem 1rem; border-left: 3px solid #a67c2e; color: #0f2b23; }
.readiness-score strong { display: block; font: 700 clamp(1.85rem, 3vw, 2.75rem)/1 var(--font-display, Georgia, serif); }
.readiness-score span { display: block; margin-top: .25rem; color: #53635e; font-size: .82rem; text-transform: uppercase; letter-spacing: .08em; }
.journal-route { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: 1.4rem 0 1rem; padding: 0; border: 0; }
.journal-route legend { grid-column: 1 / -1; margin-bottom: .35rem; color: #0f2b23; font-weight: 800; }
.journal-route-option { position: relative; display: flex; gap: .8rem; min-height: 5.4rem; padding: 1rem; border: 1px solid var(--readiness-border); border-radius: .85rem; background: #fff; cursor: pointer; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.journal-route-option:hover { transform: translateY(-2px); border-color: rgba(30, 111, 92, .48); box-shadow: 0 10px 24px rgba(15, 43, 35, .07); }
.journal-route-option:has(input:checked) { border-color: #1e6f5c; box-shadow: inset 0 0 0 1px #1e6f5c; background: rgba(30, 111, 92, .055); }
.journal-route-option input { flex: 0 0 auto; width: 1.12rem; height: 1.12rem; margin-top: .2rem; accent-color: #1e6f5c; }
.journal-route-option strong, .journal-route-option small { display: block; }
.journal-route-option small { margin-top: .35rem; color: #53635e; line-height: 1.4; }
.readiness-fit { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem; border-radius: .8rem; background: #0f2b23; color: #fff; }
.readiness-fit strong { display: block; margin: .55rem 0 .25rem; font-size: 1.05rem; }
.readiness-fit p { max-width: 64ch; margin: 0; color: rgba(255,255,255,.78); font-size: .94rem; }
.readiness-fit .card-tag { color: #f0c86b; }
.readiness-fit .text-link { flex: 0 0 auto; color: #f0c86b; font-weight: 800; white-space: nowrap; }
.readiness-progress { height: .65rem; margin: 1.25rem 0 1.4rem; overflow: hidden; border-radius: 999px; background: rgba(15, 43, 35, .11); }
.readiness-progress span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #1e6f5c, #a67c2e); transition: width .35s ease; }
.readiness-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
.readiness-group { min-width: 0; padding: 1rem; border: 1px solid var(--readiness-border); border-radius: .85rem; background: #fff; }
.readiness-group legend { display: flex; align-items: center; gap: .55rem; padding: 0 .3rem; color: #0f2b23; }
.readiness-group legend span { color: #a67c2e; font-size: .72rem; letter-spacing: .12em; }
.readiness-group label { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .7rem; align-items: start; padding: .8rem 0; cursor: pointer; }
.readiness-group label + label { border-top: 1px solid rgba(15, 43, 35, .1); }
.readiness-group input { width: 1.15rem; height: 1.15rem; margin-top: .15rem; accent-color: #1e6f5c; }
.readiness-group strong, .readiness-group small { display: block; }
.readiness-group small { margin-top: .2rem; color: #53635e; line-height: 1.42; }
.readiness-actions { display: flex; flex-wrap: wrap; gap: .7rem; justify-content: flex-end; margin-top: 1.2rem; }
@media (max-width: 760px) {
  .readiness-heading, .journal-route, .readiness-groups { grid-template-columns: 1fr; }
  .readiness-score { justify-self: start; }
  .readiness-fit { align-items: start; flex-direction: column; }
  .readiness-fit .text-link { white-space: normal; }
  .readiness-actions { justify-content: stretch; }
  .readiness-actions .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .journal-route-option, .readiness-progress span { transition: none; }
}

/* v202 — community publishing for ISAIS Explains. */
.science-post-studio-gate,
.science-post-studio-hero {
  background:
    radial-gradient(circle at 82% 22%, rgba(236, 190, 77, .16), transparent 22rem),
    linear-gradient(135deg, #043d37, #07574f);
  color: #fff;
  padding: clamp(4rem, 8vw, 7rem) 0;
}

.science-post-studio-gate h1,
.science-post-studio-hero h1 {
  color: #fff;
  font-size: clamp(2.8rem, 7vw, 6.2rem);
  line-height: .92;
  max-width: 12ch;
}

.science-post-studio-gate p,
.science-post-studio-hero p { max-width: 62ch; color: rgba(255,255,255,.82); }

.science-post-studio-layout {
  display: grid;
  grid-template-columns: minmax(15rem, 20rem) minmax(0, 1fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: start;
}

.science-post-draft-list {
  position: sticky;
  top: 6.5rem;
  display: grid;
  gap: .7rem;
  padding: 1rem;
  border: 1px solid #c7dcd7;
  border-radius: 1.4rem;
  background: #f5faf8;
  box-shadow: 0 1rem 2.5rem rgba(3, 54, 49, .08);
}

.science-post-draft-list > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .25rem .35rem .75rem;
}

.science-post-draft-list > header h2 { margin: 0; font-size: 1.25rem; }
.science-post-draft-list > header a { font-size: 1.8rem; text-decoration: none; }

.science-post-draft-card {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  padding: .9rem;
  border: 1px solid transparent;
  border-radius: 1rem;
  color: #123f3a;
  text-decoration: none;
}

.science-post-draft-card:hover,
.science-post-draft-card.is-active {
  border-color: #d7b65b;
  background: #fff;
}

.science-post-draft-card span { display: grid; gap: .3rem; min-width: 0; }
.science-post-draft-card strong { overflow-wrap: anywhere; }
.science-post-draft-card small { color: #58736f; }
.science-review-work-link { margin-top: .5rem; padding: .8rem .35rem .2rem; font-weight: 800; }

.science-post-editor,
.science-review-record,
.science-review-empty {
  min-width: 0;
  padding: clamp(1.2rem, 3vw, 2.5rem);
  border: 1px solid #c7dcd7;
  border-radius: 1.6rem;
  background: #fff;
  box-shadow: 0 1.25rem 3.5rem rgba(3, 54, 49, .08);
}

.science-post-editor > header,
.science-review-record > header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: start;
  margin-bottom: 1.2rem;
}

.science-post-editor > header h2,
.science-review-record > header h2 { margin: .25rem 0 0; }

.science-post-timeline {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: .25rem;
  padding: 0;
  margin: 1.25rem 0 2rem;
  list-style: none;
}

.science-post-timeline li {
  position: relative;
  display: grid;
  justify-items: center;
  gap: .4rem;
  color: #78908c;
  text-align: center;
}

.science-post-timeline li::before {
  content: "";
  position: absolute;
  top: .78rem;
  left: -50%;
  width: 100%;
  height: 2px;
  background: #d9e5e2;
}

.science-post-timeline li:first-child::before { display: none; }
.science-post-timeline span {
  z-index: 1;
  display: grid;
  place-items: center;
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 50%;
  background: #e7f0ee;
  font-size: .75rem;
  font-weight: 900;
}

.science-post-timeline .is-complete span,
.science-post-timeline .is-current span { background: #0b766a; color: #fff; }
.science-post-timeline .is-complete::before,
.science-post-timeline .is-current::before { background: #0b766a; }
.science-post-timeline .is-current small { color: #073f39; font-weight: 900; }

.science-post-editor fieldset {
  min-width: 0;
  margin: 0 0 1.5rem;
  padding: 0;
  border: 0;
}
.science-post-editor legend { margin-bottom: 1rem; font: 700 1.35rem/1.2 var(--font-serif); color: #073f39; }

.science-post-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.science-post-form-grid label,
.science-review-report-form label,
.science-review-response label {
  display: grid;
  gap: .45rem;
  font-weight: 800;
  color: #123f3a;
}
.science-post-form-grid .is-wide { grid-column: 1 / -1; }
.science-post-form-grid small { color: #627c78; font-weight: 500; }

.science-post-form-grid input,
.science-post-form-grid select,
.science-post-form-grid textarea,
.science-review-report-form textarea,
.science-review-report-form select {
  width: 100%;
  border: 1px solid #a9c5c0;
  border-radius: .8rem;
  background: #fbfdfc;
}

.science-post-declarations { display: grid; gap: .75rem; padding: 1rem !important; border-radius: 1rem !important; background: #f4f8f7; }
.science-post-declarations label { display: flex; gap: .7rem; align-items: start; color: #234c47; }
.science-post-declarations input { margin-top: .2rem; }
.science-post-form-actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.science-post-withdraw { margin-left: auto; border: 0; background: none; color: #7d3b35; }

.science-post-locked,
.science-post-editor-letter {
  margin: 1rem 0 1.5rem;
  padding: 1rem 1.15rem;
  border-left: .28rem solid #d4ad3f;
  background: #fff8e7;
  color: #3f4e4b;
}

.science-post-reports { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #d8e5e2; }
.science-post-review-public { padding: 1rem 0; border-bottom: 1px solid #e1ebe9; }
.science-post-review-public span { display: block; color: #627c78; font-size: .85rem; }
.science-post-review-public p { margin-bottom: 0; }

.science-review-record > section { max-width: 76ch; }
.science-review-record > section h3 { margin-top: 2rem; }
.science-review-response,
.science-review-report-form { display: grid; gap: 1rem; margin-top: 2rem; padding: 1.25rem; border-radius: 1rem; background: #f3f8f6; }
.science-review-response label { display: flex; }

.science-post-admin-queue { display: grid; gap: 1rem; padding: 1rem; }
.science-post-admin-card > summary small { text-transform: none; }
.science-post-admin-body { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr); gap: 1rem; padding: 1rem; }
.science-post-admin-original,
.science-post-admin-actions,
.science-post-production-form,
.science-post-crossref-form { min-width: 0; padding: 1rem; border: 1px solid #d6e4e1; border-radius: 1rem; background: #fff; }
.science-post-admin-actions { display: grid; gap: 1rem; }
.science-post-admin-actions form { display: grid; gap: .65rem; padding-bottom: 1rem; border-bottom: 1px solid #e1ebe9; }
.science-post-admin-evidence { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.science-post-admin-evidence li { margin-bottom: .4rem; }
.science-post-production-form,
.science-post-crossref-form { grid-column: 1 / -1; }
.science-post-crossref-form { display: grid; grid-template-columns: 1fr 1fr auto; align-items: end; gap: .75rem; }
.science-post-crossref-form p { grid-column: 1 / -1; }

@media (max-width: 900px) {
  .science-post-studio-layout,
  .science-post-admin-body { grid-template-columns: 1fr; }
  .science-post-draft-list { position: static; }
  .science-post-timeline { overflow-x: auto; grid-template-columns: repeat(9, 5.5rem); padding-bottom: .5rem; }
  .science-post-production-form,
  .science-post-crossref-form { grid-column: auto; }
}

@media (max-width: 600px) {
  .science-post-form-grid,
  .science-post-admin-evidence,
  .science-post-crossref-form { grid-template-columns: 1fr; }
  .science-post-crossref-form p { grid-column: auto; }
  .science-post-editor > header,
  .science-review-record > header { display: grid; }
  .science-post-withdraw { margin-left: 0; }
}

/* Let the hero photograph carry the composition: the featured-journal shell
   and its green panel are glass-free, with only a restrained text contrast
   layer retained for readability. */
.isais-home .isais-feature-card,
.isais-home .isais-feature-carousel {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.isais-home .isais-feature-slide {
  background-color: transparent !important;
  border-color: transparent !important;
}
.isais-home .isais-feature-bet {
  background-image: url("../images/biomedical-evidence-cover-background.png") !important;
  background-position: center;
  background-size: cover;
}
.isais-home .isais-feature-slide::before {
  background: transparent !important;
}
.isais-home .isais-feature-top { display: none !important; }
.isais-home .isais-feature-cddh {
  background-image:
    radial-gradient(circle at 76% 22%, rgba(123,210,232,.34), transparent 20%),
    radial-gradient(circle at 26% 78%, rgba(90,137,218,.28), transparent 28%),
    linear-gradient(145deg, #092b42 0%, #0a1b35 58%, #102d53 100%) !important;
}
.isais-home .isais-feature-carousel .isais-feature-top,
.isais-home .isais-feature-carousel .isais-carousel-count {
  text-shadow: 0 1px 8px rgba(0,0,0,.72);
}

/* Cookie notice: one compact decision row; granular switches live only in
   the privacy policy, not in the consent banner. */
.cookie-consent-inner { min-height: 0; }
.cookie-consent-copy { min-width: 0; }
.cookie-consent-copy .eyebrow { margin: 0 0 .12rem; }
.cookie-consent-copy h2 { white-space: nowrap; }
.cookie-consent-actions { align-items: center; margin-top: 0; }
.cookie-consent-actions .btn { min-height: 2.35rem; padding-block: .48rem; }
.cookie-policy-link { text-decoration: none; }
@media (max-width: 720px) {
  .cookie-consent-copy h2 { white-space: normal; }
  .cookie-consent-actions { margin-top: .45rem; }
}

/* Refined return-to-top control: compact, white and ISAIS green. */
.back-top {
  right: 1.25rem;
  bottom: 1.25rem;
  display: grid;
  place-items: center;
  width: 2.7rem;
  height: 2.7rem;
  padding: 0;
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 999px;
  color: #fff;
  background: rgba(22,130,113,.92);
  box-shadow: 0 8px 22px rgba(15,43,35,.3), inset 0 0 0 1px rgba(255,255,255,.16);
  backdrop-filter: blur(10px);
  cursor: pointer;
  font-size: 1.15rem;
  line-height: 1;
}
.back-top:not(.is-visible) {
  display: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.back-top.is-visible {
  display: grid;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.back-top:hover,
.back-top:focus-visible {
  color: #fff;
  border-color: #fff;
  background: #0f2b23;
  box-shadow: 0 10px 26px rgba(15,43,35,.42), 0 0 0 4px rgba(255,255,255,.2);
  outline: none;
}

/* Compact public heroes: use the horizontal room available on desktop so
   titles do not create unnecessary vertical green space. */
.page-hero {
  min-height: 0 !important;
  padding-block: 1.05rem !important;
}
.page-hero .container { padding-block: 0 !important; }
.page-hero .eyebrow { margin-bottom: .35rem !important; }
.page-hero h1 {
  max-width: 32ch !important;
  margin-block: 0 .35rem !important;
  font-size: clamp(1.85rem, min(3.2vw, 5vh), 3.05rem) !important;
  line-height: 1.04 !important;
}
.page-hero p { max-width: 82ch; margin-bottom: 0 !important; font-size: .98rem !important; line-height: 1.4 !important; }
.page-hero .hero-actions { margin-top: .65rem !important; }
@media (max-width: 700px) {
  .page-hero { padding-block: .85rem !important; }
  .page-hero h1 { max-width: 26ch !important; font-size: clamp(1.75rem, 8vw, 2.65rem) !important; }
  .page-hero p { font-size: .9rem !important; }
}
@media (max-width: 560px) {
  .back-top { right: .8rem; bottom: .8rem; width: 2.45rem; height: 2.45rem; }
}

/* Audit 002 · study-design reporting navigator */
.reporting-navigator {
  margin-top: 1.6rem;
  padding: clamp(1.15rem, 2.6vw, 1.8rem);
  border: 1px solid rgba(15, 43, 35, .17);
  border-radius: 1.1rem;
  background: linear-gradient(145deg, rgba(238, 246, 243, .96), rgba(255, 255, 255, .98));
  box-shadow: 0 1rem 2.8rem rgba(15, 43, 35, .07);
}
.reporting-navigator-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; align-items: start; }
.reporting-navigator-heading h3 { max-width: 27ch; margin: .45rem 0 .55rem; font: 700 clamp(1.5rem, 3vw, 2.25rem)/1.08 var(--font-display, Georgia, serif); color: #0f2b23; }
.reporting-navigator-heading p { max-width: 66ch; margin: 0; color: #52645f; }
.reporting-navigator-step { display: grid; place-items: center; width: 3.4rem; height: 3.4rem; border: 1px solid rgba(166, 124, 46, .55); border-radius: 50%; color: #a67c2e; font-weight: 800; letter-spacing: .05em; }
.reporting-design-field { display: grid; gap: .45rem; margin: 1.25rem 0 .9rem; color: #0f2b23; font-weight: 800; }
.reporting-design-field select { width: 100%; min-height: 3.35rem; padding: .75rem 2.65rem .75rem .9rem; border: 1px solid #b9cbc5; border-radius: .72rem; color: #0f2b23; background-color: #fff; font: inherit; }
.reporting-design-field select:focus-visible { outline: 3px solid rgba(30, 111, 92, .22); outline-offset: 2px; border-color: #1e6f5c; }
.reporting-guidance { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(15rem, .75fr); gap: 1rem; padding: 1.05rem; border-radius: .85rem; background: #0f2b23; color: #fff; }
.reporting-guidance.is-placeholder { background: #e8efed; color: #0f2b23; }
.reporting-guidance-main strong { display: block; margin: .55rem 0 .35rem; font-size: clamp(1.18rem, 2vw, 1.5rem); line-height: 1.2; }
.reporting-guidance-main p, .reporting-guidance-action p { margin: 0; color: rgba(255, 255, 255, .76); line-height: 1.5; }
.reporting-guidance.is-placeholder p { color: #52645f; }
.reporting-guidance .card-tag { color: #f0c86b; }
.reporting-guidance.is-placeholder .card-tag { color: #1e6f5c; }
.reporting-guidance-action { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: .9rem; padding-left: 1rem; border-left: 1px solid rgba(255, 255, 255, .18); }
.reporting-guidance.is-placeholder .reporting-guidance-action { border-color: rgba(15, 43, 35, .14); }
.reporting-guidance-action .btn { width: 100%; justify-content: center; color: #fff; border-color: rgba(255, 255, 255, .55); }
.reporting-guidance.is-placeholder .reporting-guidance-action .btn { color: #0f2b23; border-color: #76958c; }
.reporting-navigator-note { margin: .8rem 0 0; color: #52645f; font-size: .9rem; }
@media (max-width: 760px) {
  .reporting-navigator-heading, .reporting-guidance { grid-template-columns: 1fr; }
  .reporting-navigator-step { display: none; }
  .reporting-guidance-action { padding: 1rem 0 0; border-left: 0; border-top: 1px solid rgba(255, 255, 255, .18); }
  .reporting-guidance.is-placeholder .reporting-guidance-action { border-color: rgba(15, 43, 35, .14); }

  /* Long editorial guidance must never turn into blank space if an
     intersection event is skipped during fast mobile scrolling. */
  .motion-enhanced .policy-content .reveal-target {
    opacity: 1;
    transform: none;
  }
}

/* Unlisted participation chart and invitation administration. The structure
   remains readable as a document without JavaScript; controls add exploration
   without making the underlying responsibilities inaccessible. */
.workforce-org-page {
  min-block-size: 100vh;
  background:
    radial-gradient(circle at 8% 18%, rgba(29, 126, 105, .08), transparent 30rem),
    linear-gradient(180deg, #f8fbfa 0, #eef4f1 100%);
  color: var(--isais-ink);
}
.workforce-org-hero {
  padding: clamp(3rem, 7vw, 6rem) 0 clamp(2.2rem, 5vw, 4rem);
  border-bottom: 1px solid #cddbd6;
  background:
    linear-gradient(105deg, rgba(7, 54, 44, .98), rgba(15, 83, 68, .93)),
    #0d4035;
  color: #fff;
}
.workforce-org-hero .container { max-width: 76rem; }
.workforce-org-hero .eyebrow { color: #e2bd67; }
.workforce-org-hero h1 {
  max-width: 18ch;
  margin: .55rem 0 1rem;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.35rem, 5.5vw, 5rem);
  font-weight: 500;
  line-height: .98;
  text-wrap: balance;
}
.workforce-org-hero > .container > p:not(.eyebrow) {
  max-width: 56rem;
  color: #dce9e5;
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  line-height: 1.7;
}
.workforce-org-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: 1.5rem;
}
.workforce-org-hero-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 2.15rem;
  padding: .45rem .8rem;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: .78rem;
  font-weight: 700;
}
.workforce-org-toolbar {
  position: sticky;
  z-index: 12;
  top: calc(var(--site-header-height, 4.5rem) + .8rem);
  display: flex;
  justify-content: flex-end;
  gap: .35rem;
  width: min(94%, 84rem);
  margin: -1.2rem auto 0;
  pointer-events: none;
}
.workforce-org-toolbar button {
  min-width: 2.65rem;
  min-height: 2.65rem;
  padding: .55rem .75rem;
  border: 1px solid rgba(16, 78, 64, .22);
  border-radius: 999px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 .6rem 1.6rem rgba(14, 56, 47, .13);
  color: #0d5145;
  font: 800 .78rem/1 inherit;
  backdrop-filter: blur(12px);
  cursor: pointer;
  pointer-events: auto;
}
.workforce-org-toolbar button:first-child,
.workforce-org-toolbar button:last-child { font-size: 1.25rem; }
.workforce-org-viewport {
  width: 100%;
  min-height: 40rem;
  padding: clamp(2rem, 5vw, 4.5rem) max(1.25rem, calc((100vw - 84rem) / 2));
  overflow: auto;
  cursor: grab;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto;
  touch-action: pan-x pan-y;
}
.workforce-org-viewport.is-dragging { cursor: grabbing; user-select: none; }
.workforce-org-canvas {
  width: 100%;
  min-width: 58rem;
  transform-origin: 0 0;
  transition: transform .22s ease;
}
.workforce-org-publisher,
.workforce-org-branch {
  position: relative;
  padding: clamp(1.2rem, 2.8vw, 2.2rem);
  border: 1px solid #c8d8d2;
  border-radius: 1.3rem;
  background: rgba(255,255,255,.92);
  box-shadow: 0 1.3rem 3.5rem rgba(20, 68, 57, .08);
}
.workforce-org-publisher::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2rem;
  width: 1px;
  height: 2rem;
  background: #9fb8af;
}
.workforce-org-publisher-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.1rem;
  max-width: 44rem;
  margin: 0 auto 2rem;
  text-align: left;
}
.workforce-org-publisher-title h2,
.workforce-org-branch h2 {
  margin: .2rem 0 .35rem;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  line-height: 1.08;
}
.workforce-org-publisher-mark {
  display: grid;
  place-items: center;
  flex: 0 0 4.8rem;
  aspect-ratio: 1;
  border: .25rem double #ddb65c;
  border-radius: 50%;
  background: #0c493c;
  color: #fff;
  font: 500 1.5rem/1 Georgia, serif;
}
.workforce-org-node-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr));
  gap: 1.15rem;
}
.workforce-org-corporate-grid { max-width: 68rem; margin-inline: auto; }
.workforce-org-journals {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(27rem, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
.workforce-org-branch > header {
  display: flex;
  align-items: center;
  gap: .9rem;
  min-height: 5rem;
  margin-bottom: 1.4rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #dbe5e1;
}
.workforce-org-branch > header > span {
  display: grid;
  place-items: center;
  flex: 0 0 3.5rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #ecf5f1;
  color: #147966;
  font: 800 .72rem/1 sans-serif;
  letter-spacing: .08em;
}
.workforce-org-node { min-width: 0; }
.workforce-org-node-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 15rem;
  padding: 1rem .8rem;
  border: 0;
  border-radius: 1rem;
  background: transparent;
  color: inherit;
  text-align: center;
  cursor: pointer;
}
.workforce-org-node-button:hover,
.workforce-org-node-button:focus-visible { background: #f1f7f4; outline: 2px solid #4ea48f; outline-offset: 2px; }
.workforce-org-avatar {
  position: relative;
  display: grid;
  place-items: center;
  width: 6.6rem;
  aspect-ratio: 1;
  margin: .25rem auto 1rem;
  border: .35rem solid #fff;
  border-radius: 50%;
  background: linear-gradient(145deg, #167c68, #0e4d40);
  box-shadow: 0 0 0 .14rem #75b7a7, 0 0 0 .4rem #eef5f2, 0 .85rem 1.8rem rgba(14,75,62,.18);
  color: #fff;
  font: 500 1.55rem/1 Georgia, serif;
}
.workforce-org-node.is-occupied .workforce-org-avatar {
  background: linear-gradient(145deg, #a77b2d, #72501d);
  box-shadow: 0 0 0 .14rem #cbaa60, 0 0 0 .4rem #f7f1e4, 0 .85rem 1.8rem rgba(91,67,25,.18);
}
.workforce-org-node-copy strong,
.workforce-org-node-copy small { display: block; overflow-wrap: normal; word-break: normal; hyphens: none; }
.workforce-org-node-copy strong { font-size: .93rem; line-height: 1.3; text-wrap: balance; }
.workforce-org-node-copy small { margin-top: .32rem; color: #687a74; font-size: .73rem; }
.workforce-org-responsibilities { margin-top: auto; color: #147966; font-size: .72rem; font-weight: 800; }
.workforce-role-dialog {
  width: min(40rem, calc(100% - 1.5rem));
  max-height: min(88vh, 48rem);
  padding: clamp(1.35rem, 4vw, 2.7rem);
  overflow: auto;
  border: 1px solid #bad0c8;
  border-radius: 1.25rem;
  background: #fff;
  color: #15362d;
  box-shadow: 0 2rem 6rem rgba(7, 39, 32, .28);
}
.workforce-role-dialog::backdrop { background: rgba(5, 29, 24, .65); backdrop-filter: blur(5px); }
.workforce-role-dialog h2 { margin: .35rem 2rem 1rem 0; font-family: Georgia, serif; font-size: clamp(2rem, 5vw, 3.25rem); font-weight: 500; line-height: 1; }
.workforce-role-dialog h3 { margin: 1.4rem 0 .45rem; }
.workforce-role-dialog-close {
  position: absolute;
  top: .8rem;
  right: .8rem;
  display: grid;
  place-items: center;
  width: 2.45rem;
  aspect-ratio: 1;
  border: 1px solid #cfdbd7;
  border-radius: 50%;
  background: #fff;
  color: #173c33;
  font-size: 1.35rem;
  cursor: pointer;
}
.workforce-role-request-form { display: grid; gap: .8rem; margin-top: 1.5rem; padding-top: 1.35rem; border-top: 1px solid #d9e4df; }
.workforce-role-request-form label { display: grid; gap: .38rem; font-weight: 750; }
.workforce-role-request-form textarea,
.workforce-role-request-form input { width: 100%; }
.workforce-role-state,
.workforce-role-request-status,
.workforce-role-auth { margin-top: 1.4rem; padding: 1rem; border-radius: .7rem; background: #eef7f3; }
.workforce-role-state.is-warning { border-left: .2rem solid #b88628; background: #fbf4e6; }
.workforce-role-state.is-approved { border-left: .2rem solid #16806a; }
.workforce-org-footer { padding: 2rem 0 3rem; border-top: 1px solid #ceddd8; background: #fff; }
.workforce-org-footer .container { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; }
.workforce-org-footer p { max-width: 52rem; margin: 0; }

.workforce-invitation-form { display: grid; gap: .8rem; margin-top: 1rem; }
.workforce-invitation-form textarea { width: 100%; }
.workforce-request-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); gap: 1rem; }
.workforce-request-card { display: flex; flex-direction: column; gap: .55rem; }
.workforce-request-card h3 { margin: 0; }
.workforce-request-card form { display: grid; gap: .7rem; margin-top: auto; padding-top: .75rem; }
.workforce-request-card form textarea,
.workforce-request-card form input { width: 100%; }

@media (max-width: 760px) {
  .workforce-org-toolbar { top: .65rem; }
  .workforce-org-viewport { padding-inline: .8rem; }
  .workforce-org-canvas { min-width: 48rem; }
  .workforce-org-journals { grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr)); }
  .workforce-org-footer .container { align-items: stretch; flex-direction: column; }
  .workforce-org-footer .btn { width: 100%; }
  .workforce-request-grid { grid-template-columns: 1fr; }
}

/* v171 — organigrama jerárquico bilingüe. La ocupación y la visibilidad son
   dimensiones diferentes: azul/gris comunica asignación, mientras la
   insignia dorada/verde comunica exposición pública o uso interno. */
.workforce-org-hero-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
}
.workforce-org-admin-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 2.8rem;
  padding: .7rem 1rem;
  border: 1px solid rgba(255,255,255,.48);
  border-radius: 999px;
  background: #e2bd67;
  color: #17362f;
  font-size: .78rem;
  font-weight: 850;
  text-decoration: none;
}
.workforce-org-legend {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: .65rem 1.2rem;
  width: min(94%, 84rem);
  margin: 1.35rem auto .3rem;
  padding: .85rem 1rem;
  border: 1px solid #c8d8d2;
  border-radius: 1rem;
  background: rgba(255,255,255,.86);
  box-shadow: 0 .7rem 2rem rgba(14,56,47,.06);
}
.workforce-org-legend > div { display: inline-flex; align-items: center; gap: .45rem; font-size: .78rem; font-weight: 800; }
.workforce-org-legend > p { flex-basis: 100%; margin: 0; color: #60746d; font-size: .75rem; text-align: center; }
.legend-swatch,
.legend-badge { display: inline-block; width: 1.15rem; height: 1.15rem; border-radius: 50%; }
.legend-swatch.is-assigned { background: #276fa8; box-shadow: 0 0 0 .18rem #d9eaf6; }
.legend-swatch.is-vacant { background: #9ba7a4; box-shadow: 0 0 0 .18rem #edf0ef; }
.legend-badge { width: .85rem; height: .55rem; border-radius: 999px; }
.legend-badge.is-public { background: #e2b84f; }
.legend-badge.is-internal { background: #4b7a70; }
.workforce-org-toolbar { flex-wrap: wrap; }
.workforce-org-toolbar button[data-workforce-collapse-all],
.workforce-org-toolbar button[data-workforce-expand-all] { min-width: auto; padding-inline: .95rem; }

.workforce-org-group { padding: 0; overflow: visible; }
.workforce-org-group[open] { width: max-content; min-width: 100%; max-width: none; }
.workforce-org-group > summary {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.45rem;
  border-radius: 1.25rem;
  cursor: pointer;
  list-style: none;
  width: 100%;
  box-sizing: border-box;
}
.workforce-org-group > summary::-webkit-details-marker { display: none; }
.workforce-org-group > summary:focus-visible { outline: 3px solid rgba(30,130,107,.38); outline-offset: 3px; }
.workforce-org-group-toggle {
  margin-left: auto;
  padding: .45rem .7rem;
  border: 1px solid #c4d5cf;
  border-radius: 999px;
  color: #256255;
  font-size: .7rem;
  font-weight: 850;
  white-space: nowrap;
}
.workforce-org-group:not([open]) .workforce-org-group-toggle::after { content: " +"; }
.workforce-org-group[open] .workforce-org-group-toggle::after { content: " −"; }
.workforce-org-group-body { padding: .3rem 1.2rem 2.2rem; overflow: visible; }
.workforce-org-group[open] > .workforce-org-group-body {
  width: max-content;
  min-width: 100%;
  box-sizing: border-box;
}
.workforce-org-publisher-title { max-width: none; margin: 0; text-align: left; }
.workforce-org-publisher-title > div { max-width: 44rem; }
.workforce-org-publisher::after { display: none; }
.workforce-org-journals { grid-template-columns: 1fr; }
.workforce-org-branch > summary {
  min-height: 5rem;
  border-bottom: 1px solid transparent;
}
.workforce-org-branch[open] > summary { border-bottom-color: #dbe5e1; }
.workforce-org-group-code {
  display: grid;
  place-items: center;
  flex: 0 0 3.5rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #ecf5f1;
  color: #147966;
  font: 800 .72rem/1 sans-serif;
  letter-spacing: .08em;
}

/* Actual reporting lines. Every nested list is a level below its parent. */
.workforce-org-tree,
.workforce-org-tree ul {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  min-width: max-content;
  margin: 0;
  padding: 0;
  padding-top: 2rem;
}
.workforce-org-tree { padding-top: .5rem; }
.workforce-org-tree li {
  position: relative;
  flex: 0 0 auto;
  min-width: 13rem;
  padding: 2rem .45rem 0;
  list-style: none;
  text-align: center;
}
.workforce-org-tree > li { padding-top: 0; }
.workforce-org-tree li::before,
.workforce-org-tree li::after {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  width: 50%;
  height: 2rem;
  border-top: 1px solid #9fb8af;
}
.workforce-org-tree li::after {
  right: auto;
  left: 50%;
  border-left: 1px solid #9fb8af;
}
.workforce-org-tree li:only-child::before,
.workforce-org-tree li:only-child::after,
.workforce-org-tree > li::before,
.workforce-org-tree > li::after { display: none; }
.workforce-org-tree li:first-child::before,
.workforce-org-tree li:last-child::after { border: 0; }
.workforce-org-tree li:last-child::before { border-right: 1px solid #9fb8af; border-radius: 0 .55rem 0 0; }
.workforce-org-tree li:first-child::after { border-radius: .55rem 0 0 0; }
.workforce-org-tree ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 2rem;
  border-left: 1px solid #9fb8af;
}
.workforce-org-node { width: 12rem; margin-inline: auto; }
.workforce-org-node-button {
  min-height: 13.25rem;
  padding: .85rem .7rem 1rem;
  border: 1px solid #d2dcda;
  border-radius: 1.1rem;
  background: #fff;
  box-shadow: 0 .8rem 2rem rgba(15,65,54,.07);
}
.workforce-org-node.is-occupied .workforce-org-node-button { border-color: #78a8ca; background: #f2f8fc; }
.workforce-org-node.is-vacant .workforce-org-node-button { border-color: #cfd6d4; background: #f7f8f8; }
.workforce-org-node.is-occupied .workforce-org-avatar {
  background: linear-gradient(145deg, #347fb7, #1d527b);
  box-shadow: 0 0 0 .14rem #7cb0d3, 0 0 0 .4rem #e7f1f8, 0 .85rem 1.8rem rgba(29,82,123,.2);
}
.workforce-org-node.is-vacant .workforce-org-avatar {
  background: linear-gradient(145deg, #abb5b2, #727d79);
  box-shadow: 0 0 0 .14rem #aeb9b6, 0 0 0 .4rem #edf0ef, 0 .85rem 1.8rem rgba(72,86,81,.16);
}
.workforce-org-visibility-badge {
  align-self: stretch;
  margin: 0 auto .55rem;
  padding: .27rem .5rem;
  border-radius: 999px;
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.workforce-org-node.is-public .workforce-org-visibility-badge { background: #f2d678; color: #5a4310; }
.workforce-org-node.is-internal .workforce-org-visibility-badge { background: #dceae6; color: #315d53; }
.workforce-org-avatar { width: 5.35rem; margin-bottom: .75rem; }
.workforce-org-node-copy strong { font-size: .82rem; }
.workforce-org-responsibilities { padding-top: .55rem; }

/* v180 — a single, continuous chart surface. The viewport owns the visual
   background so scaling cannot leave a false vertical division behind it. */
.workforce-org-viewport {
  width: min(100%, 96rem);
  margin-inline: auto;
  min-height: min(68rem, 76vh);
  padding: clamp(1.25rem, 3vw, 2.5rem);
  border: 1px solid #c9d9d4;
  border-radius: 1.35rem;
  background:
    linear-gradient(rgba(255,255,255,.76), rgba(255,255,255,.76)),
    radial-gradient(circle at 50% 0, rgba(35,126,105,.12), transparent 38rem),
    #f1f6f4;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 1.2rem 3.2rem rgba(18,66,55,.08);
  scrollbar-color: #7da99d #e8f0ed;
  scrollbar-width: thin;
}
.workforce-org-canvas {
  width: max-content;
  min-width: 100%;
  padding: .1rem;
  box-sizing: border-box;
  background: transparent;
}
.workforce-org-publisher,
.workforce-org-branch {
  width: 100%;
  box-sizing: border-box;
}
.workforce-org-publisher-title { min-width: 100%; }
.workforce-org-viewport:focus-within { outline: 3px solid rgba(35,126,105,.16); outline-offset: 3px; }

@media (max-width: 760px) {
  .workforce-org-viewport {
    width: calc(100% - 1rem);
    min-height: 34rem;
    padding: .75rem;
    border-radius: 1rem;
  }
}

@media (max-width: 760px) {
  .workforce-org-hero-heading { align-items: stretch; flex-direction: column; gap: 1rem; }
  .workforce-org-admin-action { align-self: flex-start; }
  .workforce-org-legend { align-items: flex-start; justify-content: flex-start; }
  .workforce-org-legend > p { text-align: left; }
  .workforce-org-toolbar { justify-content: flex-start; position: relative; top: auto; margin-top: .75rem; }
  .workforce-org-canvas { min-width: 76rem; }
  .workforce-org-group > summary { padding: 1rem; }
  .workforce-org-group-body { padding-inline: .6rem; }
}

/* v161 — auditoría transversal de composición y espacio de envíos.
   Mantiene la tipografía sin guiones automáticos, evita columnas encogidas y
   concentra la preparación confidencial de manuscritos dentro de Mi cuenta. */
:where(main, .account-workspace) :where(h1, h2, h3, h4, p, li, label, legend, figcaption) {
  max-inline-size: 100%;
  -webkit-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
}
:where(.grid-2, .grid-3, .topic-grid, .trust-principles, .account-feature-grid,
  .account-action-grid, .pricing-grid, .journal-role-grid) > * {
  min-width: 0;
  height: 100%;
}
:where(.split, .split-wide, .editorial-photo-split) > * { min-width: 0; }
:where(main img, .account-workspace img) { max-width: 100%; height: auto; }
:where(.card, .form-card, .trust-callout, .account-content-section) { min-width: 0; }

.submission-workspace > .section-heading {
  align-items: end;
  gap: 1rem;
}
.submission-workspace-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(16.5rem, 20rem);
  gap: clamp(1rem, 2.4vw, 1.75rem);
  align-items: start;
}
.submission-account-form {
  display: grid;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
}
.submission-account-form fieldset {
  display: grid;
  min-width: 0;
  gap: .82rem;
  margin: 0;
  padding: clamp(.9rem, 1.7vw, 1.2rem);
  border: 1px solid #d3e3dd;
  border-radius: .72rem;
  background: #fbfdfc;
}
.submission-account-form legend {
  padding-inline: .4rem;
  color: #124a3e;
  font-family: var(--font-sans, sans-serif);
  font-size: .82rem;
  font-weight: 850;
  letter-spacing: .035em;
}
.submission-account-form .form-field { margin: 0; }
.submission-account-form textarea { min-height: 7.5rem; resize: vertical; }
.submission-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
}
.submission-file-saved {
  margin: -.2rem 0 0;
  padding: .7rem .8rem;
  border-left: 3px solid #b48b2b;
  color: #536c64;
  background: #faf6e9;
  font-size: .82rem;
}
.submission-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  justify-content: flex-end;
  padding-top: .2rem;
}
.submission-form-actions .btn { min-width: 11rem; }
.submission-workspace-guide {
  position: sticky;
  top: calc(var(--header-height, 64px) + 1rem);
  display: grid;
  gap: .9rem;
}
.submission-workspace-guide .card { padding: 1rem; }
.submission-workspace-guide h3 { margin: .35rem 0 .65rem; }
.submission-workspace-guide ol { margin: 0 0 .85rem; padding-left: 1.2rem; }
.submission-workspace-guide li { color: #4b655d; font-size: .84rem; line-height: 1.52; }
.submission-workspace-guide li + li { margin-top: .48rem; }
.account-content-section .table-wrap { width: 100%; }
.account-content-section table { width: 100%; table-layout: auto; }

@media (max-width: 1080px) {
  .submission-workspace-grid { grid-template-columns: minmax(0, 1fr); }
  .submission-workspace-guide { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .submission-workspace > .section-heading { align-items: stretch; }
  .submission-field-grid,
  .submission-workspace-guide { grid-template-columns: minmax(0, 1fr); }
  .submission-form-actions { flex-direction: column-reverse; }
  .submission-form-actions .btn { width: 100%; min-width: 0; }
  .account-content-section .table-wrap { overflow-x: auto; }
  .account-content-section table { min-width: 42rem; }
}

.article-usage { padding: 1rem 0; border-top: 1px solid #dbe8e4; border-bottom: 1px solid #dbe8e4; }
.article-usage > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; }
.article-usage span { display: grid; gap: .1rem; font-size: .78rem; color: #55716b; }
.article-usage strong { font: 1.35rem Georgia,serif; color: #123b31; }
.article-usage small { display: block; margin-top: .65rem; color: #647a75; line-height: 1.45; }
.article-scholarly-readiness { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; margin: .85rem 0; }
.article-scholarly-readiness span { display: grid; gap: .15rem; padding: .65rem; border: 1px solid #dbe8e4; border-radius: .55rem; background: #f8fbfa; }
.article-scholarly-readiness small { overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .article-usage > div,
  .article-scholarly-readiness { grid-template-columns: 1fr 1fr; }
}

/* v148 final: current-state and disclosure controls must retain contrast in
   the compact navigation.  This also prevents the active link from looking
   blank when the desktop pale-green state is inherited by the mobile menu. */
@media (max-width: 1080px) {
  .site-header [data-site-nav] a[aria-current="page"] {
    color: #fff !important;
    background: #0b5962 !important;
    box-shadow: inset .18rem 0 0 #efcb88;
  }
  .site-header .nav-list > li.nav-dropdown summary::after {
    color: #fff !important;
  }
}

/* Preferencia de concordancia: un dato de perfil explícito, legible y con la
   misma jerarquía que el resto del formulario; nunca se infiere del nombre. */
.grammatical-gender-field {
  display: grid;
  min-width: 0;
  gap: .34rem;
  color: #153d33;
  font-size: .76rem;
  font-weight: 800;
}
.grammatical-gender-field select {
  width: 100%;
  min-height: 2.55rem;
  padding: .56rem 2.15rem .56rem .7rem;
  border: 1px solid #c7d9d1;
  border-radius: .5rem;
  background-color: #fff;
  color: #17372f;
  font: 600 .8rem/1.35 var(--sans, Arial, sans-serif);
}
.grammatical-gender-field small {
  color: #667c74;
  font-size: .66rem;
  font-weight: 500;
  line-height: 1.45;
}
.grammatical-gender-field select:focus-visible {
  outline: 0;
  border-color: #177462;
  box-shadow: 0 0 0 .2rem rgba(30, 111, 92, .13);
}

/* Audit 003 · data and code availability planner */
.data-availability-planner {
  margin-top: 1rem;
  padding: clamp(1.15rem, 2.6vw, 1.8rem);
  border: 1px solid rgba(166, 124, 46, .36);
  border-radius: 1.1rem;
  background: #fff;
  box-shadow: 0 1rem 2.8rem rgba(15, 43, 35, .07);
}
.data-planner-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; align-items: start; }
.data-planner-heading h3 { max-width: 28ch; margin: .45rem 0 .55rem; font: 700 clamp(1.5rem, 3vw, 2.25rem)/1.08 var(--font-display, Georgia, serif); color: #0f2b23; }
.data-planner-heading p { max-width: 66ch; margin: 0; color: #52645f; }
.data-planner-step { display: grid; place-items: center; width: 3.4rem; height: 3.4rem; border-radius: 50%; color: #fff; background: #1e6f5c; font-weight: 800; letter-spacing: .05em; }
.data-planner-form { margin-top: 1.25rem; }
.data-planner-route,
.data-planner-fields label { display: grid; gap: .45rem; color: #0f2b23; font-weight: 800; }
.data-planner-route select,
.data-planner-fields input { width: 100%; min-height: 3.35rem; padding: .75rem .9rem; border: 1px solid #b9cbc5; border-radius: .72rem; color: #0f2b23; background: #fff; font: inherit; }
.data-planner-route select { padding-right: 2.65rem; }
.data-planner-route select:focus-visible,
.data-planner-fields input:focus-visible,
.data-planner-output textarea:focus-visible { outline: 3px solid rgba(30, 111, 92, .22); outline-offset: 2px; border-color: #1e6f5c; }
.data-planner-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; margin-top: .85rem; }
.data-planner-fields[hidden],
.data-planner-fields label[hidden] { display: none; }
.data-planner-wide { grid-column: 1 / -1; }
.data-planner-output { display: grid; gap: .85rem; margin-top: 1rem; padding: clamp(1rem, 2.5vw, 1.35rem); border-radius: .9rem; background: #0f2b23; color: #fff; }
.data-planner-output .card-tag { color: #f0c86b; }
.data-planner-output p { margin: .3rem 0 0; color: rgba(255, 255, 255, .76); }
.data-planner-output textarea { width: 100%; min-height: 8rem; resize: vertical; padding: .9rem 1rem; border: 1px solid rgba(255, 255, 255, .42); border-radius: .72rem; color: #0f2b23; background: #fff; font: inherit; line-height: 1.55; }
.data-planner-actions { display: flex; flex-wrap: wrap; gap: .65rem; justify-content: flex-end; }
.data-planner-actions .btn { min-width: 9rem; justify-content: center; }
.data-planner-actions .btn-outline { color: #fff; border-color: rgba(255, 255, 255, .55); }
.data-planner-note { margin: .8rem 0 0; color: #52645f; font-size: .9rem; line-height: 1.5; }
@media (max-width: 760px) {
  .data-planner-heading,
  .data-planner-fields { grid-template-columns: 1fr; }
  .data-planner-step { display: none; }
  .data-planner-wide { grid-column: auto; }
  .data-planner-actions { justify-content: stretch; }
  .data-planner-actions .btn { width: 100%; }
}

/* ISAIS journal catalogue, inline search and editorial reading surfaces. */
.header-actions { margin-left: auto; }
.search-link svg,
.menu-button svg { width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.search-dialog { width: min(46rem, calc(100% - 2rem)); max-width: none; padding: 0; border: 0; border-radius: 1.2rem; color: #0f2b23; background: #f6f7f8; box-shadow: 0 1.5rem 5rem rgba(15,43,35,.30); }
.search-dialog::backdrop { background: rgba(6,29,24,.62); backdrop-filter: blur(5px); }
.search-dialog-panel { padding: clamp(1.25rem, 3vw, 2.25rem); }
.search-dialog-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.search-dialog-head h2 { margin: .2rem 0 .5rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 5vw, 3.2rem); line-height: .98; }
.search-dialog-close { flex: 0 0 auto; font-size: 1.35rem; }
.search-dialog-input { width: 100%; min-height: 3.4rem; margin: .9rem 0; padding: .8rem 1rem; border: 1px solid #b9cbc5; border-radius: .7rem; background: #fff; color: #0f2b23; font: inherit; }
.search-dialog-shortcut { display: flex; align-items: center; gap: .35rem; margin: .55rem 0 0; color: #52645e; font-size: .76rem; }
.search-dialog-shortcut kbd { min-width: 1.75rem; padding: .16rem .35rem; border: 1px solid #b9cbc5; border-bottom-width: 2px; border-radius: .32rem; background: #fff; color: #0f2b23; font: 700 .72rem/1.1 ui-monospace, SFMono-Regular, Consolas, monospace; text-align: center; }
.search-dialog-results { display: grid; gap: .55rem; max-height: min(50vh, 27rem); overflow-y: auto; }
.search-result { display: grid; gap: .2rem; padding: .85rem 1rem; border: 1px solid #d4dfdc; border-radius: .7rem; color: #0f2b23; background: #fff; text-decoration: none; }
.search-result:hover,
.search-result:focus-visible { border-color: #1e6f5c; background: #eef6f3; }
.search-result small { color: #52645f; }

.journal-catalog { display: grid; gap: 1.25rem; }
.journal-catalog-card { display: grid; grid-template-columns: 4.25rem minmax(0, 1fr); gap: clamp(1rem, 3vw, 2rem); padding: clamp(1.35rem, 3.2vw, 2.6rem); border: 1px solid #cad8d4; border-radius: 1rem; background: #fff; box-shadow: 0 1rem 2.8rem rgba(15,43,35,.08); }
.journal-catalog-primary { border-left: .35rem solid #1e6f5c; }
.journal-catalog-secondary { border-left: .35rem solid #a67c2e; }
.journal-catalog-tertiary { border-left: .35rem solid #3d6f91; }
.journal-card-number { color: #a67c2e; font-family: Georgia, "Times New Roman", serif; font-size: 2rem; }
.journal-catalog-card h2 { max-width: 23ch; margin: .25rem 0 1rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.8rem, 4vw, 3.25rem); line-height: .98; overflow-wrap: anywhere; }
.journal-catalog-card .lead { max-width: 68rem; }
.journal-scope-tags { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1.2rem 0; padding: 0; list-style: none; }
.journal-scope-tags li { padding: .35rem .65rem; border: 1px solid rgba(166,124,46,.45); border-radius: 999px; font-size: .85rem; }

.molecular-hero-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(13rem, .65fr); gap: 2rem; align-items: end; }
.molecular-monogram { display: grid; gap: .35rem; justify-items: end; color: #f6f7f8; }
.molecular-monogram strong { color: #e2ba72; font-family: Georgia, "Times New Roman", serif; font-size: clamp(3rem, 8vw, 6rem); line-height: .8; }
.molecular-monogram span { font-size: .82rem; letter-spacing: .09em; text-transform: uppercase; }
.editorial-reading-grid { display: grid; grid-template-columns: minmax(12rem, .3fr) minmax(0, 1fr); gap: clamp(2rem, 6vw, 5rem); align-items: start; }
.editorial-toc { position: sticky; top: 7rem; display: grid; gap: .25rem; padding: 1.25rem; border: 1px solid #d7e0dd; border-radius: .8rem; background: #f6f7f8; }
.editorial-toc a { padding: .55rem 0; color: #0f2b23; text-decoration: none; border-bottom: 1px solid #d7e0dd; }
.editorial-reading { min-width: 0; }
.editorial-reading section { padding: 0 0 2.5rem; margin: 0 0 2.5rem; border-bottom: 1px solid #d7e0dd; }
.editorial-reading h2 { max-width: 26ch; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 4.5vw, 3.6rem); line-height: 1; }
.editorial-reading p { max-width: 76ch; font-size: 1.05rem; line-height: 1.75; }
.scope-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
.scope-columns li { margin-bottom: .75rem; line-height: 1.5; }
.editorial-fit { padding: clamp(1.4rem, 4vw, 2.6rem) !important; border: 1px solid rgba(166,124,46,.4) !important; border-radius: 1rem; background: #eef4f2; }

@media (max-width: 760px) {
  .journal-catalog-card { grid-template-columns: 1fr; }
  .journal-card-number { font-size: 1.3rem; }
  .molecular-hero-grid,
  .editorial-reading-grid,
  .scope-columns { grid-template-columns: 1fr; }
  .molecular-monogram { justify-items: start; }
  .editorial-toc { position: static; }
}

/* ISAIS visual reset: no legacy black bands, rings, beige notices or ROM cover chrome. */
body { border-top: 0 !important; }
.publisher-utility-bar { display: none !important; }
.page-hero, .hero, .portal-status-hero {
  background: linear-gradient(135deg, #0F2B23 0%, #145343 55%, #1E6F5C 100%) !important;
  border-top: 0 !important;
}
.page-hero::after, .hero::before, .hero::after, .isais-orbit { 
  border: 0 !important;
  box-shadow: none !important;
}
.page-hero::after {
  width: 44% !important;
  height: 100% !important;
  right: 0 !important;
  top: 0 !important;
  border-radius: 0 !important;
  opacity: .5 !important;
  background: repeating-linear-gradient(135deg, rgba(255,255,255,.08) 0 1px, transparent 1px 42px) !important;
}
.isais-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .3;
  background: repeating-linear-gradient(135deg, rgba(255,255,255,.06) 0 1px, transparent 1px 52px);
}
.isais-hero-brand img:last-child { filter: brightness(0) invert(1) !important; }
.cover-isais-wordmark { width: min(10rem, 72%); height: auto; max-height: 2.4rem; object-fit: contain; object-position: left center; }
 .isais-journal-cover > span { display: block; width: min(10rem, 72%); height: 2.3rem; margin: 0 0 .6rem; overflow: hidden; font-size: 0; background: url('/assets/images/isais-logotipo-transparent.png?v=20260813-isais-assets-v19') left center / contain no-repeat; }
.isais-journal-cover > .cover-isais-wordmark { display: block; flex: 0 0 auto; width: min(10rem, 72%); height: 2.3rem; margin: 0 0 .6rem; object-fit: contain; object-position: left center; }
.isais-journal-cover { width: min(100%, 18rem); aspect-ratio: 3 / 4; padding: 1.1rem; box-shadow: 10px 12px 0 rgba(166,124,46,.18); }
.isais-journal-cover strong { margin-top: auto; font-size: clamp(1.45rem, 3.3vw, 2.4rem); line-height: .94; letter-spacing: -.045em; }
.isais-journal-cover small { margin-top: .8rem; font-size: .52rem; line-height: 1.35; }
.isais-journal-cover i { margin-top: 1rem; font-size: .72rem; }
.mini-current-cover { width: min(100%, 18rem) !important; max-height: none !important; overflow: visible !important; color: var(--isais-forest) !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.mini-current-cover::after { content: none !important; }
.journal-showcase::after { content: none !important; }
.mini-current-cover figcaption { position: static !important; display: block !important; padding: .8rem 0 0 !important; background: transparent !important; color: var(--isais-forest) !important; pointer-events: auto !important; }
.mini-current-cover figcaption span, .mini-current-cover figcaption strong, .mini-current-cover figcaption small { display: block; max-width: none !important; color: inherit !important; }
.mini-current-cover figcaption span { font-size: .72rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.mini-current-cover figcaption strong { margin-top: .3rem !important; font: 600 1.05rem/1.2 var(--sans) !important; }
.mini-current-cover figcaption small { margin-top: .25rem !important; color: var(--isais-gray) !important; }
.btn, a.btn, button.btn { color: #fff !important; background: var(--isais-emerald) !important; border-color: var(--isais-emerald) !important; opacity: 1 !important; }
.btn-outline, a.btn-outline, button.btn-outline { color: var(--isais-forest) !important; background: transparent !important; border-color: var(--isais-emerald) !important; }
.page-hero .btn-outline, .isais-hero .btn-outline, .section-ink .btn-outline { color: #fff !important; border-color: rgba(255,255,255,.78) !important; background: transparent !important; }
.btn:hover, a.btn:hover, button.btn:hover { color: #fff !important; background: var(--isais-forest) !important; border-color: var(--isais-forest) !important; }
.btn-outline:hover, a.btn-outline:hover, button.btn-outline:hover { color: #fff !important; background: var(--isais-emerald) !important; }
.btn:empty, a.btn:empty, button.btn:empty { display: none !important; }
.card, .notice { background: #fff !important; }
.notice { border: 0 !important; box-shadow: none !important; }
.site-header, .journal-nav-bar { border-top: 0 !important; }
.site-header .brand-wordmark { width: 142px; height: auto; object-fit: contain; }
.isais-program-card-dark { background: var(--isais-emerald) !important; border-color: var(--isais-emerald) !important; }
.isais-program-card-dark .text-link { color: #fff !important; }

/* Final brand pass: use the supplied scientific cover background and keep
   every public control readable at rest (without hover-dependent contrast). */
.isais-hero-brand img:last-child {
  filter: brightness(0) invert(1) !important;
}
.isais-hero-copy {
  min-width: 0;
  max-width: 42rem;
}
.isais-hero h1 {
  max-width: 14ch;
  font-size: clamp(2.55rem, 4.9vw, 4.5rem);
  line-height: 1.03;
  overflow-wrap: anywhere;
}
.isais-hero .isais-lead,
.isais-hero-copy > p:not(.eyebrow) {
  max-width: 38rem;
  overflow-wrap: anywhere;
}
.isais-journal-cover {
  background:
    radial-gradient(circle at 78% 18%, rgba(240,195,103,.22), transparent 28%),
    linear-gradient(145deg, #092f38 0%, #061536 55%, #111d43 100%) !important;
  background-blend-mode: screen, normal;
}

/* Keep the supplied cover artwork as a clean, legible image rather than a
   framed legacy card. The cover remains bounded so it cannot push text out of
   the viewport on small screens. */
.isais-journal-cover {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 0;
}
.isais-journal-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(145deg, rgba(6,21,54,.34), rgba(6,21,54,.72));
  pointer-events: none;
}
.isais-journal-cover > * { position: relative; z-index: 1; }
.isais-journal-cover > .cover-isais-wordmark {
  filter: brightness(0) invert(1) !important;
}
.isais-journal-section .isais-journal-cover {
  border-color: rgba(255,255,255,.55) !important;
  box-shadow: 10px 12px 0 rgba(72,41,125,.22) !important;
}
.isais-feature-card,
.isais-program-card,
.isais-journal-copy,
.isais-journal-cover {
  min-width: 0;
}
.isais-feature-card h2,
.isais-feature-card p,
.isais-program-card h3,
.isais-program-card p {
  overflow-wrap: anywhere;
}
@media (max-width: 900px) {
  .isais-hero h1 { max-width: 16ch; font-size: clamp(2.45rem, 7vw, 4rem); }
}
@media (max-width: 700px) {
  .isais-journal-cover { width: min(100%, 17rem); }
  .isais-hero h1, .page-hero h1 { font-size: clamp(2.35rem, 10vw, 3.8rem); line-height: 1.02; }
  .new-journal-band { gap: 2rem !important; }
}

/* Final ISAIS cleanup: no legacy watermark, no invisible controls, and no
   white logo plate. */
.journal-showcase::after { content: none !important; }
.site-header .brand-wordmark { filter: none !important; background: transparent !important; }
.isais-feature-card .btn-gold { color: #fff !important; background: var(--isais-emerald) !important; border-color: var(--isais-emerald) !important; }
.isais-feature-card .btn-gold:hover { background: var(--isais-forest) !important; border-color: var(--isais-forest) !important; }

/* Release polish: one ISAIS identity, no legacy plates or beige callouts. */
.brand-mark, .brand-logo, .brand-wordmark { background: transparent !important; }
.brand-mark.isais-mark { width: 48px; height: 48px; object-fit: contain; image-rendering: auto; }
.site-header .brand-wordmark { display: block; filter: none !important; mix-blend-mode: multiply; }
.notice { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
.isais-hero-copy { overflow: hidden; }
.isais-hero h1, .isais-feature-card h2, .isais-journal-cover strong { text-wrap: balance; }
.isais-hero .hero-actions, .isais-feature-card .hero-actions { flex-wrap: wrap; }
.isais-journal-cover { background-position: center center !important; }

/* Remove the retired dark utility strip wherever a static page still carries
   its legacy markup, and keep the scientific palette consistent. */
.kicker, .publisher-utility-bar { display: none !important; }
body { border-top: 0 !important; }
.site-header { margin-top: 0 !important; }

/* Selector de idioma persistente: discreto en escritorio y accesible en móvil. */
.language-switcher { display: inline-flex; align-items: center; margin-left: auto; }
.header-inner > .language-switcher { order: 2; }
.header-inner > .header-actions { order: 3; }
.isais-language-float { display: none !important; }
.isais-language-float select { appearance: none; min-height: 2.25rem; padding: .4rem 1.8rem .4rem .7rem; border: 1px solid rgba(201,216,211,.95); border-radius: 999px; color: #0F2B23; background: #fff linear-gradient(45deg, transparent 50%, #1E6F5C 50%) calc(100% - .85rem) 50% / 5px 5px no-repeat, linear-gradient(135deg, #1E6F5C 50%, transparent 50%) calc(100% - .55rem) 50% / 5px 5px no-repeat; box-shadow: 0 8px 22px rgba(15,43,35,.12); font: inherit; font-size: .74rem; font-weight: 700; }
.isais-language-float select:focus-visible { outline: 3px solid rgba(30,111,92,.35); outline-offset: 2px; }
.language-switcher select { appearance: none; min-height: 2.45rem; padding: .45rem 2rem .45rem .72rem; border: 1px solid #c9d8d3; border-radius: 999px; color: #0F2B23; background: #fff linear-gradient(45deg, transparent 50%, #1E6F5C 50%) calc(100% - 1rem) 50% / 5px 5px no-repeat, linear-gradient(135deg, #1E6F5C 50%, transparent 50%) calc(100% - .7rem) 50% / 5px 5px no-repeat; font: inherit; font-size: .78rem; font-weight: 700; cursor: pointer; }
.language-switcher select:focus-visible { outline: 3px solid rgba(30,111,92,.35); outline-offset: 2px; }
.header-actions .language-switcher { margin-left: .35rem; }
@media (max-width: 900px) { .header-inner > .language-switcher { margin-left: auto; } .language-switcher select { min-height: 2.25rem; font-size: .72rem; } }
@media (max-width: 560px) { .header-inner > .language-switcher { order: 2; } .header-actions { order: 3; } .language-switcher select { max-width: 7.5rem; } .isais-language-float { top: .55rem; right: .55rem; } }

/* Desktop header rhythm: keep the expanded public navigation readable now that
   conferences and membership are first-class sections. */
@media (min-width: 901px) {
  .site-header .header-inner { grid-template-columns: auto minmax(0, 1fr) auto; gap: clamp(1.5rem, 2.6vw, 3rem); }
  .site-header .site-nav { width: 100%; min-width: 0; }
  .site-header .nav-list { justify-content: center; gap: clamp(.45rem, .75vw, .9rem); }
  .site-header .nav-list a { padding-inline: .58rem; font-size: .88rem; }
  .site-header .header-actions { flex-shrink: 0; gap: .65rem; }
  .site-header .language-switcher select { min-width: 6.3rem; }
}

/* At laptop/tablet desktop widths, give the expanded navigation its own
   breathing row instead of allowing the wordmark and links to collide. */
@media (min-width: 901px) and (max-width: 1400px) {
  .site-header .header-inner {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    grid-template-areas: "brand spacer actions" "nav nav nav";
    row-gap: .15rem;
    padding-block: .45rem .25rem;
  }
  .site-header .brand { grid-area: brand; }
  .site-header .site-nav { grid-area: nav; padding-bottom: .2rem; }
  .site-header .header-actions { grid-area: actions; }
  .site-header .nav-list { justify-content: center; }
}

/* Grouped navigation keeps the header calm while exposing the full public
   information architecture on demand. */
@media (min-width: 1081px) {
  .nav-list > li.nav-dropdown > details { position: relative; }
  .nav-list > li.nav-dropdown summary {
    display: inline-flex; align-items: center; gap: .35rem; cursor: pointer;
    list-style: none; padding: .62rem .58rem; border-radius: .45rem;
    color: var(--ink-800); font-size: .88rem; font-weight: 650; white-space: nowrap;
  }
  .nav-list > li.nav-dropdown summary::-webkit-details-marker { display: none; }
  .nav-list > li.nav-dropdown summary::after { content: "⌄"; font-size: .78rem; color: var(--isais-emerald); transform: translateY(-.08rem); }
  .nav-list > li.nav-dropdown summary:hover,
  .nav-list > li.nav-dropdown details[open] summary { color: var(--ink-950); background: var(--slate-100); }
  .nav-dropdown-menu {
    position: absolute; top: calc(100% + .4rem); left: 50%; z-index: 1005;
    display: grid; min-width: 14.5rem; padding: .45rem;
    transform: translateX(-50%); background: #fff; border: 1px solid #d8e4df;
    border-radius: .75rem; box-shadow: 0 16px 34px rgba(15,43,35,.16);
  }
  .nav-dropdown-menu a { display: block; padding: .58rem .7rem; color: var(--isais-forest); font-size: .82rem; font-weight: 650; text-decoration: none; border-radius: .45rem; white-space: nowrap; }
  .nav-dropdown-menu a:hover { background: #edf4f1; color: var(--isais-emerald); }
}
@media (max-width: 1080px) {
  .nav-list > li.nav-dropdown details { width: 100%; }
  .nav-list > li.nav-dropdown summary { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 2.85rem; padding: .78rem .9rem; color: #fff; cursor: pointer; list-style: none; font-size: 1rem; font-weight: 650; border-radius: .45rem; }
  .nav-list > li.nav-dropdown summary::-webkit-details-marker { display: none; }
  .nav-list > li.nav-dropdown summary::after { content: "+"; font-size: 1.25rem; font-weight: 400; }
  .nav-list > li.nav-dropdown details[open] summary::after { content: "−"; }
  .nav-dropdown-menu { display: grid; gap: .15rem; padding: .25rem 0 .45rem 1rem; }
  .nav-dropdown-menu a { display: block; padding: .55rem .8rem; color: rgba(255,255,255,.88); font-size: .92rem; text-decoration: none; border-left: 1px solid rgba(255,255,255,.28); }
.nav-dropdown-menu a:hover { color: #fff; background: rgba(255,255,255,.08); }
}

.cookie-consent[hidden] { display: none; }
.cookie-consent { position: fixed; left: 0; right: 0; bottom: 0; width: 100%; max-width: none; margin: 0; z-index: 2000; color: var(--isais-forest); background: rgba(255,255,255,.98); border: 1px solid #c9d8d3; border-inline: 0; border-bottom: 0; border-radius: 0; box-shadow: 0 -12px 40px rgba(15,43,35,.18); }
.cookie-consent-inner { width: min(calc(100% - 2rem), 90rem); margin-inline: auto; padding: .65rem 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .45rem 1.25rem; align-items: center; }
.cookie-consent h2 { margin: .1rem 0 .2rem; font-size: 1.05rem; }
.cookie-consent p { margin: .2rem 0; max-width: 76ch; font-size: .78rem; line-height: 1.35; }
.cookie-consent-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .55rem; margin-top: .35rem; }
.cookie-consent-settings { grid-column: 1 / -1; display: flex; flex-wrap: nowrap; align-items: center; gap: .45rem .9rem; margin-top: .2rem; padding-top: .45rem; border-top: 1px solid #e1ebe7; font-size: .76rem; }
.cookie-consent-settings label { display: inline-flex; align-items: center; gap: .35rem; }
@media (max-width: 900px) { .cookie-consent-settings { flex-wrap: wrap; } }
@media (max-width: 720px) { .cookie-consent-inner { display: block; padding: .7rem 0; } .cookie-consent-actions { justify-content: flex-start; margin-top: .55rem; } .cookie-consent-actions .btn { flex: 1 1 8rem; } .cookie-consent-settings { margin-top: .45rem; } }

/* Single-line desktop header: compact, intentional spacing with dropdowns. */
@media (min-width: 1081px) and (max-width: 1400px) {
  .site-header .header-inner {
    display: grid;
    grid-template-columns: 9.4rem minmax(0, 1fr) auto;
    grid-template-rows: auto;
    grid-template-areas: none;
    gap: .7rem;
    min-height: 68px;
    padding-block: .2rem;
  }
  .site-header .brand { grid-area: auto; min-width: 0; }
  .site-header .brand-wordmark { width: 9.15rem; max-width: 100%; }
  .site-header .site-nav { grid-area: auto; width: 100%; padding: 0; }
  .site-header .nav-list { justify-content: center; gap: .08rem; }
  .site-header .nav-list a,
  .site-header .nav-list > li.nav-dropdown summary { padding-inline: .42rem; font-size: .78rem; }
  .site-header .header-actions { grid-area: auto; gap: .38rem; }
  .site-header .header-actions .account-link { padding-inline: .62rem; font-size: .78rem; }
  .site-header .language-switcher select { min-width: 5.5rem; padding-inline: .55rem; font-size: .72rem; }
}

/* The journal cover is artwork supplied by ISAIS; keep its image clear while
   placing the title and imprint in a stable, readable overlay. */
.isais-journal-cover {
  background-image:
    radial-gradient(circle at 78% 18%, rgba(240,195,103,.22), transparent 28%),
    linear-gradient(145deg, #092f38 0%, #061536 55%, #111d43 100%) !important;
  background-size: cover !important;
  background-position: center !important;
}
.isais-journal-cover > .cover-isais-wordmark { width: min(11rem, 82%); max-height: 2.7rem; }
.isais-journal-cover strong { max-width: 13ch; font-size: clamp(1.25rem, 2.9vw, 2.15rem); line-height: .96; letter-spacing: -.035em; }
.isais-journal-cover small { max-width: 21ch; }

/* HD lighthouse mark: preserve the supplied transparent artwork and give it
   enough room to remain crisp in the header without enlarging the header. */
.site-header .brand-mark.isais-mark,
.footer-brand .brand-mark.isais-mark,
.maintenance-brand .brand-mark.isais-mark { width: 52px; height: 52px; }
.site-header .brand-wordmark { width: clamp(136px, 14vw, 178px); height: auto; }

/* A journal cover is a publication object, not a narrow text column. Keep the
   title as a deliberate three-line lockup at desktop and readable on mobile. */
.mini-current-cover .isais-journal-cover strong { max-width: 14ch; }
@media (max-width: 700px) {
  .isais-journal-cover strong,
  .mini-current-cover .isais-journal-cover strong { max-width: 14ch; font-size: clamp(1.2rem, 8vw, 2rem); }
  .site-header .brand-wordmark { width: 132px; }
}

/* ISAIS identity lockup: the supplied full logo already contains the
   lighthouse, so never pair it with a second standalone mark in the same
   header or hero. Keep the dark header lockup and the white hero lockup crisp. */
.site-header .brand-wordmark {
  width: clamp(150px, 16vw, 210px);
  height: 54px;
  max-height: 54px;
  object-fit: contain;
  object-position: left center;
  filter: none !important;
  mix-blend-mode: normal !important;
}
.site-header .brand-wordmark {
  display: block;
  width: 178px;
  height: 54px;
  object-fit: contain;
  object-position: left center;
  background: transparent;
}
.isais-hero-brand { display: block; width: min(18rem, 72vw); margin-bottom: 1.1rem; }
.isais-hero-brand .isais-hero-wordmark {
  display: block;
  width: 100%;
  height: auto;
  max-height: 5.2rem;
  object-fit: contain;
  object-position: left center;
  filter: none !important;
}
.isais-journal-cover > .cover-isais-wordmark {
  width: min(11rem, 82%);
  max-height: 2.7rem;
  filter: none !important;
}
.isais-journal-cover > span {
  background-image: url('/assets/images/isais-logotipo-white-hd.png?v=20260813-isais-assets-v19');
}

/* A restrained drop-and-wave motif replaces static orbital rings. The center
   point appears periodically, then its rings expand and fade into the field. */
.isais-hero .isais-orbit {
  z-index: 1;
  width: 12px;
  height: 12px;
  right: 18%;
  top: 28%;
  bottom: auto;
  border: 1px solid rgba(225,188,112,.46) !important;
  border-radius: 50%;
  opacity: 0;
  transform: scale(.2);
  background: rgba(225,188,112,.35);
  box-shadow:
    0 0 0 16px rgba(225,188,112,.13),
    0 0 0 34px rgba(150,220,207,.10),
    0 0 0 54px rgba(150,220,207,.06) !important;
  animation: isais-water-wave 12s cubic-bezier(.2,.65,.25,1) infinite;
}
.isais-hero .isais-orbit-two { animation-delay: 6s; }
.isais-hero .isais-orbit::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -2.2rem;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(225,188,112,.72);
  box-shadow: 0 0 12px rgba(225,188,112,.34);
  opacity: 0;
  transform: translate(-50%, -1.2rem);
  animation: isais-drop-fall 12s ease-in infinite;
}
.isais-hero .isais-orbit-two::before { animation-delay: 6s; }
@keyframes isais-drop-fall {
  0%, 9% { opacity: 0; transform: translate(-50%, -1.2rem); }
  14% { opacity: .72; transform: translate(-50%, .6rem); }
  18%, 100% { opacity: 0; transform: translate(-50%, 1.3rem); }
}
@keyframes isais-water-wave {
  0%, 8% { opacity: 0; transform: scale(.2); }
  15% { opacity: .52; transform: scale(.45); }
  68% { opacity: .14; transform: scale(3.6); }
  100% { opacity: 0; transform: scale(5.3); }
}
.page-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.page-hero::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  width: 12px !important;
  height: 12px !important;
  right: 18% !important;
  top: 34% !important;
  inset-block: auto !important;
  border: 1px solid rgba(225,188,112,.42) !important;
  border-radius: 50% !important;
  opacity: 0 !important;
  background: rgba(225,188,112,.34) !important;
  box-shadow:
    0 0 0 16px rgba(225,188,112,.13),
    0 0 0 34px rgba(150,220,207,.10),
    0 0 0 54px rgba(150,220,207,.06) !important;
  animation: isais-page-wave 12s cubic-bezier(.2,.65,.25,1) 2s infinite !important;
}
.page-hero > * { position: relative; z-index: 1; }
@keyframes isais-page-wave {
  0%, 8% { opacity: 0; transform: scale(.2); }
  15% { opacity: .46; transform: scale(.45); }
  68% { opacity: .12; transform: scale(3.6); }
  100% { opacity: 0; transform: scale(5.3); }
}
@media (prefers-reduced-motion: reduce) {
  .isais-hero .isais-orbit,
  .page-hero::after { animation: none !important; opacity: .14 !important; transform: scale(1.2) !important; }
}

/* Visible gravitational-wave motif for journal and publisher page heroes.
   Two offset ripples ensure the effect is perceptible at any screenshot
   moment while remaining quiet enough for long reading sessions. */
.page-hero::before,
.page-hero::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  right: 17% !important;
  top: 36% !important;
  width: 14px !important;
  height: 14px !important;
  inset-block: auto !important;
  border: 1px solid rgba(225,188,112,.70) !important;
  border-radius: 50% !important;
  background: rgba(225,188,112,.78) !important;
  box-shadow:
    0 0 0 1px rgba(225,188,112,.52),
    0 0 0 23px rgba(225,188,112,.27),
    0 0 0 47px rgba(150,220,207,.20),
    0 0 0 76px rgba(150,220,207,.12),
    0 0 18px 2px rgba(225,188,112,.28) !important;
  transform: scale(.34) !important;
  opacity: .08 !important;
  animation: isais-gravity-ripple 9s cubic-bezier(.18,.72,.25,1) infinite !important;
  pointer-events: none !important;
}
.page-hero::before {
  animation-delay: -4.5s !important;
}
@keyframes isais-gravity-ripple {
  0%, 8% { opacity: .08; transform: scale(.34); }
  16% { opacity: .72; transform: scale(.55); }
  42% { opacity: .42; transform: scale(1.25); }
  72% { opacity: .16; transform: scale(2.15); }
  100% { opacity: 0; transform: scale(3.05); }
}
@media (prefers-reduced-motion: reduce) {
  .page-hero::before,
  .page-hero::after {
    animation: none !important;
    opacity: .22 !important;
    transform: scale(1) !important;
  }
}

/* Replace the old static container circle with a clearly visible, soft
   gravitational ripple. Keeping it inside the content container ensures it
   stays above the hero background and remains visible on narrow screens. */
.page-hero .container::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  right: 9% !important;
  top: 30% !important;
  width: 16px !important;
  height: 16px !important;
  border: 1px solid rgba(225,188,112,.76) !important;
  border-radius: 50% !important;
  background: rgba(225,188,112,.78) !important;
  box-shadow:
    0 0 0 1px rgba(225,188,112,.54),
    0 0 0 28px rgba(225,188,112,.28),
    0 0 0 58px rgba(150,220,207,.20),
    0 0 0 94px rgba(150,220,207,.12),
    0 0 22px 3px rgba(225,188,112,.28) !important;
  opacity: .18 !important;
  transform: scale(.36) !important;
  animation: isais-container-ripple 8s cubic-bezier(.18,.72,.25,1) infinite !important;
  pointer-events: none !important;
}
.page-hero .container::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  right: calc(9% + 7px) !important;
  top: 25% !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: rgba(225,188,112,.95) !important;
  box-shadow: 0 0 14px 3px rgba(225,188,112,.45) !important;
  opacity: 0 !important;
  transform: translateY(-2rem) scale(.72) !important;
  animation: isais-drop-to-ripple 8s cubic-bezier(.2,.7,.25,1) infinite !important;
  pointer-events: none !important;
}
.page-hero .container > * { position: relative; z-index: 1; }
@keyframes isais-container-ripple {
  0% { opacity: .18; transform: scale(.36); }
  12% { opacity: .72; transform: scale(.56); }
  46% { opacity: .38; transform: scale(1.22); }
  78% { opacity: .12; transform: scale(2.12); }
  100% { opacity: .04; transform: scale(2.72); }
}
@keyframes isais-drop-to-ripple {
  0%, 8% { opacity: 0; transform: translateY(-2rem) scale(.72); }
  18% { opacity: .95; transform: translateY(-.15rem) scale(1); }
  23%, 31% { opacity: .62; transform: translateY(.8rem) scale(.58); }
  38%, 100% { opacity: 0; transform: translateY(1.1rem) scale(.25); }
}

/* Higher-visibility pass: the rings must be readable while the page is open,
   not only after a hover or at one exact screenshot frame. */
.page-hero::before,
.page-hero::after {
  right: 17% !important;
  top: 37% !important;
  width: 18px !important;
  height: 18px !important;
  background: rgba(225,188,112,.84) !important;
  box-shadow:
    0 0 0 1px rgba(225,188,112,.72),
    0 0 0 30px rgba(225,188,112,.36),
    0 0 0 64px rgba(150,220,207,.27),
    0 0 0 104px rgba(150,220,207,.16),
    0 0 26px 3px rgba(225,188,112,.38) !important;
  opacity: .28 !important;
  transform: scale(.30) !important;
  animation: isais-gravity-ripple-visible 5.6s cubic-bezier(.18,.72,.25,1) infinite !important;
}
.page-hero::before { animation-delay: -2.8s !important; }
.page-hero .container::before {
  right: 9% !important;
  top: 31% !important;
  opacity: .24 !important;
  animation-duration: 5.6s !important;
}
@keyframes isais-gravity-ripple-visible {
  0%, 5% { opacity: .28; transform: scale(.30); }
  12% { opacity: .86; transform: scale(.52); }
  43% { opacity: .48; transform: scale(1.25); }
  73% { opacity: .20; transform: scale(2.25); }
  100% { opacity: .05; transform: scale(3.35); }
}
@media (prefers-reduced-motion: reduce) {
  .page-hero .container::before,
  .page-hero .container::after {
    animation: none !important;
    opacity: .24 !important;
    transform: scale(1) !important;
  }
}

/* Dedicated journal ripple stage. It is driven by JavaScript so it cannot be
   frozen by a competing page-hero pseudo-element or hover rule. */
.page-hero.isais-journal-hero::before,
.page-hero.isais-journal-hero::after,
.page-hero.isais-journal-hero .container::before,
.page-hero.isais-journal-hero .container::after { content: none !important; }
.isais-journal-hero { position: relative !important; isolation: isolate !important; overflow: hidden !important; }
.isais-ripple-stage { position: absolute !important; z-index: 0 !important; inset: 0 !important; width: auto !important; height: auto !important; pointer-events: none !important; overflow: hidden !important; }
.isais-wavefront { position: absolute !important; left: 18% !important; top: 50% !important; width: 58vw !important; height: 145% !important; transform: translate(-50%, -50%) scale(.16); border: 1px solid rgba(150,220,207,.42) !important; border-radius: 50% / 43% !important; background: transparent !important; box-shadow: 0 0 34px rgba(150,220,207,.08), inset 0 0 34px rgba(225,188,112,.035) !important; will-change: transform, opacity !important; opacity: 0; }
.isais-wavefront-a { border-color: rgba(225,188,112,.48) !important; }
.isais-wavefront-b { border-color: rgba(150,220,207,.42) !important; }
.isais-wavefront-c { border-color: rgba(150,220,207,.32) !important; }
.isais-wavefront-d { border-color: rgba(225,188,112,.24) !important; }
.isais-ripple-drop { display: none !important; }
.isais-journal-hero > .container { position: relative !important; z-index: 2 !important; }
/* Shared field for every green public hero. The wave layer stays behind copy
   and never intercepts clicks; its burst timing is controlled by main.js. */
.page-hero > .isais-ripple-stage { position: absolute !important; inset: 0 !important; z-index: 0 !important; pointer-events: none !important; overflow: hidden !important; }
.page-hero > .isais-ripple-stage .isais-wavefront { left: 22% !important; width: 62vw !important; height: 170% !important; }
.page-hero > .container { position: relative !important; z-index: 2 !important; }
.section-ink, .section-petrol, .portal-status-hero { position: relative !important; isolation: isolate !important; overflow: hidden !important; }
.section-ink > .isais-ripple-stage, .section-petrol > .isais-ripple-stage, .portal-status-hero > .isais-ripple-stage { position: absolute !important; inset: 0 !important; z-index: 0 !important; pointer-events: none !important; overflow: hidden !important; }
.section-ink > .container, .section-petrol > .container, .portal-status-hero > .container { position: relative !important; z-index: 2 !important; }
@media (max-width: 700px) { .isais-wavefront, .page-hero > .isais-ripple-stage .isais-wavefront { left: 8% !important; width: 112vw !important; height: 140% !important; } }

/* The same quiet gravitational field is shared by every green ISAIS surface,
   including publisher, journal, research, event and account heroes. The
   visible layer is the JS-driven stage above; legacy point/ring decorations
   stay disabled so no drop marker appears. */
.isais-hero, .portal-hero, .research-hub-hero, .conference-hero, .event-hero,
.app-hero, .cta-band, .maintenance-message { position: relative !important; isolation: isolate !important; overflow: hidden !important; }
.isais-hero > .isais-ripple-stage, .portal-hero > .isais-ripple-stage,
.research-hub-hero > .isais-ripple-stage, .conference-hero > .isais-ripple-stage,
.event-hero > .isais-ripple-stage, .app-hero > .isais-ripple-stage,
.cta-band > .isais-ripple-stage, .maintenance-message > .isais-ripple-stage {
  position: absolute !important; inset: 0 !important; z-index: 0 !important;
  pointer-events: none !important; overflow: hidden !important;
}
.isais-hero > .container, .portal-hero > .container, .research-hub-hero > .container,
.conference-hero > .container, .event-hero > .container, .app-hero > .container,
.cta-band > .container, .maintenance-message > .container { position: relative !important; z-index: 2 !important; }
.isais-hero > .isais-hero-grid, .isais-hero > .isais-hero-copy, .isais-hero > .isais-hero-feature,
.portal-hero > .portal-hero-grid, .research-hub-hero > .research-hub-grid,
.conference-hero > .conference-hero-grid, .event-hero > .event-hero-grid { position: relative !important; z-index: 2 !important; }
.isais-hero > .isais-ripple-stage .isais-wavefront,
.portal-hero > .isais-ripple-stage .isais-wavefront,
.research-hub-hero > .isais-ripple-stage .isais-wavefront,
.conference-hero > .isais-ripple-stage .isais-wavefront,
.event-hero > .isais-ripple-stage .isais-wavefront,
.app-hero > .isais-ripple-stage .isais-wavefront,
.cta-band > .isais-ripple-stage .isais-wavefront,
.maintenance-message > .isais-ripple-stage .isais-wavefront {
  left: 23% !important; width: 78vw !important; height: 190% !important;
}
/* The point is never shown; only the expanding, fading wavefronts remain. */
.page-hero::before, .page-hero::after, .page-hero .container::before,
.page-hero .container::after, .isais-hero .isais-orbit,
.isais-hero .isais-orbit::before { content: none !important; opacity: 0 !important;
  animation: none !important; box-shadow: none !important; border: 0 !important; }
@media (max-width: 700px) {
  .isais-hero > .isais-ripple-stage .isais-wavefront,
  .portal-hero > .isais-ripple-stage .isais-wavefront,
  .research-hub-hero > .isais-ripple-stage .isais-wavefront,
  .conference-hero > .isais-ripple-stage .isais-wavefront,
  .event-hero > .isais-ripple-stage .isais-wavefront,
  .app-hero > .isais-ripple-stage .isais-wavefront,
  .cta-band > .isais-ripple-stage .isais-wavefront,
  .maintenance-message > .isais-ripple-stage .isais-wavefront { left: 8% !important; width: 118vw !important; height: 155% !important; }
}

/* Audit 004: an accessible, author-facing map of the editorial journey. */
.editorial-journey {
  margin-top: clamp(1.5rem, 3vw, 2.4rem);
  padding: clamp(1.15rem, 2.5vw, 1.8rem);
  border: 1px solid rgba(15, 43, 35, .18);
  border-radius: 1.15rem;
  background:
    linear-gradient(135deg, rgba(30, 111, 92, .08), transparent 52%),
    #fff;
  box-shadow: 0 1.1rem 2.6rem rgba(15, 43, 35, .08);
}
.editorial-journey-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
}
.editorial-journey-heading h3 {
  max-width: 19ch;
  margin: .55rem 0 .45rem;
  color: #0f2b23;
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(1.65rem, 3vw, 2.35rem);
  line-height: 1.02;
}
.editorial-journey-heading p { max-width: 68ch; margin: 0; color: #43534f; }
.editorial-journey-number {
  flex: 0 0 auto;
  color: rgba(166, 124, 46, .72);
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(2.2rem, 5vw, 4.6rem);
  line-height: .85;
}
.editorial-journey-tabs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .55rem;
  margin: 1.45rem 0 1rem;
}
.editorial-journey-tabs button {
  min-width: 0;
  min-height: 6.1rem;
  padding: .85rem .8rem;
  border: 1px solid #cfdbd7;
  border-radius: .75rem;
  color: #18352d;
  background: #f7faf9;
  text-align: left;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
}
.editorial-journey-tabs button span {
  display: block;
  margin-bottom: .72rem;
  color: #a67c2e;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .12em;
}
.editorial-journey-tabs button strong { display: block; font-size: .93rem; line-height: 1.25; }
.editorial-journey-tabs button:hover { border-color: #1e6f5c; transform: translateY(-2px); }
.editorial-journey-tabs button[aria-selected="true"] {
  border-color: #0f2b23;
  color: #fff;
  background: #0f2b23;
  box-shadow: inset 0 .22rem 0 #d8ad55;
}
.editorial-journey-tabs button[aria-selected="true"] span { color: #e1bc70; }
.editorial-journey-tabs button:focus-visible { outline: 3px solid rgba(30, 111, 92, .34); outline-offset: 3px; }
.editorial-journey-panel {
  display: grid;
  grid-template-columns: minmax(13rem, .85fr) minmax(0, 1.75fr);
  gap: clamp(1rem, 3vw, 2.2rem);
  padding: clamp(1rem, 2.5vw, 1.55rem);
  border-radius: .9rem;
  background: #eef5f2;
}
.editorial-journey-summary span,
.editorial-journey-details dt {
  color: #136d59;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.editorial-journey-summary strong {
  display: block;
  margin: .55rem 0 .45rem;
  color: #0f2b23;
  font-family: var(--font-serif, Georgia, serif);
  font-size: clamp(1.35rem, 2.3vw, 1.8rem);
  line-height: 1.08;
}
.editorial-journey-summary p { margin: 0; color: #3f514b; }
.editorial-journey-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin: 0;
}
.editorial-journey-details div {
  min-width: 0;
  padding: .85rem;
  border-left: 2px solid rgba(166, 124, 46, .58);
  background: rgba(255, 255, 255, .72);
}
.editorial-journey-details dd { margin: .42rem 0 0; color: #253c35; font-size: .92rem; line-height: 1.48; }
.editorial-journey-note {
  grid-column: 1 / -1;
  margin: .15rem 0 0;
  padding-top: .9rem;
  border-top: 1px solid rgba(15, 43, 35, .13);
  color: #43534f;
  font-size: .9rem;
}
.editorial-journey-disclaimer { margin: 1rem 0 0; color: #53635e; font-size: .88rem; }
@media (max-width: 980px) {
  .editorial-journey-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .editorial-journey-panel { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .editorial-journey { padding: 1rem; border-radius: .85rem; }
  .editorial-journey-number { display: none; }
  .editorial-journey-tabs {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding: 0 0 .4rem;
  }
  .editorial-journey-tabs button { flex: 0 0 10.25rem; min-height: 5.3rem; scroll-snap-align: start; }
  .editorial-journey-details { grid-template-columns: 1fr; }
}

/* ISAIS homepage v38 — discovery-first international publisher */
.isais-home {
  background: #f4f7f5;
}

.isais-home .isais-home-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(5, 36, 30, .62) 0%, rgba(5, 36, 30, .48) 38%, rgba(5, 36, 30, .28) 59%, rgba(5, 36, 30, .08) 100%),
    url("/assets/images/isais-scientists-editorial-bg-mirrored.png") left center / cover no-repeat;
}
.isais-home .isais-home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 80% 16%, rgba(230, 190, 101, .14), transparent 30%),
    linear-gradient(180deg, transparent 66%, rgba(3, 25, 21, .24));
}
.isais-home .isais-home-hero .isais-hero-grid {
  min-height: clamp(40rem, calc(100svh - 5rem), 49rem);
  grid-template-columns: minmax(0, 1.08fr) minmax(19rem, .68fr);
  gap: clamp(2.5rem, 6vw, 6.5rem);
  align-items: center;
  padding-block: clamp(3.25rem, 6vh, 5.25rem);
}
.isais-home .isais-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 49rem;
}
.isais-home .isais-hero-brand {
  display: inline-flex;
  align-items: center;
  min-height: 2.5rem;
  margin: 0 0 1.35rem;
}
.isais-home .isais-hero-wordmark {
  display: block;
  width: clamp(9.8rem, 16vw, 13.5rem);
  height: auto;
  max-height: 3.65rem;
  object-fit: contain;
  object-position: left center;
}
.isais-home .isais-home-hero .eyebrow {
  color: #efd08b;
}
.isais-home .isais-home-hero h1 {
  max-width: 12.5ch;
  margin: .65rem 0 1.15rem;
  color: #fff;
  font-size: clamp(3.35rem, 5.9vw, 5.85rem);
  line-height: .94;
  letter-spacing: -.052em;
  text-wrap: balance;
}
.isais-home .isais-home-hero h1 em {
  color: #efd08b;
  font-style: normal;
}
.isais-home .isais-home-hero .isais-lead {
  max-width: 42rem;
  margin: 0 0 1.4rem;
  color: rgba(255,255,255,.9);
  font-size: clamp(1.02rem, 1.35vw, 1.17rem);
  line-height: 1.62;
}
.isais-home .isais-hero-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: min(100%, 45rem);
  margin: 1.5rem 0 0;
  padding: .3rem;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: .48rem;
  background: #fff;
  box-shadow: 0 1.1rem 2.8rem rgba(0, 18, 15, .22);
}
.isais-home .isais-hero-search input {
  min-width: 0;
  min-height: 3.35rem;
  padding: .75rem 1rem;
  border: 0;
  outline: 0;
  background: transparent;
  color: #102f29;
  font-size: 1rem;
}
.isais-home .isais-hero-search input::placeholder { color: #65756f; opacity: 1; }
.isais-home .isais-hero-search input:focus-visible { box-shadow: inset 0 0 0 3px rgba(30,111,92,.22); }
.isais-home .isais-hero-search button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-width: 7.8rem;
  min-height: 3.35rem;
  padding: .72rem 1.15rem;
  border: 0;
  border-radius: .34rem;
  background: #157d67;
  color: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  transition: background-color .2s ease, transform .2s ease;
}
.isais-home .isais-hero-search button:hover { background: #0f6655; transform: translateY(-1px); }
.isais-home .isais-hero-search button svg {
  width: 1.15rem;
  height: 1.15rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
}
.isais-home .isais-hero-quicklinks {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem 1.25rem;
  width: min(100%, 45rem);
  margin: .68rem 0 1.4rem;
}
.isais-home .isais-hero-quicklinks a {
  color: rgba(255,255,255,.92);
  font-size: .86rem;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: .22rem;
}
.isais-home .isais-home-hero .hero-actions { margin-top: 0; }
.isais-home .isais-home-hero .btn-outline { border-color: rgba(255,255,255,.62); color: #fff; background: rgba(5,36,30,.2); }
.isais-home .isais-home-hero .btn-outline:hover { border-color: #fff; background: rgba(255,255,255,.12); }
.isais-home .isais-hero-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-top: 2rem;
  color: rgba(255,255,255,.84);
}
.isais-home .isais-hero-facts span {
  display: grid;
  gap: .18rem;
  min-width: 9.6rem;
  padding: 0 1rem;
  border-left: 1px solid rgba(239,208,139,.58);
  font-size: .76rem;
  line-height: 1.35;
}
.isais-home .isais-hero-facts span:first-child { padding-left: 0; border-left: 0; }
.isais-home .isais-hero-facts strong { color: #efd08b; font-size: 1.03rem; letter-spacing: .06em; }

.isais-home .isais-feature-carousel {
  position: relative;
  align-self: center;
  justify-self: end;
  width: min(100%, 31.5rem);
  min-height: 32.5rem;
  padding: clamp(1.65rem, 3vw, 2.35rem);
  border: 1px solid rgba(239,208,139,.54);
  border-radius: 1.2rem;
  background: linear-gradient(145deg, rgba(12,57,50,.87), rgba(10,43,38,.7));
  box-shadow: 0 2rem 5rem rgba(1, 22, 18, .3);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
.isais-home .isais-feature-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: rgba(255,255,255,.72);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.isais-home .isais-feature-viewport { min-height: 24.5rem; }
.isais-home .isais-feature-slide {
  animation: isais-home-slide-in .42s ease both;
}
.isais-home .isais-feature-slide[hidden] { display: none !important; }
.isais-home .isais-journal-mark {
  display: grid;
  place-items: center;
  width: 4.65rem;
  height: 4.65rem;
  margin: 2.15rem 0 1.55rem;
  border: 1px solid #d9b463;
  border-radius: 50%;
  color: #efd08b;
  background: rgba(255,255,255,.035);
  font: 700 1.2rem/1 Georgia, serif;
  letter-spacing: .04em;
}
.isais-home .isais-journal-mark-mom { border-radius: .75rem; }
.isais-home .isais-journal-mark-cddh { width: auto; min-width: 4.65rem; padding-inline: .45rem; border-radius: .75rem; font-size: 1rem; }
.isais-home .isais-feature-slide .eyebrow { margin-bottom: .65rem; }
.isais-home .isais-feature-slide h2 {
  max-width: 13ch;
  margin: 0 0 .8rem;
  color: #fff;
  font: 400 clamp(2.1rem, 3.45vw, 3rem)/.98 Georgia, serif;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.isais-home .isais-feature-slide > p:not(.eyebrow) {
  max-width: 35rem;
  margin: 0;
  color: rgba(255,255,255,.82);
  font-size: .92rem;
  line-height: 1.55;
}
.isais-home .isais-feature-rule { height: 1px; margin: 1.45rem 0 1.1rem; background: rgba(255,255,255,.24); }
.isais-home .isais-feature-cta { padding-inline: 0; background: transparent; color: #efd08b; box-shadow: none; }
.isais-home .isais-feature-cta:hover { background: transparent; color: #fff; transform: none; }
.isais-home .isais-carousel-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .65rem;
  margin-top: .35rem;
}
.isais-home .isais-carousel-controls > button {
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 50%;
  background: rgba(4,31,27,.38);
  color: #fff;
  cursor: pointer;
}
.isais-home .isais-carousel-controls > button:hover { border-color: #efd08b; color: #efd08b; }
.isais-home .isais-carousel-dots { display: flex; gap: .45rem; }
.isais-home .isais-carousel-dots button {
  width: .5rem;
  height: .5rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.4);
  cursor: pointer;
}
.isais-home .isais-carousel-dots button.is-active { width: 1.35rem; background: #efd08b; }
@keyframes isais-home-slide-in { from { opacity: 0; transform: translateX(1rem); } to { opacity: 1; transform: none; } }

.isais-home .isais-discovery-section { padding-block: clamp(4.5rem, 7vw, 6.5rem); background: #fff; }
.isais-home .isais-discovery-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(17rem, .72fr);
  gap: 2.5rem;
  align-items: end;
  margin-bottom: 2.1rem;
}
.isais-home .isais-discovery-heading h2,
.isais-home .isais-home-journals .section-head h2,
.isais-home .isais-path-section .section-head h2,
.isais-home .isais-cta-section h2 {
  max-width: 17ch;
  margin: .45rem 0 0;
  color: #10382f;
  font: 400 clamp(2.35rem, 4vw, 3.75rem)/1.02 Georgia, serif;
  letter-spacing: -.04em;
  text-wrap: balance;
}
.isais-home .isais-discovery-heading > p,
.isais-home .isais-home-journals .section-head > p { max-width: 37rem; margin: 0; color: #52645e; font-size: 1.02rem; line-height: 1.65; }
.isais-home .isais-discovery-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid #cad6d1;
  border-bottom: 1px solid #cad6d1;
}
.isais-home .isais-discovery-grid > a {
  display: flex;
  min-height: 16rem;
  flex-direction: column;
  padding: 1.65rem 1.5rem;
  border-right: 1px solid #cad6d1;
  background: #fff;
  color: #12382f;
  text-decoration: none;
  transition: background-color .22s ease, color .22s ease, transform .22s ease;
}
.isais-home .isais-discovery-grid > a:nth-child(4n), .isais-home .isais-discovery-grid > a:last-child { border-right: 0; }
.isais-home .isais-discovery-grid > a:nth-child(2) { background: #123e34; color: #fff; }
.isais-home .isais-discovery-grid > a:hover { position: relative; z-index: 2; background: #1a735f; color: #fff; transform: translateY(-.3rem); }
.isais-home .isais-discovery-grid span { color: #b08028; font-size: .76rem; font-weight: 800; letter-spacing: .1em; }
.isais-home .isais-discovery-grid h3 { margin: 2rem 0 .65rem; color: inherit; font-size: 1.35rem; }
.isais-home .isais-discovery-grid p { margin: 0; color: inherit; opacity: .78; font-size: .93rem; line-height: 1.55; }
.isais-home .isais-discovery-grid b { margin-top: auto; padding-top: 1.25rem; color: inherit; font-size: .87rem; }

.isais-home .isais-home-journals { padding-block: clamp(4.5rem, 7vw, 6.5rem); }
.isais-home .isais-home-journals .section-head,
.isais-home .isais-path-section .section-head { align-items: end; margin-bottom: 2rem; }
.isais-home .isais-home-journal-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.isais-home .isais-home-journal-card {
  display: grid;
  grid-template-columns: 5.4rem minmax(0, 1fr);
  gap: 1.4rem;
  min-height: 25rem;
  padding: clamp(1.65rem, 3vw, 2.4rem);
  border: 1px solid #cbd8d3;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 1.2rem 2.8rem rgba(18,56,47,.07);
}
.isais-home .isais-home-journal-code {
  display: grid;
  place-items: center;
  width: 5.2rem;
  height: 7rem;
  border-radius: .4rem;
  background: linear-gradient(155deg, #0c3b31, #1e6f5c);
  color: #efd08b;
  font: 700 1.05rem/1 Georgia, serif;
  letter-spacing: .06em;
  box-shadow: .45rem .45rem 0 #e7ddc9;
}
.isais-home .isais-home-journal-mom .isais-home-journal-code { background: linear-gradient(155deg, #092c50, #14678a); }
.isais-home .isais-home-journal-cddh .isais-home-journal-code { background: linear-gradient(155deg, #253f6d, #477ca0); font-size: .82rem; }
.isais-home .isais-home-journal-card h3 { margin: .35rem 0 .9rem; color: #10382f; font: 400 clamp(2rem, 3.25vw, 3rem)/1.02 Georgia, serif; letter-spacing: -.035em; }
.isais-home .isais-home-journal-card p:not(.eyebrow) { max-width: 54ch; margin: 0 0 1.2rem; color: #485b54; line-height: 1.65; }
.isais-home .isais-home-journal-card .journal-meta { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0 0 1.3rem; }
.isais-home .isais-home-journal-card .journal-meta span { padding: .4rem .65rem; border: 1px solid #d4b66f; border-radius: 999px; color: #27483f; font-size: .74rem; }
.isais-home .isais-home-journal-card .text-link { color: #126a58; font-weight: 800; }

.isais-home .isais-path-section { padding-block: clamp(4.5rem, 7vw, 6.5rem); background: #fff; }
.isais-home .isais-path { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #c8d6d0; }
.isais-home .isais-path > div { min-height: 12.5rem; padding: 1.5rem 1.2rem 1.2rem 0; border-right: 1px solid #c8d6d0; }
.isais-home .isais-path > div:not(:first-child) { padding-left: 1.2rem; }
.isais-home .isais-path > div:last-child { border-right: 0; }
.isais-home .isais-path span { color: #a67c2e; font-size: .75rem; font-weight: 800; letter-spacing: .1em; }
.isais-home .isais-path h3 { margin: 1.65rem 0 .5rem; color: #10382f; font-size: 1.2rem; }
.isais-home .isais-path p { margin: 0; color: #52645e; font-size: .9rem; line-height: 1.55; }

.isais-home .isais-cta-section { padding-block: clamp(3.6rem, 6vw, 5.3rem); background: linear-gradient(120deg, #0b342c, #155f50); }
.isais-home .isais-cta { align-items: center; }
.isais-home .isais-cta-section h2 { color: #fff; }
.isais-home .isais-cta-section p:not(.eyebrow) { max-width: 42rem; color: rgba(255,255,255,.78); line-height: 1.6; }
.isais-home .isais-cta-section .btn-outline { border-color: rgba(255,255,255,.55); color: #fff; }

@media (max-width: 1050px) {
  .isais-home .isais-home-hero .isais-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(18rem, .58fr); gap: 2.3rem; }
  .isais-home .isais-home-hero h1 { font-size: clamp(3.2rem, 5.6vw, 4.75rem); }
  .isais-home .isais-discovery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .isais-home .isais-discovery-grid > a:nth-child(2n) { border-right: 0; }
  .isais-home .isais-discovery-grid > a { border-bottom: 1px solid #cad6d1; }
  .isais-home .isais-discovery-grid > a:last-child { border-bottom: 0; }
  .isais-home .isais-home-journal-card { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .isais-home .isais-home-hero {
    background:
      url("/assets/images/isais-scientists-editorial-bg-mirrored.png") center top / 100% auto no-repeat,
      #050708;
  }
  .isais-home .isais-home-hero .isais-hero-grid { min-height: auto; grid-template-columns: 1fr; gap: 2.75rem; padding: 16rem 1rem 3.5rem; }
  .isais-home .isais-feature-carousel { justify-self: stretch; width: 100%; min-height: 0; }
  .isais-home .isais-feature-viewport { min-height: 22rem; }
  .isais-home .isais-discovery-heading { grid-template-columns: 1fr; gap: 1rem; }
  .isais-home .isais-home-journal-grid { grid-template-columns: 1fr; }
  .isais-home .isais-path { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .isais-home .isais-path > div:nth-child(2) { border-right: 0; }
  .isais-home .isais-path > div:nth-child(-n+2) { border-bottom: 1px solid #c8d6d0; }
}
@media (max-width: 560px) {
  .isais-home .isais-home-hero h1 { max-width: 10ch; font-size: clamp(2.8rem, 14vw, 3.75rem); }
  .isais-home .isais-hero-search { grid-template-columns: minmax(0, 1fr) 3.35rem; }
  .isais-home .isais-hero-search button { min-width: 3.35rem; width: 3.35rem; padding-inline: 0; }
  .isais-home .isais-hero-search button span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
  .isais-home .isais-hero-facts { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem 0; }
  .isais-home .isais-hero-facts span { min-width: 0; padding-left: .8rem; }
  .isais-home .isais-hero-facts span:nth-child(3) { padding-left: 0; border-left: 0; }
  .isais-home .isais-feature-slide h2 { font-size: 2.1rem; }
  .isais-home .isais-discovery-grid { grid-template-columns: 1fr; }
  .isais-home .isais-discovery-grid > a { min-height: 12.5rem; border-right: 0; border-bottom: 1px solid #cad6d1; }
  .isais-home .isais-discovery-grid > a:last-child { border-bottom: 0; }
  .isais-home .isais-home-journal-card { min-height: 0; }
  .isais-home .isais-path { grid-template-columns: 1fr; }
  .isais-home .isais-path > div { min-height: 0; padding: 1.25rem 0; border-right: 0; border-bottom: 1px solid #c8d6d0; }
  .isais-home .isais-path > div:not(:first-child) { padding-left: 0; }
  .isais-home .isais-path > div:last-child { border-bottom: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .isais-home .isais-feature-slide { animation: none; }
  .isais-home .isais-discovery-grid > a { transition: none; }
}
@media (prefers-reduced-motion: reduce) {
  .editorial-journey-tabs button { transition: none; }
  .editorial-journey-tabs button:hover { transform: none; }
}

/* Audit 005: transparent journal-fit navigator for a growing portfolio. */
.journal-fit-section {
  border-top: 1px solid rgba(15, 43, 35, .12);
  background:
    radial-gradient(circle at 94% 8%, rgba(30, 111, 92, .09), transparent 24rem),
    linear-gradient(180deg, #f6f7f8 0%, #eef3f1 100%);
}
.journal-fit-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .65fr);
  gap: clamp(1.25rem, 4vw, 4rem);
  align-items: end;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}
.journal-fit-heading h2 {
  max-width: 19ch;
  margin: .55rem 0 0;
  color: #0f2b23;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 4vw, 3.7rem);
  line-height: .98;
  letter-spacing: -.035em;
}
.journal-fit-heading > p { max-width: 52ch; margin: 0; color: #43534f; line-height: 1.68; }
.journal-fit-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.journal-fit-form fieldset {
  min-width: 0;
  margin: 0;
  padding: 1.1rem;
  border: 1px solid rgba(15, 43, 35, .16);
  border-radius: 1rem;
  background: rgba(255, 255, 255, .84);
  box-shadow: 0 1rem 2.5rem rgba(15, 43, 35, .06);
}
.journal-fit-form legend {
  display: flex;
  gap: .65rem;
  align-items: flex-start;
  width: 100%;
  padding: 0 .2rem .85rem 0;
  color: #0f2b23;
  font-size: 1rem;
  line-height: 1.35;
}
.journal-fit-form legend span {
  flex: 0 0 auto;
  color: #8d6825;
  font-size: .72rem;
  letter-spacing: .12em;
}
.journal-fit-options { display: grid; gap: .6rem; }
.journal-fit-options label { display: block; cursor: pointer; }
.journal-fit-options input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.journal-fit-options label > span {
  display: block;
  min-height: 6.6rem;
  padding: .85rem;
  border: 1px solid rgba(15, 43, 35, .13);
  border-radius: .75rem;
  background: #fff;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.journal-fit-options label:hover > span { border-color: rgba(30, 111, 92, .55); transform: translateY(-1px); }
.journal-fit-options input:checked + span {
  border-color: #1e6f5c;
  background: linear-gradient(135deg, rgba(30, 111, 92, .12), rgba(166, 124, 46, .07));
  box-shadow: inset 3px 0 0 #1e6f5c;
}
.journal-fit-options input:focus-visible + span { outline: 3px solid rgba(30, 111, 92, .3); outline-offset: 3px; }
.journal-fit-options strong { display: block; color: #16382f; font-size: .94rem; line-height: 1.35; }
.journal-fit-options small { display: block; margin-top: .42rem; color: #53635e; font-size: .82rem; line-height: 1.45; }
.journal-fit-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  align-items: center;
  padding-top: .35rem;
}
.journal-fit-actions [data-fit-status] { color: #8a3c25; font-weight: 700; }
.journal-fit-result {
  position: relative;
  margin-top: 1.25rem;
  padding: clamp(1.25rem, 3vw, 2.2rem);
  overflow: hidden;
  border: 1px solid rgba(166, 124, 46, .55);
  border-radius: 1rem;
  background: linear-gradient(135deg, #0f2b23, #175b4a);
  color: #fff;
}
.journal-fit-result::after {
  content: "";
  position: absolute;
  right: -5rem;
  bottom: -8rem;
  width: 20rem;
  height: 20rem;
  border: 1px solid rgba(225, 188, 112, .28);
  border-radius: 50%;
  pointer-events: none;
}
.journal-fit-result .card-tag { color: #e1bc70; }
.journal-fit-result h3 {
  position: relative;
  z-index: 1;
  max-width: 28ch;
  margin: .35rem 0 .7rem;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.65rem, 3vw, 2.65rem);
  line-height: 1.05;
}
.journal-fit-result > p:not(.card-tag) { position: relative; z-index: 1; max-width: 70ch; color: rgba(255,255,255,.85); }
.journal-fit-result-actions { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.1rem; }
.journal-fit-result .btn-outline { border-color: rgba(255,255,255,.65); color: #fff; }
.journal-fit-result .journal-fit-caveat { margin: 1.1rem 0 0; padding-top: .9rem; border-top: 1px solid rgba(255,255,255,.18); font-size: .86rem; }
@media (max-width: 980px) {
  .journal-fit-heading { grid-template-columns: 1fr; gap: 1rem; }
  .journal-fit-form { grid-template-columns: 1fr; }
  .journal-fit-options { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .journal-fit-options { grid-template-columns: 1fr; }
  .journal-fit-options label > span { min-height: 0; }
  .journal-fit-actions .btn { width: 100%; }
  .journal-fit-result-actions .btn { width: 100%; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  .journal-fit-options label > span { transition: none; }
  .journal-fit-options label:hover > span { transform: none; }
}

/* Audit 005 — international journal visual system (Nature/JAMA/BMJ patterns) */
:root {
  --isais-content-wide: 74rem;
  --isais-reading-measure: 68ch;
  --isais-card-radius: 1rem;
  --isais-card-shadow: 0 1.1rem 3.2rem rgba(15, 43, 35, .075);
  --isais-card-shadow-hover: 0 1.45rem 3.8rem rgba(15, 43, 35, .11);
  --isais-rule: rgba(15, 43, 35, .14);
}
html { scroll-behavior: smooth; }
body {
  color: #17342c;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.container { width: min(calc(100% - 2.5rem), var(--isais-content-wide)); }
h1, h2, h3, .isais-feature-card h2, .isais-journal-cover strong {
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: balance;
}
p, li { text-wrap: pretty; }
.section { padding-block: clamp(3.8rem, 7vw, 6.5rem); }
.section-head { gap: 2rem; margin-bottom: clamp(2rem, 4vw, 3.25rem); }
.section-head h2 { max-width: 21ch; }
.section-head > :last-child:not(:first-child) { align-self: end; }
.lead { max-width: var(--isais-reading-measure); }

.btn {
  min-height: 2.9rem;
  padding: .78rem 1.2rem;
  border-radius: 999px;
  font-size: .94rem;
  line-height: 1.15;
  box-shadow: none;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.btn:hover { transform: translateY(-2px); box-shadow: 0 .65rem 1.6rem rgba(15, 43, 35, .12); }
.btn:focus-visible, .text-link:focus-visible, .anchor-nav a:focus-visible {
  outline: 3px solid rgba(166, 124, 46, .48);
  outline-offset: 3px;
}
.btn-outline { background: transparent; }
.hero-actions { gap: .72rem; margin-top: 1.7rem; }

.page-hero { padding-block: clamp(3.2rem, 6vw, 5.4rem); }
.page-hero .container { position: relative; z-index: 2; }
.page-hero h1 {
  max-width: 18ch;
  margin-block: .45rem 1rem;
  font-size: clamp(2.7rem, 5.5vw, 4.8rem);
  line-height: .98;
  letter-spacing: -.043em;
}
.page-hero p:not(.eyebrow) { max-width: 66ch; font-size: clamp(1rem, 1.5vw, 1.12rem); line-height: 1.68; }
.breadcrumbs { margin-bottom: 1.25rem; }
.anchor-nav { border-block: 1px solid var(--isais-rule); background: rgba(255,255,255,.96); }
.anchor-nav .container { display: flex; gap: .25rem 1.65rem; padding-block: .9rem; overflow-x: auto; scrollbar-width: thin; }
.anchor-nav a { flex: 0 0 auto; padding-block: .25rem; font-size: .9rem; }

.isais-hero { min-height: auto; }
.isais-hero-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(19rem, .82fr);
  gap: clamp(2.5rem, 5vw, 4.75rem);
  padding-block: clamp(4.2rem, 7vw, 6rem);
}
.isais-hero-copy { max-width: 43rem; overflow: visible; }
.isais-hero-brand { width: min(17rem, 66vw); margin-bottom: 1.35rem; }
.isais-hero h1 {
  max-width: 15ch;
  margin-block: .5rem 1.15rem;
  font-size: clamp(3.1rem, 5.4vw, 4.85rem);
  line-height: .99;
  letter-spacing: -.045em;
  overflow-wrap: normal;
  word-break: normal;
}
.isais-hero-copy > p:not(.eyebrow) { max-width: 59ch; font-size: clamp(1.02rem, 1.35vw, 1.14rem); line-height: 1.68; text-align: left; }
.isais-hero-facts { gap: 1rem 1.5rem; margin-top: 2.65rem; }
.isais-feature-card {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  min-height: 31rem;
  padding: clamp(1.6rem, 3vw, 2.35rem);
  border-radius: var(--isais-card-radius);
  background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.07));
  box-shadow: 0 1.8rem 4.8rem rgba(3, 23, 18, .16);
}
.isais-journal-mark { width: 5rem; height: 5rem; margin: 2.4rem 0 1.55rem; }
.isais-journal-mark img { width: 4.15rem; height: 4.15rem; }
.isais-feature-card h2 { max-width: 16ch; font-size: clamp(2rem, 3.2vw, 3rem); line-height: 1; }
.isais-feature-card h2, .page-hero h1, .journal-catalog-card h2, .isais-journal-cover strong {
  overflow-wrap: normal;
  word-break: normal;
}
.isais-feature-card p:not(.eyebrow) { max-width: 39ch; text-align: left; }
.isais-feature-rule { margin-top: auto; }

.isais-intro-grid { gap: clamp(2rem, 6vw, 5rem); }
.isais-intro h2, .isais-journal-copy h2, .isais-path-section h2, .isais-cta-section h2 {
  max-width: 17ch;
  font-size: clamp(2.45rem, 4.2vw, 3.8rem);
  line-height: 1.02;
}
.isais-program-grid { gap: 1.15rem; margin-top: 3.25rem; }
.isais-program-card {
  min-height: 23rem;
  padding: clamp(1.55rem, 2.8vw, 2.15rem);
  border-radius: var(--isais-card-radius);
  box-shadow: 0 .25rem 1rem rgba(15,43,35,.035);
}
.isais-program-card:hover { transform: translateY(-3px); box-shadow: var(--isais-card-shadow-hover); }
.isais-program-card h3 { margin: 2rem 0 .75rem; font-size: 1.35rem; line-height: 1.2; }
.isais-program-card p { line-height: 1.68; }

.isais-journal-grid {
  grid-template-columns: minmax(16rem, .7fr) minmax(0, 1.3fr);
  gap: clamp(3rem, 7vw, 6rem);
}
.isais-journal-cover {
  width: min(100%, 18.5rem);
  aspect-ratio: 3 / 4;
  border-radius: .2rem;
  box-shadow: .75rem .9rem 0 rgba(166,124,46,.18), 0 1.5rem 3rem rgba(5,17,48,.2);
}
.isais-journal-cover strong { max-width: 14ch; font-size: clamp(1.5rem, 3vw, 2.25rem); line-height: .95; }
.isais-journal-copy > p:not(.eyebrow) { max-width: 62ch; font-size: 1.08rem; line-height: 1.72; text-align: left; }
.journal-meta { gap: .55rem; }
.journal-meta span { padding: .42rem .72rem; }

.card, .professional-card, .article-card, .journal-catalog-card {
  border-color: var(--isais-rule);
  border-radius: var(--isais-card-radius);
  box-shadow: var(--isais-card-shadow);
}
.grid-2, .grid-3 { align-items: stretch; }
.grid-2 > .card, .grid-3 > .card { height: 100%; padding: clamp(1.35rem, 2.4vw, 1.8rem); }
.card h3 { margin-top: .7rem; line-height: 1.22; }
.card p { max-width: 58ch; line-height: 1.65; }

.journal-catalog-hero .container { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr); gap: 3rem; align-items: end; }
.journal-catalog-hero .eyebrow, .journal-catalog-hero h1 { grid-column: 1; }
.journal-catalog-hero p:not(.eyebrow) { grid-column: 2; grid-row: 1 / span 2; align-self: end; }
.journal-catalog { gap: 1.5rem; }
.journal-catalog-card {
  grid-template-columns: 4.5rem minmax(0, 1fr);
  padding: clamp(1.6rem, 3.5vw, 2.75rem);
  border-left-width: .25rem;
}
.journal-catalog-card h2 { max-width: 26ch; font-size: clamp(2rem, 4vw, 3.35rem); line-height: .98; }
.journal-catalog-card .lead { max-width: 65ch; line-height: 1.7; }

.new-journal-band {
  grid-template-columns: minmax(0, 1.35fr) minmax(15rem, .65fr) !important;
  gap: clamp(3rem, 8vw, 7rem) !important;
  align-items: center !important;
}
.new-journal-band > div:first-child { max-width: 45rem; }
.new-journal-band h2 { max-width: 18ch; font-size: clamp(2.5rem, 4.5vw, 4rem); line-height: 1.02; }
.new-journal-band p { max-width: 66ch; line-height: 1.72; }
.mini-current-cover { width: min(100%, 18.5rem) !important; justify-self: end; }
.mini-current-cover figcaption { padding-top: 1rem !important; }
.mini-current-cover figcaption strong { max-width: 24ch !important; }

.molecular-journal-hero { background: linear-gradient(120deg, #0f2b23 0%, #135847 60%, #1e6f5c 100%); }
.molecular-hero-grid { grid-template-columns: minmax(0, 1.45fr) minmax(16rem, .55fr); gap: clamp(2.5rem, 7vw, 6rem); align-items: center; }
.molecular-monogram {
  position: relative;
  min-height: 15rem;
  align-content: center;
  justify-items: center;
  padding: 2rem;
  overflow: hidden;
  border: 1px solid rgba(225,188,112,.48);
  border-radius: 50% 50% 48% 52% / 55% 45% 55% 45%;
  background: radial-gradient(circle at 50% 45%, rgba(255,255,255,.13), rgba(255,255,255,.02) 62%, transparent 63%);
}
.molecular-monogram::before, .molecular-monogram::after {
  content: "";
  position: absolute;
  inset: 18%;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50%;
  transform: rotate(28deg);
}
.molecular-monogram::after { inset: 31% 10%; transform: rotate(-28deg); }
.molecular-monogram strong, .molecular-monogram span { position: relative; z-index: 1; }
.molecular-monogram strong { font-size: clamp(3.4rem, 7vw, 5.8rem); }

.editorial-reading-grid { gap: clamp(2.5rem, 6vw, 5rem); }
.editorial-reading-main { max-width: 49rem; }
.editorial-reading-main p, .editorial-reading-main li { font-size: 1.02rem; line-height: 1.75; }
.editorial-reading-aside { position: sticky; top: 7rem; align-self: start; }

@media (max-width: 980px) {
  .isais-hero-grid, .isais-journal-grid, .new-journal-band,
  .journal-catalog-hero .container, .molecular-hero-grid {
    grid-template-columns: 1fr !important;
  }
  .journal-catalog-hero p:not(.eyebrow) { grid-column: 1; grid-row: auto; }
  .isais-feature-card { min-height: auto; max-width: 42rem; }
  .isais-feature-rule { margin-top: 2rem; }
  .isais-journal-cover, .mini-current-cover { justify-self: start; }
  .molecular-monogram { max-width: 26rem; min-height: 12rem; justify-items: start; border-radius: 1rem; }
  .editorial-reading-aside { position: static; }
}
@media (max-width: 720px) {
  .container { width: min(calc(100% - 1.5rem), var(--isais-content-wide)); }
  .section { padding-block: 3.5rem; }
  .isais-hero-grid { padding-block: 3.5rem; }
  .isais-hero h1 { max-width: none; font-size: clamp(2.65rem, 12vw, 3.7rem); }
  .isais-hero-brand { width: min(14rem, 72vw); }
  .isais-hero-facts { display: grid; }
  .isais-feature-card { padding: 1.35rem; }
  .isais-feature-top { align-items: flex-start; }
  .isais-program-grid { margin-top: 2.5rem; }
  .isais-program-card { min-height: 18rem; }
  .journal-catalog-card { grid-template-columns: 1fr; padding: 1.35rem; }
  .journal-catalog-card h2 { font-size: clamp(1.85rem, 10vw, 2.65rem); }
  .page-hero h1, .new-journal-band h2 { font-size: clamp(2.25rem, 10vw, 3.2rem); }
  .new-journal-band { gap: 2.5rem !important; }
  .mini-current-cover { justify-self: center; }
  .hero-actions .btn { justify-content: center; text-align: center; }
}
@media (max-width: 480px) {
  .hero-actions { display: grid; grid-template-columns: 1fr; }
  .hero-actions .btn { width: 100%; }
  .isais-feature-card h2 { font-size: 2rem; }
  .isais-journal-cover { width: min(100%, 16.5rem); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .btn, .isais-program-card { transition: none; }
  .btn:hover, .isais-program-card:hover { transform: none; }
}

/* Audit 006 — compact editorial rhythm and viewport efficiency. */
:root {
  --isais-section-space: clamp(2.75rem, 4.25vw, 4rem);
  --isais-hero-space: clamp(2.35rem, 3.8vw, 3.4rem);
}
.section { padding-block: var(--isais-section-space); }
.page-hero { padding-block: var(--isais-hero-space); }
.page-hero h1 { max-width: 17ch; font-size: clamp(2.45rem, 4.55vw, 3.95rem); line-height: 1.01; }
.page-hero p:not(.eyebrow) { max-width: 54ch; line-height: 1.6; text-align: left; }

.isais-hero-grid { padding-block: clamp(3.3rem, 5.2vw, 4.7rem); }
.isais-feature-card { min-height: 27rem; }
.isais-program-grid { margin-top: 2.25rem; }
.isais-program-card { min-height: 18.5rem; }
.isais-intro-grid { gap: clamp(1.75rem, 4vw, 3.5rem); }

.journal-catalog-hero .container {
  grid-template-columns: minmax(0, 1.08fr) minmax(19rem, .92fr);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;
}
.journal-catalog-hero p:not(.eyebrow) { align-self: center; }
.journal-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.journal-catalog-card {
  grid-template-columns: 2.65rem minmax(0, 1fr);
  gap: clamp(1rem, 2.2vw, 1.65rem);
  padding: clamp(1.35rem, 2.6vw, 2rem);
}
.journal-card-number { font-size: 1.55rem; line-height: 1; }
.journal-catalog-card h2 { max-width: 27ch; margin: .15rem 0 .72rem; font-size: clamp(1.9rem, 3.25vw, 2.75rem); line-height: 1; }
.journal-catalog-card .lead { max-width: 60ch; margin-bottom: .75rem; line-height: 1.58; text-align: left; }
.journal-scope-tags { margin: .85rem 0 1rem; }

.journal-fit-section { padding-block: clamp(2.6rem, 4vw, 3.75rem); }
.journal-fit-heading { gap: clamp(1.5rem, 4vw, 3.5rem); margin-bottom: 1.35rem; align-items: end; }
.journal-fit-heading h2 { max-width: 18ch; margin-bottom: 0; font-size: clamp(2.15rem, 3.65vw, 3.15rem); line-height: 1; }
.journal-fit-heading > p { max-width: 44ch; line-height: 1.55; }
.journal-fit-form { gap: .75rem; }
.journal-fit-form fieldset { padding: .85rem; border-radius: .8rem; }
.journal-fit-form legend { min-height: 3.15rem; padding-bottom: .6rem; font-size: .92rem; line-height: 1.25; }
.journal-fit-options { gap: .48rem; }
.journal-fit-options label > span { min-height: 5.45rem; padding: .7rem .75rem; }
.journal-fit-options strong { font-size: .87rem; line-height: 1.25; }
.journal-fit-options small { margin-top: .28rem; font-size: .76rem; line-height: 1.32; }
.journal-fit-actions { gap: .6rem; padding-top: .2rem; }

.isais-journal-hero h1 {
  max-width: 22ch;
  font-size: clamp(2.45rem, 4.15vw, 3.75rem);
}
.isais-journal-hero > .container {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(17rem, .75fr);
  gap: clamp(2.5rem, 7vw, 6rem);
  align-items: end;
}
.journal-hero-copy > p:not(.eyebrow) { max-width: 59ch; }
.journal-hero-summary {
  display: grid;
  gap: 0;
  margin: 0 0 .25rem;
  border-top: 1px solid rgba(255,255,255,.3);
  color: #fff;
}
.journal-hero-summary > div {
  display: grid;
  grid-template-columns: minmax(8rem, .9fr) minmax(0, 1.1fr);
  gap: 1rem;
  padding: .85rem 0;
  border-bottom: 1px solid rgba(255,255,255,.22);
}
.journal-hero-summary dt { color: rgba(255,255,255,.66); font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
.journal-hero-summary dd { margin: 0; color: #fff; font-weight: 700; }
.new-journal-band { grid-template-columns: minmax(0, 1.5fr) minmax(13rem, .5fr) !important; gap: clamp(2.25rem, 5vw, 4.5rem) !important; }
.new-journal-band > div:first-child { max-width: 43rem; }
.new-journal-band h2 { max-width: 17ch; margin-bottom: .9rem; font-size: clamp(2.25rem, 3.85vw, 3.4rem); line-height: 1.02; }
.new-journal-band p { margin-block: .7rem; line-height: 1.62; }
.mini-current-cover { width: min(100%, 15.5rem) !important; }
.mini-current-cover figcaption { padding-top: .7rem !important; }
.mini-current-cover figcaption strong { font-size: 1rem; }

@media (max-width: 980px) {
  .journal-catalog-hero .container, .journal-fit-heading { align-items: start; }
  .journal-catalog { grid-template-columns: 1fr; }
  .isais-journal-hero > .container { grid-template-columns: 1fr; gap: 1.5rem; }
  .journal-hero-summary {
    max-width: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-bottom: 1px solid rgba(255,255,255,.22);
  }
  .journal-hero-summary > div {
    display: block;
    min-width: 0;
    padding: .75rem 1rem;
    border-right: 1px solid rgba(255,255,255,.22);
    border-bottom: 0;
  }
  .journal-hero-summary > div:first-child { padding-left: 0; }
  .journal-hero-summary > div:last-child { padding-right: 0; border-right: 0; }
  .journal-hero-summary dd { margin-top: .3rem; font-size: .88rem; line-height: 1.35; }
  .journal-fit-form { grid-template-columns: 1fr; }
  .journal-fit-options { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .journal-fit-options label > span { min-height: 0; height: 100%; }
}
@media (max-width: 720px) {
  :root { --isais-section-space: 2.75rem; --isais-hero-space: 2.5rem; }
  .isais-hero-grid { padding-block: 3rem; }
  .isais-feature-card, .isais-program-card { min-height: auto; }
  .journal-catalog-card { grid-template-columns: 2.4rem minmax(0, 1fr); }
  .journal-fit-options { grid-template-columns: 1fr; }
  .new-journal-band { gap: 2rem !important; }
  .mini-current-cover { width: min(100%, 14.5rem) !important; }
}
@media (max-width: 620px) {
  .site-header .brand-wordmark {
    width: 132px;
    height: 44px;
  }
  .language-switcher select {
    width: 5.25rem;
    min-width: 5.25rem;
    padding-inline: .65rem 1.65rem;
  }
  .isais-journal-hero > .container { gap: 0; }
  .journal-hero-summary { display: none; }
  .anchor-nav { position: static; }
  .anchor-nav .container {
    display: flex;
    flex-wrap: wrap;
    gap: .15rem .55rem;
    overflow: visible;
    padding-block: .55rem;
  }
  .anchor-nav a {
    padding: .3rem .38rem;
    font-size: .78rem;
    line-height: 1.25;
    white-space: normal;
  }
}

/* ISAIS homepage v39 — first-viewport discovery and compact editorial scale. */
@media (min-width: 821px) {
  .isais-home .isais-home-hero .isais-hero-grid {
    min-height: clamp(35rem, calc(100svh - 4.5rem), 42rem);
    grid-template-columns: minmax(0, 1.04fr) minmax(18rem, .64fr);
    gap: clamp(2rem, 4.4vw, 4.75rem);
    padding-block: clamp(2rem, 4.2vh, 3.35rem);
  }
  .isais-home .isais-hero-copy { max-width: 45rem; }
  .isais-home .isais-hero-brand { margin-bottom: .8rem; }
  .isais-home .isais-hero-wordmark {
    width: clamp(9rem, 13vw, 11rem);
    max-height: 3rem;
  }
  .isais-home .isais-home-hero h1 {
    max-width: 13.75ch;
    margin: .4rem 0 .72rem;
    font-size: clamp(2.9rem, 4.55vw, 4.65rem);
    line-height: .96;
    letter-spacing: -.046em;
  }
  .isais-home .isais-home-hero .isais-lead {
    max-width: 39rem;
    margin-bottom: .85rem;
    font-size: clamp(.96rem, 1.12vw, 1.07rem);
    line-height: 1.48;
  }
  .isais-home .isais-hero-search {
    width: min(100%, 41rem);
    margin-top: .85rem;
  }
  .isais-home .isais-hero-search input,
  .isais-home .isais-hero-search button { min-height: 3rem; }
  .isais-home .isais-hero-quicklinks {
    width: min(100%, 41rem);
    margin: .5rem 0 .85rem;
  }
  .isais-home .isais-home-hero .hero-actions { gap: .55rem; }
  .isais-home .isais-home-hero .hero-actions .btn {
    min-height: 2.72rem;
    padding: .68rem 1rem;
  }
  .isais-home .isais-hero-facts { margin-top: 1.1rem; }
  .isais-home .isais-feature-carousel {
    width: min(100%, 29rem);
    min-height: 28.5rem;
    padding: clamp(1.35rem, 2.35vw, 1.8rem);
  }
  .isais-home .isais-feature-viewport { min-height: 20.75rem; }
  .isais-home .isais-journal-mark {
    width: 4rem;
    height: 4rem;
    margin: 1.45rem 0 1.05rem;
  }
  .isais-home .isais-feature-slide h2 {
    font-size: clamp(1.9rem, 2.8vw, 2.55rem);
    line-height: 1;
  }
  .isais-home .isais-feature-rule { margin: 1rem 0 .72rem; }
}

@media (min-width: 821px) and (max-height: 820px) {
  .isais-home .isais-home-hero .isais-hero-grid {
    min-height: calc(100svh - 4rem);
    padding-block: clamp(1.25rem, 2.7vh, 1.8rem);
  }
  .isais-home .isais-hero-brand { min-height: 2rem; margin-bottom: .45rem; }
  .isais-home .isais-hero-wordmark { width: clamp(8.25rem, 11vw, 9.6rem); max-height: 2.45rem; }
  .isais-home .isais-home-hero .eyebrow { font-size: .72rem; }
  .isais-home .isais-home-hero h1 {
    max-width: 14.5ch;
    margin-block: .28rem .55rem;
    font-size: clamp(2.55rem, 4vw, 3.55rem);
  }
  .isais-home .isais-home-hero .isais-lead {
    margin-bottom: .55rem;
    font-size: .94rem;
    line-height: 1.4;
  }
  .isais-home .isais-hero-search { margin-top: .58rem; }
  .isais-home .isais-hero-quicklinks { margin-block: .35rem .55rem; }
  .isais-home .isais-home-hero .hero-actions .btn { min-height: 2.55rem; padding-block: .58rem; }
  .isais-home .isais-feature-carousel { min-height: 26rem; padding: 1.25rem 1.45rem; }
  .isais-home .isais-feature-viewport { min-height: 18.7rem; }
  .isais-home .isais-journal-mark { width: 3.55rem; height: 3.55rem; margin: 1rem 0 .75rem; }
  .isais-home .isais-feature-slide .eyebrow { margin-bottom: .4rem; }
  .isais-home .isais-feature-slide h2 { margin-bottom: .55rem; font-size: clamp(1.75rem, 2.55vw, 2.25rem); }
  .isais-home .isais-feature-slide > p:not(.eyebrow) { font-size: .84rem; line-height: 1.42; }
}

@media (min-width: 821px) and (max-height: 700px) {
  .isais-home .isais-hero-facts { display: none; }
}

/* Audit 007 — journal-cover carousel, legible marks and author resources. */
.isais-feature-slide {
  position: relative;
  isolation: isolate;
  min-height: 20.75rem;
  overflow: hidden;
  border-radius: .9rem;
  padding: clamp(1rem, 2vw, 1.35rem);
  background-color: #0f2b23;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.isais-feature-slide::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background: linear-gradient(105deg, rgba(4,22,26,.96) 0%, rgba(4,31,34,.86) 56%, rgba(15,43,35,.68) 100%);
}
.isais-feature-bet { background-image: url("../images/biomedical-evidence-cover-background.png"); background-position: center; }
.isais-feature-mom { background-image: url("../images/molecular-oral-medicine-cover.svg"); }
.isais-feature-slide > * { position: relative; z-index: 1; }
.isais-feature-slide .isais-journal-mark { margin-top: .4rem !important; background: rgba(5,35,34,.68); box-shadow: 0 0 0 4px rgba(246,247,248,.06); backdrop-filter: blur(4px); }
.isais-feature-slide .isais-journal-mark-mom { width: 5.65rem !important; min-width: 5.65rem; height: 3.8rem !important; border-radius: 999px; }
.isais-feature-slide .isais-journal-mark-mom span { white-space: nowrap; font-size: 1.05rem; letter-spacing: .07em; }
.isais-feature-slide .isais-feature-cta { display: inline-flex; width: max-content; min-height: 2.65rem; padding: .68rem 1rem !important; border: 1px solid rgba(240,195,103,.64); border-radius: 999px; background: rgba(15,43,35,.68); white-space: nowrap; line-height: 1.15; backdrop-filter: blur(5px); }
.isais-feature-slide .isais-feature-cta:hover,
.isais-feature-slide .isais-feature-cta:focus-visible { color: #0f2b23; background: #f0c367; }
.author-resource-library { border-block: 1px solid rgba(15,43,35,.12); background: linear-gradient(135deg, #f6f7f8 0%, #eef3f1 100%); }
.author-resource-library .section-head { align-items: end; margin-bottom: 1.5rem; }
.author-resource-library .section-head > p { max-width: 52ch; }
.author-resource-grid { align-items: stretch; }
.author-resource-card { display: flex; min-height: 18rem; flex-direction: column; }
.author-resource-card p { flex: 1; }
.author-resource-card .btn { width: max-content; }
.author-resource-library-link { margin: 1.25rem 0 0; }
.author-resources-hero .container { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); gap: clamp(2rem, 6vw, 6rem); align-items: end; }
.author-resources-hero .container > p:last-child { max-width: 56ch; margin-bottom: .35rem; }
.author-resource-filters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto auto; gap: .8rem; align-items: end; padding: clamp(1rem, 2vw, 1.35rem); border: 1px solid rgba(15,43,35,.16); border-radius: 1rem; background: #fff; box-shadow: 0 1rem 2.5rem rgba(15,43,35,.06); }
.author-resource-filters label { display: grid; gap: .38rem; font-weight: 700; }
.author-resource-filters select { min-height: 2.8rem; border: 1px solid rgba(15,43,35,.24); border-radius: .6rem; background: #f6f7f8; padding-inline: .75rem; color: #0f2b23; }
.author-resource-filters .text-link { align-self: center; padding: .7rem .15rem; }
.author-resource-count { margin: 1.25rem 0; color: #4f5f5a; }
.author-resource-catalogue-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.author-resource-entry { display: flex; min-height: 25rem; flex-direction: column; padding: clamp(1.1rem, 2vw, 1.45rem); border: 1px solid rgba(15,43,35,.15); border-radius: 1rem; background: #fff; box-shadow: 0 .8rem 2rem rgba(15,43,35,.055); }
.author-resource-entry-head { display: flex; gap: .75rem; justify-content: space-between; align-items: center; }
.author-resource-format { color: #69726b; font-size: .76rem; font-weight: 800; letter-spacing: .12em; }
.author-resource-entry h2 { margin: 1rem 0 .65rem; font-size: clamp(1.45rem, 2vw, 1.85rem); }
.author-resource-entry > p { flex: 1; color: #4f5f5a; }
.author-resource-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin: 1rem 0 1.2rem; }
.author-resource-meta div { padding-top: .65rem; border-top: 1px solid rgba(15,43,35,.12); }
.author-resource-meta dt { color: #69726b; font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.author-resource-meta dd { margin: .22rem 0 0; font-weight: 700; }
.author-resource-entry .btn { width: max-content; }
.author-resource-actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; margin-top: auto; }
.author-resource-confirmation-form { margin: 0; }
.author-resource-confirmed { display: grid; gap: .12rem; padding: .55rem .75rem; border-left: .18rem solid #1e6f5c; color: #0f2b23; background: #e6f1ed; font-size: .82rem; line-height: 1.35; }
.author-resource-confirmed strong { font-size: .8rem; }
.author-resource-confirmed span { color: #4f5f5a; }
.author-resource-signin { flex: 1 1 13rem !important; margin: 0; color: #4f5f5a; font-size: .84rem; }
.author-resource-signin a { font-weight: 800; text-underline-offset: .16em; }
.author-resource-empty { grid-column: 1 / -1; padding: 2rem; border: 1px dashed rgba(15,43,35,.25); border-radius: 1rem; background: #fff; }
.author-resource-governance { display: grid; grid-template-columns: 12rem minmax(0, 1fr); gap: 1.5rem; margin-top: 1.25rem; padding: 1.2rem 1.35rem; border-left: .2rem solid #a67c2e; background: #f3eee2; }
.author-resource-governance p { margin: 0; max-width: 80ch; }
.revision-workspace { margin-top: 1rem; padding: 1.1rem; border: 1px solid rgba(30,111,92,.24); border-radius: .85rem; background: #f6f9f8; }
.revision-workspace-heading { display: flex; gap: 1rem; align-items: flex-start; justify-content: space-between; }
.revision-workspace-heading h4 { margin: .45rem 0 0; font-size: 1.1rem; }
.revision-resource-links { display: flex; flex-wrap: wrap; gap: .4rem .8rem; justify-content: flex-end; }
.revision-resource-links a { font-weight: 700; font-size: .86rem; text-decoration: underline; text-underline-offset: .18em; }
@media (max-width: 720px) {
  .isais-feature-slide { min-height: auto; }
  .author-resources-hero .container,
  .author-resource-filters,
  .author-resource-catalogue-grid,
  .author-resource-governance { grid-template-columns: 1fr; }
  .author-resource-library .section-head,
  .revision-workspace-heading { display: grid; }
  .revision-resource-links { justify-content: flex-start; }
  .author-resource-card { min-height: auto; }
  .author-resource-entry { min-height: auto; }
}
@media (min-width: 721px) and (max-width: 1050px) {
  .author-resource-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .author-resource-catalogue-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ISAIS internal company control. */
.company-hero { background: linear-gradient(125deg, #062f2b, #0e5148); }
.company-hero::after { opacity: .17; }
.notification-button { position: relative; }
.notification-count { position: absolute; top: -.32rem; right: -.28rem; display: grid; min-width: 1.05rem; height: 1.05rem; place-items: center; border: 2px solid #fff; border-radius: 999px; background: #bd821a; color: #fff; font-size: .62rem; font-weight: 800; line-height: 1; }
.control-main-tabs { flex-wrap: wrap; margin-bottom: 1.5rem; }
.control-filter-tabs { flex-wrap: wrap; margin-bottom: 1.25rem; }
.control-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 2.35rem; }
.control-stats .card { min-height: 9.5rem; border-top: .22rem solid #c39229; }
.control-stats strong { display: block; margin: .4rem 0 .55rem; color: #073c36; font: 700 clamp(1.65rem, 3vw, 2.55rem)/1 Georgia, serif; }
.control-stats p { margin: 0; color: #52645f; font-size: .92rem; }
.control-section { margin-top: 2.7rem; }
.section-heading { display: flex; gap: 1rem; align-items: end; justify-content: space-between; margin-bottom: 1rem; }
.section-heading h2 { margin: .2rem 0 0; }
.section-heading .text-link { font-weight: 800; white-space: nowrap; }
.control-area-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .8rem; }
.control-area-card { display: flex; min-height: 10.5rem; flex-direction: column; justify-content: space-between; padding: 1.05rem; border: 1px solid rgba(15, 43, 35, .16); border-radius: .85rem; background: #fff; color: #0a403a; text-decoration: none; box-shadow: 0 .7rem 1.65rem rgba(15, 43, 35, .045); transition: transform .18s ease, box-shadow .18s ease; }
.control-area-card:hover, .control-area-card:focus-visible { transform: translateY(-.18rem); box-shadow: 0 1rem 2.2rem rgba(15, 43, 35, .12); }
.control-area-card small { color: #64716d; font-weight: 800; line-height: 1.3; }
.control-area-card strong { font: 700 2rem/1 Georgia, serif; }
.control-area-card span { color: #4f615c; font-size: .8rem; line-height: 1.3; }
.management-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: start; }
.management-grid > * { align-self: start; }
.management-card { display: flex; min-width: 0; flex-direction: column; padding: 1.2rem; border: 1px solid rgba(15, 43, 35, .16); }
.management-card h3 { margin: .35rem 0 .55rem; font-size: 1.2rem; }
.management-card > p:not(.eyebrow) { color: #52645f; }
.management-card .btn { width: max-content; margin-top: 1rem; }
.management-card label, .management-create label { display: grid; gap: .34rem; color: #183e38; font-size: .82rem; font-weight: 800; }
.management-card select, .management-card input, .management-card textarea, .management-create select, .management-create input, .management-create textarea { width: 100%; min-height: 2.5rem; border: 1px solid rgba(15, 43, 35, .22); border-radius: .52rem; background: #fff; padding: .52rem .62rem; color: #102e2a; font: inherit; }
.management-card textarea, .management-create textarea { min-height: 6rem; resize: vertical; }
.management-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: .85rem 0; }
.management-create { max-width: 64rem; margin-top: 1.35rem; padding: clamp(1.1rem, 2vw, 1.5rem); border: 1px solid rgba(15, 43, 35, .16); background: linear-gradient(135deg, #f7faf8, #edf4f1); }
.management-create h2 { margin-top: 0; }
.control-alert-list { display: grid; gap: .6rem; margin: 0; padding: 0; list-style: none; }
.control-alert-list li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .7rem; align-items: center; padding: .78rem .9rem; border-left: .25rem solid #c39229; background: #fffaf0; color: #123e38; }
.control-alert-list li span { color: #596b66; }
.control-alert-list li small { color: #66756f; }
.control-alert-list li.unread { border-left-color: #0f7568; background: #edf7f3; }
.control-alert-list-full { max-width: 70rem; }
.role-work-card { border-left: .28rem solid #0f7568; }

/* Internal workspaces prioritize tasks and records over display-scale titles. */
.app-hero {
  padding-block: clamp(1.8rem, 3.2vw, 2.85rem);
}
.app-hero h1 {
  max-width: 25ch;
  margin: .3rem 0 .6rem;
  font-size: clamp(2rem, 3.25vw, 3.25rem);
  line-height: 1.06;
  letter-spacing: -.032em;
}
.company-hero h1 { max-width: 23ch; }
.company-hero .eyebrow { color: #f0c367; }
.company-hero h1 { color: #ffffff; }
.company-hero .container > p:not(.eyebrow) { color: rgba(255, 255, 255, .88); }
.app-hero .container > p:not(.eyebrow) {
  max-width: 68ch;
  margin-bottom: 0;
  font-size: clamp(.96rem, 1.2vw, 1.06rem);
  line-height: 1.55;
}
.app-hero + .section > .container > h2,
.app-hero + .section .section-heading h2 {
  font-size: clamp(1.65rem, 2vw, 2.2rem);
  line-height: 1.1;
}
@media (max-width: 1100px) {
  .control-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .control-area-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .app-hero { padding-block: 1.55rem 1.8rem; }
  .app-hero h1 { max-width: 18ch; font-size: clamp(2rem, 9vw, 2.55rem); }
  .control-stats, .control-area-grid, .management-grid, .management-fields { grid-template-columns: 1fr; }
  .section-heading { display: grid; align-items: start; }
  .control-alert-list li { grid-template-columns: 1fr; gap: .2rem; }
  .control-main-tabs .panel-tab, .control-filter-tabs .panel-tab { font-size: .78rem; }
}

/* Visual audit — one measured reading scale across public and internal pages. */
body { line-height: 1.55; }
h1 {
  font-size: clamp(2.4rem, min(4.2vw, 6.5vh), 4.5rem);
  line-height: 1.06;
}
h2 {
  font-size: clamp(1.75rem, min(3.2vw, 5.2vh), 2.85rem);
  line-height: 1.1;
}
main p:not(.eyebrow) {
  color: #425c56;
  text-align: start;
  text-align-last: auto;
  hyphens: auto;
}
@media (min-width: 621px) {
  .section { padding-block: clamp(2.2rem, min(4.4vw, 5.5vh), 4.25rem); }
  .page-hero { padding-block: clamp(1.8rem, min(3.6vw, 4.8vh), 3.1rem); }
  .page-hero h1 {
    max-width: 24ch;
    font-size: clamp(2.35rem, min(3.8vw, 6.2vh), 3.5rem);
    line-height: 1.05;
  }
  .page-hero p { font-size: clamp(.98rem, 1.25vw, 1.08rem); line-height: 1.55; }
}
.page-hero p:not(.eyebrow),
.isais-hero .isais-lead,
.isais-hero-copy > p:not(.eyebrow),
.isais-journal-section .isais-journal-copy p:not(.eyebrow),
.section-ink p,
.company-hero .container > p:not(.eyebrow) { color: rgba(255, 255, 255, .88); }
.text-link::after { content: none; }
.author-resource-library-link .text-link::after { content: " →"; transform: none; }
.card > h2 {
  font-size: clamp(1.45rem, 1.85vw, 1.95rem);
  line-height: 1.14;
}
.isais-intro h2,
.isais-journal-copy h2,
.isais-path-section h2,
.isais-cta-section h2 {
  font-size: clamp(2.15rem, 3.7vw, 3.4rem);
  line-height: 1.07;
}

/* Pages without a dark hero are reading documents, not display posters. */
main > .section > .container.narrow > .breadcrumbs,
.policy-content .breadcrumbs {
  margin-bottom: .75rem;
  color: #5a7069;
}
main > .section > .container.narrow > .breadcrumbs a,
.policy-content .breadcrumbs a {
  color: #176c60;
  font-weight: 700;
}
main > .section > .container.narrow > h1,
.policy-content > h1 {
  max-width: 22ch;
  margin-bottom: 1.45rem;
  font-size: clamp(2.35rem, min(4.3vw, 6.5vh), 3.6rem);
  line-height: 1.06;
}
.policy-content > p { max-width: 70ch; }
.policy-content h2 {
  margin-bottom: .72rem;
  font-size: clamp(1.6rem, min(2.25vw, 3.8vh), 2.3rem);
  line-height: 1.14;
}
.policy-content section {
  padding-bottom: 1.7rem;
  margin-bottom: 1.7rem;
}
.policy-content a:not(.btn) {
  color: #176c60;
  font-weight: 700;
  text-underline-offset: .16em;
}
.site-footer p { color: rgba(255, 255, 255, .76); }

/* Stage 3: one institutional policy system, not a collection of unrelated cards. */
.policy-hero {
  position: relative;
  overflow: hidden;
  padding-block: clamp(2.5rem, 4vw, 3.8rem);
  color: #fff;
  background: linear-gradient(110deg, #062b24 0%, #0b4338 62%, #0e5f4e 100%);
}
.policy-hero::after {
  content: "";
  position: absolute;
  inset: auto -12vw -20rem auto;
  width: 42rem;
  aspect-ratio: 1;
  border: 1px solid rgba(220, 190, 121, .2);
  border-radius: 50%;
  pointer-events: none;
}
.policy-hero .container { position: relative; z-index: 1; }
.policy-hero .eyebrow { color: #e7c67f; }
.policy-hero h1 { max-width: 20ch; margin: .25rem 0 .8rem; color: #fff; font-size: clamp(2.3rem, 4vw, 4.25rem); line-height: 1; }
.policy-hero .lead { max-width: 66ch; margin: 0; color: rgba(255,255,255,.86); font-size: clamp(1rem, 1.7vw, 1.25rem); }
.policy-hero .hero-actions { margin-top: 1.35rem; }
.policy-hero .btn-outline { color: #fff !important; border-color: rgba(255,255,255,.72) !important; }
.policy-hero .btn-outline:hover,
.policy-hero .btn-outline:focus-visible { color: #062b24 !important; background: #fff !important; border-color: #fff !important; }
.policy-hero-main { padding-block: clamp(3rem, 5vw, 4.8rem); }
.policy-library { background: #f5f8f7; }
.policy-layout { display: grid; grid-template-columns: minmax(13rem, 16rem) minmax(0, 1fr); gap: clamp(2rem, 5vw, 5.5rem); align-items: start; }
.policy-index { position: sticky; top: 6rem; padding-right: 1.4rem; border-right: 1px solid #cadad5; }
.policy-index nav, .policy-index-related { display: grid; }
.policy-index nav a, .policy-index-related a { padding: .72rem 0; color: #173a33; font-size: .82rem; line-height: 1.3; text-decoration: none; border-bottom: 1px solid #dce7e3; }
.policy-index nav a:hover, .policy-index nav a:focus-visible, .policy-index nav a.is-active { color: #086d5b; font-weight: 800; }
.policy-index nav a.is-active { padding-left: .75rem; border-left: 3px solid #0d7c68; }
.policy-index-related { margin-top: 1.2rem; }
.policy-index-related a { color: #096b5b; font-weight: 750; }
.policy-content { min-width: 0; }
.policy-introduction { max-width: 70ch; margin-bottom: 3rem; padding-bottom: 2rem; border-bottom: 1px solid #cadad5; }
.policy-introduction p { font-size: 1rem; line-height: 1.7; }
.policy-category-list { display: grid; gap: 0; }
.policy-category { display: grid; grid-template-columns: minmax(12rem, .8fr) minmax(15rem, 1.1fr) auto; gap: 1.5rem 2.2rem; align-items: start; padding: clamp(2rem, 4vw, 3.4rem) 0; border-top: 1px solid #cadad5; }
.policy-category:first-child { border-top: 0; }
.policy-category-count, .policy-number { margin: 0 0 .7rem; color: #b08b42; font: 800 .72rem/1.2 system-ui, sans-serif; letter-spacing: .15em; }
.policy-category h2 { margin: 0 0 .65rem; font-size: clamp(1.65rem, 2.5vw, 2.5rem); }
.policy-category p { margin: 0; color: #4e6861; }
.policy-category ul { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.policy-category ul a { color: #153c34; text-underline-offset: .2em; }
.policy-category > .text-link { white-space: nowrap; }
.policy-entry { scroll-margin-top: 7.5rem; padding: clamp(2.5rem, 5vw, 4.6rem) 0; border-top: 1px solid #bdcfca; }
.policy-entry:first-child { padding-top: 0; border-top: 0; }
.policy-entry header { display: grid; grid-template-columns: 3.2rem minmax(0, 1fr); gap: 1.2rem; }
.policy-entry h2 { margin: 0 0 .8rem; font-size: clamp(1.9rem, 3.2vw, 3.25rem); }
.policy-entry .lead { max-width: 64ch; margin: 0; color: #3f5d55; }
.policy-principles { display: grid; gap: .9rem; max-width: 72ch; margin: 1.8rem 0 1.5rem 4.4rem; padding: 0; list-style: none; }
.policy-principles li { position: relative; padding-left: 1.35rem; line-height: 1.65; }
.policy-principles li::before { content: ""; position: absolute; left: 0; top: .7em; width: .42rem; height: .42rem; border-radius: 50%; background: #13806c; }
.policy-reference { margin: 0 0 0 4.4rem; color: #5d756f; font-size: .78rem; }
.policy-reference a { color: #0a6c5b; }
.policy-return { padding-top: 1.5rem; border-top: 1px solid #cadad5; }
.policy-return a { color: #08715f; font-weight: 800; }

.review-flow { max-width: 70rem; }
.review-flow ol { position: relative; display: grid; margin: 0; padding: 0; list-style: none; }
.review-flow ol::before { content: ""; position: absolute; top: 1.25rem; bottom: 1.25rem; left: 1.45rem; width: 1px; background: #9fbdb5; }
.review-flow li { position: relative; display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: 1.35rem; padding: 0 0 2.2rem; }
.review-flow li:last-child { padding-bottom: 0; }
.review-flow li > span { z-index: 1; display: grid; place-items: center; width: 3rem; height: 3rem; color: #fff; background: #0b6555; border: .35rem solid #f5f8f7; border-radius: 50%; font: 800 .68rem/1 system-ui, sans-serif; letter-spacing: .08em; }
.review-flow h2 { margin: .1rem 0 .35rem; font-size: clamp(1.35rem, 2.2vw, 2rem); }
.review-flow p { max-width: 68ch; margin: 0; color: #526c65; }
.review-models { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid #bfd1cc; }
.review-models article { padding: clamp(1.5rem, 3vw, 2.5rem); border-left: 1px solid #bfd1cc; }
.review-models article:first-child { border-left: 0; }
.review-models h3 { margin-top: 0; }
.review-resources { align-self: start; display: grid; min-width: 15rem; padding: 1.5rem 0; border-block: 1px solid #b8cec8; }
.review-resources a { padding: .72rem .25rem; color: #0a6757; font-weight: 750; text-decoration: none; border-top: 1px solid #d4e1dd; }
.review-resources a:first-of-type { border-top: 0; }
.reviewer-guide { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2.5rem, 7vw, 7rem); }
.review-questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; border-top: 1px solid #bfd1cc; list-style: none; }
.review-questions li { display: grid; grid-template-columns: 2.2rem 1fr; gap: .75rem; padding: 1.4rem 1.5rem; border-bottom: 1px solid #bfd1cc; }
.review-questions li:nth-child(odd) { border-right: 1px solid #bfd1cc; }
.review-questions span { color: #aa833b; font: 850 .68rem/1.4 system-ui, sans-serif; letter-spacing: .1em; }
.review-questions p { margin: 0; }
.review-recommendations { margin: 0; }
.review-recommendations div { display: grid; grid-template-columns: 9rem 1fr; gap: 1rem; padding: 1rem 0; border-top: 1px solid #d0ded9; }
.review-recommendations dt { color: #153e35; font-weight: 800; }
.review-recommendations dd { margin: 0; color: #526c65; }
.editor-principles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.editor-principles article { padding: clamp(2rem, 4vw, 3.5rem); border: solid #ccdcd7; border-width: 1px 0 0 1px; }
.editor-principles article:nth-child(odd) { border-left: 0; }
.editor-principles h2 { margin-top: 0; }
.policy-setting-list { display: grid; border-top: 1px solid #cbdad5; }
.policy-setting-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(13rem, 19rem) auto; gap: 1rem; align-items: center; padding: 1rem 0; border-bottom: 1px solid #cbdad5; }
.policy-setting-row div { display: grid; gap: .2rem; }
.policy-setting-row small { color: #60736e; }
.policy-setting-row select { width: 100%; }
.editorial-submission-record { margin: 1.4rem 0; padding: 1rem 1.15rem; border: 1px solid #cbdad5; border-radius: .7rem; background: #f7faf9; }
.editorial-submission-record summary { color: #0b6555; font-weight: 800; cursor: pointer; }
.editorial-submission-record dl { display: grid; gap: .9rem; margin: 1.2rem 0 0; }
.editorial-submission-record dl div { display: grid; grid-template-columns: 11rem minmax(0, 1fr); gap: 1rem; padding-top: .8rem; border-top: 1px solid #d7e3df; }
.editorial-submission-record dt { font-weight: 800; }
.editorial-submission-record dd { margin: 0; white-space: pre-wrap; }

@media (max-width: 900px) {
  .policy-layout { grid-template-columns: 1fr; }
  .policy-index { position: static; padding: 0 0 1rem; border: 0; border-bottom: 1px solid #cadad5; }
  .policy-index nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1.2rem; }
  .policy-index nav a.is-active { padding-left: 0; border-left: 0; border-bottom-color: #0d7c68; }
  .policy-index-related { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
  .policy-category { grid-template-columns: minmax(12rem, .8fr) minmax(14rem, 1.2fr); }
  .policy-category > .text-link { grid-column: 1 / -1; }
  .review-models { grid-template-columns: 1fr; }
  .review-models article { border-left: 0; border-top: 1px solid #bfd1cc; }
  .review-models article:first-child { border-top: 0; }
}
@media (max-width: 640px) {
  .policy-hero { padding-block: 2.2rem; }
  .policy-hero h1 { font-size: clamp(2.15rem, 11vw, 3rem); }
  .policy-index nav { grid-template-columns: 1fr; }
  .policy-index-related { grid-template-columns: 1fr; }
  .policy-category { grid-template-columns: 1fr; gap: 1rem; }
  .policy-entry header { grid-template-columns: 1fr; gap: .5rem; }
  .policy-principles, .policy-reference { margin-left: 0; }
  .reviewer-guide, .review-questions, .editor-principles { grid-template-columns: 1fr; }
  .review-questions li:nth-child(odd) { border-right: 0; }
  .editor-principles article { border-left: 0; }
  .review-recommendations div { grid-template-columns: 1fr; gap: .25rem; }
  .policy-setting-row { grid-template-columns: 1fr; }
  .policy-setting-row .btn { justify-self: start; }
  .editorial-submission-record dl div { grid-template-columns: 1fr; gap: .25rem; }
}

/* Cards and management forms remain scannable instead of inheriting display titles. */
.app-hero + .section .card > h2,
.app-hero + .section .management-create h2 {
  font-size: clamp(1.45rem, 1.8vw, 1.9rem);
  line-height: 1.15;
}

/* The public homepage keeps its presence without reserving decorative empty height. */
.isais-home .isais-discovery-section,
.isais-home .isais-home-journals,
.isais-home .isais-path-section { padding-block: clamp(3.1rem, 5vw, 5rem); }
.isais-home .isais-discovery-heading h2,
.isais-home .isais-home-journals .section-head h2,
.isais-home .isais-path-section .section-head h2,
.isais-home .isais-cta-section h2 { font-size: clamp(2.15rem, 3.45vw, 3.35rem); }
.isais-home .isais-discovery-grid > a { min-height: 14.5rem; }
.isais-home .isais-home-journal-card { min-height: 0; }
.isais-home .isais-path > div { min-height: 10.5rem; }
.new-journal-band h2 {
  font-size: clamp(2.15rem, 3.6vw, 3.2rem);
  line-height: 1.06;
}
.editorial-reading h2 {
  font-size: clamp(1.95rem, 3.25vw, 2.9rem);
  line-height: 1.08;
}
.editorial-reading section { padding-bottom: 2rem; margin-bottom: 2rem; }
@media (max-width: 720px) {
  h1 { font-size: clamp(2.2rem, 10vw, 3rem); }
  h2 { font-size: clamp(1.65rem, 7vw, 2.25rem); }
  .page-hero h1 { font-size: clamp(2.25rem, 10vw, 3.1rem); }
  main > .section > .container.narrow > h1,
  .policy-content > h1 { font-size: clamp(2.2rem, 10vw, 3rem); }
  .policy-content section { padding-bottom: 1.35rem; margin-bottom: 1.35rem; }
}

/* Administrative workspace: calm, direct and task-oriented. */
.control-shell {
  display: grid;
  grid-template-columns: 15.6rem minmax(0, 1fr);
  gap: clamp(1.5rem, 3vw, 2.8rem);
  width: min(calc(100% - 2.5rem), 88rem);
  margin: clamp(1.25rem, 2.5vw, 2.15rem) auto clamp(2.5rem, 5vw, 4.5rem);
  align-items: start;
}
.control-sidebar {
  position: sticky;
  top: calc(var(--header-height) + 1.15rem);
  display: grid;
  gap: .78rem;
  padding: .8rem;
  border: 1px solid #d4e1dc;
  border-radius: 1rem;
  background: linear-gradient(180deg, #f9fcfb 0%, #f3f9f6 100%);
  box-shadow: 0 1rem 2.4rem rgba(15, 43, 35, .075);
}
.control-side-brand {
  display: flex;
  gap: .7rem;
  align-items: center;
  padding: .48rem .52rem .9rem;
  border-bottom: 1px solid #d8e4df;
  color: #102f29;
  text-decoration: none;
}
.control-side-brand img { width: 2.95rem; height: 2.95rem; object-fit: contain; }
.control-side-brand span { display: grid; gap: .13rem; }
.control-side-brand strong { color: #123d35; font-size: .92rem; letter-spacing: .015em; }
.control-side-brand small { color: #52736a; font-size: .61rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.control-side-nav { display: grid; gap: .35rem; }
.control-nav-group {
  border: 1px solid transparent;
  border-radius: .68rem;
  overflow: hidden;
}
.control-nav-group[open] {
  border-color: #d8e5df;
  background: rgba(255, 255, 255, .58);
}
.control-nav-group summary {
  display: grid;
  grid-template-columns: .28rem minmax(0, 1fr) 1.15rem;
  align-items: center;
  gap: .65rem;
  min-height: 2.35rem;
  padding: .5rem .68rem;
  border-radius: .45rem;
  color: #315b50;
  cursor: pointer;
  font-family: var(--sans);
  font-size: .79rem;
  font-weight: 800;
  letter-spacing: .015em;
  text-align: left;
  list-style: none;
}
.control-nav-group summary::-webkit-details-marker { display: none; }
.control-nav-group summary::before { content: ''; width: .28rem; height: .28rem; border-radius: 50%; background: #a6c4ba; }
.control-nav-group summary span { display: grid; place-items: center; width: 1.15rem; height: 1.15rem; border: 1px solid #b8d2c9; border-radius: 50%; color: #176c60; font-size: .72rem; line-height: 1; letter-spacing: 0; transition: transform .18s ease, background .18s ease; }
.control-nav-group[open] summary { color: #126e5e; background: #edf7f3; }
.control-nav-group[open] summary::before { background: #168271; }
.control-nav-group[open] summary span { transform: rotate(180deg); background: #fff; }
.control-nav-group summary:hover,
.control-nav-group summary:focus-visible { background: #edf6f2; color: #0c695a; outline: none; }
.control-nav-group-links { display: grid; gap: .2rem; padding: .08rem .32rem .42rem; }
.control-side-link {
  display: block;
  position: relative;
  padding: .56rem .62rem .56rem .8rem;
  border: 1px solid transparent;
  border-radius: .48rem;
  color: #123d35;
  font-size: .79rem;
  font-weight: 760;
  line-height: 1.25;
  text-decoration: none;
}
.control-side-link:hover,
.control-side-link:focus-visible { color: #0c695a; background: #edf6f2; border-color: #b9d7cd; outline: none; }
.control-side-link:hover { color: #0c695a; background: #edf6f2; }
.control-side-link.is-active { border-color: #c4e0d6; background: #dfeee8; color: #103f36; box-shadow: inset .2rem 0 #168271; }
.control-side-footer { display: grid; gap: .42rem; padding: .86rem .48rem .08rem; border-top: 1px solid #d8e4df; }
.control-side-footer a { color: #176c60; font-size: .75rem; font-weight: 750; text-decoration: none; }
.control-side-footer a:hover { text-decoration: underline; text-underline-offset: .15em; }
.control-workspace { min-width: 0; }
.control-status-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.control-status-card {
  display: grid;
  align-content: space-between;
  min-height: 6.55rem;
  padding: .95rem 1rem;
  border: 1px solid #d8e3df;
  border-radius: .65rem;
  background: #fff;
}
.control-status-card strong { color: #11382f; font: 400 clamp(1.25rem, 2vw, 1.7rem)/1.05 Georgia, serif; }
.control-status-card small { margin-top: .55rem; color: #64756f; font-size: .72rem; }
.control-intro { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(16rem, .7fr); gap: clamp(1.5rem, 5vw, 4.5rem); align-items: end; padding: clamp(1.65rem, 3.8vw, 3rem) 0 1.7rem; }
.control-intro .eyebrow { margin-bottom: .55rem; }
.control-intro h1 { max-width: 15ch; margin: 0; color: #12392f; font-size: clamp(2.05rem, 3.25vw, 3.2rem); line-height: 1.06; }
.control-intro > p { max-width: 37ch; margin: 0 0 .25rem; color: #455e57; font-size: .95rem; line-height: 1.6; }
.control-mobile-tabs { display: none; }
.control-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem; }
.control-feature-card {
  display: flex;
  min-height: 14.4rem;
  flex-direction: column;
  padding: 1.25rem;
  color: #123b32;
  text-decoration: none;
}
.control-feature-card .eyebrow { margin-bottom: 1.2rem; font-size: .68rem; }
.control-feature-card h2 { margin: 0 0 .65rem; color: #163c33; font-size: clamp(1.3rem, 1.7vw, 1.7rem); line-height: 1.08; }
.control-feature-card p:not(.eyebrow) { margin: 0; color: #596c66; font-size: .88rem; line-height: 1.55; }
.control-feature-card span { margin-top: auto; padding-top: 1rem; color: #126d5d; font-size: .78rem; font-weight: 800; }
.control-workspace .control-section { margin-top: 2.45rem; }
.control-workspace .control-area-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.control-workspace .control-area-card { min-height: 8.9rem; padding: .95rem; }
.control-workspace .control-area-card strong { font-size: 1.65rem; }
@media (max-width: 1050px) {
  .control-shell { grid-template-columns: 1fr; width: min(calc(100% - 2rem), 58rem); }
  .control-sidebar { position: static; gap: .75rem; }
  .control-side-brand { border-bottom: 0; padding-bottom: .2rem; }
  .control-side-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .control-nav-group { min-width: 0; }
  .control-side-link { border-left: 0; border-bottom: .18rem solid transparent; }
  .control-side-link.is-active { border-bottom-color: #168271; }
  .control-side-footer { display: flex; gap: 1rem; padding-top: .65rem; }
}
@media (max-width: 720px) {
  .control-shell { width: min(calc(100% - 1.35rem), 42rem); margin-top: .7rem; gap: 1rem; }
  .control-status-grid, .control-feature-grid, .control-workspace .control-area-grid { grid-template-columns: 1fr; }
  .control-status-card { min-height: 0; }
  .control-intro { grid-template-columns: 1fr; gap: .8rem; padding: 1.25rem 0; }
  .control-intro h1 { max-width: 14ch; font-size: clamp(2.25rem, 10vw, 3.25rem); }
  .control-feature-card { min-height: 0; }
  .control-side-footer { flex-wrap: wrap; }
  .control-side-nav { grid-template-columns: 1fr; }
}

/* Explainable automation: every graph comes from saved ISAIS records. */
.automation-section { padding-top: 1.7rem; border-top: 1px solid #dce7e2; }
.automation-section .section-heading,
.assistant-section .section-heading { margin-bottom: 1rem; }
.automation-note { max-width: 28rem; margin: 0; color: #60726b; font-size: .82rem; line-height: 1.5; }
.automation-grid { display: grid; grid-template-columns: minmax(18rem, .74fr) minmax(20rem, 1.26fr); gap: .9rem; }
.automation-card { min-height: 18.8rem; padding: 1.2rem; }
.automation-card-ring { display: grid; grid-template-columns: 8.6rem minmax(0, 1fr); gap: 1rem; align-items: center; }
.automation-card h3 { margin: .28rem 0 .6rem; color: #153c32; font: 400 clamp(1.3rem, 2vw, 1.7rem)/1.1 Georgia, serif; }
.automation-card p:not(.eyebrow),
.finance-chart-card > p { margin: 0 0 .8rem; color: #5c6f68; font-size: .86rem; line-height: 1.55; }
.automation-ring { display: block; width: 8.35rem; height: 8.35rem; overflow: visible; transform: rotate(-90deg); }
.automation-ring-track,
.automation-ring-value { fill: none; stroke-width: 10; }
.automation-ring-track { stroke: #e3eeea; }
.automation-ring-value { stroke: #178272; stroke-linecap: round; transition: stroke-dashoffset .35s ease; }
.automation-ring text { fill: #153d33; font: 800 1.15rem/1 system-ui, sans-serif; transform: rotate(90deg); transform-origin: 60px 60px; }
.automation-ring .automation-ring-label { fill: #60716b; font-size: .48rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.automation-card-chart { display: grid; grid-template-columns: 1fr; align-content: start; }
.automation-card-chart h3 { margin: .18rem 0 .4rem; }
.automation-bar-chart { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: end; gap: .75rem; min-height: 9.9rem; padding: .85rem .5rem 0; border-bottom: 1px solid #d5e2dc; }
.automation-bar-item { display: grid; grid-template-rows: 6.1rem auto auto; justify-items: center; gap: .26rem; min-width: 0; }
.automation-bar { align-self: end; width: min(2.5rem, 78%); height: var(--chart-value); min-height: .55rem; border-radius: .4rem .4rem .14rem .14rem; background: var(--chart-color); box-shadow: inset 0 1px rgba(255, 255, 255, .25); }
.automation-bar-item strong { overflow: hidden; max-width: 100%; color: #35564c; font-size: .67rem; line-height: 1.15; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.automation-bar-item small { color: #718079; font-size: .62rem; line-height: 1.15; text-align: center; }
.assistant-section { padding: 1.7rem 0; border-bottom: 1px solid #dce7e2; }
.assistant-intro { max-width: 62rem; margin: 0 0 .9rem; color: #5a6e67; font-size: .88rem; }
.automation-insight-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.automation-insight { display: grid; grid-template-columns: 1fr auto; gap: .25rem .8rem; min-height: 5.45rem; padding: .9rem 1rem; border: 1px solid #d7e4de; border-radius: .58rem; background: #fbfdfc; color: #173e34; text-decoration: none; }
.automation-insight:hover { border-color: #9bcabd; background: #f2f9f6; }
.automation-insight span { color: #16715f; font-size: .66rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.automation-insight strong { grid-column: 1; color: #33574c; font-size: .79rem; font-weight: 650; line-height: 1.45; }
.automation-insight b { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: #168271; font-size: 1.05rem; }

/* Financial and people tabs share the same compact executive reading scale. */
.finance-auto-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; margin: 1.25rem 0 .9rem; }
.finance-auto-summary article { display: grid; gap: .35rem; min-height: 7.1rem; padding: .95rem; border: 1px solid #d8e4df; border-radius: .62rem; background: #fff; }
.finance-auto-summary small { color: #587069; font-size: .68rem; font-weight: 800; line-height: 1.3; text-transform: uppercase; letter-spacing: .055em; }
.finance-auto-summary strong { color: #133b31; font: 400 clamp(1.12rem, 1.8vw, 1.55rem)/1.1 Georgia, serif; }
.finance-auto-summary span { color: #71817b; font-size: .7rem; line-height: 1.35; }
.finance-chart-card { display: grid; grid-template-columns: minmax(12rem, .55fr) minmax(18rem, 1.45fr); gap: 1rem 1.5rem; align-items: end; margin-bottom: 1rem; padding: 1.15rem; }
.finance-chart-card > p { grid-column: 1 / -1; margin: 0; }
.finance-chart-card h2 { margin: .25rem 0 0; color: #163d33; font-size: clamp(1.35rem, 1.9vw, 1.7rem); }
.finance-chart-card .automation-bar-chart { min-height: 8.2rem; padding-top: 0; }
.finance-chart-card .automation-bar-item { grid-template-rows: 4.7rem auto auto; }
.people-overview { display: grid; grid-template-columns: minmax(16rem, .7fr) minmax(24rem, 1.3fr); gap: .9rem; margin: 1.25rem 0 .9rem; }
.people-coverage-card { display: grid; grid-template-columns: 7.9rem minmax(0, 1fr); gap: .85rem; align-items: center; padding: 1.05rem; }
.people-coverage-card .automation-ring { width: 7.7rem; height: 7.7rem; }
.people-coverage-card h2 { margin: .25rem 0 .55rem; color: #183e34; font-size: clamp(1.25rem, 1.8vw, 1.6rem); line-height: 1.12; }
.people-coverage-card p:not(.eyebrow),
.people-directory-card > p { margin: 0; color: #60716b; font-size: .82rem; line-height: 1.5; }
.people-directory-card { padding: 1.05rem; }
.people-directory-card .section-heading { align-items: start; margin-bottom: .45rem; }
.people-directory-card .section-heading h2 { margin: .2rem 0 0; font-size: clamp(1.3rem, 1.8vw, 1.65rem); }
.people-directory-card .section-heading > span { padding: .23rem .55rem; border-radius: 99rem; background: #e7f2ee; color: #176c5d; font-size: .72rem; font-weight: 800; }
.people-directory-card .table-wrap { margin-top: .85rem; max-height: 17rem; }
.people-directory-card td small { display: block; margin-top: .12rem; color: #657870; font-size: .7rem; }
.account-directory-list { display: grid; gap: .5rem; margin-top: .85rem; }
.account-directory-entry { border: 1px solid #c8ddd7; border-radius: .8rem; background: #fff; overflow: hidden; }
.account-directory-entry > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: .8rem; padding: .75rem .85rem; cursor: pointer; list-style: none; }
.account-directory-entry > summary::-webkit-details-marker { display: none; }
.account-directory-entry > summary:hover, .account-directory-entry > summary:focus-visible { background: #f2f8f6; }
.account-directory-entry-main, .account-directory-entry-meta { min-width: 0; display: grid; gap: .16rem; }
.account-directory-entry-main strong { color: #123c33; font-size: .9rem; overflow-wrap: anywhere; }
.account-directory-entry-main small, .account-directory-entry-meta small { color: #63766f; font-size: .72rem; overflow-wrap: anywhere; }
.account-directory-entry-meta { text-align: right; }
.account-directory-entry-meta b { color: #176c5d; font-size: .72rem; }
.account-directory-entry-toggle { color: #176c5d; font-size: .95rem; transition: transform .2s ease; }
.account-directory-entry[open] .account-directory-entry-toggle { transform: rotate(180deg); }
.account-directory-entry-body { border-top: 1px solid #dbe8e3; padding: .75rem .85rem; color: #425d54; font-size: .8rem; line-height: 1.5; }
.account-directory-entry-body p { margin: 0; }
.account-directory-entry-body p + p { margin-top: .25rem; }

@media (max-width: 920px) {
  .automation-grid, .people-overview { grid-template-columns: 1fr; }
  .finance-auto-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .finance-chart-card { grid-template-columns: 1fr; }
  .finance-chart-card > p { grid-column: auto; }
}
@media (max-width: 620px) {
  .automation-card-ring, .people-coverage-card { grid-template-columns: 1fr; }
  .automation-ring, .people-coverage-card .automation-ring { margin-inline: auto; }
  .automation-insight-grid, .finance-auto-summary { grid-template-columns: 1fr; }
  .automation-bar-chart { gap: .35rem; padding-inline: .15rem; }
  .automation-bar-item strong { font-size: .58rem; }
  .automation-bar-item small { font-size: .55rem; }
}

/* One private front door: author activity and assigned company work coexist,
   while each stays visibly separated inside My account. */
.account-overview { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1.1rem; }
.account-overview .card { display: grid; gap: .3rem; min-height: 6.65rem; padding: .95rem 1rem; }
.account-overview small { color: #5a7069; font-size: .68rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.account-overview strong { color: #123b31; font: 400 clamp(1.45rem, 2.2vw, 1.95rem)/1 Georgia, serif; }
.account-overview span { color: #6a7c75; font-size: .75rem; line-height: 1.35; }
.account-role-accordion { margin-top: 1.8rem; border: 1px solid #d1e1db; border-radius: .82rem; background: #fff; box-shadow: 0 .85rem 2.15rem rgba(15, 43, 35, .05); }
.account-role-accordion > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 5.1rem; padding: .95rem 1.15rem; color: #133b31; cursor: pointer; list-style: none; }
.account-role-accordion > summary::-webkit-details-marker { display: none; }
.account-role-accordion > summary > span:first-child { display: grid; gap: .18rem; }
.account-role-accordion > summary small { color: #237967; font-size: .66rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.account-role-accordion > summary strong { font: 400 clamp(1.28rem, 2vw, 1.65rem)/1.08 Georgia, serif; }
.account-role-summary { display: flex; align-items: center; gap: .7rem; color: #62766e; font-size: .78rem; text-align: right; }
.account-role-summary b { display: grid; place-items: center; width: 1.9rem; height: 1.9rem; border: 1px solid #b9d2c9; border-radius: 50%; color: #167262; font-size: 1.25rem; font-weight: 400; line-height: 1; transition: transform .18s ease, background-color .18s ease; }
.account-role-accordion[open] > summary { border-bottom: 1px solid #dce8e3; background: #f5faf8; }
.account-role-accordion[open] .account-role-summary b { background: #e2f0eb; transform: rotate(45deg); }
.account-role-content { padding: clamp(1.05rem, 2.5vw, 1.65rem); background: linear-gradient(180deg, #fbfdfc 0%, #f4f8f6 100%); }
.account-role-heading { max-width: 45rem; margin-bottom: 1.25rem; }
.account-role-heading h2 { margin: .25rem 0 .5rem; color: #143d32; font-size: clamp(1.55rem, 2.35vw, 2.05rem); }
.account-role-heading p:not(.eyebrow) { margin: 0; color: #566b64; font-size: .9rem; line-height: 1.55; }
.account-access-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin-bottom: 1.25rem; }
.account-access-card { display: grid; gap: .25rem; min-height: 6.9rem; padding: .9rem 1rem; border: 1px solid #cbded7; border-radius: .65rem; background: #fff; color: #143d32; text-decoration: none; }
.account-access-card:hover { border-color: #8ec4b5; background: #f5fbf8; }
.account-access-card span { color: #187361; font-size: .65rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.account-access-card strong { font: 400 1.28rem/1.08 Georgia, serif; }
.account-access-card small { color: #657972; font-size: .76rem; line-height: 1.4; }

/* Public hybrid-access presentation: compact on journal profiles and clear
   at article level, with the same restrained card language as the workspace. */
.journal-access-card,
.article-access-card { display: grid; gap: .7rem; align-content: start; border-color: #b9d9d0; background: linear-gradient(145deg, #f8fcfb, #eef8f5); }
.journal-access-card h2,
.article-access-card h2 { margin: 0; }
.access-option { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding: .65rem 0; border-top: 1px solid rgba(32, 113, 94, .16); }
.access-option strong { color: #153e35; }
.access-option span { color: #48635c; font-size: .9rem; text-align: right; }
.access-note { color: #526e66; font-size: .82rem; line-height: 1.45; margin: 0; }
@media (max-width: 720px) { .access-option { align-items: flex-start; flex-direction: column; gap: .2rem; } .access-option span { text-align: left; } }
.account-role-section { padding-top: 1.3rem; margin-top: 1.3rem; border-top: 1px solid #dce8e3; }
.account-role-section .section-heading { margin-bottom: .8rem; }
.account-role-section .section-heading h2 { margin: .2rem 0 0; color: #153d32; font-size: clamp(1.35rem, 2vw, 1.75rem); }
.account-role-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: .75rem; }
.account-role-card { min-height: 0; padding: 1rem; }
.account-role-card h3 { margin: .3rem 0 .55rem; color: #173f34; font: 400 1.35rem/1.1 Georgia, serif; }
.account-role-card p:not(.eyebrow) { margin: .35rem 0; color: #5b6f67; font-size: .84rem; line-height: 1.5; }
.account-role-section .management-card { min-height: 0; padding: 1rem; }
.account-submissions { padding-top: 2.05rem; margin-top: 2.05rem; border-top: 1px solid #dce7e2; }
.account-submissions .section-heading { margin-bottom: .9rem; }
.account-submissions .section-heading h2 { margin: .18rem 0 0; color: #143d32; font-size: clamp(1.5rem, 2.3vw, 2rem); }
@media (max-width: 800px) {
  .account-overview, .account-access-grid { grid-template-columns: 1fr; }
  .account-role-accordion > summary { align-items: flex-start; }
  .account-role-summary { max-width: 11rem; justify-content: flex-end; flex-wrap: wrap; }
}
@media (max-width: 520px) {
  .account-role-accordion > summary { padding: .85rem .9rem; }
  .account-role-summary { font-size: .7rem; }
  .account-role-content { padding: .9rem; }
}

/* Role-specific panel workspaces: the panel is the work surface, not a
   collection of navigation buttons.  Keep the catalogue compact but give
   the actual controls comfortable reading and touch sizes. */
.account-generic-panel { font-size: 1rem; }
.account-generic-panel p:not(.eyebrow),
.account-generic-panel li,
.account-generic-panel label,
.account-generic-panel input,
.account-generic-panel select,
.account-generic-panel textarea { font-size: .97rem; line-height: 1.5; }
.account-generic-panel .generic-panel-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 1.5rem; padding-bottom: 1.4rem; border-bottom: 1px solid #dcebe7; }
.account-generic-panel .generic-panel-header h2 { margin: .15rem 0 .45rem; font-size: clamp(1.7rem, 2.5vw, 2.45rem); }
.panel-scope-badge { flex: 0 0 auto; border: 1px solid #d99b35; border-radius: 999px; padding: .45rem .7rem; color: #8a5b12; background: #fff8eb; font-size: .76rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.panel-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin: 1.2rem 0; }
.panel-metrics article { min-height: 5.8rem; padding: .85rem 1rem; border: 1px solid #d6e6e2; border-radius: .75rem; background: #f7fbfa; }
.panel-metrics small, .panel-metrics span { display: block; color: #607b75; font-size: .78rem; }
.panel-metrics strong { display: block; margin: .25rem 0; color: #0b5f58; font-family: Georgia, serif; font-size: 1.7rem; }
.panel-workspace-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(17rem, .75fr); gap: 1rem; align-items: start; }
.panel-workspace-main, .panel-workspace-aside { display: grid; gap: 1rem; min-width: 0; }
.panel-toolkit, .panel-inline-workspace, .generic-panel-queue, .panel-action-disclosure { border: 1px solid #d3e5e1; border-radius: .8rem; background: #fff; }
.panel-toolkit, .panel-inline-workspace, .generic-panel-queue { padding: 1.05rem; }
.panel-tool-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; padding: 0; margin: 0; list-style: none; }
.panel-tool-list li { display: flex; gap: .65rem; align-items: flex-start; padding: .7rem; border-radius: .6rem; background: #f5faf8; }
.panel-tool-list strong, .panel-tool-list small { display: block; }
.panel-tool-list small { margin-top: .15rem; color: #66807a; font-size: .83rem; }
.panel-tool-icon { color: #0b806e; font-weight: 900; }
.panel-queue-list, .panel-request-list, .panel-note-list, .panel-file-list { display: grid; gap: .45rem; list-style: none; padding: 0; margin: 0; }
.panel-queue-list li, .panel-request-list li, .panel-note-list li, .panel-file-list li { padding: .7rem .8rem; border: 1px solid #e1ece9; border-radius: .55rem; background: #fbfdfc; }
.panel-queue-list a, .panel-file-list a { display: grid; gap: .25rem; color: #075f58; text-decoration: none; }
.panel-queue-list small, .panel-request-list span, .panel-request-list small, .panel-note-list time, .panel-file-list small { display: block; color: #607a74; font-size: .83rem; }
.panel-note-list p { margin: .35rem 0 0; white-space: pre-wrap; }
.panel-action-disclosure > summary { display: flex; justify-content: space-between; gap: 1rem; cursor: pointer; padding: .95rem 1rem; color: #0b5f58; font-size: .96rem; font-weight: 800; list-style: none; }
.panel-action-disclosure > summary::-webkit-details-marker { display: none; }
.panel-action-disclosure > form, .panel-action-disclosure > ul { padding: 0 1rem 1rem; }
.panel-action-disclosure form { display: grid; gap: .75rem; }
.panel-action-disclosure label { display: grid; gap: .3rem; font-weight: 700; }
.panel-action-disclosure input, .panel-action-disclosure select, .panel-action-disclosure textarea { width: 100%; box-sizing: border-box; padding: .65rem .7rem; border: 1px solid #bfd4cf; border-radius: .45rem; background: #fff; font: inherit; }
.panel-action-disclosure textarea { resize: vertical; }
.panel-empty-state { padding: 1.2rem; border: 1px dashed #b8d4ce; border-radius: .7rem; background: #f7fbfa; }
.panel-empty-state h3 { margin: 0 0 .35rem; font-size: 1.2rem; }
.panel-empty-state p { margin: 0; color: #5b756f; }
.panel-access-note { margin-top: 1rem; color: #5f7973; font-size: .9rem; }
.panel-progress-chart { padding: 1rem 1.05rem; border: 1px solid #d3e5e1; border-radius: .8rem; background: #f7fbfa; }
.panel-progress-chart .section-heading { margin-bottom: .8rem; }
.panel-progress-chart .section-heading h3 { margin: .15rem 0 0; font-size: 1.15rem; }
.panel-progress-chart .section-heading > strong { color: #0b7566; font-family: Georgia, serif; font-size: 1.55rem; }
.panel-progress-track { height: .65rem; overflow: hidden; border-radius: 999px; background: #dcebe7; }
.panel-progress-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #0d806d, #28a28e); transition: width .3s ease; }
.panel-progress-legend { display: flex; justify-content: space-between; gap: 1rem; margin-top: .55rem; color: #607a74; font-size: .8rem; }
.panel-inline-workspace .account-operations-list { display: grid; gap: .6rem; }
.panel-inline-disclosure { border: 1px solid #d5e7e2; border-radius: .65rem; }
.panel-inline-disclosure > summary { display: flex; justify-content: space-between; gap: 1rem; cursor: pointer; padding: .85rem 1rem; list-style: none; }
.panel-inline-disclosure > summary::-webkit-details-marker { display: none; }
.panel-inline-disclosure > summary span { display: grid; gap: .2rem; }
.panel-inline-disclosure > summary small { color: #648079; }
.panel-inline-disclosure .management-card { padding: .9rem 1rem 1rem; border-top: 1px solid #e1ece9; }
.panel-media-upload { margin-bottom: 1rem; }
.panel-table-wrap { overflow-x: auto; }
.panel-data-table { width: 100%; border-collapse: collapse; min-width: 34rem; font-size: .88rem; }
.panel-data-table th, .panel-data-table td { padding: .65rem .7rem; border-bottom: 1px solid #e2ece9; text-align: left; vertical-align: top; }
.panel-data-table th { color: #54716b; font-size: .74rem; text-transform: uppercase; letter-spacing: .06em; }
.panel-data-table td strong { color: #0b675d; }
.account-side-panel-group .account-side-link { font-size: .78rem; line-height: 1.3; }
.account-side-panel-group > summary { font-size: .78rem; }
.panel-access-option em { display: block; margin-top: .2rem; color: #0b7566; font-size: .76rem; font-style: normal; line-height: 1.35; }
@media (max-width: 900px) {
  .panel-workspace-grid { grid-template-columns: 1fr; }
  .panel-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .account-generic-panel .generic-panel-header { flex-direction: column; }
  .panel-tool-list, .panel-metrics { grid-template-columns: 1fr; }
  .account-generic-panel p:not(.eyebrow), .account-generic-panel li, .account-generic-panel label, .account-generic-panel input, .account-generic-panel select, .account-generic-panel textarea { font-size: .94rem; }
}

/* Independently granted operational panels.  Keep these as a compact list
   so administrators can manage many accounts without a wall of cards. */
.panel-access-section, .account-operations-panel { margin-top: 2rem; }
.account-operations-list { display: grid; gap: .65rem; }
.panel-access-card, .account-operations-disclosure { border: 1px solid #cfe1dc; border-radius: .8rem; background: #fbfdfc; overflow: clip; }
.panel-access-card > summary, .account-operations-disclosure > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.15rem; cursor: pointer; list-style: none; }
.panel-access-card > summary::-webkit-details-marker, .account-operations-disclosure > summary::-webkit-details-marker { display: none; }
.panel-access-card[open] > summary, .account-operations-disclosure[open] > summary { border-bottom: 1px solid #dceae6; background: #f2f8f6; }
.panel-access-card .management-disclosure-copy, .account-operations-disclosure .management-disclosure-copy { display: grid; gap: .2rem; min-width: 0; }
.panel-access-card .management-disclosure-copy strong, .account-operations-disclosure .management-disclosure-copy strong { color: #123e38; font-family: var(--font-serif, Georgia, serif); font-size: 1.15rem; line-height: 1.15; }
.panel-access-card .management-disclosure-description, .account-operations-disclosure .management-disclosure-description { color: #607974; font-size: .82rem; }
.panel-access-card .management-disclosure-side, .account-operations-disclosure .management-disclosure-side { display: flex; align-items: center; gap: .6rem; flex: 0 0 auto; }
.panel-access-card .management-disclosure-meta, .account-operations-disclosure .management-disclosure-meta { color: #0b7566; font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.panel-access-form, .account-operations-disclosure > form { border: 0; border-radius: 0; box-shadow: none; margin: 0; padding: 1.15rem; }
.panel-access-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; margin: .8rem 0 1rem; }
.panel-access-option { display: flex; align-items: flex-start; gap: .65rem; padding: .75rem; border: 1px solid #d6e6e1; border-radius: .65rem; background: #fff; cursor: pointer; }
.panel-access-option:has(input:checked) { border-color: #0c8975; background: #eef8f5; box-shadow: inset 3px 0 #0c8975; }
.panel-access-option input { accent-color: #0c8975; margin-top: .2rem; }
.panel-access-option span { display: grid; gap: .18rem; }
.panel-access-option strong { color: #164b43; font-size: .86rem; }
.panel-access-option small { color: #657d78; line-height: 1.35; }
.panel-access-catalog { display: grid; gap: .55rem; margin: .8rem 0 1rem; }
.panel-access-category { border: 1px solid #d4e4df; border-radius: .7rem; background: #fff; overflow: clip; }
.panel-access-category > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem .95rem; cursor: pointer; list-style: none; }
.panel-access-category > summary::-webkit-details-marker { display: none; }
.panel-access-category[open] > summary { background: #f0f8f5; border-bottom: 1px solid #d8e8e3; }
.panel-access-category > summary span { display: grid; gap: .18rem; }
.panel-access-category > summary strong { color: #124d42; font-size: .84rem; letter-spacing: .04em; text-transform: uppercase; }
.panel-access-category > summary small { color: #6a817b; font-size: .75rem; }
.panel-access-category-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; padding: .8rem; }
.account-side-subheading { padding: .55rem .65rem .22rem; color: #6a817b; font-size: .62rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.account-generic-panel { max-width: 70rem; }
.generic-panel-header { display: flex; justify-content: space-between; gap: 1.5rem; align-items: flex-start; padding: clamp(1.2rem, 3vw, 2.2rem); border: 1px solid #cfe1dc; border-radius: .9rem; background: linear-gradient(135deg, #f7fcfa, #fff); }
.generic-panel-header h2 { margin: .25rem 0 .6rem; color: #123e38; font-family: var(--font-serif, Georgia, serif); font-size: clamp(1.8rem, 3vw, 2.7rem); }
.generic-panel-header p:not(.eyebrow) { max-width: 50rem; color: #5d756f; }
.panel-scope-badge { flex: 0 0 auto; padding: .42rem .7rem; border: 1px solid #d7b267; border-radius: 999px; color: #8a6217; background: #fff8e8; font-size: .7rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.generic-panel-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin: 1rem 0; }
.generic-panel-queue { padding: 1rem 1.2rem; border: 1px solid #d4e4df; border-radius: .85rem; background: #fff; }
.generic-panel-queue ul { display: grid; gap: .35rem; margin: 0; padding: 0; list-style: none; }
.generic-panel-queue li a { display: flex; justify-content: space-between; gap: 1rem; padding: .7rem .75rem; border-radius: .5rem; color: #164b43; text-decoration: none; background: #f7fbf9; }
.generic-panel-queue li a:hover, .generic-panel-queue li a:focus-visible { background: #e8f4f0; }
.generic-panel-queue li a strong { font-size: .86rem; }
.generic-panel-queue li a small { color: #69817b; }
.account-operations-disclosure .media-assignment-control { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: .85rem; align-items: center; margin-bottom: 1rem; }
.account-operations-disclosure .media-assignment-preview { width: 7rem; height: 4.5rem; object-fit: cover; border-radius: .5rem; border: 1px solid #d6e6e1; }
.account-operations-disclosure .media-assignment-empty { display: grid; place-items: center; width: 7rem; height: 4.5rem; border: 1px dashed #b9d0ca; border-radius: .5rem; color: #6d8680; font-size: .75rem; text-align: center; }
.account-media-asset-card { overflow: clip; }
.account-media-asset-card form { padding: 1.1rem; }
.account-danger-zone { margin-top: 1.15rem; border: 1px solid #e7b5a7; border-radius: .65rem; background: #fff9f7; }
.account-danger-zone > summary { padding: .7rem .85rem; color: #9a3d2d; cursor: pointer; font-size: .78rem; font-weight: 800; letter-spacing: .04em; list-style: none; }
.account-danger-zone > summary::-webkit-details-marker { display: none; }
.account-danger-zone[open] > summary { border-bottom: 1px solid #f0d3cc; }
.account-delete-form { display: grid; gap: .7rem; padding: .85rem; color: #6d4a43; font-size: .84rem; }
.account-delete-form p { margin: 0; max-width: 54rem; }
.account-delete-form .btn-danger { justify-self: start; border-color: #a84230; background: #a84230; color: #fff; }
.account-delete-form .btn-danger:hover, .account-delete-form .btn-danger:focus-visible { background: #842e21; }
@media (max-width: 720px) {
  .panel-access-checklist { grid-template-columns: 1fr; }
  .panel-access-category-list { grid-template-columns: 1fr; }
  .panel-access-card > summary, .account-operations-disclosure > summary { align-items: flex-start; }
  .panel-access-card .management-disclosure-side, .account-operations-disclosure .management-disclosure-side { flex-direction: column; align-items: flex-end; gap: .25rem; }
  .generic-panel-header { display: grid; }
}

/* Account workspaces use the same measured hierarchy as company control. */
.account-shell {
  display: grid;
  grid-template-columns: 13.8rem minmax(0, 1fr);
  gap: clamp(1.5rem, 3vw, 2.8rem);
  width: min(calc(100% - 2.5rem), 88rem);
  margin: clamp(1.25rem, 2.5vw, 2.15rem) auto clamp(2.5rem, 5vw, 4.5rem);
  align-items: start;
}
.account-sidebar {
  position: sticky;
  top: calc(var(--header-height) + 1.15rem);
  display: grid;
  gap: 1rem;
  padding: .95rem;
  border: 1px solid #d4e1dc;
  border-radius: .9rem;
  background: #f7fbf9;
  box-shadow: 0 .75rem 2rem rgba(15, 43, 35, .055);
}
.account-side-brand { display: flex; gap: .7rem; align-items: center; padding: .35rem .4rem .85rem; border-bottom: 1px solid #d8e4df; color: #102f29; text-decoration: none; }
.account-side-brand img { width: 2.75rem; height: 2.75rem; object-fit: contain; }
.account-side-brand span { display: grid; gap: .13rem; }
.account-side-brand strong { font-size: .9rem; letter-spacing: .02em; }
.account-side-brand small { color: #5f746e; font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.account-side-nav { display: grid; gap: .16rem; }
.account-side-link { display: block; padding: .58rem .62rem; border-left: .18rem solid transparent; border-radius: .42rem; color: #123d35; font-size: .8rem; font-weight: 750; line-height: 1.25; text-decoration: none; }
.account-side-link:hover, .account-side-link:focus-visible { color: #0c695a; background: #edf6f2; }
.account-side-link.is-active { border-left-color: #168271; background: #e1f0eb; color: #103f36; }
.account-side-group { margin: .15rem 0; border: 1px solid #d9e5e0; border-radius: .45rem; background: #fbfdfc; }
.account-side-group summary { display: flex; align-items: center; justify-content: space-between; padding: .58rem .62rem; color: #143e34; cursor: pointer; font-size: .79rem; font-weight: 800; list-style: none; }
.account-side-group summary::-webkit-details-marker { display: none; }
.account-side-group summary b { color: #147260; font-size: 1rem; font-weight: 500; }
.account-side-group[open] summary b { transform: rotate(45deg); }
.account-side-group > div { display: grid; gap: .08rem; padding: 0 .3rem .3rem; }
.account-side-group .account-side-link { margin-left: .15rem; font-size: .76rem; }
.account-side-panel-shelf { margin: .45rem .15rem 0; border-top: 1px solid #d8e4df; padding-top: .35rem; }
.account-side-panel-shelf > summary { display: flex; align-items: center; justify-content: space-between; padding: .55rem .5rem .42rem; color: #55726a; cursor: pointer; font-size: .66rem; font-weight: 850; letter-spacing: .08em; list-style: none; text-transform: uppercase; }
.account-side-panel-shelf > summary::-webkit-details-marker { display: none; }
.account-side-panel-shelf > summary b { color: #147260; font-size: .95rem; font-weight: 500; }
.account-side-panel-shelf[open] > summary b { transform: rotate(45deg); }
.account-side-panel-shelf > div { display: grid; gap: .25rem; padding: .15rem 0 .2rem; }
.account-side-panel-group { border: 1px solid #d9e5e0; border-radius: .42rem; background: #fff; }
.account-side-panel-group > summary { display: flex; align-items: center; justify-content: space-between; gap: .45rem; padding: .5rem .55rem; color: #28574e; cursor: pointer; font-size: .68rem; font-weight: 800; line-height: 1.25; list-style: none; }
.account-side-panel-group > summary::-webkit-details-marker { display: none; }
.account-side-panel-group > summary b { color: #147260; font-size: .9rem; font-weight: 500; }
.account-side-panel-group[open] > summary { border-bottom: 1px solid #d9e5e0; background: #f2f8f5; }
.account-side-panel-group[open] > summary b { transform: rotate(45deg); }
.account-side-panel-group > div { display: grid; gap: .04rem; padding: .18rem .25rem .25rem; }
.account-side-panel-group .account-side-link { margin-left: 0; padding: .42rem .45rem; font-size: .71rem; }
.account-side-footer { display: grid; gap: .5rem; padding-top: .85rem; border-top: 1px solid #d8e4df; }
.account-side-footer a, .account-side-footer button { padding: 0; border: 0; background: transparent; color: #176c60; font: 750 .75rem/1.35 inherit; text-align: start; text-decoration: none; cursor: pointer; }
.account-side-footer a:hover, .account-side-footer button:hover { text-decoration: underline; text-underline-offset: .15em; }
.account-workspace { min-width: 0; }
.account-status-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.account-status-card { display: grid; align-content: space-between; min-height: 6.55rem; padding: .95rem 1rem; border: 1px solid #d8e3df; border-radius: .65rem; background: #fff; }
.account-status-card strong { color: #11382f; font: 400 clamp(1.2rem, 1.9vw, 1.65rem)/1.05 Georgia, serif; }
.account-status-card small { margin-top: .55rem; color: #64756f; font-size: .72rem; }
.account-intro { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(16rem, .7fr); gap: clamp(1.5rem, 5vw, 4.5rem); align-items: end; padding: clamp(1.65rem, 3.8vw, 3rem) 0 1.7rem; }
.account-intro .eyebrow { margin-bottom: .55rem; }
.account-intro h1 { max-width: 16ch; margin: 0; color: #12392f; font-size: clamp(2.05rem, 3.15vw, 3.15rem); line-height: 1.06; }
.account-intro > p { max-width: 37ch; margin: 0 0 .25rem; color: #455e57; font-size: .95rem; line-height: 1.6; }
.account-feature-grid, .account-platform-grid, .journal-role-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15.5rem), 1fr)); gap: .85rem; }
.account-feature-card, .account-platform-card, .journal-role-card { display: flex; min-height: 13.2rem; flex-direction: column; padding: 1.25rem; color: #143d33; text-decoration: none; }
.account-feature-card:hover, .account-platform-card:hover { border-color: #9bcabc; background: #f8fcfa; }
.account-feature-card h2, .account-platform-card h2, .journal-role-card h3 { margin: .25rem 0 .6rem; color: #153e34; font-size: clamp(1.28rem, 1.75vw, 1.65rem); line-height: 1.1; }
.account-feature-card p:not(.eyebrow), .account-platform-card p:not(.eyebrow), .journal-role-card p:not(.eyebrow) { margin: 0; color: #5b6f67; font-size: .84rem; line-height: 1.52; }
.account-platform-card { min-height: 11.8rem; gap: .55rem; }
.account-platform-card .journal-card-summary { min-height: 2.8rem; }
.journal-card-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem .7rem; margin-top: .15rem; color: #176f5d; font-size: .76rem; }
.journal-card-meta span { padding: .25rem .55rem; border-radius: 999px; background: #e4f3ef; font-weight: 750; }
.journal-card-meta strong { font-size: .77rem; font-weight: 800; }
.journal-card-details { margin-top: .2rem; border-top: 1px solid #e0ebe7; color: #506a61; font-size: .78rem; }
.journal-card-details summary { padding: .55rem 0 .35rem; color: #176f5d; cursor: pointer; font-weight: 800; list-style: none; }
.journal-card-details summary::after { content: "＋"; float: right; font-size: 1rem; line-height: 1; }
.journal-card-details[open] summary::after { content: "−"; }
.journal-card-details p { margin: .35rem 0 0 !important; font-size: .78rem !important; line-height: 1.45 !important; }
.account-platform-card .btn { width: 100%; margin-top: auto; text-align: center; }
.account-feature-card > span, .account-platform-card > span { margin-top: auto; padding-top: .9rem; color: #136f5f; font-size: .77rem; font-weight: 800; }
.account-action-center { margin: 0 0 1.15rem; padding: 1.05rem; border: 1px solid #cfe1da; border-radius: .82rem; background: linear-gradient(135deg, #f7fcfa 0%, #eef7f4 100%); }
.account-action-center .section-heading { margin-bottom: .75rem; }
.account-action-center .section-heading h2 { margin: .18rem 0 0; color: #123d32; font-size: clamp(1.25rem, 1.8vw, 1.7rem); }
.account-action-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.05fr) minmax(13rem, .78fr); gap: .72rem; }
.account-action-card { display: grid; align-content: start; min-width: 0; padding: .92rem; border: 1px solid #d3e5de; border-radius: .65rem; background: rgba(255,255,255,.92); }
.account-action-card > header { display: grid; grid-template-columns: 1.95rem minmax(0, 1fr); gap: .58rem; align-items: start; margin-bottom: .65rem; }
.account-action-icon { display: grid; width: 1.95rem; height: 1.95rem; place-items: center; border-radius: .47rem; background: #153f35; color: #e9ca7a; font-size: .62rem; font-weight: 850; letter-spacing: .04em; }
.account-action-card .eyebrow { margin: 0 0 .16rem; font-size: .6rem; }
.account-action-card h3 { margin: 0; color: #153d33; font: 400 1.1rem/1.08 Georgia, serif; }
.account-action-card ul { display: grid; gap: .46rem; margin: 0; padding: 0; list-style: none; }
.account-action-card li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .42rem; align-items: start; color: #264940; }
.account-action-card li > span:not(.status-pill) { min-width: 2rem; padding-top: .08rem; color: #176e5d; font-size: .65rem; font-weight: 850; letter-spacing: .03em; }
.account-action-card li strong, .account-action-card li small { display: block; }
.account-action-card li strong { overflow: hidden; color: #264940; font-size: .74rem; line-height: 1.32; text-overflow: ellipsis; white-space: nowrap; }
.account-action-card li small { margin-top: .1rem; color: #6a7c75; font-size: .68rem; line-height: 1.3; }
.account-action-card .status-pill { align-self: center; padding: .21rem .34rem; font-size: .58rem; white-space: nowrap; }
.account-action-empty { display: block !important; color: #687a73 !important; font-size: .76rem; font-style: italic; line-height: 1.45; }
.account-action-metric { display: block; margin: .05rem 0 .35rem; color: #133e33; font: 400 clamp(1.55rem, 2.5vw, 2.25rem)/1 Georgia, serif; }
.account-action-card > p { margin: 0; color: #5f746c; font-size: .74rem; line-height: 1.42; }
.account-action-card > .text-link { margin-top: .65rem; font-size: .75rem; }

/* Primary Director workspace.  This surface is rendered only for the
   permanent general-administration account; role dashboards keep their
   existing, narrower hierarchy. */
.account-shell--executive {
  grid-template-columns: 15rem minmax(0, 1fr);
  width: min(calc(100% - 2.5rem), 96rem);
  gap: clamp(1.15rem, 2.2vw, 2rem);
}
.account-shell--executive .account-sidebar {
  max-height: calc(100vh - var(--header-height) - 2.3rem);
  overflow: auto;
  background: linear-gradient(180deg, #f8fbfa 0%, #eef6f3 100%);
  scrollbar-width: thin;
}
.account-side-link-executive { display: grid; gap: .14rem; padding-top: .53rem; padding-bottom: .53rem; }
.account-side-link-executive strong { color: inherit; font-size: .76rem; line-height: 1.25; }
.account-side-link-executive small { color: #6b7e78; font-size: .62rem; font-weight: 650; line-height: 1.3; }
.account-side-link-executive.is-active small { color: #41685f; }
.executive-dashboard { display: grid; gap: 1rem; color: #173d35; }
.executive-briefing {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(15rem, .65fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  overflow: hidden;
  padding: clamp(1.5rem, 3.4vw, 2.65rem);
  border: 1px solid #315b50;
  border-radius: 1rem;
  background:
    radial-gradient(circle at 88% 12%, rgba(222,184,92,.16), transparent 24rem),
    linear-gradient(135deg, #062e28 0%, #0a483d 72%, #0b5648 100%);
  color: #fff;
  box-shadow: 0 1.15rem 2.8rem rgba(6,46,40,.14);
}
.executive-briefing::after { content: ""; position: absolute; right: -7rem; bottom: -9rem; width: 20rem; height: 20rem; border: 1px solid rgba(230,197,119,.25); border-radius: 50%; pointer-events: none; }
.executive-briefing .eyebrow { margin: 0 0 .6rem; color: #e7c875; }
.executive-briefing h1 { max-width: 14ch; margin: 0; color: #fff; font-size: clamp(2.2rem, 4.4vw, 4.15rem); line-height: .98; letter-spacing: -.035em; }
.executive-briefing > div > p:not(.eyebrow) { max-width: 61ch; margin: 1rem 0 0; color: #d5e5df; font-size: .92rem; line-height: 1.62; }
.executive-briefing-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.25rem; }
.executive-briefing-actions .btn-outline { border-color: rgba(255,255,255,.62) !important; color: #fff !important; background: rgba(255,255,255,.05) !important; }
.executive-briefing-actions .btn-outline:hover, .executive-briefing-actions .btn-outline:focus-visible { border-color: #fff !important; color: #083c33 !important; background: #fff !important; }
.executive-briefing > aside { position: relative; z-index: 1; display: grid; align-content: end; gap: .45rem; padding: 1rem 0 .2rem clamp(1rem, 2.4vw, 2rem); border-left: 1px solid rgba(255,255,255,.17); }
.executive-briefing > aside small { color: #e8ca79; font-size: .65rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.executive-briefing > aside strong { max-width: 18ch; color: #fff; font: 400 clamp(1.35rem, 2.3vw, 2rem)/1.08 Georgia, serif; }
.executive-briefing > aside span { color: #bcd1ca; font-size: .73rem; line-height: 1.45; }
.executive-kpi-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); overflow: hidden; border: 1px solid #cadbd6; border-radius: .85rem; background: #fff; }
.executive-kpi-grid > a { position: relative; display: grid; min-width: 0; min-height: 7.6rem; align-content: space-between; gap: .38rem; padding: 1rem; border-right: 1px solid #dce7e3; color: #173e35; text-decoration: none; }
.executive-kpi-grid > a:last-child { border-right: 0; }
.executive-kpi-grid > a::before { content: ""; position: absolute; inset: 0 auto 0 0; width: .18rem; background: transparent; }
.executive-kpi-grid > a:hover, .executive-kpi-grid > a:focus-visible { background: #f3f9f7; }
.executive-kpi-grid > a.is-alert::before { background: #b14e3d; }
.executive-kpi-grid small { color: #60766f; font-size: .65rem; font-weight: 800; letter-spacing: .04em; line-height: 1.35; text-transform: uppercase; }
.executive-kpi-grid strong { overflow-wrap: anywhere; color: #0b5b4e; font: 400 clamp(1.42rem, 2.25vw, 2.15rem)/1 Georgia, serif; }
.executive-kpi-grid .is-alert strong { color: #9e3e31; }
.executive-kpi-grid span { color: #667a74; font-size: .68rem; line-height: 1.35; }
.executive-panel { min-width: 0; overflow: hidden; border: 1px solid #ccded8; border-radius: .85rem; background: #fff; box-shadow: 0 .55rem 1.5rem rgba(12,53,44,.035); }
.executive-panel > header, .executive-functions > header { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem .85rem; border-bottom: 1px solid #e0ebe7; }
.executive-panel > header .eyebrow, .executive-functions > header .eyebrow { margin: 0 0 .25rem; font-size: .61rem; }
.executive-panel > header h2, .executive-functions > header h2 { margin: 0; color: #163f36; font-size: clamp(1.18rem, 1.7vw, 1.52rem); line-height: 1.08; }
.executive-panel > header > a, .executive-functions > header > a { flex: 0 0 auto; color: #116c5c; font-size: .7rem; font-weight: 800; text-decoration: none; }
.executive-panel > header > span { display: grid; min-width: 2rem; height: 2rem; place-items: center; border-radius: 999px; background: #e4f2ed; color: #0b6557; font-size: .75rem; font-weight: 850; }
.executive-command-grid { display: grid; grid-template-columns: minmax(0, 1.62fr) minmax(17rem, .68fr); gap: 1rem; align-items: start; }
.executive-attention-list { display: grid; }
.executive-attention-row { position: relative; display: grid; grid-template-columns: 4.2rem minmax(0, 1fr) auto; gap: .8rem; align-items: center; min-height: 4.25rem; padding: .72rem 1.05rem; border-bottom: 1px solid #e5eeeb; color: #173f36; text-decoration: none; }
.executive-attention-row:last-child { border-bottom: 0; }
.executive-attention-row:hover, .executive-attention-row:focus-visible { background: #f4faf7; }
.executive-attention-row::before { content: ""; position: absolute; inset: .7rem auto .7rem 0; width: .2rem; border-radius: 99px; background: #d7b865; }
.executive-attention-row.is-critical::before { background: #a64035; }
.executive-attention-row.is-warning::before { background: #c77c27; }
.executive-attention-row > span { color: #4f756c; font-size: .62rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.executive-attention-row > div { display: grid; gap: .18rem; min-width: 0; }
.executive-attention-row strong { overflow: hidden; font-size: .78rem; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.executive-attention-row small { overflow: hidden; color: #6d7e78; font-size: .68rem; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.executive-attention-row > b { color: #17715f; font-weight: 500; }
.executive-clear-state { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: .75rem; align-items: center; padding: 1.15rem; }
.executive-clear-state > span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; background: #e1f1eb; color: #08705e; font-weight: 900; }
.executive-clear-state > div { display: grid; gap: .2rem; }
.executive-clear-state strong { font-size: .8rem; }
.executive-clear-state small { color: #667c75; font-size: .7rem; line-height: 1.4; }
.executive-direct-actions nav { display: grid; }
.executive-direct-actions nav a { display: flex; justify-content: space-between; gap: .7rem; padding: .75rem 1.05rem; border-bottom: 1px solid #e4eeeb; color: #21483f; font-size: .74rem; font-weight: 750; text-decoration: none; }
.executive-direct-actions nav a:last-child { border-bottom: 0; }
.executive-direct-actions nav a:hover, .executive-direct-actions nav a:focus-visible { color: #0a6a59; background: #f3f9f7; }
.executive-direct-actions nav b { color: #0b6e5d; font-size: .72rem; }
.executive-portfolio > header { padding-bottom: 1rem; }
.executive-journal-list { display: grid; }
.executive-journal-row { position: relative; display: grid; grid-template-columns: 4.4rem minmax(12rem, 1fr) minmax(25rem, 1.5fr) auto; gap: 1rem; align-items: center; min-height: 5rem; padding: .7rem 1.05rem; border-bottom: 1px solid #e3edea; color: #173f36; text-decoration: none; }
.executive-journal-row:hover, .executive-journal-row:focus-visible { background: #f4faf8; }
.executive-journal-row::before { content: ""; position: absolute; left: 0; top: .7rem; bottom: .7rem; width: .2rem; border-radius: 99px; background: #6fae9f; }
.executive-journal-row.is-critical::before { background: #a74136; }
.executive-journal-row.is-action::before { background: #d2a43e; }
.executive-journal-code { color: #0d6a5a; font-size: .69rem; font-weight: 900; letter-spacing: .06em; }
.executive-journal-name { display: grid; gap: .2rem; min-width: 0; }
.executive-journal-name strong { overflow: hidden; font: 400 1rem/1.18 Georgia, serif; text-overflow: ellipsis; white-space: nowrap; }
.executive-journal-name small { color: #667d76; font-size: .67rem; }
.executive-journal-row dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .4rem; margin: 0; }
.executive-journal-row dl div { display: grid; gap: .15rem; }
.executive-journal-row dt { color: #72827d; font-size: .56rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.executive-journal-row dd { margin: 0; color: #15463c; font-size: .8rem; font-weight: 850; }
.executive-journal-row > b { color: #17715f; font-weight: 500; }
.executive-portfolio > footer { display: grid; grid-template-columns: auto auto minmax(0, 1fr); gap: .7rem; align-items: center; padding: .72rem 1.05rem; background: #f1f7f5; color: #60766f; font-size: .67rem; }
.executive-portfolio > footer strong { color: #0c6758; font: 400 1.25rem/1 Georgia, serif; }
.executive-portfolio > footer span:last-child { justify-self: end; text-align: right; }
.executive-oversight-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; align-items: start; }
.executive-compact-list, .executive-calendar-list { display: grid; margin: 0; padding: 0; list-style: none; }
.executive-compact-list li, .executive-calendar-list li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .7rem; align-items: start; padding: .68rem 1rem; border-bottom: 1px solid #e5eeeb; }
.executive-compact-list li:last-child, .executive-calendar-list li:last-child { border-bottom: 0; }
.executive-compact-list li > span, .executive-calendar-list time { min-width: 3.4rem; color: #0e6c5c; font-size: .6rem; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; }
.executive-compact-list li > div, .executive-calendar-list li > div { display: grid; gap: .16rem; min-width: 0; }
.executive-compact-list strong, .executive-calendar-list strong { color: #244a41; font-size: .73rem; line-height: 1.32; }
.executive-compact-list small, .executive-calendar-list small { color: #6d7f79; font-size: .64rem; line-height: 1.35; }
.executive-severity.is-critical { color: #9b352c !important; }
.executive-severity.is-high { color: #a85b24 !important; }
.executive-list-clear > span { color: #0a715e !important; }
.executive-finance-list { display: grid; margin: 0; }
.executive-finance-list > div { display: flex; justify-content: space-between; gap: 1rem; padding: .75rem 1rem; border-bottom: 1px solid #e4eeeb; }
.executive-finance-list > div:last-child { border-bottom: 0; }
.executive-finance-list dt { color: #61776f; font-size: .7rem; }
.executive-finance-list dd { margin: 0; color: #153f35; font-size: .74rem; font-weight: 850; text-align: right; }
.executive-document-panel .executive-compact-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.executive-document-panel .executive-compact-list li:nth-child(odd) { border-right: 1px solid #e5eeeb; }
.executive-functions { overflow: hidden; border: 1px solid #bcd4cd; border-radius: .9rem; background: linear-gradient(145deg, #edf6f3 0%, #f9fcfb 100%); }
.executive-functions > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.executive-functions > div > a { position: relative; display: grid; min-height: 8.5rem; align-content: start; gap: .28rem; padding: 1rem; border-right: 1px solid #d7e6e1; border-bottom: 1px solid #d7e6e1; color: #173f36; text-decoration: none; }
.executive-functions > div > a:nth-child(4n) { border-right: 0; }
.executive-functions > div > a:nth-last-child(-n+4) { border-bottom: 0; }
.executive-functions > div > a:hover, .executive-functions > div > a:focus-visible { background: rgba(255,255,255,.88); }
.executive-functions a small { color: #14705f; font-size: .58rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.executive-functions a strong { margin-top: .12rem; font: 400 1rem/1.15 Georgia, serif; }
.executive-functions a span { color: #647a73; font-size: .67rem; line-height: 1.4; }
.executive-functions a b { position: absolute; right: .85rem; bottom: .75rem; color: #0e705e; font-weight: 500; }

@media (max-width: 1180px) {
  .executive-kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .executive-kpi-grid > a:nth-child(3) { border-right: 0; }
  .executive-kpi-grid > a:nth-child(-n+3) { border-bottom: 1px solid #dce7e3; }
  .executive-functions > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .executive-functions > div > a:nth-child(2n) { border-right: 0; }
  .executive-functions > div > a:nth-last-child(-n+4) { border-bottom: 1px solid #d7e6e1; }
  .executive-functions > div > a:nth-last-child(-n+2) { border-bottom: 0; }
}
@media (max-width: 900px) {
  .executive-briefing { grid-template-columns: 1fr; }
  .executive-briefing > aside { padding: 1rem 0 0; border-top: 1px solid rgba(255,255,255,.17); border-left: 0; }
  .executive-command-grid, .executive-oversight-grid { grid-template-columns: 1fr; }
  .executive-journal-row { grid-template-columns: 3.5rem minmax(0, 1fr) auto; }
  .executive-journal-row dl { grid-column: 2; grid-row: 2; }
  .executive-journal-row > b { grid-column: 3; grid-row: 1 / span 2; }
}
@media (max-width: 640px) {
  .account-shell--executive { width: min(calc(100% - 1rem), 42rem); margin-top: .5rem; gap: .75rem; }
  .account-shell--executive .account-sidebar { max-height: none; overflow: visible; padding: .65rem; }
  .account-shell--executive .account-side-brand { display: none; }
  .account-shell--executive .account-side-nav { display: grid; grid-template-columns: 1fr 1fr; overflow: visible; gap: .35rem; }
  .account-shell--executive .account-side-nav > .account-side-link { grid-column: 1 / -1; }
  .account-shell--executive .account-side-group { min-width: 0; margin: 0; }
  .account-shell--executive .account-side-group > summary { min-height: 2.6rem; padding: .55rem; font-size: .68rem; }
  .account-shell--executive .account-side-group:not([open]) > div { display: none; }
  .account-shell--executive .account-side-group[open] { grid-column: 1 / -1; }
  .account-shell--executive .account-side-group[open] > div { display: grid; }
  .account-shell--executive .account-side-footer { display: none; }
  .executive-dashboard { gap: .7rem; }
  .executive-briefing { padding: 1.25rem; border-radius: .8rem; }
  .executive-briefing h1 { font-size: clamp(2.05rem, 11.5vw, 3rem); }
  .executive-briefing-actions .btn { width: 100%; text-align: center; }
  .executive-kpi-grid { grid-template-columns: 1fr 1fr; }
  .executive-kpi-grid > a { min-height: 6.65rem; padding: .82rem; border-right: 1px solid #dce7e3; border-bottom: 1px solid #dce7e3; }
  .executive-kpi-grid > a:nth-child(2n) { border-right: 0; }
  .executive-kpi-grid > a:last-child { grid-column: 1 / -1; border-bottom: 0; }
  .executive-attention-row { grid-template-columns: 3.5rem minmax(0, 1fr) auto; gap: .55rem; padding: .68rem .8rem; }
  .executive-attention-row strong, .executive-attention-row small { overflow: visible; text-overflow: clip; white-space: normal; }
  .executive-panel > header, .executive-functions > header { align-items: flex-start; padding: .85rem; }
  .executive-panel > header > a, .executive-functions > header > a { max-width: 10rem; text-align: right; }
  .executive-journal-row { grid-template-columns: 3.15rem minmax(0, 1fr) auto; gap: .55rem; padding: .75rem .8rem; }
  .executive-journal-name strong { overflow: visible; white-space: normal; }
  .executive-journal-row dl { grid-template-columns: 1fr 1fr; gap: .45rem .8rem; margin-top: .35rem; }
  .executive-portfolio > footer { grid-template-columns: auto auto; }
  .executive-portfolio > footer span:last-child { grid-column: 1 / -1; justify-self: start; text-align: left; }
  .executive-document-panel .executive-compact-list { grid-template-columns: 1fr; }
  .executive-document-panel .executive-compact-list li:nth-child(odd) { border-right: 0; }
  .executive-functions > div { grid-template-columns: 1fr; }
  .executive-functions > div > a { min-height: 7.3rem; border-right: 0; border-bottom: 1px solid #d7e6e1 !important; }
  .executive-functions > div > a:last-child { border-bottom: 0 !important; }
}
.form-field-static { align-content: start; min-height: 2.5rem; padding: .44rem .6rem; border: 1px solid #d5e3de; border-radius: .52rem; background: #f7fbf9; }
.form-field-static span { color: #6a7c75; font-size: .63rem; font-weight: 750; line-height: 1.2; }
.form-field-static strong { margin-top: .18rem; color: #143d33; font-size: .78rem; line-height: 1.3; }
.account-content-section { padding-top: 1.35rem; margin-top: 1.35rem; border-top: 1px solid #dce8e3; }
.account-content-section:first-child { padding-top: 0; margin-top: 0; border-top: 0; }
.account-content-section .section-heading { margin-bottom: .8rem; }
.journal-role-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: auto; padding-top: 1rem; }
.journal-role-actions a { color: #146f5f; font-size: .77rem; font-weight: 800; text-decoration: none; }
.journal-role-actions a:hover { text-decoration: underline; text-underline-offset: .15em; }
.journal-role-actions span { margin-left: auto; color: #70817b; font-size: .68rem; line-height: 1.3; text-align: end; }
.journal-assignments-section { padding-top: 1.55rem; margin-top: 1.8rem; border-top: 1px solid #dce8e3; }
.journal-assignments-section > .lead { max-width: 74ch; margin: 0 0 1rem; font-size: .9rem; }
.journal-assignment-card h3 { font-size: clamp(1.18rem, 1.55vw, 1.48rem); }
.editorial-platform { padding-top: clamp(1.75rem, 3.8vw, 3.2rem); }
.editorial-platform .container { width: min(100%, 82rem); }
.platform-breadcrumb { display: flex; align-items: center; gap: .5rem; margin-bottom: .9rem; color: #5c7169; font-size: .78rem; }
.platform-breadcrumb a { color: #176c60; font-weight: 800; text-decoration: none; }
.platform-breadcrumb a:hover { text-decoration: underline; text-underline-offset: .15em; }
.platform-heading { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.15rem; }
.platform-heading > div { max-width: 54rem; }
.platform-heading h1 { max-width: 19ch; margin: .3rem 0 .5rem; color: #123b32; font-size: clamp(2.15rem, 3.65vw, 3.45rem); line-height: 1.04; }
.platform-heading p:not(.eyebrow) { max-width: 62ch; margin: 0; color: #536a62; font-size: .92rem; }
.editorial-platform .panel-tabs { margin-bottom: 1rem; }
@media (max-width: 640px) {
  .platform-heading { display: grid; align-items: start; gap: .9rem; }
  .platform-heading h1 { font-size: clamp(2rem, 9vw, 2.85rem); }
}

/* Notification records deliberately stay grouped by account, company and journal. */
.notification-sections { display: grid; gap: .85rem; }
.notification-section { overflow: hidden; border: 1px solid #d8e5df; border-radius: .7rem; background: #fff; }
.notification-section > header { display: flex; align-items: start; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border-bottom: 1px solid #e1ebe7; background: #f7fbf9; }
.notification-section .eyebrow { margin-bottom: .22rem; font-size: .62rem; }
.notification-section h3 { margin: 0 0 .22rem; color: #153d33; font: 400 1.12rem/1.1 Georgia, serif; }
.notification-section header p:not(.eyebrow) { max-width: 60ch; margin: 0; color: #60736c; font-size: .77rem; line-height: 1.42; }
.notification-section-count { flex: 0 0 auto; padding: .3rem .5rem; border-radius: 999px; background: #e4f1ec; color: #126a59; font-size: .68rem; font-weight: 800; white-space: nowrap; }
.notification-list { display: grid; margin: 0; padding: 0; list-style: none; }
.notification-list li { border-top: 1px solid #eef3f1; }
.notification-list li:first-child { border-top: 0; }
.notification-entry { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; }
.notification-list li a { display: grid; grid-template-columns: 7.6rem minmax(0, 1fr) auto; gap: .25rem .75rem; padding: .8rem 1rem; color: inherit; text-decoration: none; }
.notification-list li a:hover { background: #f5faf8; }
.notification-list li small { grid-column: 1; grid-row: 1 / span 2; align-self: center; color: #176e5e; font-size: .66rem; font-weight: 850; letter-spacing: .04em; line-height: 1.25; text-transform: uppercase; }
.notification-list li strong { grid-column: 2; color: #183e34; font-size: .85rem; line-height: 1.32; }
.notification-list li span { grid-column: 2; color: #60736c; font-size: .78rem; line-height: 1.42; }
.notification-list li time { grid-column: 3; grid-row: 1 / span 2; align-self: center; color: #74847e; font-size: .7rem; white-space: nowrap; }
.notification-list li.unread { box-shadow: inset .2rem 0 #178272; background: #fbfefc; }
.notification-list .notification-empty { padding: .85rem 1rem; color: #6c7f77; font-size: .82rem; font-style: italic; }
.notification-dismiss-form { display: grid; place-items: center; padding: .35rem .55rem .35rem .15rem; }
.notification-dismiss { display: grid; width: 1.75rem; height: 1.75rem; place-items: center; border: 1px solid #c8d9d2; border-radius: 50%; background: transparent; color: #557169; cursor: pointer; font-size: 1.2rem; font-weight: 500; line-height: 1; transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease; }
.notification-dismiss:hover, .notification-dismiss:focus-visible { border-color: #b97934; background: #fff5e8; color: #9b5c20; transform: scale(1.05); }
.notification-dismiss:focus-visible { outline: 3px solid rgba(185,121,52,.24); outline-offset: 2px; }

/* Distribución global: una bolsa mensual de 100%, no cinco presupuestos aislados. */
.activity-summary, .activity-person-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; margin: 1rem 0 1.35rem; }
.activity-person-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.activity-summary .card, .activity-person-summary .card { display: grid; align-content: start; gap: .32rem; min-height: 7.4rem; padding: 1rem; }
.activity-summary small, .activity-person-summary small { color: #587068; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.activity-summary strong, .activity-person-summary strong { color: #123b32; font: 400 clamp(1.5rem, 2.4vw, 2.15rem)/1.05 Georgia, serif; }
.activity-summary span { color: #5e746c; font-size: .78rem; line-height: 1.4; }
.activity-load-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; }
.activity-load-card { display: grid; gap: .72rem; min-height: 12.4rem; padding: 1.05rem; }
.activity-load-card h3 { margin: .18rem 0 0; color: #153d34; font-size: 1.18rem; line-height: 1.18; }
.activity-load-card p:not(.eyebrow), .activity-load-card small { margin: 0; color: #597169; font-size: .78rem; line-height: 1.45; }
.activity-load-track { overflow: hidden; height: .55rem; border-radius: 999px; background: #e3eeea; }
.activity-load-track span { display: block; width: min(100%, var(--activity-load)); height: 100%; border-radius: inherit; background: linear-gradient(90deg, #178272, #d7b35a); }
@media (max-width: 900px) { .activity-summary, .activity-person-summary, .activity-load-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Formularios administrativos plegables: primero lo importante, después la edición. */
.app-hero h1 { max-width: 18ch; font-size: clamp(2.25rem, 3.8vw, 3.75rem); line-height: 1.05; }

.management-disclosure { overflow: hidden; border: 1px solid #d7e4df; border-radius: .72rem; background: #fff; box-shadow: 0 8px 24px rgba(15, 43, 35, .045); transition: border-color .18s ease, box-shadow .18s ease; }
.management-disclosure:hover, .management-disclosure[open] { border-color: #9ecbbd; box-shadow: 0 12px 28px rgba(15, 43, 35, .08); }
.management-disclosure > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .8rem; align-items: center; padding: .95rem 1rem; color: #153e34; cursor: pointer; list-style: none; }
.management-disclosure > summary::-webkit-details-marker { display: none; }
.management-disclosure-copy { display: grid; min-width: 0; gap: .18rem; }
.management-disclosure-copy small { color: #167262; font-size: .63rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.management-disclosure-copy strong { overflow: hidden; color: #153d33; font: 400 clamp(1.05rem, 1.5vw, 1.32rem)/1.12 Georgia, serif; text-overflow: ellipsis; white-space: nowrap; }
.management-disclosure-description { overflow: hidden; color: #5a7068; font-size: .76rem; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.management-disclosure-side { display: flex; align-items: center; gap: .55rem; color: #557068; }
.management-disclosure-meta { max-width: 14rem; overflow: hidden; font-size: .72rem; font-weight: 800; line-height: 1.2; text-align: end; text-overflow: ellipsis; white-space: nowrap; }
.management-disclosure-side b { display: grid; width: 1.65rem; height: 1.65rem; place-items: center; border: 1px solid #c8dbd4; border-radius: 999px; color: #17705f; font-size: 1.05rem; line-height: 1; transition: transform .18s ease, background .18s ease; }
.management-disclosure[open] > summary { border-bottom: 1px solid #e0ebe7; background: #f8fcfa; }
.management-disclosure[open] > summary .management-disclosure-side b { background: #e3f1eb; transform: rotate(180deg); }
.management-disclosure > form.management-card, .management-disclosure > form.management-create { min-height: 0; margin: 0; border: 0; border-radius: 0; box-shadow: none; }
.management-disclosure > form.management-card { padding: 1rem; }
.management-disclosure > form.management-create { padding: 1rem; }
.management-disclosure > form.management-card > .eyebrow, .management-disclosure > form.management-card > h3, .management-disclosure > form.management-card > p:not(.form-field) { display: none; }
.management-disclosure > form.management-create > h2 { margin-top: 0; font-size: 1.15rem; }
.operating-model-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.operating-model-card { min-height: 0; }
.operating-model-card > summary { min-height: 5.25rem; }
.operating-model-body { display: grid; gap: .6rem; padding: .9rem 1rem 1rem; background: #fbfdfc; }
.operating-model-body p { margin: 0; color: #597169; font-size: .78rem; line-height: 1.47; }
.operating-model-body p strong { color: #173f35; }
.operating-model-body ul { display: grid; gap: .34rem; margin: 0; padding: .65rem 0 0; border-top: 1px solid #dfeae5; list-style: none; }
.operating-model-body li { display: grid; grid-template-columns: 3.45rem minmax(0, 1fr); gap: .42rem; color: #46645b; font-size: .74rem; line-height: 1.38; }
.operating-model-body li > span { color: #147060; font-weight: 850; }
.operating-model-body .model-empty { display: block; color: #71837c; font-style: italic; }
.team-management-card .management-card { background: #fcfefd; }
.account-admin-hub { display: grid; gap: .85rem; }
.account-admin-intro { display: grid; grid-template-columns: minmax(0, .9fr) minmax(17rem, 1.1fr); gap: 1.25rem; align-items: end; padding: 1rem 1.08rem; border-left: .24rem solid #d5ad55; background: #f4f9f7; }
.account-admin-intro h2 { margin: .2rem 0 0; color: #143d32; font-size: clamp(1.35rem, 2.1vw, 1.9rem); line-height: 1.12; }
.account-admin-intro > p { max-width: 56ch; margin: 0; color: #557067; font-size: .82rem; line-height: 1.52; }
.account-admin-grid { display: grid; gap: .72rem; }
.account-admin-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr)); gap: .55rem; padding: .85rem 1rem 1rem; background: #fbfdfc; }
.account-admin-links a { display: grid; gap: .22rem; min-height: 5.6rem; padding: .75rem .8rem; border: 1px solid #d6e5df; border-radius: .55rem; background: #fff; color: #163e34; text-decoration: none; transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.account-admin-links a:hover, .account-admin-links a:focus-visible { border-color: #8fc5b6; box-shadow: 0 .5rem 1.2rem rgba(15, 64, 53, .09); transform: translateY(-1px); }
.account-admin-links strong { color: #143d33; font-size: .8rem; line-height: 1.3; }
.account-admin-links span { color: #60766e; font-size: .72rem; line-height: 1.4; }
.account-admin-boundary { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .7rem; align-items: start; padding: .82rem .95rem; border: 1px solid #dfd0a9; border-radius: .65rem; background: #fffaf0; }
.account-admin-boundary strong { color: #785818; font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; }
.account-admin-boundary p { margin: 0; color: #6c6043; font-size: .76rem; line-height: 1.46; }
.media-upload-form { margin-bottom: .9rem; }
.media-asset-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); gap: .75rem; }
.media-asset-card { display: grid; grid-template-rows: 9rem minmax(0, 1fr); min-width: 0; overflow: hidden; padding: 0; }
.media-asset-card > img { width: 100%; height: 9rem; border-bottom: 1px solid #dce8e3; background: #edf3f0; object-fit: cover; }
.media-asset-card > div { display: grid; gap: .34rem; padding: .82rem; }
.media-asset-card .eyebrow { margin: 0; font-size: .6rem; }
.media-asset-card h3 { overflow: hidden; margin: 0; color: #163e34; font: 400 1.08rem/1.13 Georgia, serif; text-overflow: ellipsis; white-space: nowrap; }
.media-asset-card p { min-height: 2.45em; margin: 0; color: #61766e; font-size: .72rem; line-height: 1.38; }
.media-asset-card label { display: grid; gap: .25rem; margin-top: .18rem; color: #276458; font-size: .66rem; font-weight: 800; }
.media-asset-card input[readonly] { width: 100%; min-height: 2.15rem; padding: .35rem .45rem; border: 1px solid #d6e5df; border-radius: .4rem; background: #f7fbf9; color: #526e65; font: .65rem/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
/* The media library is a record, not just a pile of uploads: keep the legal
   metadata collapsed until it is needed without hiding the visual identity. */
details.media-asset-card { display: block; min-height: 0; padding: 0; }
.media-asset-card > summary { display: grid; grid-template-columns: 5rem minmax(0, 1fr) auto; gap: .7rem; align-items: center; min-height: 5.8rem; padding: .65rem; cursor: pointer; list-style: none; }
.media-asset-card > summary::-webkit-details-marker { display: none; }
.media-asset-card > summary > img { width: 5rem; height: 4.7rem; border: 1px solid #dce8e3; border-radius: .48rem; background: #edf3f0; object-fit: cover; }
.media-asset-archived-preview { display: grid; width: 5rem; height: 4.7rem; place-items: center; border: 1px dashed #c9d8d2; border-radius: .48rem; background: #f6f8f7; color: #6b8178; font-size: .62rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.media-asset-card > summary > span:not(.disclosure-indicator) { display: grid; min-width: 0; gap: .22rem; }
.media-asset-card > summary strong, .media-asset-card > summary small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.media-asset-card > summary strong { color: #163e34; font: 400 1.03rem/1.12 Georgia, serif; }
.media-asset-card > summary small { color: #61766e; font-size: .7rem; }
.media-asset-card > summary .disclosure-indicator { display: grid; width: 1.55rem; height: 1.55rem; place-items: center; border: 1px solid #c8dbd4; border-radius: 999px; color: #17705f; font-size: 1rem; line-height: 1; transition: transform .18s ease, background .18s ease; }
.media-asset-card[open] > summary { border-bottom: 1px solid #dce8e3; background: #f8fcfa; }
.media-asset-card[open] > summary .disclosure-indicator { background: #e3f1eb; transform: rotate(45deg); }
.media-asset-card > form { display: grid; gap: .7rem; padding: .85rem; }
@media (max-width: 500px) { .media-asset-card > summary { grid-template-columns: 4rem minmax(0, 1fr) auto; } .media-asset-card > summary > img, .media-asset-archived-preview { width: 4rem; height: 3.8rem; } }

/* Control financiero y editorial: información ejecutiva compacta, con una
   lectura separada por centro de costo y por expediente. */
.finance-cost-center-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; }
.finance-cost-center-card { display: grid; align-content: start; gap: .42rem; min-height: 8.7rem; padding: .95rem 1rem; border-color: #d3e3dd; background: linear-gradient(145deg, #ffffff 0%, #f6fbf8 100%); }
.finance-cost-center-card .eyebrow { margin: 0; color: #176e5e; font-size: .62rem; }
.finance-cost-center-card h3 { margin: 0; color: #113b31; font: 400 clamp(1.22rem, 1.75vw, 1.55rem)/1.06 Georgia, serif; }
.finance-cost-center-card p { margin: 0; color: #526f65; font-size: .72rem; line-height: 1.42; }
.finance-cost-center-card p strong { color: #244c40; font-weight: 800; }
.finance-cost-center-card small { margin-top: auto; padding-top: .48rem; border-top: 1px solid #dfeae5; color: #6a7c75; font-size: .68rem; line-height: 1.38; }
.finance-cost-center-card:nth-child(2) { border-top: .2rem solid #177d6a; }
.finance-cost-center-card:nth-child(3) { border-top: .2rem solid #327f9f; }
.finance-cost-center-card:nth-child(4) { border-top: .2rem solid #b3862f; }
.settlement-locked-card { position: relative; overflow: hidden; min-height: 10.4rem; padding: 1rem; border-color: #d5e4de; background: linear-gradient(135deg, #f7fbf9, #eef6f2); }
.settlement-locked-card::after { content: "CERRADO"; position: absolute; top: 1rem; right: -1.6rem; padding: .18rem 1.9rem; transform: rotate(35deg); border: 1px solid #bfd5cc; color: #487067; font-size: .55rem; font-weight: 850; letter-spacing: .12em; }
.settlement-locked-card h3 { max-width: 15ch; margin: .25rem 0 .45rem; color: #173e34; font-size: 1.12rem; line-height: 1.18; }
.settlement-locked-card p { margin: .3rem 0; color: #536f65; font-size: .78rem; line-height: 1.43; }
.settlement-locked-card p strong { color: #176e5e; }
.settlement-locked-card small { display: block; max-width: 30ch; overflow-wrap: anywhere; color: #6b7e77; font-size: .7rem; line-height: 1.38; }

.account-work-queue { display: grid; gap: 1.15rem; }
.account-work-queue > section { display: grid; gap: .68rem; padding: 1rem; border: 1px solid #d8e5df; border-radius: .78rem; background: linear-gradient(135deg, #fbfdfc, #f3f8f6); }
.account-work-queue > section > .section-heading { align-items: end; margin: 0; }
.account-work-queue > section > .section-heading h3 { margin: .2rem 0 0; color: #153d33; font: 400 clamp(1.12rem, 1.7vw, 1.42rem)/1.1 Georgia, serif; }
.account-work-queue > section > .section-heading > span { flex: 0 0 auto; padding: .28rem .52rem; border-radius: 999px; background: #e1f0eb; color: #176d5d; font-size: .67rem; font-weight: 800; white-space: nowrap; }
.account-work-queue .management-grid { margin: 0; }
.account-editorial-queue-card { display: grid; min-width: 0; min-height: 10.2rem; align-content: start; gap: .36rem; padding: .98rem; border-color: #d1e3dc; color: inherit; text-decoration: none; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.account-editorial-queue-card:hover, .account-editorial-queue-card:focus-visible { transform: translateY(-2px); border-color: #84bdad; box-shadow: 0 .65rem 1.35rem rgba(15, 64, 53, .10); }
.account-editorial-queue-card .eyebrow { margin: 0; color: #177160; font-size: .61rem; }
.account-editorial-queue-card h3 { overflow: hidden; margin: .05rem 0; color: #163e34; font: 400 clamp(1.07rem, 1.65vw, 1.36rem)/1.12 Georgia, serif; text-overflow: ellipsis; white-space: nowrap; }
.account-editorial-queue-card p { margin: 0; color: #5b7269; font-size: .74rem; line-height: 1.42; }
.account-editorial-queue-card p strong { color: #1a5648; font-weight: 800; }
.account-editorial-queue-card small { color: #71827c; font-size: .68rem; line-height: 1.35; }
.account-editorial-queue-card > span { margin-top: auto; padding-top: .48rem; color: #126e5d; font-size: .72rem; font-weight: 850; }

.editorial-command-section { padding: 1.2rem; border: 1px solid #cfe1da; border-radius: .82rem; background: linear-gradient(135deg, #f7fbf9 0%, #eef7f4 100%); }
.editorial-command-section .section-heading { align-items: end; margin-bottom: .35rem; }
.editorial-command-section .section-heading > span { flex: 0 0 auto; padding: .28rem .52rem; border: 1px solid #c9ddd5; border-radius: 999px; color: #176d5d; font-size: .68rem; font-weight: 800; white-space: nowrap; }
.editorial-command-section .assistant-intro { margin-bottom: .8rem; }
.editorial-command-list { display: grid; overflow: hidden; border: 1px solid #d7e5df; border-radius: .64rem; background: #fff; }
.editorial-command-row { display: grid; grid-template-columns: 3.35rem minmax(0, 1.15fr) minmax(12rem, .85fr) auto; gap: .55rem .8rem; align-items: center; min-width: 0; padding: .78rem .9rem; border-top: 1px solid #e6efeb; color: #234b40; text-decoration: none; transition: background-color .16s ease, box-shadow .16s ease; }
.editorial-command-row:first-child { border-top: 0; }
.editorial-command-row:hover, .editorial-command-row:focus-visible { background: #f2f9f6; box-shadow: inset .2rem 0 #178272; }
.editorial-command-row > span { justify-self: start; padding: .23rem .38rem; border-radius: .35rem; background: #e6f2ee; color: #146b5a; font-size: .62rem; font-weight: 850; letter-spacing: .035em; }
.editorial-command-row > strong { overflow: hidden; color: #173f35; font-size: .8rem; line-height: 1.32; text-overflow: ellipsis; white-space: nowrap; }
.editorial-command-row > small { overflow: hidden; color: #60756d; font-size: .71rem; line-height: 1.38; text-overflow: ellipsis; white-space: nowrap; }
.editorial-command-row > b { color: #177361; font-size: 1rem; font-weight: 500; }

@media (max-width: 560px) { .management-disclosure > summary { grid-template-columns: 1fr auto; padding: .82rem .88rem; } .management-disclosure-description { display: none; } .management-disclosure-meta { display: none; } }

@media (max-width: 1120px) {
  .finance-cost-center-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .account-work-queue > section, .editorial-command-section { padding: .85rem; }
  .account-editorial-queue-card { min-height: 0; }
  .editorial-command-row { grid-template-columns: auto minmax(0, 1fr) auto; gap: .32rem .6rem; padding: .74rem .8rem; }
  .editorial-command-row > small { grid-column: 2; grid-row: 2; overflow: visible; white-space: normal; }
  .editorial-command-row > b { grid-column: 3; grid-row: 1 / span 2; }
}
@media (max-width: 500px) {
  .finance-cost-center-grid { grid-template-columns: 1fr; }
  .finance-cost-center-card { min-height: 0; }
  .account-work-queue > section > .section-heading { align-items: start; }
  .account-work-queue > section > .section-heading > span { margin-top: .1rem; }
  .settlement-locked-card::after { top: .85rem; }
}

@media (max-width: 1050px) {
  .account-shell { grid-template-columns: 1fr; width: min(calc(100% - 2rem), 58rem); }
  .account-sidebar { position: static; gap: .75rem; }
  .account-side-brand { border-bottom: 0; padding-bottom: .2rem; }
  .account-side-nav { display: flex; overflow-x: auto; padding-bottom: .15rem; }
  .account-side-link { flex: 0 0 auto; border-left: 0; border-bottom: .18rem solid transparent; }
  .account-side-link.is-active { border-bottom-color: #168271; }
  .account-side-group { flex: 0 0 auto; }
  .account-side-group > div { display: flex; }
  .account-side-panel-shelf > div, .account-side-panel-group > div { display: grid; }
  .account-side-footer { display: flex; gap: 1rem; padding-top: .65rem; }
}
@media (max-width: 760px) {
  .account-status-grid, .account-feature-grid, .account-platform-grid, .journal-role-grid, .activity-summary, .activity-person-summary, .activity-load-grid { grid-template-columns: 1fr; }
  .account-action-grid, .operating-model-list, .account-admin-intro { grid-template-columns: 1fr; }
  .account-intro { grid-template-columns: 1fr; gap: .8rem; padding: 1.25rem 0; }
  .account-intro h1 { max-width: 14ch; font-size: clamp(2.15rem, 9vw, 3.15rem); }
  .account-feature-card, .account-platform-card, .journal-role-card { min-height: 0; }
}
@media (max-width: 560px) {
  .account-shell { width: min(calc(100% - 1.35rem), 42rem); margin-top: .7rem; gap: 1rem; }
  .account-shell--panel .account-sidebar { gap: .45rem; padding: .58rem; }
  .account-shell--panel .account-side-brand,
  .account-shell--panel .account-side-footer,
  .account-shell--panel .account-side-nav > .account-side-link:not(.is-active),
  .account-shell--panel .account-side-nav > .account-side-link-primary:not(.is-active) { display: none; }
  .account-shell--panel .account-side-nav { gap: .28rem; }
  .account-shell--panel .account-side-group { grid-column: auto; margin: 0; }
  .account-shell--panel .account-side-group summary { min-height: 2.35rem; padding: .48rem .55rem; }
  .account-shell--panel .account-status-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .35rem; }
  .account-shell--panel .account-status-card { min-height: 4.5rem; padding: .58rem; }
  .account-shell--panel .account-status-card strong { font-size: .92rem; overflow-wrap: anywhere; }
  .account-shell--panel .account-status-card small { margin-top: .3rem; font-size: .61rem; line-height: 1.25; }
  .account-shell--panel .account-intro { padding: .8rem 0; }
  .account-shell--panel .account-intro h1 { max-width: 18ch; font-size: 1.75rem; }
  .account-side-footer { flex-wrap: wrap; }
  .notification-section > header { display: grid; }
  .notification-list li a { grid-template-columns: 1fr auto; }
  .notification-list li small { grid-column: 1; grid-row: auto; align-self: auto; }
  .notification-list li strong, .notification-list li span { grid-column: 1; }
  .notification-list li time { grid-column: 2; grid-row: 1; }
  .account-action-center { padding: .8rem; }
  .account-action-card li strong { white-space: normal; }
  .account-admin-links { grid-template-columns: 1fr; padding: .78rem; }
  .account-admin-boundary { grid-template-columns: 1fr; gap: .28rem; }
  .media-asset-card { grid-template-rows: 8.2rem minmax(0, 1fr); }
  .media-asset-card > img { height: 8.2rem; }
}

/* Public records: compact metadata and readable checklists on desktop and mobile. */
.public-list { display: grid; gap: .62rem; margin: 1rem 0 0; padding-left: 1.15rem; color: #49645b; line-height: 1.55; }
.public-list li::marker { color: #168271; }
.article-metadata { display: grid; gap: .62rem; margin: 1.15rem 0 0; padding: 1rem; border: 1px solid #dce9e4; border-radius: .65rem; background: #f8fcfa; }
.article-metadata div { display: grid; grid-template-columns: minmax(8rem, .34fr) minmax(0, 1fr); gap: .7rem; align-items: baseline; }
.article-metadata dt { color: #527067; font-size: .72rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.article-metadata dd { margin: 0; color: #183e34; font-size: .86rem; line-height: 1.45; overflow-wrap: anywhere; }
.article-metadata a { color: #126f5f; font-weight: 800; }
.empty-state { padding: 1.2rem; border: 1px dashed #bed5cc; border-radius: .7rem; color: #5b7168; background: #fbfdfc; }
@media (max-width: 560px) {
  .article-metadata div { grid-template-columns: 1fr; gap: .12rem; }
}

/* Public footer: a complete institutional lock-up instead of a plain link list. */
.site-footer { margin-top: clamp(3rem, 7vw, 6.5rem); background: linear-gradient(135deg, #06261f 0%, #0a382f 58%, #06241e 100%); }
.site-footer .footer-main { grid-template-columns: minmax(18rem, 1.55fr) repeat(3, minmax(9rem, 1fr)); gap: clamp(1.7rem, 4vw, 4.5rem); padding-block: clamp(2.8rem, 6vw, 5rem) clamp(2.3rem, 4vw, 3.4rem); }
.footer-brand { min-width: 0; }
.footer-lockup { display: inline-flex; align-items: center; width: min(15.5rem, 100%); min-height: 3.7rem; margin-bottom: 1.15rem; text-decoration: none; }
.footer-logo { display: block; width: 100%; height: auto; max-height: 5rem; object-fit: contain; object-position: left center; }
.footer-brand p { max-width: 34ch; margin: .45rem 0 0; color: rgba(255,255,255,.82); font-size: .9rem; line-height: 1.6; }
.footer-brand .footer-location { margin-top: .85rem; color: #e8c978; font-size: .74rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.site-footer .footer-title { margin: .25rem 0 1rem; color: #e8c978; font-size: .7rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.site-footer .footer-links { display: grid; gap: .62rem; margin: 0; padding: 0; list-style: none; }
.site-footer .footer-links a { color: rgba(255,255,255,.86); font-size: .84rem; line-height: 1.35; text-decoration: none; }
.site-footer .footer-links a:hover, .site-footer .footer-links a:focus-visible { color: #fff; text-decoration: underline; text-decoration-color: #e8c978; text-underline-offset: .2em; }
.site-footer .footer-bottom { align-items: center; padding-block: 1rem 1.15rem; border-top-color: rgba(255,255,255,.18); color: rgba(255,255,255,.68); font-size: .72rem; letter-spacing: .01em; }
@media (max-width: 900px) { .site-footer .footer-main { grid-template-columns: minmax(15rem, 1.5fr) repeat(2, minmax(9rem, 1fr)); } }
@media (max-width: 620px) {
  .site-footer .footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 1.2rem; padding-block: 2.5rem 2.15rem; }
  .site-footer .footer-brand { grid-column: 1 / -1; }
  .footer-lockup { width: min(14rem, 86vw); }
  .site-footer .footer-bottom { align-items: flex-start; gap: .35rem; }
}

/* Mobile release hardening: keep the two-level header, forms and internal
   workspaces comfortable on narrow touch screens. */
@media (max-width: 760px) {
  :root { --header-height: 68px; }

  .site-header .header-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.75rem;
    grid-template-rows: auto auto;
    grid-template-areas:
      "brand menu"
      "language actions";
    gap: .25rem .55rem;
    min-height: 0;
    padding-block: .35rem .45rem;
  }
  .site-header .brand { grid-area: brand; min-width: 0; }
  .site-header .brand-wordmark {
    width: min(9.25rem, 100%);
    height: 2.7rem;
    max-height: 2.7rem;
  }
  .site-header .menu-button {
    grid-area: menu;
    display: grid;
    grid-template-rows: repeat(3, 2px);
    align-content: center;
    justify-items: center;
    gap: 5px;
    width: 2.75rem;
    height: 2.75rem;
    padding: .65rem;
    color: var(--isais-forest, #0f2b23);
    background: #fff;
    border: 1px solid #c9d8d3;
    border-radius: .65rem;
  }
  .site-header .menu-button > span:not(.sr-only) {
    display: block;
    width: 1.2rem;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
  }
  .site-header .menu-button[aria-expanded="true"] > span:nth-of-type(2) { transform: translateY(7px) rotate(45deg); }
  .site-header .menu-button[aria-expanded="true"] > span:nth-of-type(3) { opacity: 0; }
  .site-header .menu-button[aria-expanded="true"] > span:nth-of-type(4) { transform: translateY(-7px) rotate(-45deg); }
  .site-header .site-nav {
    top: calc(100% + 1px);
    right: 0;
    left: 0;
    width: auto;
    justify-self: stretch;
    background: var(--isais-forest, #0f2b23) !important;
  }
  .header-inner > .language-switcher {
    grid-area: language;
    justify-self: start;
    margin-left: 0;
  }
  .header-inner > .header-actions {
    grid-area: actions;
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: end;
    width: auto;
    margin-left: 0;
    gap: .35rem;
  }
  .header-actions .icon-button { width: 2.5rem; height: 2.5rem; }
  .header-actions .account-link {
    width: auto;
    min-height: 2.5rem;
    padding: .45rem .72rem;
  }
  .language-switcher select {
    width: 5.5rem;
    min-width: 5.5rem;
    min-height: 2.5rem;
    font-size: .76rem;
  }

  .container, .narrow { width: min(calc(100% - 1.5rem), var(--container)); }
  .section { padding-block: 2.75rem; }
  .page-hero, .app-hero { padding-block: 2.2rem; }
  .page-hero h1, .app-hero h1 { max-width: 16ch; font-size: clamp(2.1rem, 10vw, 3.1rem); }
  .section-heading { gap: .75rem; }
  .section-heading .text-link { white-space: normal; }

  input, select, textarea { min-height: 2.75rem; font-size: 1rem; }
  textarea { min-height: 8rem; }
  .form-card, .auth-card, .management-card, .management-create { padding: 1rem; }
  .management-fields, .form-grid { grid-template-columns: 1fr; }
  .table-wrap { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-wrap table { min-width: 38rem; }
  .workflow { min-width: 38rem; }

  .readiness-heading, .readiness-fit, .reporting-guidance, .data-planner-heading { grid-template-columns: 1fr; }
  .readiness-heading, .readiness-fit { display: grid; align-items: start; }
  .readiness-score { min-width: 0; border-left: 0; border-top: 3px solid #a67c2e; }
  .readiness-fit .text-link { white-space: normal; }
  .journal-hero-summary { display: none; }
  .journal-launch-facts, .archive-facts { grid-template-columns: 1fr; }
  .journal-meta-inline, .hero-actions { align-items: stretch; }
  .hero-actions .btn, .journal-launch-copy .btn, .journal-activity-card .btn { width: 100%; }

  .notification-section > header { display: grid; gap: .5rem; }
  .notification-list li a { grid-template-columns: minmax(0, 1fr) auto; }
  .notification-list li small, .notification-list li strong, .notification-list li span { grid-column: 1; }
  .notification-list li small { grid-row: auto; }
  .notification-list li time { grid-column: 2; grid-row: 1; }
  .automation-card-ring, .people-coverage-card { grid-template-columns: 1fr; }
  .automation-ring, .people-coverage-card .automation-ring { margin-inline: auto; }
  .automation-bar-chart { gap: .3rem; padding-inline: .1rem; }
  .automation-bar-item strong { font-size: .6rem; }
  .automation-bar-item small { font-size: .56rem; }
}

@media (max-width: 420px) {
  .site-header .header-inner { gap: .2rem .35rem; }
  .site-header .brand-wordmark { width: 8.4rem; }
  .header-actions { gap: .25rem !important; }
  .header-actions .icon-button { width: 2.35rem; height: 2.35rem; }
  .header-actions .account-link { min-height: 2.35rem; padding-inline: .55rem; font-size: .82rem; }
  .language-switcher select { width: 5.2rem; min-width: 5.2rem; }
  .header-actions .account-icon-link { width: 2.35rem; min-width: 2.35rem; height: 2.35rem; min-height: 2.35rem; padding: 0; }
  .container, .narrow { width: min(calc(100% - 1.1rem), var(--container)); }
  .card, .form-card, .auth-card, .management-card, .management-create { border-radius: .72rem; }
  .account-shell, .control-shell { width: min(calc(100% - 1.1rem), 42rem); }
  .account-side-nav, .control-side-nav { gap: .2rem; }
  .account-side-link, .control-side-link { padding-inline: .55rem; font-size: .75rem; }
}

/* Public author guidance, tracking and commerce surfaces. */
.guideline-facts { margin-top: 1.5rem; }
.guideline-facts article { display: grid; gap: .35rem; min-height: 7rem; align-content: center; }
.guideline-facts small, .account-order-list small { color: var(--slate-500); font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; }
.guideline-facts strong { color: var(--isais-forest); font-size: 1.05rem; }
.guideline-disclosure { padding: .9rem 0; border-top: 1px solid var(--slate-200); }
.guideline-disclosure summary { cursor: pointer; color: var(--isais-forest); font-weight: 800; }
.guideline-disclosure p { margin: .65rem 0 0; }
.guideline-callout { align-self: start; }
.citation-example { display: grid; grid-template-columns: 2.5rem 1fr; gap: .65rem; align-items: start; margin-top: .7rem; padding: .75rem; border: 1px solid var(--slate-200); border-radius: .55rem; background: #f8fbfa; }
.citation-example code { color: var(--isais-emerald); font-weight: 800; }
.guideline-table { width: 100%; }
.guideline-table td, .guideline-table th { vertical-align: top; }
.submission-timeline { display: grid; gap: 0; margin: 1.5rem 0; padding: 0; list-style: none; }
.submission-timeline-item { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr); gap: .9rem; position: relative; padding: 0 0 1.35rem; color: var(--slate-500); }
.submission-timeline-item::before { content: ""; position: absolute; left: 1.08rem; top: 2.15rem; bottom: 0; width: 1px; background: var(--slate-200); }
.submission-timeline-item:last-child::before { display: none; }
.submission-timeline-item > span { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border: 1px solid var(--slate-300); border-radius: 50%; background: #fff; font-weight: 800; }
.submission-timeline-item strong { color: var(--isais-forest); }
.submission-timeline-item p { margin: .25rem 0; }
.submission-timeline-item small { font-size: .75rem; }
.submission-timeline-item.is-complete { color: var(--slate-600); }
.submission-timeline-item.is-complete > span { color: #fff; background: var(--isais-emerald); border-color: var(--isais-emerald); }
.submission-timeline-item.is-current > span { box-shadow: 0 0 0 4px rgba(22,130,113,.15); }
.account-order-list { display: grid; gap: .65rem; margin: 0; padding: 0; list-style: none; }
.account-order-list li { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: .8rem; align-items: center; padding: .9rem 1rem; border: 1px solid var(--slate-200); border-radius: .6rem; background: #fff; }
.membership-status-card { background: linear-gradient(135deg, #fffdf5, #f5fbf8); }
@media (max-width: 560px) {
  .account-order-list li { grid-template-columns: 1fr auto; }
  .account-order-list li small { grid-column: 1; }
  .guideline-facts { grid-template-columns: 1fr 1fr; }
}

/* Editorial-level interaction for the featured journal: restrained lift,
   richer artwork and a clearer invitation to explore. It is intentionally
   disabled on touch devices and reduced-motion preferences. */
@media (hover: hover) and (pointer: fine) {
  .isais-journal-cover,
  .isais-feature-slide {
    transition: transform .42s cubic-bezier(.2,.7,.2,1), box-shadow .42s ease,
      border-color .42s ease, background-position .8s ease;
  }
  .isais-journal-cover:hover,
  .isais-feature-slide:hover {
    transform: translateY(-7px);
    border-color: rgba(118,190,235,.9) !important;
    box-shadow: 0 1.25rem 2.8rem rgba(10,42,82,.42), 10px 12px 0 rgba(36,102,160,.2) !important;
    background-position: 68% center;
  }
  .isais-journal-cover::before,
  .isais-feature-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(120deg, rgba(116,190,238,.2), transparent 42%, rgba(70,133,201,.15));
    opacity: 0;
    transition: opacity .42s ease;
  }
  .isais-journal-cover:hover::before,
  .isais-feature-slide:hover::after { opacity: 1; }
  .isais-journal-cover:hover strong,
  .isais-feature-slide:hover .isais-feature-cta { transform: translateX(4px); }
  .isais-journal-cover strong,
  .isais-feature-slide .isais-feature-cta { transition: transform .35s ease; }
}
@media (prefers-reduced-motion: reduce) {
  .isais-journal-cover,
  .isais-feature-slide,
  .isais-journal-cover strong,
  .isais-feature-slide .isais-feature-cta { transition: none !important; }
}
.journal-type-admin {
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid var(--line, #cfdcd8);
  border-radius: 14px;
}

.journal-type-admin legend {
  padding: 0 .45rem;
  font-weight: 700;
}

.journal-type-control {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin: .5rem 0;
}

.journal-type-control input {
  width: 1rem;
  height: 1rem;
  margin: 0;
}

/* Stage 4: contextual photographic headers.  The public sections keep the
   ISAIS dark editorial field for legibility, while each route is given an
   actual research setting rather than an empty green band.  These are image
   layers only: no blur, no glass effect and no decorative card treatment. */
.page-hero,
.policy-hero,
.journal-masthead,
.portal-hero,
.research-hub-hero,
.conference-hero,
.event-hero {
  --context-photo: var(--page-context-photo, url("/assets/images/isais-biomedical-team-v179.webp"));
  --context-photo-position: var(--page-context-photo-position, 78% center);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  align-items: center;
  min-height: clamp(17.5rem, 25vw, 22rem);
  padding-block: clamp(2rem, 3.7vw, 3rem) !important;
  color: #fff;
  background-color: #062f27 !important;
  background-image:
    linear-gradient(90deg, rgba(3, 35, 29, .96) 0%, rgba(3, 35, 29, .89) 38%, rgba(3, 35, 29, .55) 57%, rgba(3, 35, 29, .18) 78%, rgba(3, 35, 29, .34) 100%),
    var(--context-photo) !important;
  background-repeat: no-repeat !important;
  background-position: center, var(--context-photo-position) !important;
  background-size: cover, cover !important;
}

.page-hero::before,
.page-hero::after,
.page-hero .container::before,
.page-hero .container::after,
.policy-hero::before,
.policy-hero::after,
.journal-masthead::before,
.journal-masthead::after {
  content: none !important;
  display: none !important;
}

.page-hero > .container,
.policy-hero > .container,
.journal-masthead > .container,
.portal-hero > .container,
.research-hub-hero > .container,
.conference-hero > .container,
.event-hero > .container {
  position: relative;
  z-index: 2;
}

/* One photograph per public context: the route tells the image selection. */
.page-context-journals { --page-context-photo: url("/assets/images/isais-biomedical-team-v179.webp"); --page-context-photo-position: 72% center; }
.page-context-authors { --page-context-photo: url("/assets/images/isais-author-workspace-v179.webp"); --page-context-photo-position: 72% center; }
.page-context-archive,
.page-context-article { --page-context-photo: url("/assets/images/isais-clinical-data-workstation-v179.webp"); --page-context-photo-position: 72% center; }
.page-context-services { --page-context-photo: url("/assets/images/isais-editorial-manuscript-review-v179.webp"); --page-context-photo-position: 72% center; }
.page-context-events,
.page-context-membership { --page-context-photo: url("/assets/images/isais-editorial-manuscript-review-v179.webp"); --page-context-photo-position: 72% center; }
.page-context-privacy { --page-context-photo: url("/assets/images/isais-clinical-data-workstation-v179.webp"); --page-context-photo-position: 72% center; }
.page-context-policies { --page-context-photo: url("/assets/images/isais-author-workspace-v179.webp"); --page-context-photo-position: 70% center; }
.page-context-peer-review,
.page-context-editors { --page-context-photo: url("/assets/images/isais-editorial-manuscript-review-v179.webp"); --page-context-photo-position: 72% center; }
.page-context-reviewers { --page-context-photo: url("/assets/images/isais-remote-peer-review-v179.webp"); --page-context-photo-position: 72% center; }
.page-context-journal-1 { --page-context-photo: url("/assets/images/isais-biomedical-team-v179.webp"); --page-context-photo-position: 72% center; }
.page-context-journal-2 { --page-context-photo: url("/assets/images/isais-oral-medicine-lab-v179.webp"); --page-context-photo-position: 72% center; }
.page-context-journal-3 { --page-context-photo: url("/assets/images/isais-clinical-data-workstation-v179.webp"); --page-context-photo-position: 72% center; }

/* The masthead is the journal's public cover space; it uses its own image,
   while the compact journal-card cover elsewhere stays abstract and minimal. */
.journal-masthead { --context-photo: url("/assets/images/isais-biomedical-team-v179.webp"); --context-photo-position: 72% center; }
.journal-masthead-journal_2 { --context-photo: url("/assets/images/isais-oral-medicine-lab-v179.webp"); --context-photo-position: 72% center; }
.journal-masthead-journal_3 { --context-photo: url("/assets/images/isais-clinical-data-workstation-v179.webp"); --context-photo-position: 72% center; }
.journal-masthead-journal_5 { --context-photo: url("/assets/images/isais-oral-maxillofacial-surgery-hero-v212.webp"); --context-photo-position: 66% center; }

.journal-masthead.has-custom-cover > .journal-masthead-cover { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.journal-masthead.has-custom-cover::before { content: "" !important; display: block !important; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(3, 35, 29, .94) 0%, rgba(3, 35, 29, .86) 42%, rgba(3, 35, 29, .45) 74%, rgba(3, 35, 29, .35) 100%); }
.journal-masthead-journal_5.has-custom-cover::before { background: linear-gradient(90deg, rgba(2, 29, 31, .97) 0%, rgba(2, 35, 38, .92) 40%, rgba(2, 35, 38, .45) 68%, rgba(2, 35, 38, .18) 100%); }
.journal-card-cover { width: calc(100% + 2.5rem); height: 8.5rem; margin: -1.25rem -1.25rem .65rem; border-radius: .8rem .8rem 0 0; object-fit: cover; object-position: center; }

@media (max-width: 760px) {
  .page-hero,
  .policy-hero,
  .journal-masthead,
  .portal-hero,
  .research-hub-hero,
  .conference-hero,
  .event-hero {
    min-height: clamp(18rem, 57vw, 23rem);
    padding-block: clamp(1.9rem, 7vw, 2.65rem) !important;
    background-image:
      linear-gradient(180deg, rgba(3, 35, 29, .66) 0%, rgba(3, 35, 29, .84) 34%, rgba(3, 35, 29, .94) 68%, rgba(3, 35, 29, .97) 100%),
      var(--context-photo) !important;
    background-position: center, var(--context-photo-position) !important;
  }

  .journal-masthead h1 { max-width: 15ch; }
}

/* Article records are deliberately document-led: an academic reading surface,
   not a marketing card. Optional sections only render when the record contains
   them, so a published page never promises metadata that has not been supplied. */
.article-record-hero { min-height: clamp(18rem, 28vw, 25rem); }
.article-record-hero .article-subtitle { max-width: 50rem; margin: -.45rem 0 1rem; font-size: clamp(1.05rem, 1.8vw, 1.28rem); }
.article-record-hero .article-byline { max-width: 52rem; margin: 0; font-weight: 700; }
.article-record-layout { display: grid; grid-template-columns: 12.25rem minmax(0, 1fr) minmax(16rem, 20rem); gap: clamp(1.25rem, 3vw, 3.5rem); align-items: start; }
.article-record-content { min-width: 0; color: #173d33; font-size: 1rem; line-height: 1.72; }
.article-record-content > section { margin-bottom: 2.25rem; scroll-margin-top: 7rem; }
.article-record-content h2 { margin: 0 0 .8rem; color: #113b31; font-size: clamp(1.5rem, 2.2vw, 2.15rem); }
.article-record-content h3 { margin: 0 0 .35rem; color: #16493d; font-size: 1.05rem; }
.article-record-content p { max-width: 48rem; }
.article-record-nav { position: sticky; top: 1.25rem; display: grid; gap: .45rem; padding: 1rem 0 1rem .85rem; border-left: 2px solid #b7d8cf; }
.article-record-nav strong { margin-bottom: .25rem; color: #275e51; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }
.article-record-nav a { color: #355e55; font-size: .86rem; text-decoration: none; }
.article-record-nav a:hover { color: #087d69; text-decoration: underline; }
.article-record-aside { display: grid; gap: 1rem; position: sticky; top: 1.25rem; }
.article-abstract { padding: clamp(1.2rem, 2.3vw, 2rem); border: 1px solid #cfe1dc; border-left: 4px solid var(--isais-emerald); border-radius: .8rem; background: linear-gradient(130deg, #fbfefc, #f0f8f5); }
.article-abstract p:last-child { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 1.13rem; line-height: 1.68; }
.article-keywords ul { display: flex; flex-wrap: wrap; gap: .45rem; margin: .5rem 0 0; padding: 0; list-style: none; }
.article-keywords li { padding: .35rem .6rem; border: 1px solid #cce2db; border-radius: 999px; color: #195c4e; background: #f8fcfa; font-size: .82rem; }
.article-authors, .article-citation { padding: 1rem 1.1rem; border: 1px solid #d4e2dd; border-radius: .75rem; background: #fff; }
.article-authors h2, .article-citation p { margin-top: 0; }
.article-authors ul { display: grid; gap: .8rem; margin: 0; padding: 0; list-style: none; }
.article-authors li { display: grid; gap: .18rem; color: #496960; font-size: .86rem; }
.article-authors strong { color: #163f35; }
.article-authors a { color: #087963; font-size: .78rem; }
.article-actions { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .85rem; }
.article-actions .btn { padding: .48rem .65rem; font-size: .76rem; }
.article-figures { display: grid; gap: 1rem; }
.article-figure { margin: 0; padding: .7rem; border: 1px solid #d6e4df; border-radius: .75rem; background: #fff; }
.article-figure img { display: block; width: 100%; max-height: 38rem; object-fit: contain; background: #eff5f2; }
.article-figure figcaption { padding: .7rem .2rem .1rem; color: #4a675f; font-size: .9rem; }
.article-table { margin-bottom: 1.5rem; }
.article-table table { min-width: 34rem; }
.article-references ol { display: grid; gap: .75rem; padding-left: 1.35rem; }
.article-references li { padding-left: .25rem; overflow-wrap: anywhere; }
.article-declarations { display: grid; gap: 1rem; padding-top: 1.2rem; border-top: 1px solid #d4e2dd; }
.article-declarations section { padding: 0; }
.article-declarations p { margin: 0; }
.article-corrections { padding: 1rem 1.15rem; border: 1px solid #eedba9; border-radius: .7rem; background: #fffcf3; }
@media (max-width: 1060px) {
  .article-record-layout { grid-template-columns: minmax(0, 1fr) 18rem; }
  .article-record-nav { display: none; }
}
@media (max-width: 760px) {
  .article-record-layout { grid-template-columns: 1fr; gap: 1.25rem; }
  .article-record-aside { position: static; order: -1; }
  .article-record-content { font-size: .96rem; }
  .article-abstract p:last-child { font-size: 1.04rem; }
  .article-record-hero .hero-actions .btn { width: 100%; }
}

/* Stage 5: trust architecture and long-form publication records.  These
   sections use a restrained reading layout instead of a wall of cards, so
   institutional information remains easy to scan on desktop and mobile. */
.page-context-about,
.page-context-governance,
.page-context-contact,
.page-context-fees,
.page-context-books,
.page-context-accessibility,
.page-context-terms,
.page-context-discovery,
.page-context-preservation {
  --page-context-photo: url("/assets/images/isais-biomedical-team-v179.webp");
  --page-context-photo-position: 77% center;
}
.page-context-contact,
.page-context-discovery { --page-context-photo: url("/assets/images/isais-clinical-data-workstation-v179.webp"); --page-context-photo-position: 72% center; }
.page-context-books,
.page-context-governance { --page-context-photo: url("/assets/images/isais-editorial-manuscript-review-v179.webp"); --page-context-photo-position: 72% center; }
.page-context-accessibility,
.page-context-terms { --page-context-photo: url("/assets/images/isais-clinical-data-workstation-v179.webp"); --page-context-photo-position: 72% center; }

.trust-principles,
.governance-structure,
.trust-contact-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2.4vw, 2rem);
}
.trust-principles > article,
.governance-structure > article {
  min-width: 0;
  padding: .2rem 0 0;
  border-top: 2px solid #93c6ba;
}
.trust-principles h2,
.governance-structure h2 { margin: .55rem 0 .65rem; color: #123d33; font-size: clamp(1.32rem, 1.9vw, 1.78rem); line-height: 1.13; }
.trust-principles p:last-child,
.governance-structure p:last-child { margin-bottom: 0; color: #4c675f; line-height: 1.65; }
.trust-callout {
  align-self: start;
  padding: clamp(1rem, 2vw, 1.4rem);
  border: 1px solid #c8dfd8;
  border-left: 4px solid #1f806c;
  background: #f5fbf8;
}
.trust-callout p:not(.eyebrow) { margin: .65rem 0 1rem; color: #2c5148; line-height: 1.6; }

.trust-contact-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); }
.trust-contact-route {
  min-width: 0;
  padding: 1.1rem 0 0;
  border-top: 2px solid #9ecdc1;
}
.trust-contact-route h2 { margin: .55rem 0 .45rem; font-family: inherit; font-size: clamp(1rem, 1.5vw, 1.22rem); line-height: 1.35; overflow-wrap: anywhere; }
.trust-contact-route h2 a { color: #0c6658; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.trust-contact-route p:last-child { margin: 0; color: #526c64; font-size: .92rem; line-height: 1.56; }

.fees-table { min-width: 47rem; border-collapse: separate; border-spacing: 0; }
.fees-table th,
.fees-table td { padding: .95rem 1rem; vertical-align: top; }
.fees-table thead th { border-bottom: 2px solid #91c6b9; color: #123c33; font-size: .76rem; letter-spacing: .06em; text-transform: uppercase; }
.fees-table tbody th { min-width: 13rem; color: #173d34; font-family: Georgia, "Times New Roman", serif; font-size: 1.03rem; font-weight: 500; }
.fees-table tbody tr + tr > * { border-top: 1px solid #dce9e4; }
.fees-table a { color: #126e5e; text-decoration-thickness: 1px; text-underline-offset: .16em; }

.books-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: clamp(1rem, 2vw, 1.55rem); }
.book-record-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: 15rem;
  padding: clamp(1.1rem, 2vw, 1.5rem);
  border: 1px solid #d4e3de;
  border-top: 3px solid #1d806a;
  background: #fff;
  box-shadow: 0 .7rem 1.5rem rgba(17, 55, 46, .055);
}
.book-record-card:has(img) { grid-template-columns: 7.25rem minmax(0, 1fr); gap: 1.15rem; align-items: start; }
.book-record-card img { display: block; width: 100%; max-height: 10.25rem; object-fit: cover; border: 1px solid #bfd7cf; }
.book-record-card h2 { margin: .55rem 0 .65rem; color: #143d33; font-size: clamp(1.48rem, 2.3vw, 2rem); line-height: 1.08; }
.book-record-card h2 a { color: inherit; text-decoration: none; }
.book-record-card h2 a:hover { color: #087760; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .15em; }
.book-record-card p { margin: 0 0 .45rem; color: #516b63; line-height: 1.56; }
.book-chapter-list { display: grid; gap: 0; margin: 1rem 0 0; padding: 0; list-style: none; border-top: 1px solid #d8e6e1; counter-reset: bookchapter; }
.book-chapter-list li { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: 1rem; padding: 1rem 0; border-bottom: 1px solid #d8e6e1; }
.book-chapter-list li > span { color: #1a7b67; font-size: .76rem; font-weight: 850; letter-spacing: .08em; }
.book-chapter-list h3 { margin: 0; color: #143d33; font-size: 1.15rem; }
.book-chapter-list h3 a { color: inherit; text-decoration: none; }
.book-chapter-list h3 a:hover { color: #087760; text-decoration: underline; }
.book-chapter-list p { margin: .3rem 0 0; color: #587169; font-size: .92rem; }

.admin-book-workspace { display: grid; grid-template-columns: minmax(18rem, .72fr) minmax(22rem, 1.28fr); gap: clamp(1rem, 2.5vw, 2rem); align-items: start; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #dbe8e3; }
.admin-book-workspace:first-of-type { margin-top: 1rem; }
.book-admin-form { max-width: none; margin: 0; }
.book-admin-form .form-field { margin: .8rem 0; }
.book-admin-form .management-disclosure { margin: 1rem 0; }
.book-admin-form .management-disclosure-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; padding: 1rem; }
.book-admin-form .management-disclosure-body .form-field { margin: 0; }

@media (max-width: 860px) {
  .trust-principles,
  .governance-structure { grid-template-columns: 1fr; gap: 1.35rem; }
  .admin-book-workspace { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .trust-contact-grid { grid-template-columns: 1fr; }
  .book-record-card:has(img) { grid-template-columns: 5.2rem minmax(0, 1fr); gap: .9rem; }
  .book-record-card { min-height: 0; }
  .book-chapter-list li { grid-template-columns: 2.25rem minmax(0, 1fr); gap: .65rem; }
.book-admin-form .management-disclosure-body { grid-template-columns: 1fr; }
  .fees-table { min-width: 44rem; }
}

/* Publisher experience v139 — simple public journeys for authors, reviewers
   and institutions. These are intentionally content-first, with no fabricated
   external credentials, rankings or performance claims. */
.journal-finder-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  gap: .85rem;
  align-items: end;
  padding: clamp(1rem, 2.5vw, 1.5rem);
  border: 1px solid #c7dbd5;
  border-radius: 1rem;
  background: linear-gradient(135deg, #f8fbfa, #eef5f2);
}
.journal-finder-form label { display: grid; gap: .38rem; color: #183f35; font-size: .78rem; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.journal-finder-form select { width: 100%; min-height: 2.85rem; border: 1px solid #afc8c0; border-radius: .58rem; background: #fff; color: #153a31; font: inherit; letter-spacing: normal; text-transform: none; }
.journal-finder-form .btn { min-height: 2.85rem; white-space: nowrap; }
.finder-journal-grid, .trust-status-grid { display: grid; gap: clamp(1rem, 2.4vw, 1.5rem); margin-top: 1.2rem; }
.finder-journal-grid { width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; }
.trust-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.finder-journal-card { display: flex; min-height: 22rem; flex-direction: column; padding: clamp(1.15rem, 2.4vw, 1.6rem); border-top: 3px solid #a6c4ba; }
.finder-journal-card.is-recommended { border-color: #1e7b66; box-shadow: 0 1rem 2.1rem rgba(17, 94, 76, .12); }
.finder-journal-card h2 { margin: .45rem 0 .7rem; color: #123e35; font: 500 clamp(1.6rem, 2.6vw, 2.2rem)/1.03 Georgia, serif; }
.finder-journal-card > p:not(.eyebrow) { color: #526b63; line-height: 1.58; }
.finder-journal-facts { display: grid; grid-template-columns: 1fr; gap: .48rem; margin: auto 0 1rem; }
.finder-journal-facts div { min-width: 0; padding-top: .6rem; border-top: 1px solid #dbe8e3; }
.finder-journal-facts dt { color: #607970; font-size: .65rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.finder-journal-facts dd { margin: .27rem 0 0; color: #173f35; font-size: .78rem; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.finder-journal-card .hero-actions { display: grid; grid-template-columns: 1fr; gap: .55rem; margin-top: 0; }
.finder-journal-card .hero-actions .btn { width: 100%; justify-content: center; }
.journal-finder-note { max-width: 78ch; margin-top: 1rem; }
.journal-finder-closing .editorial-photo { aspect-ratio: 16 / 9; }
.learning-card, .insight-card { display: flex; min-height: 16.2rem; flex-direction: column; padding: clamp(1.2rem, 2.4vw, 1.7rem); border-top: 3px solid #91c5b8; }
.learning-card h2, .insight-card h2 { margin: .55rem 0 .72rem; color: #123e35; font: 500 clamp(1.55rem, 2.35vw, 2rem)/1.06 Georgia, serif; }
.learning-card p, .insight-card p { color: #526b63; line-height: 1.58; }
.learning-card .text-link, .insight-card .text-link { margin-top: auto; }
.help-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, .36fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: start; }
.help-question { border-bottom: 1px solid #d9e6e1; }
.help-question:first-child { border-top: 1px solid #d9e6e1; }
.help-question summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.05rem .1rem; color: #153d33; cursor: pointer; font-weight: 800; list-style: none; }
.help-question summary::-webkit-details-marker { display: none; }
.help-question summary::after { content: "+"; color: #147460; font-size: 1.32rem; font-weight: 400; }
.help-question[open] summary::after { content: "−"; }
.help-question p { max-width: 72ch; margin: 0 0 1.15rem; color: #526b63; line-height: 1.65; }
.help-layout .trust-callout { display: grid; gap: .6rem; }
.help-layout .trust-callout .text-link { width: max-content; }
.trust-status-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.trust-status-grid > article { min-width: 0; padding: 1.2rem 1.25rem; border: 1px solid #d4e3de; border-top: 3px solid #9ac7ba; background: #fff; }
.trust-status-grid h2 { margin: .5rem 0 .68rem; color: #143e34; font: 500 clamp(1.35rem, 2vw, 1.78rem)/1.1 Georgia, serif; }
.trust-status-grid p { margin: 0; color: #526b63; font-size: .9rem; line-height: 1.56; }
.trust-status-grid .text-link { display: inline-block; margin-top: .9rem; }
.public-record-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.public-record-metrics article { min-height: 10.5rem; padding: 1.25rem; border: 1px solid #d1e2dc; border-top: 3px solid #a67c2e; background: linear-gradient(150deg, #fff 0%, #f4faf7 100%); }
.public-record-metrics strong { display: block; color: #0c5f50; font: 500 clamp(2.45rem, 4.4vw, 4rem)/1 Georgia, serif; }
.public-record-metrics span { display: block; margin-top: .7rem; color: #173f35; font-size: .92rem; font-weight: 800; }
.public-record-metrics small { display: block; margin-top: .35rem; color: #607970; font-size: .76rem; line-height: 1.45; }
.isais-audience-section { border-top: 1px solid #e0ebe7; }
.isais-audience-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 1.5rem; border: 1px solid #d2e2dc; background: #d2e2dc; }
.isais-audience-grid article { min-width: 0; min-height: 16.5rem; padding: clamp(1.25rem, 2.8vw, 2.1rem); background: #fff; }
.isais-audience-grid article:nth-child(2) { background: #f4f9f7; }
.isais-audience-grid h3 { max-width: 14ch; margin: .55rem 0 .75rem; color: #123e35; font: 500 clamp(1.55rem, 2.4vw, 2.05rem)/1.08 Georgia, serif; }
.isais-audience-grid p:not(.eyebrow) { max-width: 31ch; color: #506a61; line-height: 1.58; }
.isais-audience-grid .text-link { display: inline-block; margin-top: .7rem; }
.isais-insights-preview { border-top: 1px solid #dce8e3; border-bottom: 1px solid #dce8e3; }
.page-context-default .page-hero { background-image: linear-gradient(120deg, rgba(7, 37, 30, .94), rgba(11, 89, 73, .82)), url("/assets/images/isais-hero-lab-team-cc0.jpg"); background-position: center; background-size: cover; }
@media (max-width: 900px) {
  .journal-finder-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .journal-finder-form .btn { grid-column: 1 / -1; }
  .finder-journal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trust-status-grid, .public-record-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .isais-audience-grid { grid-template-columns: 1fr; gap: 1px; }
  .isais-audience-grid article { min-height: 0; }
}
@media (max-width: 680px) {
  .journal-finder-form, .finder-journal-grid, .trust-status-grid, .public-record-metrics, .help-layout { grid-template-columns: 1fr; }
  .finder-journal-facts { grid-template-columns: 1fr; }
  .finder-journal-card, .learning-card, .insight-card { min-height: 0; }
  .help-layout .trust-callout .text-link { width: auto; }
}

/* Homepage Q1 refinement — a quieter, task-led front door for ISAIS. */
.isais-home .isais-home-hero {
  background: #071f1b;
}
.isais-home .isais-home-hero::after {
  position: absolute;
  z-index: -2;
  inset: 0;
  content: "";
  background: url("/assets/images/isais-scientists-editorial-bg.png") center center / cover no-repeat;
}
.isais-home .isais-home-hero::before {
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(3, 28, 24, .79) 0%, rgba(3, 28, 24, .67) 36%, rgba(3, 28, 24, .42) 58%, rgba(3, 28, 24, .14) 100%),
    linear-gradient(0deg, rgba(2, 20, 17, .2), transparent 46%);
}
.isais-home .isais-home-hero .isais-hero-grid {
  min-height: clamp(33rem, calc(100svh - 4.25rem), 39rem);
  grid-template-columns: minmax(0, 1.06fr) minmax(18rem, .64fr);
  gap: clamp(2rem, 4.8vw, 5.25rem);
  padding-block: clamp(1.9rem, 4.3vh, 3.3rem);
}
.isais-home .isais-hero-copy { max-width: 43rem; }
.isais-home .isais-hero-brand { margin-bottom: .75rem; }
.isais-home .isais-home-hero h1 {
  max-width: 13.1ch;
  margin: .45rem 0 .85rem;
  font-size: clamp(2.8rem, 4.35vw, 4.45rem);
  line-height: .98;
}
.isais-home .isais-home-hero .isais-lead {
  max-width: 38rem;
  margin-bottom: 1.1rem;
  font-size: clamp(.98rem, 1.1vw, 1.08rem);
  line-height: 1.5;
}
.isais-home .isais-hero-routes {
  display: flex;
  flex-wrap: wrap;
  gap: .48rem 1.1rem;
  margin-top: 1.1rem;
}
.isais-home .isais-hero-routes a {
  color: rgba(255,255,255,.92);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .015em;
  text-decoration: none;
}
.isais-home .isais-hero-routes a::after { content: " ↗"; color: #f4d18a; }
.isais-home .isais-hero-routes a:hover,
.isais-home .isais-hero-routes a:focus-visible { color: #f7dfac; text-decoration: underline; text-underline-offset: .22em; }

/* The transparent shell is intentional; only the abstract journal cover is opaque. */
.isais-home .isais-feature-carousel {
  width: min(100%, 27rem);
  min-height: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.isais-home .isais-feature-viewport { min-height: 24.2rem; }
.isais-home .isais-feature-slide {
  min-height: 24.2rem;
  padding: 1.35rem 1.45rem;
  border: 1px solid rgba(239, 208, 139, .58);
  border-radius: 1rem;
  box-shadow: 0 1.25rem 2.6rem rgba(1, 19, 16, .22);
}
.isais-home .isais-feature-slide::before {
  background: linear-gradient(106deg, rgba(4, 23, 26, .94) 0%, rgba(4, 27, 30, .79) 59%, rgba(8, 37, 35, .52) 100%);
}
.isais-home .isais-feature-cddh {
  background-image:
    radial-gradient(circle at 87% 15%, rgba(81, 164, 210, .76) 0 2%, transparent 2.4%),
    radial-gradient(circle at 80% 34%, rgba(135, 192, 221, .42) 0 1.5%, transparent 2%),
    linear-gradient(145deg, #082f4b 0%, #0d5b73 48%, #16375e 100%);
}
.isais-home .isais-feature-slide .isais-journal-mark,
.isais-home .isais-feature-slide .isais-feature-cta {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.isais-home .isais-feature-slide .isais-journal-mark {
  background: rgba(4, 31, 30, .9);
  box-shadow: 0 0 0 4px rgba(246, 247, 248, .04);
}
.isais-home .isais-feature-slide .isais-feature-cta { background: #147d68; border-color: #147d68; color: #fff; }
.isais-home .isais-feature-slide .isais-feature-cta:hover,
.isais-home .isais-feature-slide .isais-feature-cta:focus-visible { color: #062f27; background: #f3d18a; border-color: #f3d18a; }
.isais-home .isais-feature-slide.has-configured-cover {
  background-image: var(--isais-journal-cover) !important;
  background-position: center;
  background-size: cover;
}
.isais-home .isais-carousel-controls { margin-top: .7rem; }
.isais-home .isais-carousel-controls > button {
  width: 2.65rem;
  height: 2.65rem;
  background: rgba(4, 30, 26, .52);
}
.isais-home .isais-carousel-dots { gap: .05rem; }
.isais-home .isais-carousel-dots button {
  position: relative;
  width: 2.15rem;
  height: 2.4rem;
  background: transparent;
}
.isais-home .isais-carousel-dots button::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: .42rem;
  height: .42rem;
  border-radius: 999px;
  background: rgba(255,255,255,.58);
  content: "";
  transform: translate(-50%, -50%);
}
.isais-home .isais-carousel-dots button.is-active { width: 2.15rem; background: transparent; }
.isais-home .isais-carousel-dots button.is-active::before { width: 1.15rem; background: #efd08b; }
.isais-home .isais-carousel-dots button:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }

.isais-home .isais-discovery-section { padding-block: clamp(2.9rem, 4.6vw, 4.55rem); }
.isais-home .isais-discovery-heading { margin-bottom: 1.7rem; }
.isais-home .isais-discovery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.isais-home .isais-discovery-grid > a,
.isais-home .isais-discovery-grid > a:nth-child(2) { min-height: 13.35rem; background: #fff; color: #12382f; }
.isais-home .isais-discovery-grid > a:nth-child(3n) { border-right: 0; }
.isais-home .isais-discovery-grid > a:hover,
.isais-home .isais-discovery-grid > a:nth-child(2):hover,
.isais-home .isais-discovery-grid > a:focus-visible { background: #123e34; color: #fff; transform: translateY(-.22rem); }
.isais-home .isais-discovery-grid span { color: #9a6515; }
.isais-home .isais-discovery-grid > a:hover span,
.isais-home .isais-discovery-grid > a:focus-visible span { color: #f7db9c; }
.isais-home .isais-discovery-grid h3 { margin-top: 1.45rem; }

.isais-home-trust { border-block: 1px solid #d4e2dc; background: #eff5f2; }
.isais-home-trust-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.isais-home-trust-grid a {
  display: grid;
  grid-template-columns: 1.8rem minmax(0, 1fr);
  gap: .18rem .7rem;
  min-height: 6.75rem;
  padding: 1.1rem 1.2rem;
  border-right: 1px solid #d2e0da;
  color: #123b32;
  text-decoration: none;
}
.isais-home-trust-grid a:first-child { padding-left: 0; }
.isais-home-trust-grid a:last-child { border-right: 0; }
.isais-home-trust-grid span { grid-row: 1 / span 2; color: #9b691c; font-size: .72rem; font-weight: 850; letter-spacing: .07em; }
.isais-home-trust-grid strong { font-size: .91rem; line-height: 1.3; }
.isais-home-trust-grid small { color: #5b6d66; font-size: .78rem; line-height: 1.35; }
.isais-home-trust-grid a:hover,
.isais-home-trust-grid a:focus-visible { background: #e3efea; color: #0c6e5c; }

.isais-home .isais-home-journals { padding-block: clamp(3rem, 4.8vw, 4.65rem); }
.isais-home .isais-home-journal-grid { gap: 1rem; }
.isais-home .isais-home-journal-card { border-radius: .82rem; box-shadow: 0 .8rem 2rem rgba(18, 56, 47, .055); }
.isais-home .isais-home-journal-card h3 { font-size: clamp(1.7rem, 2.35vw, 2.25rem); }
.isais-home .isais-home-journal-card .journal-meta { margin-bottom: 1rem; }
.isais-home .isais-home-journal-card .journal-meta span { border-color: #c9ddd5; background: #f6faf8; }

.isais-home .isais-path-section { padding-block: clamp(2.9rem, 4.6vw, 4.45rem); }
.isais-home .isais-path > div { min-height: 9.25rem; }
.isais-home .isais-cta-section { padding-block: clamp(2.7rem, 4.8vw, 4.15rem); }
body.isais-home .site-footer { margin-top: 0; }

@media (min-width: 1081px) {
  .isais-home .isais-home-journal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .isais-home .isais-home-journal-card {
    display: grid;
    min-height: 20.5rem;
    grid-template-columns: minmax(7.5rem, 9rem) minmax(0, 1fr);
    align-items: stretch;
    gap: 1.15rem;
    padding: 1.5rem;
  }
  .isais-home .isais-home-journal-code {
    width: 100%;
    height: 100%;
    min-height: 14rem;
    align-self: stretch;
    background-position: center;
    background-size: cover;
    box-shadow: .32rem .32rem 0 #e7ddc9;
  }
  .isais-home .isais-home-journal-card > div:last-child { display: flex; min-height: 0; flex: 1; flex-direction: column; }
  .isais-home .isais-home-journal-card h3 { margin: .35rem 0 .7rem; }
  .isais-home .isais-home-journal-card p:not(.eyebrow) { margin-bottom: .9rem; line-height: 1.52; }
  .isais-home .isais-home-journal-card .text-link { margin-top: auto; }
}

.isais-home .isais-journal-status {
  display: inline-flex;
  width: max-content;
  margin: 0 0 .8rem;
  padding: .32rem .58rem;
  border: 1px solid #d6b768;
  border-radius: 999px;
  background: #fff8e8;
  color: #71511b;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

@media (max-width: 820px) {
  .isais-home .isais-home-hero { background: #070b0b; }
  .isais-home .isais-home-hero::after {
    inset: 0 0 auto;
    height: 14.2rem;
    background-position: center 32%;
    background-size: cover;
  }
  .isais-home .isais-home-hero::before {
    inset: 0;
    background: linear-gradient(180deg, rgba(2, 22, 20, .12) 0 9.5rem, rgba(7, 11, 11, .82) 13rem, #070b0b 15rem);
  }
  .isais-home .isais-home-hero .isais-hero-grid {
    min-height: auto;
    grid-template-columns: 1fr;
    gap: 1.65rem;
    padding: 13.45rem 1.15rem 2.35rem;
  }
  .isais-home .isais-hero-brand { margin-bottom: .7rem; }
  .isais-home .isais-hero-wordmark { width: 8.7rem; max-height: 2.8rem; }
  .isais-home .isais-home-hero h1 { max-width: 12.5ch; font-size: clamp(2.65rem, 10.8vw, 3.35rem); }
  .isais-home .isais-home-hero .isais-lead { margin-bottom: .95rem; font-size: .98rem; line-height: 1.52; }
  .isais-home .isais-home-hero .hero-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; }
  .isais-home .isais-home-hero .hero-actions .btn { justify-content: center; min-height: 2.7rem; padding-inline: .7rem; }
  .isais-home .isais-hero-routes { gap: .45rem .8rem; margin-top: .9rem; }
  .isais-home .isais-feature-carousel { justify-self: stretch; width: 100%; }
  .isais-home .isais-feature-viewport,
  .isais-home .isais-feature-slide { min-height: 20rem; }
  .isais-home .isais-feature-slide { padding: 1.15rem 1.2rem; }
  .isais-home .isais-feature-slide h2 { max-width: 12.5ch; font-size: clamp(1.9rem, 8vw, 2.35rem); }
  .isais-home .isais-carousel-controls { justify-content: center; }
  .isais-home .isais-discovery-grid { grid-template-columns: 1fr; }
  .isais-home .isais-discovery-grid > a,
  .isais-home .isais-discovery-grid > a:nth-child(2) { min-height: 10.75rem; border-right: 0; }
  .isais-home .isais-discovery-grid > a:last-child { border-bottom: 0; }
  .isais-home-trust-grid { grid-template-columns: 1fr; padding-block: .35rem; }
  .isais-home-trust-grid a,
  .isais-home-trust-grid a:first-child { min-height: 0; padding: .95rem 0; border-right: 0; border-bottom: 1px solid #d2e0da; }
  .isais-home-trust-grid a:last-child { border-bottom: 0; }
  .isais-home .isais-path > div { min-height: 0; }
}

@media (max-width: 430px) {
  .isais-home .isais-home-hero::after { height: 13.2rem; background-position: center 28%; }
  .isais-home .isais-home-hero::before { background: linear-gradient(180deg, rgba(2, 22, 20, .08) 0 8.6rem, rgba(7, 11, 11, .88) 12.15rem, #070b0b 13.9rem); }
  .isais-home .isais-home-hero .isais-hero-grid { padding-top: 12.55rem; }
  .isais-home .isais-feature-viewport,
  .isais-home .isais-feature-slide { min-height: 18.75rem; }
  .isais-home .isais-feature-slide > p:not(.eyebrow) { font-size: .84rem; line-height: 1.45; }
  .isais-home .isais-feature-rule { margin: .85rem 0 .7rem; }
}

/* Header controls: a single quiet, vector-only control language.  Do not use
   emoji glyphs here: their shape and colour change from one device to another. */
.site-header .header-actions {
  display: flex;
  align-items: center;
  gap: .48rem;
}
.site-header .header-control {
  display: inline-grid;
  flex: 0 0 2.5rem;
  width: 2.5rem !important;
  min-width: 2.5rem;
  height: 2.5rem !important;
  min-height: 2.5rem;
  place-items: center;
  box-sizing: border-box;
  margin: 0;
  padding: 0 !important;
  border: 1px solid #d7e2de;
  border-radius: 999px;
  color: #153d33;
  background: #fff;
  box-shadow: none;
  text-decoration: none;
  transition: border-color .16s ease, color .16s ease, background .16s ease, transform .16s ease;
}
.site-header .header-control::before { content: none !important; }
.site-header .header-control svg {
  display: block;
  width: 1.12rem;
  height: 1.12rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.site-header .header-control:hover,
.site-header .header-control:focus-visible {
  border-color: #176e5e;
  color: #fff;
  background: #176e5e;
  transform: translateY(-1px);
}
.site-header .header-control:focus-visible,
.site-header .language-switcher select:focus-visible {
  outline: 3px solid rgba(23,110,94,.24);
  outline-offset: 2px;
}
.site-header .header-actions .language-switcher { margin: 0; }
.site-header .language-switcher select {
  width: 3.85rem;
  min-width: 3.85rem;
  min-height: 2.5rem;
  padding: 0 1.2rem 0 .68rem;
  border: 1px solid #d7e2de;
  border-radius: 999px;
  color: #153d33;
  background-color: #fff;
  box-shadow: none;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-align: center;
}
.site-header .notification-count {
  top: -.2rem;
  right: -.18rem;
  min-width: .98rem;
  height: .98rem;
  border: 2px solid #fff;
  background: #b24b2b;
  font-size: .58rem;
}
@media (max-width: 760px) {
  .site-header .header-actions { gap: .38rem; }
  .site-header .header-control { flex-basis: 2.38rem; width: 2.38rem !important; min-width: 2.38rem; height: 2.38rem !important; min-height: 2.38rem; }
  .site-header .language-switcher select { width: 3.65rem; min-width: 3.65rem; min-height: 2.38rem; }
}

@media (prefers-reduced-motion: reduce) {
  .isais-home .isais-discovery-grid > a { transform: none !important; }
}

/* The administrator can choose an approved image from the private media
   library for the public home hero.  The composition and overlay remain
   controlled by the design system; only the image source is configurable. */
.isais-home .isais-home-hero::after {
  background-image: var(--isais-home-hero-image, url("/assets/images/isais-scientists-editorial-bg.png")) !important;
}

/* Private records are operated as concise case files.  The closed state gives
   the administrator the owner, review date and evidence at a glance; opening
   a card reveals the working controls without turning the page into a wall of
   forms. */
.record-workflow-intro {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(19rem, 1.08fr);
  gap: clamp(1rem, 3vw, 2.5rem);
  align-items: end;
  margin: 0 0 1rem;
  padding: clamp(1.05rem, 2.1vw, 1.55rem);
  border: 1px solid #cfe1da;
  border-left: .28rem solid #1b806c;
  border-radius: .78rem;
  background: linear-gradient(128deg, #f9fcfa 0%, #eef7f3 100%);
}
.record-workflow-intro .eyebrow { margin: 0 0 .34rem; }
.record-workflow-intro h2 {
  max-width: 20ch;
  margin: 0;
  color: #143d33;
  font-size: clamp(1.5rem, 2.35vw, 2.1rem);
  line-height: 1.1;
}
.record-workflow-intro > p {
  max-width: 62ch;
  margin: 0;
  color: #4e6960;
  font-size: .9rem;
  line-height: 1.58;
}

/* Homepage background carousel: the editorial composition remains stable
   while approved photographs dissolve behind it. */
.isais-home .isais-home-hero.has-home-background-carousel::after {
  z-index: -4;
}
.isais-home-hero-media {
  position: absolute;
  z-index: -3;
  inset: 0;
  overflow: hidden;
  background: #071f1b;
}
.isais-home-hero-background {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: scale(1.012);
  transition: opacity 1.15s ease, transform 7s ease;
}
.isais-home-hero-background.is-active {
  opacity: 1;
  transform: scale(1);
}
.isais-home-hero-background img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.isais-home-background-controls {
  position: absolute;
  z-index: 4;
  top: clamp(.75rem, 1.5vw, 1.15rem);
  right: clamp(.75rem, 2.5vw, 2rem);
  display: flex;
  align-items: center;
  gap: .28rem;
  padding: .22rem .3rem;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  background: rgba(3, 24, 21, .12);
  box-shadow: 0 .25rem .85rem rgba(0, 0, 0, .08);
  backdrop-filter: blur(.22rem);
}
.isais-home-background-controls > button {
  display: grid;
  place-items: center;
  width: 1.62rem;
  height: 1.62rem;
  min-width: 1.62rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: rgba(255, 255, 255, .82);
  font: 600 .76rem/1 Arial, sans-serif;
  cursor: pointer;
}
.isais-home-background-controls > button:hover,
.isais-home-background-controls > button:focus-visible {
  background: rgba(255, 255, 255, .11);
  outline: 2px solid #f0c76d;
  outline-offset: 1px;
}
.isais-home-background-dots {
  display: flex;
  align-items: center;
  gap: .34rem;
  padding-inline: .12rem;
}
.isais-home-background-dots button {
  width: .36rem;
  height: .36rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, .42);
  cursor: pointer;
  transition: width .22s ease, background-color .22s ease;
}
.isais-home-background-dots button.is-active {
  width: .9rem;
  background: rgba(240, 199, 109, .82);
}
.isais-home-background-toggle .is-play { display: none; font-size: .7rem; }
.isais-home-background-toggle.is-paused .is-pause { display: none; }
.isais-home-background-toggle.is-paused .is-play { display: inline; }

/* Private carousel editor. */
.home-hero-admin-form { overflow: hidden; }
.home-hero-admin-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
  gap: .8rem;
  margin-block: 1rem;
}
.home-hero-admin-slide {
  display: grid;
  grid-template-columns: 6.3rem minmax(0, 1fr) 3.5rem;
  gap: .72rem;
  align-items: center;
  min-width: 0;
  padding: .68rem;
  border: 1px solid #cadbd5;
  border-radius: .72rem;
  background: #fbfdfc;
  cursor: pointer;
}
.home-hero-admin-slide.is-selected {
  border-color: #167562;
  box-shadow: inset 0 0 0 1px #167562;
  background: #f1f8f5;
}
.home-hero-admin-preview {
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border-radius: .48rem;
  background: #dce8e3;
}
.home-hero-admin-preview img { width: 100%; height: 100%; object-fit: cover; }
.home-hero-admin-copy { min-width: 0; }
.home-hero-admin-copy > span { display: flex; gap: .4rem; align-items: flex-start; }
.home-hero-admin-copy strong,
.home-hero-admin-copy small { display: block; overflow-wrap: anywhere; hyphens: none; }
.home-hero-admin-copy small { margin-top: .32rem; color: #587067; line-height: 1.4; }
.home-hero-admin-order { color: #587067; font-size: .7rem; text-align: center; }
.home-hero-admin-order input { width: 3.1rem; margin-top: .24rem; padding: .38rem .3rem; text-align: center; }
.home-hero-admin-settings {
  display: grid;
  grid-template-columns: minmax(12rem, .55fr) minmax(15rem, 1fr);
  gap: .8rem;
  align-items: stretch;
  margin-block: 1rem;
}
.home-hero-admin-settings > label {
  display: grid;
  gap: .38rem;
  padding: .85rem;
  border: 1px solid #d4e1dc;
  border-radius: .65rem;
  background: #f8fbfa;
}
.home-hero-admin-settings input[type="number"] { max-width: 8rem; }
.home-hero-autoplay { grid-template-columns: auto 1fr; align-content: center; }
.home-hero-autoplay small { grid-column: 2; }

@media (max-width: 820px) {
  .isais-home-hero-media { inset: 0 0 auto; height: 14.2rem; }
  .isais-home-background-controls { top: 10.7rem; bottom: auto; }
  .home-hero-admin-settings { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .home-hero-admin-slide { grid-template-columns: 5rem minmax(0, 1fr); }
  .home-hero-admin-order { grid-column: 2; display: flex; gap: .5rem; align-items: center; justify-content: flex-start; text-align: left; }
}
@media (max-width: 430px) {
  .isais-home-hero-media { height: 13.2rem; }
  .isais-home-background-controls { top: 9.75rem; }
}
@media (prefers-reduced-motion: reduce) {
  .isais-home-hero-background { transition: none; transform: none; }
}

.record-workflow-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 27rem), 1fr));
  gap: .9rem;
  align-items: start;
}
.record-workflow-card,
.document-case-card {
  position: relative;
  border-color: #cee0d9;
  background: #fff;
}
.record-workflow-card > summary,
.document-case-card > summary { min-height: 6.2rem; }
.record-workflow-card > summary::before,
.document-case-card > summary::before {
  align-self: stretch;
  width: .2rem;
  margin: -.2rem 0 -.2rem -.18rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #1b866f, #9ecec0);
  content: "";
}
.record-workflow-card > summary,
.document-case-card > summary {
  grid-template-columns: .2rem minmax(0, 1fr) auto;
}
.record-workflow-card > summary .management-disclosure-copy,
.document-case-card > summary .management-disclosure-copy { grid-column: 2; }
.record-workflow-card > summary .management-disclosure-side,
.document-case-card > summary .management-disclosure-side { grid-column: 3; }
.record-workflow-card > summary .management-disclosure-copy small,
.document-case-card > summary .management-disclosure-copy small { color: #12735f; }
.record-workflow-card[open],
.document-case-card[open] { border-color: #9dcfbe; }
.record-workflow-body {
  display: grid;
  gap: 1rem;
  padding: 1rem 1.05rem 1.1rem;
  background: linear-gradient(180deg, #fcfefd 0%, #f6fbf8 100%);
}
.record-workflow-body > p {
  max-width: 72ch;
  margin: 0;
  color: #4b665e;
  font-size: .88rem;
  line-height: 1.56;
}
.record-workflow-steps {
  display: grid;
  gap: .55rem;
  margin: 0;
  padding: .9rem 1rem .9rem 2.35rem;
  border: 1px solid #d9e7e1;
  border-radius: .65rem;
  background: #fff;
  color: #365a50;
  font-size: .8rem;
  line-height: 1.45;
}
.record-workflow-steps li { padding-left: .18rem; }
.record-workflow-steps li::marker { color: #147a66; font-weight: 850; }
.record-workflow-body > .management-card {
  min-height: 0;
  margin: 0;
  padding: 1rem;
  border-color: #d6e5df;
  border-radius: .68rem;
  background: #fff;
  box-shadow: none;
}
.record-workflow-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  align-items: center;
  justify-content: flex-end;
  padding-top: .1rem;
}
.record-workflow-actions .btn { margin-top: 0; }
.record-workflow-actions .btn-outline { background: #fff; }

/* A document expands to a full working surface only while it is being
   handled.  This preserves a compact catalogue when dozens of records exist. */
.document-case-card[open] { grid-column: 1 / -1; }
.document-case-card > summary::before { background: linear-gradient(180deg, #267e96, #b4d8dc); }
.document-case-columns {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(18.5rem, .92fr);
  gap: 1rem;
  align-items: start;
}
.document-case-columns > .management-card {
  margin: 0;
  border-color: #d6e5df;
  border-radius: .68rem;
  background: #fff;
  box-shadow: none;
}
.document-case-columns > .management-card .form-field { margin-block: .8rem 0; }
.document-version-workspace {
  display: grid;
  gap: .85rem;
  min-width: 0;
  padding: 1rem;
  border: 1px solid #c9ded7;
  border-top: .22rem solid #2d8798;
  border-radius: .68rem;
  background: linear-gradient(145deg, #f7fcfb 0%, #edf6f4 100%);
}
.document-version-workspace .eyebrow { margin: 0; color: #1b7769; font-size: .62rem; }
.document-version-workspace h3 {
  margin: -.45rem 0 0;
  color: #143d33;
  font: 400 clamp(1.2rem, 1.75vw, 1.48rem)/1.1 Georgia, "Times New Roman", serif;
}
.record-version-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #d7e5df;
  border-radius: .55rem;
  background: #fff;
  list-style: none;
}
.record-version-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .28rem .7rem;
  align-items: center;
  padding: .7rem .78rem;
  border-top: 1px solid #e3eee9;
}
.record-version-list li:first-child { border-top: 0; }
.record-version-list a {
  min-width: 0;
  color: #126e5d;
  font-size: .79rem;
  font-weight: 850;
  line-height: 1.32;
  overflow-wrap: anywhere;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}
.record-version-list a::before { margin-right: .34rem; color: #328495; content: "↓"; }
.record-version-list span {
  color: #637a72;
  font-size: .67rem;
  line-height: 1.3;
  text-align: end;
}
.record-version-empty {
  margin: 0;
  padding: .78rem .84rem;
  border: 1px dashed #bbd4cb;
  border-radius: .55rem;
  color: #60776e;
  background: rgba(255, 255, 255, .72);
  font-size: .78rem;
  font-style: italic;
}
.document-upload-form {
  display: grid;
  gap: .65rem;
  padding-top: .1rem;
}
.document-upload-form label {
  display: grid;
  gap: .32rem;
  color: #183e38;
  font-size: .78rem;
  font-weight: 800;
}
.document-upload-form input[type="file"] {
  min-width: 0;
  padding: .35rem;
  border: 1px dashed #9bc9bc;
  border-radius: .5rem;
  background: #fff;
  color: #46655d;
  font: inherit;
  font-size: .74rem;
}
.document-upload-form .btn { width: max-content; margin-top: .1rem; }
.document-version-workspace .assistant-intro { margin: 0; font-size: .75rem; }

/* Public imagery is selected visually from approved assets.  The control is
   deliberately a small preview plus one selector, never a raw file path. */
.media-assignment-control {
  display: grid;
  grid-template-columns: 8.25rem minmax(0, 1fr);
  gap: .85rem 1rem;
  align-items: center;
  margin: 1rem 0;
  padding: .78rem;
  border: 1px solid #cfe2db;
  border-radius: .68rem;
  background: linear-gradient(135deg, #fbfefd 0%, #eff8f4 100%);
}
.media-assignment-preview,
.media-assignment-empty {
  display: block;
  grid-row: span 2;
  width: 8.25rem;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid #b8d5ca;
  border-radius: .5rem;
  background: #dcebe6;
  box-shadow: 0 .42rem .9rem rgba(20, 65, 54, .08);
}

.record-review-status {
  margin: .8rem 0 1.15rem;
  padding: .72rem .85rem;
  border-inline-start: 2px solid var(--gold);
  background: rgba(239, 247, 245, .72);
  color: var(--ink-soft);
  font-size: .9rem;
}
img.media-assignment-preview { object-fit: cover; }
.media-assignment-empty {
  display: grid;
  place-items: center;
  padding: .5rem;
  color: #5f796f;
  background:
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(232,244,239,.92)),
    repeating-linear-gradient(45deg, #dcebe6 0 .6rem, #eef6f2 .6rem 1.2rem);
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.35;
  text-align: center;
}
.media-assignment-control label {
  display: grid;
  min-width: 0;
  gap: .34rem;
  color: #173f35;
  font-size: .82rem;
  font-weight: 850;
}
.media-assignment-control select { min-width: 0; }
.media-assignment-control small {
  align-self: start;
  color: #5d746b;
  font-size: .73rem;
  line-height: 1.45;
}

@media (max-width: 860px) {
  .record-workflow-intro { grid-template-columns: 1fr; gap: .75rem; }
  .record-workflow-intro h2 { max-width: 28ch; }
  .document-case-columns { grid-template-columns: 1fr; }
  .document-case-card[open] { grid-column: auto; }
}
@media (max-width: 620px) {
  .record-workflow-intro { padding: .95rem; border-left-width: .22rem; }
  .record-workflow-grid { grid-template-columns: 1fr; gap: .75rem; }
  .record-workflow-card > summary,
  .document-case-card > summary { min-height: 0; }
  .record-workflow-card > summary::before,
  .document-case-card > summary::before { display: none; }
  .record-workflow-card > summary,
  .document-case-card > summary { grid-template-columns: minmax(0, 1fr) auto; }
  .record-workflow-card > summary .management-disclosure-copy,
  .document-case-card > summary .management-disclosure-copy { grid-column: 1; }
  .record-workflow-card > summary .management-disclosure-side,
  .document-case-card > summary .management-disclosure-side { grid-column: 2; }
  .record-workflow-body { padding: .85rem; gap: .85rem; }
  .record-workflow-steps { padding: .8rem .85rem .8rem 2rem; font-size: .76rem; }
  .record-workflow-actions { justify-content: stretch; }
  .record-workflow-actions .btn { flex: 1 1 12rem; justify-content: center; }
  .document-case-columns > .management-card,
  .document-version-workspace { padding: .85rem; }
  .record-version-list li { grid-template-columns: 1fr; gap: .22rem; }
  .record-version-list span { text-align: start; }
  .media-assignment-control {
    grid-template-columns: 5.8rem minmax(0, 1fr);
    gap: .65rem .75rem;
    padding: .68rem;
  }
  .media-assignment-preview,
  .media-assignment-empty { width: 5.8rem; }
  .media-assignment-control small { grid-column: 1 / -1; }
}

/* Account access: a focused entry point that keeps sign-in, registration and
   recovery visibly related without turning the page into a long stack of
   generic forms.  It intentionally uses the same paper, ink and gold system
   as the public publisher pages. */
.auth-page {
  position: relative;
  overflow: hidden;
  padding: clamp(2rem, 5vw, 4.6rem) 0 clamp(2.6rem, 6vw, 5.5rem);
  background:
    radial-gradient(circle at 88% 12%, rgba(30, 111, 92, .1), transparent 25rem),
    linear-gradient(180deg, #f8fbfa 0%, #f1f6f4 100%);
}
.auth-page::before {
  position: absolute;
  top: -8rem;
  right: -6rem;
  width: 28rem;
  height: 28rem;
  border: 1px solid rgba(30, 111, 92, .13);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}
.auth-shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(15rem, .78fr) minmax(0, 1.22fr);
  gap: clamp(1rem, 3vw, 2.5rem);
  /* The editorial introduction has its own deliberate height.  It must not
     stretch to the form/support stack, which would push its title below a
     short laptop viewport. */
  align-items: start;
}
.auth-intro-panel {
  position: relative;
  display: flex;
  min-height: 27rem;
  flex-direction: column;
  overflow: hidden;
  padding: clamp(1.5rem, 3.3vw, 2.45rem);
  border: 1px solid rgba(226, 189, 131, .52);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 100% 4%, rgba(83, 158, 144, .3), transparent 15rem),
    linear-gradient(145deg, #0d3028 0%, #123f35 58%, #1b695a 135%);
  box-shadow: 0 1.25rem 3.4rem rgba(12, 51, 43, .14);
  color: #fff;
}
.auth-intro-panel::before,
.auth-intro-panel::after {
  position: absolute;
  z-index: 0;
  border: 1px solid rgba(226, 189, 131, .22);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}
.auth-intro-panel::before { right: -8.5rem; bottom: -11rem; width: 22rem; height: 22rem; }
.auth-intro-panel::after { top: 7.8rem; left: -10rem; width: 17rem; height: 17rem; border-color: rgba(255, 255, 255, .08); }
.auth-intro-brand,
.auth-intro-copy,
.auth-intro-rule { position: relative; z-index: 1; }
.auth-intro-brand {
  display: inline-flex;
  width: max-content;
  align-items: center;
  gap: .58rem;
  color: #fff;
  font: 700 1.28rem/.9 Georgia, "Times New Roman", serif;
  letter-spacing: .08em;
}
.auth-intro-brand img { width: 2.75rem; height: 2.75rem; object-fit: contain; }
.auth-intro-brand small {
  display: block;
  margin-top: .25rem;
  color: rgba(255, 255, 255, .72);
  font: 750 .42rem/1.15 Arial, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.auth-intro-copy { margin-top: clamp(3.4rem, 7vh, 6.6rem); }
.auth-intro-copy .eyebrow {
  margin: 0 0 .85rem;
  color: #efcb88;
  font-size: .67rem;
}
.auth-intro-copy h1 {
  max-width: 12ch;
  margin: 0;
  color: #fff;
  font: 400 clamp(2.15rem, 4vw, 3.7rem)/1.01 Georgia, "Times New Roman", serif;
  letter-spacing: -.045em;
}
.auth-intro-copy > p:last-child {
  max-width: 34rem;
  margin: 1.15rem 0 0;
  color: rgba(255, 255, 255, .8);
  font-size: .94rem;
  line-height: 1.65;
}
.auth-intro-rule {
  width: 3rem;
  height: 1px;
  margin-top: 1.5rem;
  background: #efcb88;
}
.auth-workspace {
  display: grid;
  min-width: 0;
  align-content: center;
}
.auth-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.auth-card-grid--single { grid-template-columns: minmax(0, 1fr); }
.auth-workspace--single {
  align-content: start;
  gap: .72rem;
}
.auth-workspace--single .auth-card {
  min-height: 0;
}
.auth-card {
  display: flex;
  min-width: 0;
  min-height: 27rem;
  flex-direction: column;
  padding: clamp(1.2rem, 2.4vw, 1.75rem);
  border: 1px solid #d1e0da;
  border-radius: .9rem;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 1rem 2.5rem rgba(16, 55, 46, .075);
}
.auth-card:hover { transform: none; border-color: #c2d8cf; }
.auth-card-header { margin-bottom: 1.05rem; }
.auth-card-header .eyebrow {
  margin: 0 0 .44rem;
  color: #1b7664;
  font-size: .62rem;
}
.auth-card-header h2 {
  margin: 0;
  color: #143d33;
  font: 400 clamp(1.5rem, 2.15vw, 1.88rem)/1.08 Georgia, "Times New Roman", serif;
  letter-spacing: -.025em;
}
.auth-card-header > p:last-child {
  min-height: 3.8rem;
  margin: .6rem 0 0;
  color: #60756d;
  font-size: .8rem;
  line-height: 1.52;
}
.auth-card .form-field { margin: 0 0 .82rem; }
.auth-card .form-field label {
  color: #173e35;
  font-size: .76rem;
  font-weight: 800;
}
.auth-card .form-field input {
  min-height: 2.78rem;
  padding: .62rem .72rem;
  border-color: #c7d9d1;
  border-radius: .54rem;
  background: #fff;
  color: #153e34;
  font-size: .84rem;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
.auth-card .form-field input:hover { border-color: #9fc9bb; }
.auth-card .form-field input:focus-visible {
  outline: 0;
  border-color: #177462;
  box-shadow: 0 0 0 .2rem rgba(30, 111, 92, .13);
}
.auth-card .form-field small {
  color: #667d74;
  font-size: .68rem;
  line-height: 1.35;
}
.auth-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem 1rem;
  align-items: center;
  margin-top: auto;
  padding-top: .35rem;
}
.auth-card-actions .btn,
.auth-card > .btn { min-height: 2.65rem; padding-inline: 1rem; font-size: .8rem; }
.auth-card-actions .text-link { color: #176e5d; font-size: .73rem; font-weight: 800; }
.auth-card-footnote {
  min-height: 1.3rem;
  margin: .5rem 0 0;
  color: #71837c;
  font-size: .68rem;
  line-height: 1.4;
}
.auth-card-note {
  margin: .08rem 0 1rem;
  padding: .64rem .7rem;
  border-left: .18rem solid #d3ad5b;
  background: #faf7ef;
  color: #6a6654;
  font-size: .7rem;
  line-height: 1.45;
}
.auth-register-card .btn-gold { margin-top: auto; }
.auth-route-switch {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .9rem 1rem;
  border: 1px solid #cfddd7;
  border-radius: .75rem;
  background: rgba(255, 255, 255, .78);
}
.auth-route-switch > div { display: grid; gap: .14rem; min-width: 0; }
.auth-route-switch p {
  margin: 0;
  color: #987127;
  font-size: .61rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.auth-route-switch strong { color: #163e34; font-size: .82rem; line-height: 1.25; }
.auth-route-switch span { color: #687d75; font-size: .7rem; line-height: 1.35; }
.auth-route-switch .btn {
  min-height: 2.55rem;
  flex: 0 0 auto;
  padding: .65rem .9rem;
  font-size: .74rem;
  white-space: nowrap;
}
.auth-single-card {
  width: min(100%, 34.5rem);
  min-height: 0;
  margin-inline: auto;
}
.auth-single-card .auth-card-header > p:last-child { min-height: 0; max-width: 55ch; }
.auth-single-card > .btn { width: max-content; margin-top: .3rem; }
@media (max-width: 900px) {
  .auth-shell { grid-template-columns: 1fr; max-width: 45rem; }
  .auth-intro-panel { min-height: 16.25rem; }
  .auth-intro-copy { margin-top: 2.5rem; }
  .auth-intro-copy h1 { max-width: 19ch; }
}
@media (min-width: 901px) and (max-height: 760px) {
  .auth-page { padding-block: 1.45rem 2rem; }
  .auth-intro-panel { min-height: 24.5rem; padding: 1.7rem; }
  .auth-intro-copy { margin-top: 3.25rem; }
  .auth-intro-copy h1 { font-size: clamp(2.35rem, 3.3vw, 2.9rem); }
  .auth-intro-copy > p:last-child { margin-top: .82rem; font-size: .84rem; line-height: 1.5; }
  .auth-intro-rule { margin-top: 1rem; }
  .auth-card { min-height: 0; padding: 1.15rem 1.3rem; }
  .auth-card-header { margin-bottom: .72rem; }
  .auth-card-header > p:last-child { min-height: 0; margin-top: .42rem; }
  .auth-card .form-field { margin-bottom: .58rem; }
  .auth-card-note { margin: 0 0 .7rem; padding: .52rem .62rem; }
  .auth-card-actions { margin-top: .15rem; }
}
@media (max-width: 620px) {
  .auth-page { padding-block: 1rem 2.35rem; }
  .auth-intro-panel { min-height: 14.5rem; padding: 1.25rem; border-radius: .75rem; }
  .auth-intro-brand img { width: 2.35rem; height: 2.35rem; }
  .auth-intro-copy { margin-top: 1.6rem; }
  .auth-intro-copy h1 { max-width: 14ch; font-size: 2.1rem; }
  .auth-intro-copy > p:last-child { margin-top: .75rem; font-size: .84rem; line-height: 1.5; }
  .auth-card-grid { grid-template-columns: 1fr; }
  .auth-card { min-height: 0; padding: 1.1rem; border-radius: .72rem; }
  .auth-card-header > p:last-child { min-height: 0; }
  .auth-card-actions { align-items: stretch; }
  .auth-card-actions .btn { flex: 1 1 100%; }
  .auth-card-actions .text-link { padding: .24rem 0; }
  .auth-register-card .btn-gold { margin-top: .25rem; }
  .auth-single-card > .btn { width: 100%; }
  .auth-route-switch { align-items: stretch; flex-direction: column; }
  .auth-route-switch .btn { width: 100%; white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .auth-card .form-field input { transition: none; }
}

/* Professional workforce and journal-specific compensation workspace. */
.workforce-grid,
.journal-compensation-grid,
.workforce-settlement-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.workforce-role-card,
.journal-compensation-card,
.workforce-settlement-card,
.workforce-account-role,
.workforce-account-settlement { border-color: #cbded9; }
.workforce-role-card[open] { border-color: #1d7865; box-shadow: 0 .75rem 2rem rgba(16, 58, 50, .08); }
.workforce-role-card .management-disclosure-copy strong { max-width: 31ch; }
.workforce-assignment-form { margin: 0; padding: 1.1rem 1.15rem 1.25rem; border-top: 1px solid #dbe7e4; background: #fbfdfc; }
.workforce-assignment-form .assistant-intro { margin: .9rem 0; }
.workforce-section .section-heading,
.journal-compensation-card .section-heading { align-items: flex-start; }
.journal-compensation-card .section-heading > strong { color: #0b5f5a; font: 600 1.25rem/1.2 var(--sans, system-ui); white-space: nowrap; }
.workforce-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: .55rem; margin: 1rem 0; }
.workforce-metrics span { display: grid; gap: .15rem; padding: .65rem .7rem; border: 1px solid #d7e5e1; border-radius: .55rem; background: #f7fbfa; }
.workforce-metrics small { color: #52706a; font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; }
.workforce-metrics b { color: #123e36; font-size: 1.05rem; }
.journal-compensation-card form { margin-top: 1rem; }
.workforce-summary .card strong { color: #123e36; }
.legacy-workforce-reference { margin-top: 1.2rem; }
.workforce-account-role small,
.workforce-account-settlement small { display: block; margin-top: .7rem; color: #52706a; }
.workforce-account-role > strong { display: inline-block; margin-top: .55rem; color: #0b5f5a; }
.workforce-journal-list { display: grid; gap: .85rem; }
.workforce-journal-group,
.workforce-category-group { overflow: hidden; border: 1px solid #cbded9; border-radius: .8rem; background: #fff; }
.workforce-journal-group[open] { border-color: #176f5f; box-shadow: 0 .8rem 2rem rgba(16, 58, 50, .07); }
.workforce-journal-group > summary,
.workforce-category-group > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; cursor: pointer; list-style: none; }
.workforce-journal-group > summary::-webkit-details-marker,
.workforce-category-group > summary::-webkit-details-marker { display: none; }
.workforce-journal-group > summary { padding: 1rem 1.15rem; background: linear-gradient(100deg, #f1f8f5, #fff); }
.workforce-journal-heading { display: grid; gap: .16rem; min-width: 0; }
.workforce-journal-heading small,
.workforce-category-group > summary small { color: #177462; font-size: .62rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.workforce-journal-heading strong { color: #123e36; font: 400 clamp(1.22rem, 2vw, 1.62rem)/1.1 Georgia, "Times New Roman", serif; }
.workforce-journal-heading span { color: #5d776f; font-size: .74rem; }
.workforce-journal-meta,
.workforce-category-meta { display: inline-flex; align-items: center; gap: .65rem; color: #176e5d; font-size: .7rem; font-weight: 800; white-space: nowrap; }
.workforce-journal-meta b,
.workforce-category-meta b { display: inline-grid; width: 1.6rem; height: 1.6rem; place-items: center; border: 1px solid #bcd5cc; border-radius: 50%; font-size: .9rem; font-weight: 500; }
.workforce-journal-body { display: grid; gap: .75rem; padding: .75rem; background: #f8fbfa; }
.workforce-category-group { border-color: #d7e5e1; border-radius: .65rem; background: #fff; }
.workforce-category-group[open] { border-color: #9bc8ba; }
.workforce-category-group > summary { padding: .72rem .85rem; }
.workforce-category-group > summary > span:first-child { display: grid; gap: .15rem; }
.workforce-category-group > summary strong { color: #173f36; font-size: .88rem; }
.workforce-category-grid { padding: .75rem; border-top: 1px solid #e1ece9; background: #fbfdfc; }
.workforce-category-grid .workforce-role-card { margin: 0; }
.workforce-category-grid .workforce-role-card .management-disclosure-copy strong { max-width: 24ch; }
@media (max-width: 880px) {
  .workforce-grid,
  .journal-compensation-grid,
  .workforce-settlement-grid { grid-template-columns: 1fr; }
  .workforce-journal-group > summary,
  .workforce-category-group > summary { align-items: flex-start; }
}
@media (max-width: 560px) {
  .workforce-metrics { gap: .35rem; }
  .workforce-metrics span { padding: .52rem .45rem; }
  .workforce-metrics b { font-size: .92rem; }
  .journal-compensation-card .section-heading > strong { font-size: 1rem; }
  .workforce-journal-group > summary,
  .workforce-category-group > summary { gap: .55rem; padding: .78rem .7rem; }
  .workforce-journal-meta,
  .workforce-category-meta { font-size: .62rem; gap: .35rem; white-space: normal; text-align: right; }
  .workforce-journal-body { padding: .55rem; }
  .workforce-category-grid { padding: .55rem; }
}

/* Workforce catalogue: one readable list, never a compressed card grid. */
.workforce-role-list { display: grid; gap: .55rem; padding: .75rem; border-top: 1px solid #e1ece9; background: #fbfdfc; }
.workforce-role-list .workforce-role-card { margin: 0; width: 100%; }
.workforce-role-card .management-disclosure-copy { min-width: 0; }
.workforce-role-card .management-disclosure-copy strong { max-width: none; white-space: normal; overflow: visible; text-overflow: clip; }
.workforce-role-card .management-disclosure-description { white-space: normal; overflow: visible; text-overflow: clip; }
.workforce-role-card.public-visibility-public { border-color: #d99a4a; background: #fffaf2; }
.workforce-role-card.public-visibility-public[open] { border-color: #bd7622; box-shadow: 0 .6rem 1.4rem rgba(189, 118, 34, .13); }
.workforce-role-card.public-visibility-internal { border-color: #8bb9a8; background: #f7fcf9; }
.workforce-role-card.public-visibility-internal[open] { border-color: #278166; box-shadow: 0 .6rem 1.4rem rgba(39, 129, 102, .1); }
.workforce-role-card.workforce-position-assigned {
  border-color: #2e72ad;
  background: #f4f8fd;
  box-shadow: inset .3rem 0 #2e72ad;
}
.workforce-role-card.workforce-position-assigned[open] {
  border-color: #225a8e;
  box-shadow: inset .3rem 0 #225a8e, 0 .6rem 1.4rem rgba(35, 93, 143, .12);
}
/* Orange continues to identify public visibility; blue identifies a named person. */
.workforce-role-card.public-visibility-public.workforce-position-assigned {
  border-color: #d99a4a;
  background: #fffaf2;
  box-shadow: inset .3rem 0 #2e72ad;
}
.workforce-role-card.public-visibility-public.workforce-position-assigned[open] {
  border-color: #bd7622;
  background: #fffaf2;
  box-shadow: inset .3rem 0 #225a8e, 0 .6rem 1.4rem rgba(189, 118, 34, .13);
}
.workforce-assignment-badge {
  display: inline-flex;
  align-items: center;
  padding: .27rem .48rem;
  border: 1px solid #a9c9e6;
  border-radius: 999px;
  background: #dcecfb;
  color: #1e5f99;
  font-size: .62rem;
  font-weight: 800;
  white-space: nowrap;
}
.workforce-visibility-badge { display: inline-flex; align-items: center; padding: .27rem .48rem; border-radius: 999px; font-size: .62rem; font-weight: 800; letter-spacing: .02em; white-space: nowrap; }
.public-visibility-public .workforce-visibility-badge { color: #8a4b0a; background: #ffdfad; }
.public-visibility-internal .workforce-visibility-badge { color: #17644e; background: #d8f0e5; }
.workforce-visibility-legend { display: flex; flex-wrap: wrap; gap: .5rem 1.2rem; margin: .8rem 0 1rem; color: #526d64; font-size: .78rem; }
.workforce-visibility-legend > span { display: inline-flex; align-items: center; gap: .4rem; }
.visibility-swatch { display: inline-block; width: .7rem; height: .7rem; border-radius: 50%; }
.visibility-swatch-public { background: #d9903c; box-shadow: 0 0 0 3px #ffecd0; }
.visibility-swatch-internal { background: #278166; box-shadow: 0 0 0 3px #dff3e8; }
.workforce-publisher-group { border-color: #b28b46; }
.workforce-publisher-group > summary { background: linear-gradient(100deg, #fffaf0, #fff); }
.workforce-publisher-group[open] { border-color: #9b7230; }
.workforce-add-controls { margin-top: .9rem; overflow: hidden; }
.workforce-add-controls > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; cursor: pointer; list-style: none; }
.workforce-add-controls > summary::-webkit-details-marker { display: none; }
.workforce-add-controls > summary { padding: 1rem 1.15rem; }
.workforce-add-grid { display: grid; grid-template-columns: 1fr; gap: 1rem; padding: 1rem; border-top: 1px solid #dbe7e4; background: #f8fbfa; }
.workforce-add-form { display: grid; gap: .65rem; padding: 1rem; border: 1px solid #d3e3df; border-radius: .7rem; background: #fff; }
.workforce-add-form h3 { margin: 0; color: #123e36; font: 400 1.25rem/1.15 Georgia, "Times New Roman", serif; }
.workforce-add-form .form-field { margin: 0; }
.workforce-add-form .btn { justify-self: start; }
@media (max-width: 720px) {
  .workforce-add-grid { grid-template-columns: 1fr; padding: .65rem; }
  .workforce-role-list { padding: .55rem; }
  .workforce-add-controls > summary { align-items: flex-start; padding: .8rem .7rem; }
}
.workforce-manual-disclosure {
  margin-top: 1rem;
  border: 1px solid rgba(12, 90, 82, .18);
  border-radius: 14px;
  background: rgba(248, 252, 251, .92);
  overflow: hidden;
}
.workforce-manual-disclosure > summary {
  display: flex;
  align-items: center;
  gap: .8rem;
  justify-content: space-between;
  padding: .78rem 1rem;
  color: #0b5f5a;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}
.workforce-manual-disclosure > summary::-webkit-details-marker { display: none; }
.workforce-manual-disclosure > summary b { font-size: 1.1rem; font-weight: 500; }
.workforce-manual-summary-meta { margin-left: auto; color: #56716d; font-size: .78rem; font-weight: 600; }
.workforce-manual-admin-body { padding: 0 1rem 1rem; border-top: 1px solid rgba(12, 90, 82, .12); }
.workforce-manual-readonly { padding-top: .9rem; }
.workforce-manual-summary { display: flex; align-items: flex-start; gap: 1rem; justify-content: space-between; }
.workforce-manual-summary h4 { margin: .12rem 0 .35rem; font-size: 1.15rem; color: #123f39; }
.workforce-manual-purpose { max-width: 62rem; margin: 0; color: #47635e; }
.workforce-manual-version { flex: 0 0 auto; padding: .25rem .55rem; border-radius: 999px; background: #e6f1ee; color: #0b5f5a; font-size: .76rem; font-weight: 700; }
.workforce-manual-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; margin-top: 1rem; }
.workforce-manual-grid section { padding: .85rem; border: 1px solid rgba(12, 90, 82, .12); border-radius: 10px; background: #fff; }
.workforce-manual-grid h5 { margin: 0 0 .3rem; color: #0b5f5a; font-size: .76rem; letter-spacing: .08em; text-transform: uppercase; }
.workforce-manual-grid p { margin: 0; color: #355550; font-size: .9rem; line-height: 1.55; }
.manual-preformatted { white-space: pre-line; }
.workforce-flow-diagram { margin-top: 1rem; padding: .9rem; border-radius: 12px; background: linear-gradient(135deg, #edf7f5, #f8fbfb); }
.workforce-flow-diagram ol { display: flex; flex-wrap: wrap; gap: .65rem; margin: .65rem 0 0; padding: 0; list-style: none; counter-reset: flow; }
.workforce-flow-diagram li { position: relative; flex: 1 1 10rem; min-width: 9rem; padding: .65rem .7rem .65rem 2rem; border: 1px solid rgba(12, 95, 90, .2); border-radius: 9px; background: #fff; counter-increment: flow; }
.workforce-flow-diagram li::before { content: counter(flow); position: absolute; left: .65rem; top: .65rem; width: 1.05rem; height: 1.05rem; border-radius: 50%; display: grid; place-items: center; background: #0b766b; color: white; font-size: .68rem; font-weight: 800; }
.workforce-flow-diagram li:not(:last-child)::after { content: "→"; position: absolute; right: -.65rem; top: 50%; transform: translateY(-50%); color: #0b766b; font-weight: 800; z-index: 1; }
.workforce-flow-diagram li strong { display: block; color: #123f39; font-size: .87rem; }
.workforce-flow-diagram li span { display: block; margin-top: .18rem; color: #56716d; font-size: .78rem; line-height: 1.35; }
.workforce-manual-images { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
.workforce-manual-images .eyebrow { flex-basis: 100%; margin-bottom: -.25rem; }
.workforce-manual-images figure { width: 8.5rem; height: 5.5rem; margin: 0; overflow: hidden; border-radius: 9px; border: 1px solid rgba(12, 90, 82, .16); background: #e8efee; }
.workforce-manual-images img { width: 100%; height: 100%; object-fit: cover; }
.workforce-manual-open-link {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  width: max-content;
  margin-top: .8rem;
  color: #176f65;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: .18em;
}
.workforce-manual-open-link:hover,
.workforce-manual-open-link:focus-visible { color: #1e5f99; }
.workforce-manual-page { padding-top: clamp(2.4rem, 5vw, 5.5rem); padding-bottom: clamp(3rem, 7vw, 7rem); }
.workforce-manual-page-header { max-width: 54rem; margin: 1.1rem 0 2rem; }
.workforce-manual-page-header h1 { max-width: 20ch; margin: .3rem 0 .8rem; font-size: clamp(2.3rem, 5vw, 4.3rem); line-height: .98; }
.workforce-manual-page-header .lead { max-width: 50rem; }
.workforce-manual-page-card { padding: clamp(1.2rem, 3vw, 2.6rem); border: 1px solid #cbded9; border-radius: 18px; background: #fff; box-shadow: 0 1.2rem 3rem rgba(20, 61, 54, .08); }
.workforce-manual-page-card .workforce-manual-readonly { padding: 0; }
.workforce-manual-page-card .workforce-manual-summary h4 { font-size: clamp(1.4rem, 3vw, 2rem); }
.workforce-manual-page-card .workforce-manual-grid { gap: 1rem; }
.workforce-manual-page-card .workforce-manual-grid section { min-height: 8rem; padding: 1.1rem; }
.workforce-manual-page-card .workforce-flow-diagram { margin-top: 1.5rem; padding: 1.15rem; }
.workforce-manual-page-card .workforce-flow-diagram ol { grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: .85rem; }
.workforce-manual-page-card .workforce-manual-images figure { width: 12rem; height: 8rem; }
.workforce-manual-form { display: grid; gap: .8rem; margin-top: 1.1rem; padding-top: 1rem; border-top: 1px solid rgba(12, 90, 82, .14); }
.workforce-manual-field { display: grid; gap: .32rem; color: #163e38; font-weight: 700; font-size: .83rem; }
.workforce-manual-field textarea { width: 100%; min-height: 5.2rem; resize: vertical; padding: .7rem .75rem; border: 1px solid #c6d6d2; border-radius: 8px; background: #fff; color: #173d37; font: inherit; font-weight: 400; line-height: 1.45; }
.workforce-manual-field textarea:focus { outline: 3px solid rgba(25, 126, 114, .18); border-color: #0b766b; }
.workforce-manual-field small { color: #58706b; font-weight: 400; }
.workforce-manual-image-picker { margin: .15rem 0 0; padding: .85rem; border: 1px solid rgba(12, 90, 82, .16); border-radius: 10px; }
.workforce-manual-image-picker legend { padding: 0 .25rem; color: #0b5f5a; font-weight: 700; }
.workforce-manual-image-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr)); gap: .65rem; }
.workforce-manual-image-option { display: grid; grid-template-columns: auto 1fr; grid-template-rows: 4.5rem auto; gap: .35rem .45rem; align-items: start; padding: .45rem; border: 1px solid #d6e2df; border-radius: 8px; background: #fff; cursor: pointer; }
.workforce-manual-image-option:has(input:checked) { border-color: #0b766b; box-shadow: 0 0 0 2px rgba(25, 126, 114, .13); }
.workforce-manual-image-option input { margin-top: .18rem; }
.workforce-manual-image-option img { grid-column: 2; width: 100%; height: 4.5rem; object-fit: cover; border-radius: 5px; }
.workforce-manual-image-option span { grid-column: 1 / -1; overflow: hidden; color: #49645e; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 720px) {
  .workforce-manual-grid { grid-template-columns: 1fr; }
  .workforce-flow-diagram ol { display: grid; }
  .workforce-flow-diagram li:not(:last-child)::after { content: "↓"; right: auto; left: 50%; top: auto; bottom: -.8rem; transform: translateX(-50%); }
  .workforce-manual-summary { display: block; }
  .workforce-manual-version { display: inline-block; margin-top: .55rem; }
}

/* Transient confirmation toast used after account and control-panel changes. */
.isais-toast {
  position: fixed;
  z-index: 1790;
  top: var(--isais-toast-safe-top, clamp(5.75rem, 9vh, 6.8rem));
  right: clamp(1rem, 3vw, 2.4rem);
  display: flex;
  align-items: center;
  gap: .7rem;
  width: min(30rem, calc(100vw - 2rem));
  max-height: calc(100dvh - var(--isais-toast-safe-top, 5.75rem) - 1rem);
  padding: .82rem .85rem .82rem 1rem;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid rgba(23, 111, 101, .28);
  border-left: 4px solid #d39b37;
  border-radius: 12px;
  background: rgba(255, 255, 255, .98);
  color: #163f39;
  box-shadow: 0 1rem 2.4rem rgba(13, 49, 45, .2), 0 2px 8px rgba(13, 49, 45, .08);
  animation: isais-toast-in .24s ease-out both;
}
.isais-toast-mark {
  display: grid;
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  place-items: center;
  border-radius: 50%;
  background: #e5f3ef;
  color: #12766a;
  font-size: .86rem;
  font-weight: 900;
}
.isais-toast-message { min-width: 0; flex: 1 1 auto; overflow-wrap: anywhere; font-size: .9rem; font-weight: 700; line-height: 1.42; }
.isais-toast-close {
  display: grid;
  flex: 0 0 1.7rem;
  width: 1.7rem;
  height: 1.7rem;
  place-items: center;
  border: 1px solid #c8dcd7;
  border-radius: 50%;
  background: #fff;
  color: #315b55;
  cursor: pointer;
  font-size: 1.05rem;
  line-height: 1;
}
.isais-toast-close:hover,
.isais-toast-close:focus-visible { border-color: #176f65; background: #edf7f4; color: #0b5f5a; outline: 3px solid rgba(23, 111, 101, .16); outline-offset: 1px; }
.isais-toast.is-closing { animation: isais-toast-out .22s ease-in forwards; }
@keyframes isais-toast-in { from { opacity: 0; transform: translateY(-.55rem) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes isais-toast-out { from { opacity: 1; transform: translateY(0) scale(1); } to { opacity: 0; transform: translateY(-.4rem) scale(.98); } }
@media (max-width: 560px) {
  .isais-toast {
    top: var(--isais-toast-safe-top, 7.6rem);
    right: max(.7rem, env(safe-area-inset-right));
    left: max(.7rem, env(safe-area-inset-left));
    width: auto;
    max-height: calc(100dvh - var(--isais-toast-safe-top, 7.6rem) - max(.7rem, env(safe-area-inset-bottom)));
  }
}

/* v225 — BIOHORIZONS: una revista, secciones especializadas. */
.journal-masthead-journal_1 {
  min-height: clamp(29rem, 52vw, 43rem);
  padding-block: clamp(3rem, 7vw, 6rem);
  background:
    radial-gradient(circle at 78% 42%, rgba(82, 177, 164, .22), transparent 28%),
    linear-gradient(135deg, #042d29 0%, #07564f 70%, #083d39 100%);
  overflow: hidden;
}
.journal-masthead-journal_1.has-custom-cover::before {
  background: linear-gradient(90deg, rgba(3, 37, 33, .99) 0%, rgba(3, 43, 39, .96) 53%, rgba(3, 43, 39, .62) 76%, rgba(3, 43, 39, .42) 100%);
}
.journal-masthead-journal_1.has-custom-cover > .journal-masthead-cover {
  inset: 2.3rem 4vw 2.3rem auto;
  width: min(31vw, 23rem);
  height: calc(100% - 4.6rem);
  object-fit: contain;
  object-position: center;
  border-radius: .45rem;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .32);
}
.journal-masthead-copy { display: grid; gap: 1rem; max-width: min(63%, 46rem); }
.biohorizons-wordmark {
  width: min(100%, 46rem);
  height: auto;
  padding: .8rem;
  border-radius: .3rem;
  background: rgba(255, 255, 255, .96);
}
.journal-masthead-copy > p { max-width: 62ch; color: rgba(255, 255, 255, .9); font-size: clamp(1.03rem, 1.5vw, 1.22rem); }
.biohorizons-catalog-hero {
  padding: clamp(3.5rem, 8vw, 7.5rem) 0;
  color: #fff;
  background:
    radial-gradient(circle at 72% 36%, rgba(91, 186, 174, .2), transparent 28%),
    linear-gradient(135deg, #042d29, #07564f 70%, #073a36);
}
.biohorizons-catalog-hero :where(h1, p) { color: inherit; }
.biohorizons-catalog-hero .eyebrow { color: #efd486; }
.biohorizons-catalog-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(15rem, .6fr); align-items: center; gap: clamp(2rem, 7vw, 6rem); }
.biohorizons-catalog-grid h1 { max-width: 13ch; font-size: clamp(3rem, 6vw, 6.1rem); line-height: .97; }
.biohorizons-catalog-grid figure { margin: 0; justify-self: center; }
.biohorizons-catalog-grid figure img { display: block; width: min(100%, 23rem); filter: drop-shadow(0 30px 48px rgba(0,0,0,.35)); }
.biohorizons-sections { background: #f5f9f7; }
.biohorizons-sections .section-head > div { max-width: 52rem; }
.biohorizons-section-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #bfd5d0; }
.biohorizons-section-card { display: grid; grid-template-columns: 3.3rem 1fr; gap: 1rem; padding: 1.55rem 1.25rem; border-bottom: 1px solid #bfd5d0; }
.biohorizons-section-card:nth-child(odd) { border-right: 1px solid #bfd5d0; }
.biohorizons-section-card > span { color: #b48631; font: 700 .78rem/1.3 Arial, sans-serif; letter-spacing: .14em; }
.biohorizons-section-card h3 { margin: 0 0 .55rem; color: #083f39; font-size: clamp(1.24rem, 2vw, 1.65rem); }
.biohorizons-section-card p { margin: 0 0 .8rem; color: #486761; }
.biohorizons-section-card a { color: #07685e; font-size: .88rem; font-weight: 750; }
.biohorizons-scope-sections { margin-top: clamp(2rem, 5vw, 4rem); }
.biohorizons-board > .container > .lead { max-width: 65ch; }
.biohorizons-board-group { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #c9dcd8; }
.biohorizons-board-group > h3 { font-size: clamp(1.55rem, 3vw, 2.25rem); }
.biohorizons-about-feature { display: grid; grid-template-columns: minmax(18rem, .8fr) minmax(0, 1.2fr); align-items: center; gap: clamp(2rem, 6vw, 5rem); }
.biohorizons-about-feature > img { width: 100%; padding: 1rem; background: #fff; border: 1px solid #c9dcd8; }

.workforce-biohorizons-leadership { padding-bottom: 2rem; }
.workforce-biohorizons-leadership > header { max-width: 48rem; margin: 0 auto 1rem; text-align: center; }
.workforce-biohorizons-committees { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 2rem; }
.workforce-biohorizons-committee { border: 1px solid #c8dcd7; border-radius: 1rem; background: #f9fcfb; overflow: hidden; }
.workforce-biohorizons-committee > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.15rem; color: #083f39; cursor: pointer; }
.workforce-biohorizons-committee > summary span { display: grid; gap: .2rem; }
.workforce-biohorizons-committee > summary small { color: #9c7127; font-size: .7rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.workforce-biohorizons-committee > summary strong { font-family: Georgia, serif; font-size: 1.2rem; }
.workforce-biohorizons-committee > p { margin: 0; padding: 0 1.15rem 1rem; color: #547069; }
.workforce-biohorizons-committee > .workforce-org-tree { padding: 1rem; border-top: 1px solid #dce8e5; background: #fff; }
.workforce-editorial-flow { max-width: 70rem; margin: 0 auto 2rem; padding: 1rem 1.25rem; border: 1px solid #c7ddd7; border-left: 4px solid #c79a3b; border-radius: .85rem; background: #f7fbfa; color: #274f48; }
.workforce-editorial-flow p { margin: .25rem 0; }
.workforce-editorial-flow p:last-child { font-weight: 650; line-height: 1.75; }
.workforce-reviewer-pool { display: flex; align-items: center; gap: .8rem; margin: 0 1rem 1rem; padding: .85rem 1rem; border: 1px dashed #9dbdb5; border-radius: .8rem; background: #edf6f3; color: #174e46; }
.workforce-reviewer-pool > span { display: grid; place-items: center; width: 2.35rem; height: 2.35rem; flex: 0 0 auto; border-radius: 50%; background: #0c685c; color: #fff; font-size: 1.35rem; }
.workforce-reviewer-pool div { display: grid; gap: .15rem; }
.workforce-reviewer-pool small { color: #537169; line-height: 1.45; }

@media (max-width: 850px) {
  .journal-masthead-copy { max-width: 100%; }
  .journal-masthead-journal_1.has-custom-cover > .journal-masthead-cover { display: none; }
  .biohorizons-catalog-grid,
  .biohorizons-about-feature { grid-template-columns: 1fr; }
  .biohorizons-catalog-grid figure { width: min(70vw, 19rem); }
  .workforce-biohorizons-committees { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .biohorizons-section-grid { grid-template-columns: 1fr; }
  .biohorizons-section-card:nth-child(odd) { border-right: 0; }
  .biohorizons-catalog-grid h1 { font-size: clamp(2.6rem, 14vw, 4rem); }
  .biohorizons-wordmark { padding: .45rem; }
}

/* ISAIS Explains — temporada editorial e índice bibliográfico. */
.science-season { background: #fff; }
.science-season .section-head > div { max-width: 50rem; }
.science-season-features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.science-season-features .science-discovery-card {
  min-height: 31rem;
  border: 1px solid #c7dad5;
  border-radius: 1.15rem;
  box-shadow: 0 20px 52px rgba(5, 48, 42, .09);
  overflow: hidden;
}
.science-season-features .science-discovery-image { min-height: 15rem; }
.science-season-features .science-discovery-copy { padding: 1.4rem 1.5rem 1.5rem; }
.science-season-features .science-discovery-copy h3 { font-size: clamp(1.45rem, 2.4vw, 2.15rem); line-height: 1.12; }
.science-index-section { border-block: 1px solid #d8e5e1; }
.science-index-list { counter-reset: science-index; background: #fff; border-top: 3px solid #0a6158; }
.science-index-row {
  counter-increment: science-index;
  display: grid;
  grid-template-columns: 2.7rem minmax(0, 1fr) 2.4rem;
  gap: 1rem;
  align-items: start;
  padding: 1.35rem .9rem;
  border-bottom: 1px solid #cfddd9;
}
.science-index-row::before { content: counter(science-index) "."; color: #6c847e; font: 700 .86rem/1.5 Arial, sans-serif; text-align: right; }
.science-index-type { margin: 0 0 .3rem; color: #687f79; font-size: .75rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.science-index-row h3 { margin: 0 0 .35rem; font: 700 clamp(1.08rem, 2vw, 1.35rem)/1.27 Georgia, serif; }
.science-index-row h3 a { color: #064f48; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: .18em; }
.science-index-row h3 a:hover { text-decoration-color: #b98932; }
.science-index-authors { margin: 0; color: #304f49; font-size: .9rem; font-weight: 650; }
.science-index-citation { margin: .22rem 0 .45rem; color: #647c76; font-size: .82rem; }
.science-index-summary { max-width: 78ch; margin: 0; color: #405f59; font-size: .94rem; }
.science-index-open { display: grid; width: 2.2rem; height: 2.2rem; place-items: center; border: 1px solid #b9d0cb; border-radius: 50%; color: #09655b; font-weight: 800; }
.science-index-open:hover { color: #fff; background: #09655b; }

@media (max-width: 740px) {
  .science-season-features { grid-template-columns: 1fr; }
  .science-season-features .science-discovery-card { min-height: 0; }
  .science-index-row { grid-template-columns: 1.7rem minmax(0, 1fr); gap: .7rem; padding-inline: .25rem; }
  .science-index-open { display: none; }
}

/* v217 — enlace permanente de colaboración. */
.workforce-permanent-invite {
  position: relative;
  overflow: hidden;
  border: 1px solid #b9d8cf;
  border-radius: 1.25rem;
  padding: clamp(1.2rem, 3vw, 2rem);
  background:
    radial-gradient(circle at 92% 8%, rgba(225, 188, 97, .2), transparent 26%),
    linear-gradient(135deg, #f4fbf8 0%, #fff 72%);
}
.workforce-permanent-invite .section-heading { margin-bottom: .8rem; }
.workforce-permanent-link {
  display: grid;
  gap: .45rem;
  margin-top: 1.25rem;
}
.workforce-permanent-link > label {
  color: #214c42;
  font-size: .82rem;
  font-weight: 750;
  letter-spacing: .04em;
}
.workforce-permanent-link > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .65rem;
}
.workforce-permanent-link input {
  width: 100%;
  min-width: 0;
  border-color: #9fc9bd;
  background: #fff;
  color: #0a5549;
  font-weight: 700;
}
.workforce-share-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: .85rem;
}
.workforce-whatsapp-share {
  background: #167c66;
  border-color: #167c66;
}
@media (max-width: 620px) {
  .workforce-permanent-link > div { grid-template-columns: 1fr; }
  .workforce-permanent-link .btn,
  .workforce-share-actions .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .isais-toast { animation: none; }
  .isais-toast.is-closing { animation: none; opacity: 0; }
}

/* Role workspaces: one clear operating surface per assignment. */
.role-panel { display: grid; gap: 1.35rem; }
.role-panel-header {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem;
  padding: clamp(1.2rem, 2.4vw, 2rem); border: 1px solid #bfd9d3; border-radius: 1.1rem;
  background: linear-gradient(135deg, #f4fbf9 0%, #fff 72%); box-shadow: 0 1rem 2.5rem rgba(11, 65, 57, .08);
}
.role-panel-header h2 { margin: .3rem 0 .45rem; font-size: clamp(1.65rem, 3vw, 2.55rem); line-height: 1.06; }
.role-panel-header p:not(.eyebrow) { max-width: 58rem; margin: 0; color: #486862; }
.role-panel-status { display: grid; justify-items: end; gap: .35rem; min-width: 10rem; text-align: right; }
.role-panel-status span { display: inline-flex; padding: .35rem .65rem; border-radius: 999px; background: #e2f2ed; color: #0b6d5d; font-size: .72rem; font-weight: 800; }
.role-panel-status strong { color: #0b6257; font-size: 1.05rem; }
.role-panel-section { padding-top: .3rem; }
.role-panel-section > .section-heading { margin-bottom: .8rem; }
.role-panel-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: .8rem; }
.role-panel-action { position: relative; display: grid; gap: .35rem; min-height: 7rem; padding: 1rem 2.2rem 1rem 1.05rem; border: 1px solid #c8ded9; border-radius: .85rem; background: #fff; color: #123e38; text-decoration: none; transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.role-panel-action:hover, .role-panel-action:focus-visible { border-color: #168575; box-shadow: 0 .65rem 1.5rem rgba(10, 104, 91, .12); transform: translateY(-2px); outline: none; }
.role-panel-action strong { font-size: 1rem; }
.role-panel-action span { color: #52716b; font-size: .87rem; line-height: 1.42; }
.role-panel-action b { position: absolute; right: 1rem; top: 50%; color: #0c7566; transform: translateY(-50%); }
.role-panel-empty { padding: 1.2rem; border: 1px dashed #bfd8d3; border-radius: .85rem; background: #fbfefd; }
.role-panel-empty h3 { margin: 0 0 .35rem; font-size: 1.12rem; }
.role-panel-empty p { margin: 0; color: #58736e; }
.role-panel-manual .workforce-manual-readonly { margin-top: .35rem; }
.workforce-role-links { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem 1rem; margin-top: .8rem; }
.workforce-role-links .workforce-manual-open-link { margin-top: 0; }
.account-role-disclosure { border: 1px solid #c9ded9; border-radius: .85rem; background: #fff; overflow: hidden; }
.account-role-disclosure-list { display: grid; gap: .65rem; }
.account-role-disclosure > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1.05rem; cursor: pointer; list-style: none; }
.account-role-disclosure > summary::-webkit-details-marker { display: none; }
.account-role-summary-copy { display: grid; gap: .22rem; min-width: 0; }
.account-role-summary-copy small { color: #0d7565; font-size: .68rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.account-role-summary-copy strong { color: #123e38; font-family: var(--font-display, Georgia, serif); font-size: 1.18rem; line-height: 1.15; }
.account-role-summary-copy span { color: #5e7973; font-size: .78rem; }
.account-role-summary-side { display: grid; flex: 0 0 2rem; width: 2rem; height: 2rem; place-items: center; border: 1px solid #c6dcd7; border-radius: 50%; color: #0b7566; }
.account-role-disclosure[open] > summary { border-bottom: 1px solid #e0ece9; background: #f5faf8; }
.account-role-disclosure[open] .account-role-summary-side { background: #e3f3ee; }
.account-role-disclosure-body { display: grid; gap: .65rem; padding: .9rem 1.05rem 1.05rem; }
.account-role-disclosure-body p { margin: 0; color: #496861; }
.account-role-disclosure-body small { color: #607c75; line-height: 1.45; }
.account-role-disclosure-body .workforce-role-links { margin-top: .15rem; }
.monthly-total-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; margin: 1rem 0 1.2rem; }
.monthly-total-summary article { display: grid; gap: .28rem; padding: 1rem 1.05rem; border: 1px solid #c9ded9; border-radius: .8rem; background: #fff; }
.monthly-total-summary small { color: #56716c; font-weight: 700; }
.monthly-total-summary strong { color: #0b6257; font-family: var(--font-display, Georgia, serif); font-size: 1.65rem; }
.monthly-total-summary span { color: #607a75; font-size: .78rem; line-height: 1.35; }
.monthly-history-list { display: grid; gap: .7rem; }
.monthly-history-card { border: 1px solid #c8ded9; border-radius: .85rem; overflow: hidden; background: #fff; }
.monthly-history-card > summary { display: grid; grid-template-columns: 1.1fr 1fr 1fr auto; align-items: center; gap: 1rem; padding: 1rem 1.1rem; cursor: pointer; list-style: none; }
.monthly-history-card > summary::-webkit-details-marker { display: none; }
.monthly-history-card > summary > span { display: grid; gap: .2rem; }
.monthly-history-card > summary small { color: #68837d; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.monthly-history-card > summary strong, .monthly-history-card > summary b { color: #123e38; font-size: 1.05rem; }
.monthly-history-card > summary i { color: #0b7566; font-style: normal; }
.monthly-history-body { padding: 0 1.1rem 1.1rem; border-top: 1px solid #e3efec; }
.monthly-history-body > p { margin: .85rem 0; color: #5b756f; font-size: .88rem; }
.monthly-history-body ul { display: grid; gap: .35rem; margin: 0; padding: 0; list-style: none; }
.monthly-history-body li { display: grid; grid-template-columns: minmax(10rem, 1.5fr) .7fr .9fr 1fr; gap: .7rem; align-items: center; padding: .65rem .7rem; border-radius: .55rem; background: #f5faf8; font-size: .84rem; }
.monthly-history-body li strong { color: #0b6257; }
.monthly-history-body li b { color: #123e38; }
.monthly-history-body li small { color: #5b756f; }
.monthly-history-body footer { display: flex; justify-content: space-between; gap: 1rem; margin-top: .8rem; padding-top: .8rem; border-top: 1px solid #dfece8; color: #56716c; font-size: .84rem; }
.monthly-history-body footer strong { color: #123e38; }
@media (max-width: 800px) {
  .role-panel-header { flex-direction: column; }
  .role-panel-status { justify-items: start; text-align: left; }
  .monthly-total-summary { grid-template-columns: 1fr; }
  .monthly-history-card > summary { grid-template-columns: 1fr 1fr; }
  .monthly-history-card > summary i { justify-self: end; grid-column: 2; grid-row: 1; }
  .monthly-history-body li { grid-template-columns: 1fr 1fr; }
  .monthly-history-body li small { text-align: right; }
}
@media (max-width: 520px) {
  .role-panel-actions { grid-template-columns: 1fr; }
  .monthly-history-card > summary { grid-template-columns: 1fr; gap: .5rem; }
  .monthly-history-card > summary i { grid-column: 1; grid-row: auto; justify-self: end; margin-top: -.9rem; }
  .monthly-history-body li { grid-template-columns: 1fr; gap: .2rem; }
  .monthly-history-body li small { text-align: left; }
  .workforce-role-links { align-items: flex-start; flex-direction: column; }
}

/* Leadership workspaces: decisions and portfolio actions stay in the panel. */
.leadership-workspace { display: grid; gap: 1rem; margin: 1.05rem 0; }
.leadership-overview,
.leadership-journal-health,
.leadership-workbench,
.leadership-extra-functions {
  padding: 1.05rem;
  border: 1px solid #c7dfd9;
  border-radius: .9rem;
  background: linear-gradient(145deg, #f6fbf9 0%, #fff 72%);
}
.leadership-overview .section-heading,
.leadership-journal-health .section-heading,
.leadership-workbench .section-heading,
.leadership-extra-functions .section-heading { margin-bottom: .8rem; }
.leadership-indicators { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; }
.leadership-indicators article { display: grid; gap: .28rem; min-height: 6.25rem; padding: .85rem .9rem; border: 1px solid #d8e8e4; border-radius: .7rem; background: rgba(255,255,255,.86); }
.leadership-indicators small { color: #48706a; font-size: .75rem; font-weight: 800; letter-spacing: .035em; }
.leadership-indicators strong { color: #0b6157; font-family: var(--font-display, Georgia, serif); font-size: 1.65rem; line-height: 1; }
.leadership-indicators span { color: #55716b; font-size: .77rem; line-height: 1.32; }
.leadership-journal-health > p { max-width: 60rem; margin: -.2rem 0 .8rem; color: #56736d; }
.leadership-journal-health ul { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.leadership-journal-health li { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem .85rem; border: 1px solid #d8e8e4; border-radius: .65rem; background: #fff; }
.leadership-journal-health li span { display: grid; gap: .2rem; min-width: 0; }
.leadership-journal-health li strong { color: #143f39; font-size: .96rem; }
.leadership-journal-health li small { color: #5d7771; font-size: .8rem; }
.leadership-journal-health li b { flex: 0 0 auto; padding: .25rem .5rem; border-radius: 999px; background: #e4f2ed; color: #0b6a5e; font-size: .71rem; }
.leadership-workbench { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(18rem, .8fr); gap: 1rem; }
.leadership-workbench-main { min-width: 0; }
.leadership-actions { display: grid; align-content: start; gap: .65rem; }
.leadership-actions .panel-action-disclosure { box-shadow: none; }
.leadership-record-list { display: grid; gap: .55rem; }
.leadership-record { overflow: hidden; border: 1px solid #cde1dc; border-radius: .7rem; background: #fff; }
.leadership-record > summary { display: flex; align-items: center; justify-content: space-between; gap: .9rem; padding: .82rem .9rem; cursor: pointer; list-style: none; }
.leadership-record > summary::-webkit-details-marker { display: none; }
.leadership-record[open] > summary { border-bottom: 1px solid #e1eeeb; background: #f4faf8; }
.leadership-record-title { display: grid; min-width: 0; gap: .18rem; }
.leadership-record-title small { color: #0c7667; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.leadership-record-title strong { overflow-wrap: anywhere; color: #143f39; font-family: var(--font-display, Georgia, serif); font-size: 1.05rem; line-height: 1.18; }
.leadership-record-title span { color: #607a74; font-size: .78rem; }
.leadership-record > summary > b { flex: 0 0 auto; color: #0b7265; }
.leadership-record-body { display: grid; gap: .75rem; padding: .85rem .9rem .95rem; }
.leadership-record-body p { margin: 0; color: #496862; }
.leadership-inline-form { display: grid; gap: .6rem; padding-top: .75rem; border-top: 1px solid #e1eeeb; }
.leadership-inline-form .management-fields { grid-template-columns: minmax(8rem, .5fr) minmax(0, 1.5fr); }
.leadership-state-form { grid-template-columns: minmax(10rem, 1fr) auto; align-items: end; }
.leadership-state-form label { display: grid; gap: .3rem; }
.leadership-extra-functions { background: #fff; }
.leadership-route-list { display: grid; gap: .6rem; margin: 0; padding: 0 1rem 1rem; list-style: none; }
.leadership-route-list li { display: grid; gap: .15rem; padding: .65rem 0; border-bottom: 1px solid #e5efed; }
.leadership-route-list li:last-child { border-bottom: 0; }
.leadership-route-list strong { color: #143f39; font-size: .9rem; }
.leadership-route-list span { color: #5e7872; font-size: .8rem; line-height: 1.38; }

@media (max-width: 980px) {
  .leadership-indicators { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .leadership-workbench { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .leadership-overview, .leadership-journal-health, .leadership-workbench, .leadership-extra-functions { padding: .82rem; }
  .leadership-indicators { grid-template-columns: 1fr; }
  .leadership-indicators article { min-height: 0; }
  .leadership-journal-health li { align-items: flex-start; flex-direction: column; gap: .45rem; }
  .leadership-inline-form .management-fields, .leadership-state-form { grid-template-columns: 1fr; }
}

/* Direct operational workspaces.  These deliberately use one readable,
   collapsible work surface instead of a wall of dashboard cards. */
.role-workspace {
  display: grid;
  max-width: 78rem;
  gap: .9rem;
  color: #163f39;
  font-size: 1rem;
}
.role-workspace-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 1rem 0 1.1rem;
  border-bottom: 1px solid #d3e5e1;
}
.role-workspace-header > div:first-child { min-width: 0; }
.role-workspace-header h2 {
  max-width: 48rem;
  margin: .18rem 0 .42rem;
  color: #093e39;
  font-size: clamp(1.75rem, 3vw, 2.55rem);
  line-height: 1.08;
  overflow-wrap: anywhere;
}
.role-workspace-header p:not(.eyebrow) {
  max-width: 54rem;
  margin: 0;
  color: #4c6f68;
  font-size: 1rem;
  line-height: 1.55;
}
.role-workspace-header-actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: .55rem;
}
.role-command-centre {
  display: grid;
  gap: 1rem;
  padding: clamp(1rem, 2.5vw, 1.35rem);
  border: 1px solid #b8d7cf;
  border-top: .22rem solid #c9a33e;
  border-radius: .9rem;
  background: linear-gradient(145deg, #fafffd 0%, #f2f8f6 100%);
  box-shadow: 0 .75rem 2rem rgba(7, 59, 50, .07);
}
.role-command-centre > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.role-command-centre > header > div { min-width: 0; }
.role-command-centre > header h3 {
  margin: .2rem 0 .35rem;
  color: #093e39;
  font-size: clamp(1.35rem, 2.2vw, 1.8rem);
  line-height: 1.15;
}
.role-command-centre > header p:not(.eyebrow) {
  max-width: 58rem;
  margin: 0;
  color: #486c64;
  line-height: 1.5;
}
.role-command-scope {
  flex: 0 0 auto;
  padding: .38rem .65rem;
  border: 1px solid #bdd8d2;
  border-radius: 999px;
  color: #176b5e;
  background: #fff;
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .05em;
}
.role-command-metrics,
.reviewer-command-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  overflow: hidden;
  border: 1px solid #d2e5e0;
  border-radius: .72rem;
  background: #fff;
}
.role-command-metrics > div,
.reviewer-command-metrics > div {
  min-width: 0;
  padding: .78rem .85rem;
  border-inline-end: 1px solid #e0ece9;
}
.role-command-metrics > div:last-child,
.reviewer-command-metrics > div:last-child { border-inline-end: 0; }
.role-command-metrics dt,
.reviewer-command-metrics dt { color: #59776f; font-size: .76rem; font-weight: 800; line-height: 1.25; }
.role-command-metrics dd,
.reviewer-command-metrics dd { margin: .22rem 0 0; color: #09685d; font-family: var(--font-display, Georgia, serif); font-size: 1.45rem; font-weight: 750; line-height: 1; }
.role-command-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(16rem, .88fr);
  gap: .85rem;
}
.role-command-grid > section,
.role-command-actions {
  min-width: 0;
  padding: .85rem;
  border: 1px solid #d8e8e4;
  border-radius: .72rem;
  background: rgba(255, 255, 255, .82);
}
.role-command-section-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .65rem;
  margin-bottom: .65rem;
}
.role-command-section-title h4 { margin: 0; color: #173f39; font-size: 1rem; }
.role-command-section-title span { color: #617c76; font-size: .76rem; font-weight: 700; }
.role-command-priority,
.role-command-checks {
  display: grid;
  gap: .48rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.role-command-priority li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .58rem .65rem;
  border-left: 3px solid #86b9ad;
  background: #f7fbfa;
}
.role-command-priority li > span { display: grid; gap: .1rem; min-width: 0; }
.role-command-priority strong { overflow-wrap: anywhere; color: #18463f; font-size: .9rem; }
.role-command-priority small,
.role-command-priority time { color: #5f7b74; font-size: .76rem; line-height: 1.3; }
.role-command-priority time { flex: 0 0 auto; font-weight: 750; }
.role-command-priority .role-command-clear { display: grid; justify-content: stretch; border-left-color: #c9a33e; }
.role-command-checks { counter-reset: role-check; }
.role-command-checks li {
  display: grid;
  grid-template-columns: 1.35rem minmax(0, 1fr);
  gap: .5rem;
  align-items: start;
  color: #476a63;
  font-size: .86rem;
  line-height: 1.42;
}
.role-command-checks li::before {
  counter-increment: role-check;
  content: counter(role-check);
  width: 1.25rem;
  height: 1.25rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #237b6d;
  font-size: .7rem;
  font-weight: 850;
}
.role-command-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.role-command-actions > .role-command-section-title { grid-column: 1 / -1; margin: 0; }
.role-command-action {
  overflow: hidden;
  border: 1px solid #cee2dd;
  border-radius: .66rem;
  background: #fff;
}
.role-command-action > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
  min-height: 3.2rem;
  padding: .7rem .75rem;
  cursor: pointer;
  list-style: none;
}
.role-command-action > summary::-webkit-details-marker { display: none; }
.role-command-action > summary > span { display: grid; gap: .08rem; min-width: 0; }
.role-command-action > summary strong { color: #145047; font-size: .9rem; }
.role-command-action > summary small { color: #607c75; font-size: .72rem; }
.role-command-action > summary > b { color: #0b7668; font-size: 1.2rem; }
.role-command-action[open] > summary { border-bottom: 1px solid #e0ece9; background: #f5faf8; }
.role-command-action[open] > summary > b { transform: rotate(45deg); }
.role-command-action > form { display: grid; gap: .65rem; padding: .75rem; }
.role-command-action > form label { display: grid; gap: .3rem; color: #204f47; font-size: .82rem; font-weight: 750; }
.role-command-action > form .management-fields { grid-template-columns: minmax(0, 1fr) minmax(9rem, .45fr); }
.role-command-action > form .role-context-fields { grid-template-columns: 1fr; }
.role-command-action > form .btn { justify-self: start; }
.role-command-guardrail {
  margin: 0;
  padding: .72rem .8rem;
  border-left: 3px solid #c9a33e;
  color: #486961;
  background: #fffaf0;
  font-size: .84rem;
  line-height: 1.45;
}
.role-command-guardrail strong { color: #244e47; }
.role-workspace-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  overflow: hidden;
  border: 1px solid #cfe1dc;
  border-radius: .82rem;
  background: #fff;
}
.role-workspace-summary > div {
  min-width: 0;
  padding: .88rem 1rem;
  border-inline-end: 1px solid #dfede9;
}
.role-workspace-summary > div:last-child { border-inline-end: 0; }
.role-workspace-summary dt {
  color: #56766f;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .02em;
}
.role-workspace-summary dd {
  margin: .25rem 0 0;
  color: #0a6258;
  font-family: var(--font-display, Georgia, serif);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
}
.role-workspace-disclosure,
.role-work-item {
  overflow: hidden;
  border: 1px solid #c8ddd8;
  border-radius: .8rem;
  background: #fff;
}
.role-workspace-disclosure > summary,
.role-work-item > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 3.55rem;
  padding: .85rem 1rem;
  color: #123e38;
  cursor: pointer;
  list-style: none;
  font-size: 1.02rem;
  font-weight: 750;
}
.role-workspace-disclosure > summary::-webkit-details-marker,
.role-work-item > summary::-webkit-details-marker,
.role-link-disclosure > summary::-webkit-details-marker { display: none; }
.role-workspace-disclosure > summary > span,
.role-work-item > summary > span { min-width: 0; }
.role-workspace-disclosure > summary small {
  display: inline-block;
  margin-left: .35rem;
  color: #5c7b74;
  font-size: .82rem;
  font-weight: 600;
}
.role-workspace-disclosure > summary > b,
.role-work-item > summary > b,
.role-link-disclosure > summary > b {
  flex: 0 0 auto;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  border: 1px solid #c9dfda;
  border-radius: 50%;
  color: #0a7466;
  font-size: .95rem;
  transition: transform .18s ease, background .18s ease;
}
.role-workspace-disclosure[open] > summary,
.role-work-item[open] > summary {
  border-bottom: 1px solid #e0eeea;
  background: #f4faf8;
}
.role-workspace-disclosure[open] > summary > b,
.role-work-item[open] > summary > b,
.role-link-disclosure[open] > summary > b {
  background: #e2f2ed;
  transform: rotate(180deg);
}
.role-workspace-disclosure-body {
  display: grid;
  gap: .9rem;
  padding: 1rem;
}
.role-workspace-route .assistant-intro { max-width: 58rem; margin: 0; }
.role-workflow-list {
  display: grid;
  gap: .65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.role-workflow-list li {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: .7rem;
  align-items: start;
  padding: .78rem .85rem;
  border: 1px solid #dbeae6;
  border-radius: .7rem;
  background: #fbfefd;
}
.role-workflow-list li > span {
  width: 1.72rem;
  height: 1.72rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e2f2ed;
  color: #07685c;
  font-size: .84rem;
  font-weight: 800;
}
.role-workflow-list li > div { display: grid; gap: .18rem; min-width: 0; }
.role-workflow-list strong {
  color: #143f39;
  font-size: 1rem;
  line-height: 1.25;
}
.role-workflow-list p {
  margin: 0;
  color: #54736c;
  font-size: .94rem;
  line-height: 1.45;
}
.role-workspace-native > .role-workspace-disclosure-body > *:first-child { margin-top: 0; }
.role-workstream-list,
.role-existing-work,
.role-request-history,
.role-evidence-history { display: grid; gap: .7rem; }
.role-work-item > summary > span { display: grid; gap: .18rem; }
.role-work-item > summary small {
  color: #0b7567;
  font-size: .73rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.role-work-item > summary strong {
  overflow-wrap: anywhere;
  color: #163f39;
  font-family: var(--font-display, Georgia, serif);
  font-size: 1.12rem;
  line-height: 1.16;
}
.role-work-item > summary span span { color: #56766f; font-size: .87rem; font-weight: 500; }
.role-work-item-body { display: grid; gap: .75rem; padding: .95rem 1rem 1rem; }
.role-work-item-body > p { margin: 0; color: #486a63; line-height: 1.52; }
.role-workstream-link { font-size: .9rem; font-weight: 700; }
.role-workstream-update {
  display: grid;
  grid-template-columns: minmax(10rem, .55fr) minmax(0, 1.45fr) auto;
  align-items: end;
  gap: .7rem;
  padding-top: .85rem;
  border-top: 1px solid #e0eeea;
}
.role-workstream-update label,
.role-workstream-form label,
.role-request-form label,
.role-evidence-grid label { display: grid; gap: .35rem; color: #163f39; font-size: .9rem; font-weight: 700; }
.role-workstream-form { display: grid; gap: .8rem; }
.role-workstream-form > .btn { justify-self: start; }
.role-context-fields {
  padding: .8rem;
  border: 1px solid #d5e7e2;
  border-radius: .72rem;
  background: #f7fbfa;
}
.role-context-fields::before {
  grid-column: 1 / -1;
  content: "Datos propios de esta función";
  color: #27675d;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.role-workstream-context {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .35rem .75rem;
  margin: .8rem 0 0;
  padding: .7rem .8rem;
  border-radius: .65rem;
  background: #f6fbf9;
  list-style: none;
}
.role-workstream-context li { display: grid; gap: .08rem; min-width: 0; }
.role-workstream-context span { color: #5a7971; font-size: .78rem; line-height: 1.25; }
.role-workstream-context strong { color: #16463e; font-size: .91rem; line-height: 1.35; overflow-wrap: anywhere; }
.role-link-disclosure {
  overflow: hidden;
  border: 1px dashed #bfd9d3;
  border-radius: .7rem;
  background: #fbfefd;
}
.role-link-disclosure > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .75rem .85rem;
  color: #245d54;
  cursor: pointer;
  list-style: none;
  font-size: .9rem;
  font-weight: 700;
}
.role-link-disclosure > .management-fields { padding: 0 .85rem .85rem; }
.role-collaborator-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem .8rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.role-collaborator-list li {
  display: grid;
  gap: .18rem;
  padding: .72rem .8rem;
  border-left: 3px solid #bfded6;
  background: #f7fbfa;
}
.role-collaborator-list strong { color: #13453e; font-size: .92rem; }
.role-collaborator-list span,
.assistant-intro { margin: 0; color: #587770; font-size: .9rem; line-height: 1.48; }
.role-request-form {
  display: grid;
  grid-template-columns: minmax(13rem, .7fr) minmax(0, 1.3fr);
  gap: .75rem;
  padding-top: .9rem;
  border-top: 1px solid #e1eeeb;
}
.role-request-form label:last-of-type { grid-column: 1 / -1; }
.role-request-form > .btn { justify-self: start; }
.role-request-history { padding-top: .85rem; border-top: 1px solid #e1eeeb; }
.role-request-history h3,
.role-evidence-history h3 { margin: 0; color: #143f39; font-size: 1rem; }
.role-evidence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.role-evidence-grid form {
  display: grid;
  align-content: start;
  gap: .65rem;
  padding: .85rem;
  border: 1px solid #d7e7e3;
  border-radius: .7rem;
  background: #fbfefd;
}
.role-evidence-grid small { color: #5a7971; font-size: .82rem; line-height: 1.45; }
.role-evidence-grid .btn { justify-self: start; }
.role-evidence-history { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: .85rem; border-top: 1px solid #e1eeeb; }
.role-evidence-history > div { display: grid; gap: .55rem; min-width: 0; }
.role-existing-work .account-role-disclosure { box-shadow: none; }
.role-existing-work .panel-queue-list { margin: 0; }
.role-workspace .panel-empty-state {
  margin: 0;
  padding: 1rem;
  border: 1px dashed #c5ddd7;
  border-radius: .7rem;
  color: #587770;
  line-height: 1.5;
}
.role-workspace .panel-access-note { margin: 0; color: #5c7972; font-size: .86rem; line-height: 1.45; }
.journal-execution-workspace {
  display: grid;
  gap: .8rem;
  padding: .1rem 0;
}
.journal-execution-workspace .section-heading {
  margin: 0;
  padding-bottom: .65rem;
  border-bottom: 1px solid #dcebe7;
}
.journal-execution-workspace .section-heading h3 {
  margin: .2rem 0 0;
  color: #153f39;
  font-size: 1.35rem;
}
.journal-execution-workspace .assistant-intro { margin: 0; max-width: 60rem; }
.journal-execution-form { border-top: 1px solid #e1eeeb; }
.journal-execution-form > p { margin: 0; color: #52716a; }
.journal-execution-form label { color: #244f48; font-size: .93rem; font-weight: 700; }
.journal-execution-form textarea { min-height: 7rem; }
.journal-case-workspace {
  display: grid;
  gap: .85rem;
  padding: .15rem 0;
}
.journal-case-workspace .section-heading {
  margin: 0;
  padding-bottom: .65rem;
  border-bottom: 1px solid #dcebe7;
}
.journal-case-workspace .section-heading h3 {
  margin: .2rem 0 0;
  color: #153f39;
  font-size: 1.38rem;
}
.journal-case-workspace > .assistant-intro { margin: 0; max-width: 64rem; }
.editorial-case-work-item > summary span > strong {
  display: block;
  margin: .2rem 0;
  color: #173f39;
  font-family: var(--font-display, Georgia, serif);
  font-size: 1.2rem;
  line-height: 1.2;
}
.editorial-case-work-item > summary span > span,
.editorial-case-work-item > summary span > small { display: block; }
.editorial-case-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem 1rem;
  margin: 0;
  padding: .85rem;
  border: 1px solid #dcebe7;
  border-radius: .7rem;
  background: #fbfefd;
}
.editorial-case-facts div { min-width: 0; }
.editorial-case-facts dt {
  color: #47736a;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.editorial-case-facts dd { margin: .22rem 0 0; color: #294d47; font-size: .96rem; line-height: 1.45; }
.editorial-panel-form-stack { display: grid; gap: .8rem; }
.editorial-panel-form {
  display: grid;
  gap: .7rem;
  padding: 1rem;
  border: 1px solid #d5e7e2;
  border-radius: .75rem;
  background: #fff;
}
.editorial-panel-form h4 { margin: 0; color: #153f39; font-size: 1.08rem; }
.editorial-panel-form > label { display: grid; gap: .35rem; color: #244f48; font-size: .94rem; font-weight: 700; }
.editorial-panel-form textarea { min-height: 6.5rem; }
.editorial-panel-form--decision { border-color: #e5bd74; background: #fffdf8; }
.editorial-panel-form .btn { justify-self: start; }
.editorial-peer-review-list { display: grid; gap: .75rem; }
.editorial-peer-review-list h4 { margin: 0; color: #153f39; font-size: 1.08rem; }
.editorial-peer-review-list ul,
.editorial-reviewer-directory ul {
  display: grid;
  gap: .55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.editorial-peer-review-list li,
.editorial-reviewer-directory li {
  display: grid;
  gap: .16rem;
  padding: .75rem .85rem;
  border: 1px solid #deece8;
  border-radius: .65rem;
  background: #fbfefd;
}
.editorial-peer-review-list li > strong,
.editorial-reviewer-directory li > strong { color: #17443d; font-size: .98rem; }
.editorial-peer-review-list li > span,
.editorial-reviewer-directory li > span,
.editorial-peer-review-list li > small,
.editorial-reviewer-directory li > small { color: #57766f; font-size: .88rem; line-height: 1.4; }
.editorial-peer-review-list li details { margin-top: .35rem; }
.editorial-peer-review-list li details > summary { color: #116c60; cursor: pointer; font-size: .87rem; font-weight: 700; }
.editorial-peer-review-list textarea[readonly] { width: 100%; margin-top: .5rem; min-height: 7rem; resize: vertical; }
.editorial-reviewer-directory { margin-top: .15rem; }
.editorial-reviewer-directory > summary { font-size: 1rem; }

@media (max-width: 820px) {
  .role-workspace-header { display: grid; }
  .role-workspace-header-actions { justify-content: flex-start; }
  .role-command-centre > header { display: grid; }
  .role-command-scope { justify-self: start; }
  .role-command-metrics,
  .reviewer-command-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .role-command-metrics > div:nth-child(2),
  .reviewer-command-metrics > div:nth-child(2) { border-inline-end: 0; }
  .role-command-metrics > div:nth-child(-n + 2),
  .reviewer-command-metrics > div:nth-child(-n + 2) { border-bottom: 1px solid #e0ece9; }
  .role-command-grid { grid-template-columns: 1fr; }
  .role-workspace-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .role-workspace-summary > div:nth-child(2) { border-inline-end: 0; }
  .role-workspace-summary > div:nth-child(-n + 2) { border-bottom: 1px solid #dfede9; }
  .role-workstream-update { grid-template-columns: 1fr 1fr; }
  .role-workstream-update > .btn { justify-self: start; }
  .editorial-case-facts { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .role-workspace { font-size: .98rem; }
  .role-workspace-header h2 { font-size: clamp(1.65rem, 8vw, 2.15rem); }
  .role-workspace-disclosure > summary,
  .role-work-item > summary { padding: .8rem .85rem; }
  .role-workspace-disclosure-body { padding: .85rem; }
  .role-workstream-update,
  .role-request-form,
  .role-evidence-grid,
  .role-evidence-history,
  .role-collaborator-list { grid-template-columns: 1fr; }
  .role-workstream-context { grid-template-columns: 1fr; }
  .role-command-actions { grid-template-columns: 1fr; }
  .role-command-action > form .management-fields { grid-template-columns: 1fr; }
  .role-workflow-list li { grid-template-columns: 1.9rem minmax(0, 1fr); padding: .75rem; }
  .role-workflow-list strong { font-size: .98rem; }
  .role-workflow-list p { font-size: .92rem; }
  .role-request-form label:last-of-type { grid-column: auto; }
}
@media (max-width: 430px) {
  .role-command-metrics,
  .reviewer-command-metrics { grid-template-columns: 1fr; }
  .role-command-metrics > div,
  .role-command-metrics > div:nth-child(2),
  .reviewer-command-metrics > div,
  .reviewer-command-metrics > div:nth-child(2) { border-inline-end: 0; border-bottom: 1px solid #e0ece9; }
  .role-command-metrics > div:last-child,
  .reviewer-command-metrics > div:last-child { border-bottom: 0; }
  .role-workspace-summary { grid-template-columns: 1fr; }
  .role-workspace-summary > div,
  .role-workspace-summary > div:nth-child(2) { border-inline-end: 0; border-bottom: 1px solid #dfede9; }
  .role-workspace-summary > div:last-child { border-bottom: 0; }
}

/* External identity is a primary account route.  It spans the account layout
   before the longer email forms so it is visible without scrolling on both
   desktop and mobile. */
.auth-priority-access { grid-column: 1 / -1; min-width: 0; }
.oauth-auth-options { display: grid; grid-template-columns: minmax(15rem, .78fr) minmax(24rem, 1.22fr); gap: .9rem 1.35rem; align-items: center; padding: 1.15rem 1.3rem 1rem; border: 1px solid #cfddd7; border-top: .2rem solid #d4ad59; border-radius: .9rem; background: linear-gradient(135deg, #fff 0%, #f7fbf9 100%); box-shadow: 0 .8rem 2.1rem rgba(14, 55, 46, .075); }
.oauth-auth-copy { display: grid; gap: .3rem; min-width: 0; }
.oauth-auth-copy .eyebrow { margin: 0; color: #1b7664; font-size: .66rem; }
.oauth-auth-copy strong { color: #143d33; font: 400 clamp(1.2rem, 2vw, 1.55rem)/1.13 Georgia, "Times New Roman", serif; }
.oauth-auth-copy > span { max-width: 46ch; color: #617870; font-size: .8rem; line-height: 1.45; }
.oauth-auth-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.oauth-auth-button { min-height: 4.45rem; display: grid; grid-template-columns: 1.7rem minmax(0, 1fr); grid-template-rows: auto auto; column-gap: .75rem; align-content: center; padding: .72rem .9rem; border: 1px solid #b8cfc6; border-radius: .7rem; background: #fff; box-shadow: 0 .25rem .8rem rgba(13, 58, 45, .055); color: #17352b; text-decoration: none; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.oauth-auth-button svg { grid-row: 1 / span 2; width: 1.65rem; height: 1.65rem; align-self: center; }
.oauth-auth-button span { min-width: 0; font-size: .91rem; font-weight: 850; line-height: 1.15; }
.oauth-auth-button small { margin-top: .16rem; color: #688077; font-size: .67rem; font-weight: 700; line-height: 1.2; }
.oauth-auth-button--orcid { border-color: #c3d9a3; }
.oauth-auth-button:hover { border-color: #0b5f5a; box-shadow: 0 .55rem 1.25rem rgba(13, 58, 45, .12); transform: translateY(-1px); }
.oauth-auth-button:focus-visible { outline: 3px solid rgba(11, 95, 90, .3); outline-offset: 3px; }
.oauth-auth-divider { grid-column: 1 / -1; display: flex; align-items: center; gap: .75rem; color: #71837c; font-size: .68rem; font-weight: 750; letter-spacing: .02em; text-align: center; }
.oauth-auth-divider::before,
.oauth-auth-divider::after { height: 1px; flex: 1; background: #dbe5e1; content: ""; }
.auth-verification-help { min-width: 0; margin: .72rem 0 0; overflow: hidden; border: 1px solid #d5e1dc; border-radius: .7rem; background: rgba(255,255,255,.9); }
.auth-verification-help > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .76rem 1rem; color: #174136; cursor: pointer; list-style: none; }
.auth-verification-help > summary::-webkit-details-marker { display: none; }
.auth-verification-help > summary strong { display: block; font-size: .8rem; }
.auth-verification-help > summary small { display: block; margin-top: .16rem; color: #697e76; font-size: .7rem; line-height: 1.35; }
.auth-verification-help > summary b { color: #a87a28; font-size: 1rem; transition: transform .16s ease; }
.auth-verification-help[open] > summary { border-bottom: 1px solid #e0e8e4; background: #fbfcfb; }
.auth-verification-help[open] > summary b { transform: rotate(180deg); }
.auth-verification-help form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: .7rem; padding: .82rem 1rem .95rem; }
.auth-verification-help label { display: grid; gap: .32rem; color: #173e35; font-size: .72rem; font-weight: 800; }
.auth-verification-help input { min-height: 2.55rem; padding: .55rem .68rem; border: 1px solid #c7d9d1; border-radius: .5rem; background: #fff; color: #153e34; font: inherit; }
.auth-verification-help input:focus-visible { outline: 0; border-color: #177462; box-shadow: 0 0 0 .2rem rgba(30,111,92,.13); }
.auth-verification-help .btn { min-height: 2.55rem; padding-inline: .9rem; font-size: .75rem; white-space: nowrap; }
@media (max-width: 760px) { .oauth-auth-options { grid-template-columns: 1fr; gap: .85rem; padding: 1rem; } }
@media (max-width: 620px) { .oauth-auth-grid { grid-template-columns: 1fr; } .oauth-auth-button { min-height: 4.15rem; } .oauth-auth-divider { font-size: .64rem; } .auth-verification-help form { grid-template-columns: 1fr; } .auth-verification-help .btn { width: 100%; } }

/* Responsive foundation ---------------------------------------------------
   Every ISAIS screen inherits these guardrails. They keep content inside the
   viewport, use fluid gutters/type, and let the established component media
   queries reflow before text, actions or data can collide. */
:root { --isais-responsive-gutter: clamp(.8rem, 3vw, 2rem); }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
*, *::before, *::after { box-sizing: border-box; }
body { min-width: 0; overflow-x: clip; }
:where(img, picture, svg, video, canvas, iframe) { max-inline-size: 100%; }
:where(img, video, canvas) { block-size: auto; }
:where(.container, .narrow, main, section, article, aside, form, .card, .panel, .table-wrap) { min-width: 0; }
:where(input, select, textarea, button, .btn, a.btn) { min-width: 0; max-inline-size: 100%; }
:where(.btn, a.btn) { white-space: normal; overflow-wrap: anywhere; }
:where(.card, .panel, .section-heading, .management-grid, .account-workspace, .editorial-case, .article-record) :is(h1,h2,h3,h4,p,small,span,dd) { overflow-wrap: anywhere; }
.container, .narrow { width: min(calc(100% - (var(--isais-responsive-gutter) * 2)), var(--container)); }
.table-wrap { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }

/* A three-column screen becomes a clear two-stage flow before the individual
   columns get too narrow. This applies to the account journey and avoids
   desktop cards squeezing at laptop/tablet widths. */
@media (max-width: 1100px) {
  .auth-shell { grid-template-columns: 1fr; max-width: 48rem; }
  .auth-intro-panel { min-height: 15.5rem; }
  .auth-intro-copy { margin-top: 2.3rem; }
  .auth-intro-copy h1 { max-width: 18ch; }
}
@media (max-width: 760px) {
  .auth-card-grid { grid-template-columns: 1fr; }
  .auth-page { padding-block: 1rem 2rem; }
  .auth-intro-panel { min-height: auto; padding: 1.3rem; }
  .auth-intro-copy { margin-top: 2.15rem; }
  .auth-intro-copy h1 { font-size: clamp(2rem, 9vw, 2.65rem); }
  .auth-card { min-height: 0; }
}
@media (max-width: 420px) {
  :root { --isais-responsive-gutter: .7rem; }
  .btn, a.btn { width: 100%; }
}

/* v148 — sistema responsive editorial y densidad proporcionada.
   Este bloque final corrige reglas heredadas de hyphenation/anywhere, reduce
   escala sin zoom y establece tres puntos de reflujo estables (1280/1080/760). */
@media (min-width: 761px) {
  html { font-size: clamp(14.5px, calc(13.75px + .06vw), 15.25px); }
}
@media (max-width: 760px) {
  html { font-size: 15.5px; }
}

:where(body, main, section, article, aside, header, footer, nav, form, fieldset,
  h1, h2, h3, h4, h5, h6, p, li, dt, dd, figcaption, blockquote,
  a, span, strong, small, em, b,
  label, legend, summary, button, .btn, .text-link, .tag, .badge, .status-chip,
  .section-heading, .journal-card-meta, .journal-meta) {
  -webkit-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
:where(.isais-feature-card, .isais-program-card, .isais-journal-cover,
  .card, .panel, .notice, .article-card, .professional-card) {
  -webkit-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Únicas cadenas que pueden quebrarse dentro de sí mismas: direcciones y
   referencias técnicas. .breakable queda disponible para datos generados. */
:where(a[href^="mailto:"], a[href^="http://"], a[href^="https://"],
  a[href*="doi.org"], .url, .doi, .email, .breakable, [data-breakable],
  .article-doi, .article-url, code, samp, kbd) {
  -webkit-hyphens: none !important;
  hyphens: none !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

:where(button, .btn, a.btn, .text-link, nav a, nav summary, label, legend,
  .tag, .badge, .status-chip) {
  max-inline-size: 100%;
  white-space: normal;
  text-wrap: balance;
}

/* Ningún rótulo operativo debe desaparecer con puntos suspensivos. Las
   tarjetas pueden crecer una línea y conservan todo el significado. */
:where(.automation-bar-item strong, .account-action-card li strong,
  .management-disclosure-copy strong, .management-disclosure-description,
  .management-disclosure-meta, .media-asset-card h3,
  .media-asset-card > summary strong, .media-asset-card > summary small,
  .account-editorial-queue-card h3, .editorial-command-row > strong,
  .editorial-command-row > small, .workforce-manual-image-option span) {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
@media (min-width: 1081px) {
  .site-header :where(.nav-list a, .nav-list summary) { white-space: nowrap; }
}

:where(main, main section, main article, main aside, main form, main fieldset,
  .container, .narrow, .card, .panel, .table-wrap,
  [class$="-grid"], [class$="-layout"], [class$="-workspace"]) { min-inline-size: 0; }

/* Los fragmentos funcionales no se justifican. Sólo el cuerpo editorial largo
   utiliza una mancha tipográfica justificada en pantallas con anchura suficiente. */
main p:not(.eyebrow) {
  text-align: left !important;
  text-align-last: auto !important;
  line-height: 1.58;
}
@media (min-width: 760px) {
  :where(.policy-content, .article-body, .article-content,
    .editorial-prose, .longform, .rich-text, [data-editorial-prose])
    p:not(.eyebrow):not(.lead):not(.caption) {
    text-align: justify !important;
    text-align-last: left !important;
    line-height: 1.68;
  }
}

/* Densidad base: controles, encabezados y superficies reducen altura sin
   sacrificar el área táctil mínima ni la jerarquía editorial. */
:where(.section, .section-sm) { padding-block: clamp(1.75rem, 3.4vw, 3.35rem); }
:where(.page-hero, .page-hero-compact) { padding-block: clamp(1.65rem, 3vw, 2.8rem); }
:where(.page-hero h1, .section-head h2, .section-heading h2) {
  font-size: clamp(1.75rem, 3vw, 2.85rem);
  line-height: 1.08;
}
:where(.btn, a.btn, button:not([aria-label]):not(.menu-button):not(.header-control)) {
  min-height: 2.45rem;
  padding-block: .55rem;
  line-height: 1.25;
}
:where(.dashboard-card, .profile-card, .professional-card, .pricing-card,
  .account-feature-card, .account-platform-card, .journal-role-card,
  .finder-journal-card, .learning-card, .insight-card) {
  padding: clamp(.9rem, 1.45vw, 1.2rem);
}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]), select, textarea) { min-height: 2.55rem; }

/* Portadas y fichas de revista de inicio: escala de catálogo, no de cartel. */
.isais-home .isais-feature-carousel { width: min(100%, 22.5rem); }
.isais-home .isais-feature-viewport,
.isais-home .isais-feature-slide { min-height: 19.5rem; }
.isais-home .isais-feature-slide { padding: 1.05rem 1.15rem; }
.isais-home .isais-feature-slide h2 { font-size: clamp(1.55rem, 2.45vw, 2rem); }
.isais-home .isais-feature-slide .isais-journal-mark { width: 3.1rem; height: 3.1rem; }
.isais-home .isais-home-journal-card {
  min-height: 0;
  gap: .85rem;
  padding: 1.1rem;
}
.isais-home .isais-home-journal-code { width: 3.65rem; height: 4.8rem; box-shadow: .25rem .25rem 0 #e7ddc9; }
.isais-home .isais-home-journal-card h3 { font-size: clamp(1.45rem, 2vw, 1.9rem); }
.isais-home .isais-home-journal-card p:not(.eyebrow) { margin-bottom: .75rem; font-size: .88rem; line-height: 1.5; }
.isais-home :where(.isais-journal-cover, .mini-current-cover) { width: min(100%, 13.5rem); }
.isais-home .journal-card-cover { height: 6.75rem; }

@media (max-width: 1280px) {
  :root { --isais-responsive-gutter: clamp(.8rem, 2vw, 1.35rem); }
  .container, .narrow { width: min(calc(100% - (var(--isais-responsive-gutter) * 2)), 72rem); }
  .site-header .header-inner { min-height: 64px; }
  .site-header .brand-wordmark { width: clamp(8rem, 12vw, 9.25rem); }
  .site-header .nav-list a,
  .site-header .nav-list > li.nav-dropdown summary { padding-inline: .38rem; font-size: .76rem; }
  :where(.card-grid, .feature-grid, .journal-role-grid, .account-feature-grid,
    .account-platform-grid, .trust-status-grid,
    .isais-home-journal-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .isais-home .isais-home-hero .isais-hero-grid { min-height: 30rem; gap: 2rem; }
}

@media (max-width: 1080px) {
  :where(.split, .split-wide, .auth-shell, .record-workflow-intro,
    .journal-launch-grid, .help-layout, .policy-layout) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  /* Dropdown móvil robusto. Reglas explícitas evitan enlaces blancos sobre
     fondos claros, submenús fantasma y paneles desplazados fuera del viewport. */
  .site-header [data-site-nav] {
    inset-inline: 0;
    width: 100%;
    max-height: min(72dvh, 34rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    visibility: visible;
    opacity: 1;
    background: #073c48 !important;
  }
  .site-header .nav-list,
  .site-header .nav-list > li,
  .site-header .nav-dropdown > details { width: 100%; min-width: 0; }
  .site-header .nav-list a,
  .site-header .nav-list > li.nav-dropdown summary,
  .site-header .nav-dropdown-menu a {
    display: flex !important;
    width: 100%;
    min-height: 2.55rem;
    align-items: center;
    color: #fff !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: .92rem !important;
    line-height: 1.35;
    text-align: left;
  }
  .site-header .nav-list > li.nav-dropdown summary { justify-content: space-between; }
  .site-header .nav-dropdown details:not([open]) > .nav-dropdown-menu { display: none !important; }
  .site-header .nav-dropdown details[open] > .nav-dropdown-menu { display: grid !important; }
  .site-header .nav-dropdown-menu {
    position: static;
    width: 100%;
    padding: .2rem 0 .5rem .8rem;
    transform: none;
    background: transparent;
    box-shadow: none;
  }
  .site-header .nav-dropdown-menu a { min-height: 2.35rem; border-inline-start: 1px solid rgba(255,255,255,.3); }

  .isais-home .isais-home-journal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .isais-home .isais-home-journal-card { grid-template-columns: 3.75rem minmax(0, 1fr); }
}

@media (max-width: 760px) {
  :root { --isais-responsive-gutter: .65rem; }
  .container, .narrow { width: min(calc(100% - 1.3rem), var(--container)); }
  :where(.card-grid, .feature-grid, .journal-role-grid, .account-feature-grid,
    .account-platform-grid, .finder-journal-grid, .trust-status-grid,
    .isais-home-journal-grid, .editorial-team-grid, .books-grid, .article-grid,
    .pricing-grid, .stats-grid, .form-grid) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  :where(.hero-actions, .form-actions, .panel-actions, .card-actions) {
    align-items: stretch;
    flex-direction: column;
  }
  :where(.hero-actions, .form-actions, .panel-actions, .card-actions) > :where(.btn, button, a) {
    width: 100%;
    justify-content: center;
  }
  main p:not(.eyebrow) { text-align: left !important; text-align-last: auto !important; line-height: 1.6; }
  .isais-home .isais-feature-carousel { width: min(100%, 20rem); margin-inline: auto; }
  .isais-home .isais-feature-viewport,
  .isais-home .isais-feature-slide { min-height: 17.25rem; }
  .isais-home .isais-home-journal-card { grid-template-columns: 3.5rem minmax(0, 1fr); }
  .isais-home .isais-home-journal-code { width: 3.25rem; height: 4.25rem; }
}

@media (max-width: 430px) {
  .isais-home .isais-home-journal-card { grid-template-columns: minmax(0, 1fr); }
  .isais-home .isais-home-journal-code { width: 3.1rem; height: 4rem; }
}

/* v148 — hubs de conocimiento y lectura editorial.
   Las nuevas páginas públicas comparten una composición fotográfica compacta,
   tarjetas de temas consistentes y un registro de lectura con apoyo lateral. */
.editorial-photo-split {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(18rem, .92fr);
  gap: clamp(1.35rem, 3.8vw, 3.6rem);
  align-items: center;
}
.editorial-photo-split > * { min-width: 0; }
.editorial-photo-split > figure {
  width: min(100%, 31rem);
  margin: 0;
  justify-self: end;
}
.editorial-photo-split > figure:first-child { justify-self: start; }
.page-hero:has(> .editorial-photo-split) {
  min-height: 0;
  padding-block: clamp(1.5rem, 3vw, 2.45rem) !important;
  color: #173e35;
  background-color: #f4f8f6 !important;
  background-image: linear-gradient(135deg, #fbfdfc 0%, #edf5f2 100%) !important;
  border-bottom: 1px solid #d5e3de;
}
.page-hero:has(> .editorial-photo-split) :where(h1, h2, h3) { color: #113d33 !important; }
.page-hero:has(> .editorial-photo-split) :where(p:not(.eyebrow), .lead, figcaption) { color: #405e56 !important; }
.page-hero:has(> .editorial-photo-split) .eyebrow { color: #16705e !important; }
.page-hero:has(> .editorial-photo-split) .btn-outline { color: #14493d !important; border-color: #6c9a8e !important; background: transparent !important; }
.page-hero:has(> .editorial-photo-split) .btn-outline:hover,
.page-hero:has(> .editorial-photo-split) .btn-outline:focus-visible { color: #fff !important; border-color: #146c5b !important; background: #146c5b !important; }
.editorial-photo {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: center;
  border: 1px solid rgba(178, 203, 195, .78);
  border-radius: .82rem;
  background: #e8f0ed;
  box-shadow: 0 1rem 2.4rem rgba(9, 48, 40, .13);
}
.editorial-photo-split figcaption {
  max-width: 44ch;
  margin-top: .55rem;
  color: #60756e;
  font-size: .73rem;
  line-height: 1.45;
}
.page-hero .editorial-photo-split figcaption { color: rgba(255,255,255,.76); }

.editorial-longform {
  min-width: 0;
  max-width: 58rem;
  color: #23473f;
  font-size: .96rem;
  line-height: 1.68;
}
/* En las notas de Insights, `editorial-longform` envuelve la página completa
   (cabecera, cuerpo y apoyo lateral), no sólo la columna de lectura. Se libera
   únicamente esa envoltura para que el contenedor interior pueda equilibrar
   texto y aside en pantallas amplias; la medida legible permanece controlada
   por `.article-record-content` y sus párrafos. */
[data-editorial-language-root] > [data-editorial-language] > article.editorial-longform {
  width: 100%;
  max-width: none;
}
.container.editorial-longform { margin-inline: auto; }
.editorial-longform > section + section,
.editorial-longform .help-group + .help-group { margin-top: clamp(1.65rem, 3vw, 2.6rem); }
.editorial-longform h2 { margin: 0 0 .72rem; color: #103b32; font-size: clamp(1.45rem, 2.2vw, 2rem); line-height: 1.12; }
.editorial-longform h3 { color: #17493e; line-height: 1.25; }
.editorial-longform :where(.public-list, ol, ul) { padding-inline-start: 1.25rem; }
.editorial-longform :where(li + li) { margin-top: .52rem; }

.editorial-sources {
  margin-top: clamp(1.7rem, 3vw, 2.5rem);
  padding-top: clamp(1.15rem, 2vw, 1.55rem);
  border-top: 1px solid #cbded7;
}
.editorial-sources h2 { margin-bottom: .55rem; }
.editorial-sources > p:not(.eyebrow) { max-width: 66ch; color: #5b716a; font-size: .86rem; }
.editorial-sources a {
  color: #126b59;
  font-weight: 750;
  text-decoration-thickness: 1px;
  text-underline-offset: .16em;
}
.article-record-content > section[id],
.editorial-sources[id] { scroll-margin-top: calc(var(--header-height, 64px) + 1rem); }

.topic-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(.8rem, 1.8vw, 1.2rem);
}
.topic-grid > .card {
  display: flex;
  min-height: 12.25rem;
  flex-direction: column;
  padding: clamp(.95rem, 1.7vw, 1.25rem);
  border: 1px solid #d2e2dc;
  border-top: 3px solid #8dbfb3;
  border-radius: .76rem;
  background: #fff;
  box-shadow: 0 .6rem 1.5rem rgba(16, 59, 50, .055);
}
.topic-grid > .card h3 { margin: .5rem 0 .62rem; color: #123e35; font-size: clamp(1.13rem, 1.6vw, 1.4rem); line-height: 1.18; }
.topic-grid > .card > p:not(.eyebrow) { margin-bottom: .8rem; color: #526b63; font-size: .88rem; line-height: 1.56; }
.topic-grid > .card .text-link { margin-top: auto; }

/* Las notas de Insights integran la fotografía como cabecera editorial, sin
   convertirla en una portada sobredimensionada. */
.topic-grid > .insight-card {
  display: grid;
  min-height: 0;
  grid-template-rows: auto minmax(0, 1fr);
  padding: 0;
  overflow: hidden;
}
.topic-grid > .insight-card > .editorial-photo {
  aspect-ratio: 16 / 9;
  border: 0;
  border-bottom: 1px solid #d2e2dc;
  border-radius: 0;
  box-shadow: none;
}
.topic-grid > .insight-card > div { display: flex; min-width: 0; flex-direction: column; padding: 1rem 1.05rem 1.1rem; }
.topic-grid > .insight-card h2 { margin: .45rem 0 .65rem; font-size: clamp(1.18rem, 1.7vw, 1.48rem); line-height: 1.14; }
.topic-grid > .insight-card h2 a { color: inherit; text-decoration: none; }
.topic-grid > .insight-card h2 a:hover,
.topic-grid > .insight-card h2 a:focus-visible { color: #087760; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .16em; }

/* El registro admite los dos esquemas reales: navegación+contenido+aside o
   únicamente contenido+aside. Así un capítulo/insight no cae en la columna
   estrecha reservada al índice de un artículo científico. */
.article-record-layout { grid-template-columns: minmax(0, 1fr) minmax(15.5rem, 19rem); gap: clamp(1.35rem, 3vw, 2.8rem); }
.article-record-layout:has(> .article-record-nav) { grid-template-columns: 11.5rem minmax(0, 1fr) minmax(15.5rem, 19rem); }
.article-record-content:first-child:nth-last-child(2) { grid-column: 1; }
.article-record-content:first-child:nth-last-child(2) + .article-record-aside { grid-column: 2; }
.article-record-content { max-width: 54rem; }
.article-record-content > section { margin-bottom: clamp(1.6rem, 3vw, 2.25rem); }
.article-record-content > section:last-child { margin-bottom: 0; }
.article-record-aside {
  top: calc(var(--header-height, 64px) + 1rem);
  max-height: calc(100vh - var(--header-height, 64px) - 2rem);
  overflow-y: auto;
  padding-right: .2rem;
  scrollbar-width: thin;
}
.editorial-toc {
  display: grid;
  gap: .3rem;
  padding: .95rem 1rem;
  border: 1px solid #d1e2dc;
  border-radius: .7rem;
  background: #f7fbf9;
}
.editorial-toc a { padding: .32rem 0; color: #2c5b50; font-size: .82rem; line-height: 1.35; text-decoration: none; }
.editorial-toc a:hover,
.editorial-toc a:focus-visible { color: #087760; text-decoration: underline; text-underline-offset: .16em; }

.trust-callout {
  padding: clamp(.95rem, 1.8vw, 1.3rem);
  border: 1px solid #c7ddd6;
  border-left: 4px solid #1b7a66;
  border-radius: .72rem;
  background: linear-gradient(135deg, #f8fcfa, #edf7f3);
  box-shadow: 0 .55rem 1.35rem rgba(15, 61, 51, .055);
}
.trust-callout h2,
.trust-callout h3 { margin: .42rem 0 .62rem; color: #123e35; font-size: clamp(1.12rem, 1.65vw, 1.42rem); line-height: 1.2; }
.trust-callout :where(p:last-child, ul:last-child, ol:last-child) { margin-bottom: 0; }

@media (min-width: 760px) {
  :where(.editorial-longform, .article-record-content)
    p:not(.eyebrow):not(.lead):not(.caption) {
    text-align: justify !important;
    text-align-last: left !important;
    line-height: 1.68;
  }
}

@media (max-width: 1080px) {
  .editorial-photo-split { grid-template-columns: minmax(0, 1fr) minmax(16rem, .82fr); gap: 1.35rem; }
  .topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .article-record-layout,
  .article-record-layout:has(> .article-record-nav) { grid-template-columns: minmax(0, 1fr) minmax(15rem, 18rem); }
  .article-record-nav { display: none; }
  .article-record-content:first-child:nth-last-child(2) { grid-column: 1; }
  .article-record-content:first-child:nth-last-child(2) + .article-record-aside { grid-column: 2; }
}

@media (max-width: 760px) {
  .editorial-photo-split,
  .article-record-layout,
  .article-record-layout:has(> .article-record-nav) { grid-template-columns: minmax(0, 1fr); }
  .editorial-photo-split { gap: 1.15rem; }
  .editorial-photo-split > figure,
  .editorial-photo-split > figure:first-child { width: 100%; justify-self: stretch; }
  .editorial-photo { aspect-ratio: 4 / 3; border-radius: .68rem; }
  .topic-grid { grid-template-columns: minmax(0, 1fr); }
  .topic-grid > .card { min-height: 0; }
  .article-record-content,
  .article-record-aside,
  .article-record-content:first-child:nth-last-child(2),
  .article-record-content:first-child:nth-last-child(2) + .article-record-aside {
    grid-column: 1;
  }
  .article-record-aside { position: static; max-height: none; overflow: visible; padding-right: 0; }
  :where(.editorial-longform, .article-record-content) p:not(.eyebrow) {
    text-align: left !important;
    text-align-last: auto !important;
    line-height: 1.62;
  }
}

/* v161 — viewport contract.
   Every public and private surface must fit the physical viewport without
   relying on a particular browser zoom, font renderer or device width. */
html,
body {
  max-inline-size: 100%;
  overflow-x: hidden;
}

@media (max-width: 760px) {
  :where(body, main, .site-header, .site-footer, .page-hero, .app-hero,
    .journal-masthead, [data-editorial-language-root], [data-editorial-language]) {
    max-inline-size: 100vw;
  }

  :where(.container, .narrow, .header-inner, .editorial-photo-split,
    .article-record-layout, .submission-workspace-grid) {
    inline-size: calc(100% - 1rem) !important;
    max-inline-size: calc(100vw - 1rem) !important;
    min-inline-size: 0 !important;
    margin-inline: auto !important;
  }

  .site-header .header-inner {
    grid-template-columns: minmax(0, 1fr) 2.65rem;
    grid-template-rows: auto auto;
    grid-template-areas:
      "brand menu"
      "actions actions";
    column-gap: .45rem;
  }
  .site-header .header-actions {
    grid-area: actions;
    display: grid;
    grid-template-columns: minmax(3.45rem, auto) repeat(3, 2.38rem);
    justify-content: end;
    justify-self: stretch;
    inline-size: 100%;
    max-inline-size: 100%;
    gap: .35rem;
  }
  .site-header .header-actions > * { min-inline-size: 0; }
  .site-header .header-control,
  .site-header .header-actions .account-icon-link {
    inline-size: 2.38rem !important;
    min-inline-size: 2.38rem !important;
    block-size: 2.38rem !important;
    min-block-size: 2.38rem !important;
    padding: 0 !important;
  }
  .site-header .language-switcher {
    inline-size: 3.65rem;
    min-inline-size: 3.65rem;
    margin: 0;
  }
  .site-header .language-switcher select {
    inline-size: 3.65rem;
    min-inline-size: 3.65rem;
    block-size: 2.38rem;
    min-block-size: 2.38rem;
    padding: 0 .45rem;
    background-image: none;
    text-align: center;
    text-align-last: center;
  }

  :where(.editorial-photo-split, .editorial-photo-split > *,
    .page-hero .container, .app-hero .container, .journal-masthead .container,
    .journal-masthead-copy, .journal-launch-copy, .section-heading,
    .section-head, .hero-actions, .cookie-consent-copy,
    .cookie-consent-actions) {
    inline-size: 100%;
    max-inline-size: 100%;
    min-inline-size: 0;
  }

  :where(main h1, main h2, main h3, .page-hero h1, .app-hero h1,
    .journal-masthead h1, .journal-launch-copy h1) {
    max-inline-size: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: none !important;
    text-wrap: balance;
  }
  :where(main p, main li, main a, main label, main dt, main dd,
    .site-footer a, .site-footer p) {
    max-inline-size: 100%;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  .cookie-consent-inner {
    display: grid !important;
    inline-size: calc(100% - 1rem);
    max-inline-size: calc(100vw - 1rem);
    gap: .65rem;
    margin-inline: auto;
    padding-block: .75rem;
  }
  .cookie-consent-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-content: stretch;
    gap: .45rem;
    margin-top: 0;
  }
  .cookie-consent-actions .btn {
    inline-size: 100%;
    min-inline-size: 0;
  }
  .cookie-consent-settings { inline-size: 100%; min-inline-size: 0; }
}

@media (max-width: 420px) {
  .site-header .brand-wordmark { inline-size: min(8.25rem, 100%); }
  .page-hero h1,
  .app-hero h1,
  .journal-masthead h1 { font-size: clamp(2rem, 10.5vw, 2.72rem) !important; }
}

@media (max-width: 620px) {
  .journal-local-nav .container {
    overflow-x: visible;
  }
  .journal-local-nav ul {
    display: flex;
    min-inline-size: 0;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 .2rem;
    padding-block: .25rem;
  }
  .journal-local-nav li { min-inline-size: 0; }
  .journal-local-nav a {
    min-block-size: 2.6rem;
    padding: .5rem .52rem;
    font-size: .76rem;
    text-align: center;
  }
  .journal-local-nav .journal-submit-item { margin-left: 0; }
  .journal-local-nav .journal-submit-item a { padding-inline: .72rem; }
}

@media (max-width: 760px) {
  .account-side-nav,
  .control-side-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
    gap: .38rem;
    padding-bottom: 0;
  }
  .account-side-nav > *,
  .control-side-nav > * {
    min-inline-size: 0 !important;
    max-inline-size: 100%;
  }
  .account-side-link,
  .control-side-link,
  .account-side-link-primary {
    display: flex;
    min-inline-size: 0 !important;
    align-items: center;
    white-space: normal;
    overflow-wrap: anywhere !important;
    border: 1px solid #d8e4df;
    border-left: .18rem solid transparent;
    border-radius: .5rem;
    background: #fff;
  }
  .account-side-link.is-active,
  .control-side-link.is-active {
    border-color: #8fc9bb;
    border-left-color: #168271;
  }
  .account-side-link-primary { margin: 0; }
  .account-side-link-primary + .account-side-link-primary { margin-top: 0; }
  .account-side-group,
  .account-side-panel-shelf,
  .control-side-group {
    grid-column: 1 / -1;
  }
}
/* --------------------------------------------------------------------------
   Asynchronous meeting coordination
   -------------------------------------------------------------------------- */
.meeting-workspace,
.meeting-detail {
  display: grid;
  gap: clamp(1.25rem, 2vw, 2rem);
}

.meeting-create-disclosure {
  border: 1px solid rgba(24, 109, 90, .28);
  border-radius: 1rem;
  background: linear-gradient(135deg, #f8fbfa 0%, #fff 70%);
  box-shadow: 0 1.1rem 3rem rgba(14, 58, 49, .06);
  overflow: hidden;
}

.meeting-create-disclosure > summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  list-style: none;
  min-height: 5rem;
  padding: 1.2rem 1.45rem;
}

.meeting-create-disclosure > summary::-webkit-details-marker { display: none; }
.meeting-create-disclosure > summary span { display: grid; gap: .22rem; }
.meeting-create-disclosure > summary small {
  color: #147964;
  font-size: .69rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.meeting-create-disclosure > summary strong { color: #0e332b; font-size: 1.2rem; }
.meeting-create-disclosure > summary b {
  align-items: center;
  border: 1px solid #add0c5;
  border-radius: 50%;
  display: flex;
  height: 2rem;
  justify-content: center;
  transition: transform .2s ease;
  width: 2rem;
}
.meeting-create-disclosure[open] > summary b { transform: rotate(45deg); }

.meeting-create-form {
  border-top: 1px solid #dfe9e5;
  display: grid;
  gap: 1.4rem;
  padding: 1.5rem;
}

.meeting-form-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.meeting-form-grid .is-wide { grid-column: 1 / -1; }
.meeting-form-grid label,
.meeting-slot-builder label,
.meeting-participant-picker legend,
.meeting-group-picker legend,
.meeting-alternative-form label,
.meeting-record-editor label {
  color: #12382f;
  font-size: .78rem;
  font-weight: 800;
}

.meeting-slot-builder,
.meeting-group-picker,
.meeting-participant-picker fieldset {
  border: 1px solid #d5e4df;
  border-radius: .85rem;
  margin: 0;
  min-width: 0;
  padding: 1rem;
}
.meeting-slot-builder > p,
.meeting-participant-picker small { color: #5e726b; font-size: .75rem; }
.meeting-slot-builder [data-meeting-slots] {
  display: grid;
  gap: .8rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: .8rem 0;
}
.meeting-participant-picker {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.meeting-participant-picker select { min-height: 12rem; }
.meeting-people-section {
  display: grid;
  gap: 1rem;
  padding: 1.1rem;
  border: 1px solid #cbded8;
  border-radius: 1rem;
  background: #f7fbf9;
}
.meeting-people-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
}
.meeting-people-heading .eyebrow { margin: 0 0 .3rem; }
.meeting-people-heading h3 { margin: 0; font-size: 1.05rem; }
.meeting-people-heading > small { max-width: 24rem; color: #5e726b; text-align: right; }
.meeting-organizer-notice {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .75rem .9rem;
  border: 1px solid #badbd1;
  border-radius: .8rem;
  background: #eaf6f2;
}
.meeting-organizer-notice > span {
  display: grid;
  place-items: center;
  flex: 0 0 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #187661;
  color: #fff;
  font-weight: 900;
}
.meeting-organizer-notice p,
.meeting-organizer-notice strong,
.meeting-organizer-notice small { display: block; margin: 0; }
.meeting-organizer-notice small { margin-top: .15rem; color: #587068; }
.meeting-person-choice-list {
  display: grid;
  align-content: start;
  gap: .45rem;
  max-height: 17rem;
  overflow: auto;
  padding: .2rem;
}
.meeting-person-choice {
  display: flex;
  align-items: center;
  gap: .7rem;
  min-height: 3.5rem;
  padding: .6rem .7rem;
  border: 1px solid #d8e5e1;
  border-radius: .7rem;
  background: #fff;
  color: #173b32;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.meeting-person-choice:hover { border-color: #74ae9e; }
.meeting-person-choice:has(input:checked) {
  border-color: #23836d;
  background: #e8f5f1;
  box-shadow: inset .22rem 0 #23836d;
}
.meeting-person-choice input { flex: 0 0 auto; width: 1.05rem; height: 1.05rem; margin: 0; accent-color: #187661; }
.meeting-person-choice span,
.meeting-person-choice strong,
.meeting-person-choice small { display: block; min-width: 0; }
.meeting-person-choice strong { font-size: .82rem; line-height: 1.25; }
.meeting-person-choice small { margin-top: .18rem; color: #667b74; font-size: .7rem; line-height: 1.3; }
.meeting-person-empty { margin: .5rem; color: #6c7c77; font-size: .78rem; }
.meeting-group-picker > div {
  display: grid;
  gap: .7rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.meeting-group-columns {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.meeting-group-picker label,
.meeting-auto-confirm {
  align-items: flex-start;
  color: #35534b;
  display: flex;
  font-size: .82rem;
  gap: .55rem;
  line-height: 1.45;
}
.meeting-group-picker input,
.meeting-auto-confirm input { flex: 0 0 auto; margin-top: .15rem; width: auto; }

.meeting-list {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.meeting-list-card {
  background: #fff;
  border: 1px solid #d6e3df;
  border-left: .26rem solid #2b9680;
  border-radius: .85rem;
  color: #17352e;
  display: grid;
  gap: .75rem;
  min-width: 0;
  padding: 1.25rem;
  text-decoration: none;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.meeting-list-card:hover {
  border-color: #60ad9b;
  box-shadow: 0 1rem 2.8rem rgba(13, 64, 53, .09);
  transform: translateY(-2px);
}
.meeting-list-card.is-draft { border-left-color: #9aa9a4; }
.meeting-list-card.is-scheduled { border-left-color: #c79b3c; }
.meeting-list-card.is-completed { border-left-color: #73867f; }
.meeting-list-card > header,
.meeting-list-card > footer,
.meeting-detail-top {
  align-items: center;
  display: flex;
  gap: .8rem;
  justify-content: space-between;
}
.meeting-list-card h3 { font-family: Georgia, serif; font-size: 1.35rem; margin: 0; overflow-wrap: anywhere; }
.meeting-list-card p { color: #536b64; line-height: 1.55; margin: 0; }
.meeting-list-card footer { border-top: 1px solid #edf2f0; font-size: .76rem; padding-top: .8rem; }
.meeting-list-card footer strong { color: #147964; }

.meeting-state {
  background: #e5f3ef;
  border-radius: 999px;
  color: #176956;
  display: inline-flex;
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .07em;
  padding: .42rem .68rem;
  text-transform: uppercase;
}
.meeting-state.is-scheduled { background: #f6e8bd; color: #694d12; }
.meeting-state.is-draft { background: #edf0ef; color: #586761; }
.meeting-state.is-cancelled { background: #f4dede; color: #8b3434; }

.meeting-detail-heading {
  align-items: end;
  background: linear-gradient(135deg, #0d4035, #185e4e);
  border-radius: 1rem;
  color: #fff;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: minmax(0, 1.45fr) minmax(17rem, .55fr);
  padding: clamp(1.4rem, 3vw, 2.4rem);
}
.meeting-detail-heading h2 { color: #fff; font-family: Georgia, serif; font-size: clamp(1.8rem, 3vw, 2.8rem); margin: .3rem 0 .65rem; }
main .meeting-detail-heading p:not(.eyebrow) { color: rgba(255,255,255,.86); line-height: 1.65; margin: 0; }
.meeting-detail-heading .eyebrow { color: #edcf7d; }
.meeting-detail-heading dl {
  border-left: 1px solid rgba(255,255,255,.25);
  display: grid;
  gap: .8rem;
  margin: 0;
  padding-left: 1.4rem;
}
.meeting-detail-heading dl div { display: grid; gap: .15rem; }
.meeting-detail-heading dt { color: rgba(255,255,255,.64); font-size: .67rem; letter-spacing: .09em; text-transform: uppercase; }
.meeting-detail-heading dd { font-weight: 800; margin: 0; }

.meeting-confirmed-banner,
.meeting-agenda-card {
  background: #fbf5e7;
  border: 1px solid #e3c77e;
  border-radius: .9rem;
  padding: 1.15rem 1.3rem;
}
.meeting-confirmed-banner { align-items: center; display: flex; gap: 1rem; justify-content: space-between; }
.meeting-confirmed-banner > div:first-child { display: grid; gap: .18rem; }
.meeting-confirmed-banner strong { color: #563e11; font-family: Georgia, serif; font-size: 1.35rem; }
.meeting-confirmed-banner small,
.meeting-confirmed-banner span { color: #76653f; }
.meeting-agenda-card > div { color: #3f574f; line-height: 1.7; }
.meeting-launch-form {
  align-items: center;
  background: #edf7f3;
  border: 1px solid #a8d2c6;
  border-radius: .8rem;
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.2rem;
}
.meeting-launch-form::before {
  color: #34584e;
  content: "El borrador aún es privado. Envíalo cuando horarios y participantes estén listos.";
  font-size: .78rem;
  line-height: 1.45;
}

.meeting-coordination-layout {
  align-items: start;
  display: grid;
  gap: 1.2rem;
  grid-template-columns: minmax(0, 1fr) 18rem;
}
.meeting-coordination-layout > main,
.meeting-participant-panel,
.meeting-followup-grid > article,
.meeting-record-editor {
  background: #fff;
  border: 1px solid #d8e5e1;
  border-radius: .95rem;
  min-width: 0;
  padding: 1.2rem;
}
.meeting-calendar-toolbar { align-items: end; display: flex; gap: 1rem; justify-content: space-between; margin-bottom: 1rem; }
.meeting-timezone-form label {
  align-items: flex-start;
  color: #49635c;
  display: grid;
  font-size: .67rem;
  font-weight: 800;
  gap: .25rem;
  white-space: nowrap;
}
.meeting-timezone-form select { min-width: 13.5rem; }
.meeting-timezone-readonly { color: #61766f; font-size: .74rem; }
.meeting-calendar-toolbar h3,
.meeting-participant-panel h3,
.meeting-followup-grid h3 { font-family: Georgia, serif; margin: .25rem 0 0; }
.meeting-week-labels,
.meeting-calendar-grid {
  display: grid;
  gap: .45rem;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.meeting-week-labels { color: #678078; font-size: .65rem; font-weight: 800; margin-bottom: .35rem; text-align: center; text-transform: uppercase; }
.meeting-calendar-day {
  background: #f8faf9;
  border: 1px solid #e3ece9;
  border-radius: .65rem;
  min-height: 5.8rem;
  min-width: 0;
  padding: .45rem;
}
.meeting-calendar-day.is-empty { background: transparent; border-color: transparent; }
.meeting-calendar-day.has-slots { background: #f0f8f5; border-color: #a8d2c6; grid-column: span 2; }
.meeting-calendar-day > header { align-items: center; display: flex; justify-content: space-between; margin-bottom: .45rem; }
.meeting-calendar-day > header span { color: #72847e; display: none; font-size: .62rem; text-transform: uppercase; }
.meeting-calendar-day > header strong { font-size: .8rem; }
.meeting-slot-card {
  background: #fff;
  border: 1px solid #d8e6e1;
  border-radius: .6rem;
  display: grid;
  gap: .45rem;
  margin-top: .45rem;
  min-width: 0;
  padding: .65rem;
}
.meeting-slot-card.is-blocked { border-color: #dfb7b7; }
.meeting-slot-card > header { align-items: center; display: flex; justify-content: space-between; }
.meeting-slot-card > header strong { color: #10483c; font-size: 1rem; }
.meeting-slot-card > header small { color: #6d7c77; font-size: .6rem; }
.meeting-slot-card p { color: #5e716a; font-size: .65rem; line-height: 1.35; margin: 0; }
.meeting-availability-bar { background: #edf1f0; border-radius: 999px; display: flex; height: .35rem; overflow: hidden; }
.meeting-availability-bar span { flex: var(--count, 0); min-width: 0; }
.meeting-availability-bar .is-available { background: #2c9b77; }
.meeting-availability-bar .is-maybe { background: #d7ae4b; }
.meeting-availability-bar .is-unavailable { background: #bd6666; }
.meeting-vote-people { display: flex; flex-wrap: wrap; gap: .25rem; }
.meeting-vote-person,
.meeting-avatar {
  align-items: center;
  background: #eaf2ef;
  border: 2px solid #91c5b7;
  border-radius: 50%;
  color: #174a3e;
  display: inline-flex;
  font-size: .57rem;
  font-weight: 800;
  height: 1.65rem;
  justify-content: center;
  width: 1.65rem;
}
.meeting-vote-person.is-maybe { border-color: #d7ae4b; }
.meeting-vote-person.is-unavailable { border-color: #bd6666; }
.meeting-vote-form { display: grid; gap: .4rem; }
.meeting-vote-form > div { display: grid; gap: .25rem; grid-template-columns: 1fr; }
.meeting-vote-choice {
  background: transparent;
  border: 1px solid #cbdad5;
  border-radius: .35rem;
  color: #36584f;
  cursor: pointer;
  font-size: .61rem;
  font-weight: 800;
  min-height: 1.85rem;
  padding: .25rem;
}
.meeting-vote-choice.is-selected,
.meeting-vote-choice:hover { background: #e4f3ee; border-color: #2c9b77; }
.meeting-vote-choice.is-unavailable.is-selected { background: #f7e8e8; border-color: #bd6666; }
.meeting-vote-form input { font-size: .62rem; min-height: 2rem; padding: .35rem; }
.meeting-slot-card .btn { font-size: .62rem; min-height: 2rem; padding: .35rem .5rem; width: 100%; }

.meeting-participant-panel { position: sticky; top: 5rem; }
.meeting-participant-panel ul,
.meeting-followup-grid ul { display: grid; gap: .75rem; list-style: none; margin: 1rem 0 0; padding: 0; }
.meeting-participant-panel li { align-items: center; display: flex; gap: .65rem; }
.meeting-participant-panel li div { display: grid; gap: .14rem; min-width: 0; }
.meeting-participant-panel li strong { font-size: .78rem; overflow-wrap: anywhere; }
.meeting-participant-panel li small { color: #687a74; font-size: .63rem; line-height: 1.35; }
.meeting-attendance-toggle,
.meeting-action-toggle {
  appearance: none;
  background: transparent;
  border: 0;
  color: #147964;
  cursor: pointer;
  font: inherit;
  font-size: .64rem;
  font-weight: 800;
  padding: .15rem 0;
  text-align: left;
  text-decoration: underline;
  text-underline-offset: .16rem;
}
.meeting-attendance-toggle.is-attended { color: #82601c; }
.meeting-followup-grid li.is-completed strong { color: #72817c; text-decoration: line-through; }
.meeting-avatar { flex: 0 0 auto; height: 2.1rem; width: 2.1rem; }
.meeting-alternative-form { align-items: end; border-top: 1px solid #e5edeb; display: grid; gap: .8rem; grid-template-columns: minmax(0,1fr) auto; margin-top: 1rem; padding-top: 1rem; }

.meeting-followup-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.meeting-followup-grid li a,
.meeting-followup-grid li span { display: grid; gap: .12rem; text-decoration: none; }
.meeting-followup-grid li strong { color: #173b32; font-size: .8rem; }
.meeting-followup-grid li small { color: #65766f; font-size: .68rem; }
.meeting-followup-grid form { display: grid; gap: .55rem; margin-top: 1rem; }
.meeting-empty { color: #71817c; font-size: .75rem; }
.meeting-record-editor > summary { cursor: pointer; font-weight: 800; list-style: none; }
.meeting-record-editor > summary::-webkit-details-marker { display: none; }
.meeting-record-editor form { display: grid; gap: 1rem; margin-top: 1rem; }

@media (max-width: 1100px) {
  .meeting-calendar-day.has-slots { grid-column: span 3; }
  .meeting-coordination-layout { grid-template-columns: minmax(0, 1fr); }
  .meeting-participant-panel { position: static; }
}

@media (max-width: 760px) {
  .meeting-form-grid,
  .meeting-participant-picker,
  .meeting-list,
  .meeting-followup-grid,
  .meeting-detail-heading { grid-template-columns: 1fr; }
  .meeting-detail-heading dl { border-left: 0; border-top: 1px solid rgba(255,255,255,.25); padding-left: 0; padding-top: 1rem; }
  .meeting-slot-builder [data-meeting-slots],
  .meeting-group-picker > div,
  .meeting-group-columns { grid-template-columns: 1fr; }
  .meeting-confirmed-banner,
  .meeting-calendar-toolbar,
  .meeting-launch-form { align-items: flex-start; flex-direction: column; }
  .meeting-timezone-form,
  .meeting-timezone-form label,
  .meeting-timezone-form select { width: 100%; }
  .meeting-week-labels { display: none; }
  .meeting-calendar-grid { grid-template-columns: 1fr; }
  .meeting-calendar-day.is-empty { display: none; }
  .meeting-calendar-day,
  .meeting-calendar-day.has-slots { grid-column: auto; min-height: 0; }
  .meeting-calendar-day:not(.has-slots) { display: none; }
  .meeting-calendar-day > header span { display: inline; }
  .meeting-alternative-form { grid-template-columns: 1fr; }
  .meeting-people-heading { align-items: flex-start; flex-direction: column; }
  .meeting-people-heading > small { text-align: left; }
}

/* v181 — four-journal catalogue: a balanced 2×2 composition with covers
   large enough to read as editorial photography rather than small icons. */
@media (min-width: 1081px) {
  .isais-home .isais-home-journal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .isais-home .isais-home-journal-card {
    display: grid;
    min-height: 20.5rem;
    grid-template-columns: minmax(7.5rem, 9rem) minmax(0, 1fr);
    align-items: stretch;
  }
  .isais-home .isais-home-journal-code {
    width: 100%;
    height: 100%;
    min-height: 14rem;
    background-position: 68% center;
    background-size: cover;
  }
}

@media (min-width: 761px) and (max-width: 1080px) {
  .isais-home .isais-home-journal-card { grid-template-columns: 6rem minmax(0, 1fr); }
  .isais-home .isais-home-journal-code {
    width: 100%;
    height: 100%;
    min-height: 10rem;
    background-position: 68% center;
    background-size: cover;
  }
}

/* v182 — a journal cover is a compact, readable editorial card.  The
   configured image remains visible, while a stable contrast layer prevents
   pale artwork or a long editorial value from breaking its composition. */
.isais-home .isais-feature-carousel {
  position: relative;
  width: min(100%, 23.5rem);
  min-height: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 1rem;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible;
}
.isais-home .isais-feature-viewport { min-height: 23.5rem; }
.isais-home .isais-feature-slide {
  display: flex;
  min-height: 23.5rem;
  padding: 1.2rem 1.25rem 1.15rem;
  border: 1px solid rgba(239, 208, 139, .58);
  border-radius: 1rem;
  background-position: 66% center;
  background-size: cover;
  box-shadow: 0 1.15rem 2.4rem rgba(1, 19, 16, .24);
  flex-direction: column;
  isolation: isolate;
  overflow: hidden;
}
.isais-home .isais-feature-slide::before {
  background: linear-gradient(104deg, rgba(3, 21, 25, .95) 0%, rgba(4, 27, 30, .89) 54%, rgba(5, 34, 35, .58) 100%) !important;
}
.isais-home .isais-feature-slide .isais-journal-mark {
  width: 3.25rem;
  height: 3.25rem;
  margin: .2rem 0 .75rem !important;
  background: rgba(4, 31, 30, .92);
  font-size: .96rem;
}
.isais-home .isais-feature-slide .eyebrow {
  display: block;
  max-width: 100%;
  min-height: 0;
  margin: 0 0 .45rem;
  color: #efd08b;
  font-size: .6rem;
  font-weight: 850;
  letter-spacing: .115em;
  line-height: 1.25;
  overflow: visible;
  text-transform: uppercase;
  white-space: nowrap;
}
.isais-home .isais-feature-slide h2 {
  display: block;
  max-width: 13.5ch;
  min-height: 0 !important;
  margin: 0 0 .5rem;
  color: #fff;
  font-size: clamp(1.58rem, 2.3vw, 2rem);
  line-height: 1.01;
  overflow: visible !important;
  text-wrap: balance;
}
.isais-home .isais-feature-slide > p:not(.eyebrow) {
  display: block;
  max-width: 22rem;
  min-height: 0;
  margin: 0;
  color: rgba(255, 255, 255, .9);
  font-size: .8rem;
  line-height: 1.38;
  overflow: visible;
}
.isais-home .isais-feature-rule { margin: auto 0 .8rem; }
.isais-home .isais-feature-slide .isais-feature-cta {
  min-height: 2.55rem;
  padding: .58rem .88rem;
  border-color: #147d68;
  background: #147d68;
  color: #fff;
  font-size: .82rem;
}
.isais-home .isais-carousel-controls {
  position: absolute;
  z-index: 5;
  top: .6rem;
  right: .6rem;
  display: flex;
  align-items: center;
  gap: .3rem;
  margin: 0;
  padding: .2rem;
  border: 1px solid rgba(255,255,255,.19);
  border-radius: 999px;
  background: rgba(4, 26, 28, .46);
  box-shadow: 0 .35rem 1rem rgba(0,0,0,.16);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}
.isais-home .isais-carousel-controls > button {
  width: 1.82rem;
  height: 1.82rem;
  border-color: transparent;
  background: transparent;
  font-size: .83rem;
}
.isais-home .isais-carousel-controls > button:hover,
.isais-home .isais-carousel-controls > button:focus-visible {
  border-color: rgba(239,208,139,.82);
  background: rgba(255,255,255,.09);
  color: #f5d78e;
}
.isais-home .isais-carousel-dots { gap: .05rem; }
.isais-home .isais-carousel-dots button { width: 1rem; height: 1.5rem; }
.isais-home .isais-carousel-dots button::before { width: .34rem; height: .34rem; }
.isais-home .isais-carousel-dots button.is-active::before { width: .84rem; }

.workforce-org-group-toggle[role="button"] {
  position: relative;
  z-index: 3;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
}
.workforce-org-group-toggle[role="button"]:hover { border-color: #1a806c; color: #0c6657; }
.workforce-org-group-toggle[role="button"]:focus-visible {
  outline: 3px solid rgba(30,130,107,.42);
  outline-offset: 3px;
}

@media (max-width: 540px) {
  .isais-home .isais-feature-carousel { width: min(100%, 20.5rem); }
  .isais-home .isais-feature-viewport,
  .isais-home .isais-feature-slide { min-height: 21.5rem; }
  .isais-home .isais-feature-slide { padding: 1.05rem 1.08rem; }
  .isais-home .isais-feature-slide h2 { font-size: clamp(1.58rem, 8.5vw, 1.95rem); }
}

/* Account security controls: compact enough for the workspace, with recovery
   material visibly separated from ordinary profile fields. */
.account-security-grid { display: grid; gap: 1.15rem; }
.mfa-security-card,
.mfa-recovery-card,
.account-session-card { padding: clamp(1.1rem, 2.4vw, 1.6rem); }
.mfa-enrollment-grid { display: grid; grid-template-columns: minmax(9rem, 12rem) 1fr; gap: 1.4rem; align-items: start; }
.mfa-setup-qr { width: 100%; height: auto; padding: .55rem; background: #fff; border: 1px solid var(--line, #cbded9); border-radius: .75rem; }
.mfa-secret { display: inline-block; max-width: 100%; padding: .45rem .6rem; overflow-wrap: anywhere; background: #f2f7f5; border: 1px solid #cbded9; border-radius: .4rem; letter-spacing: .08em; }
.mfa-recovery-card { border-color: #c99b32; background: #fffaf0; }
.mfa-recovery-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem 1rem; padding: 0; list-style: none; }
.mfa-recovery-list code { font-size: 1rem; letter-spacing: .08em; }
.account-session-list { display: grid; gap: .55rem; padding: 0; list-style: none; }
.account-session-list li { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: .75rem 0; border-bottom: 1px solid #dbe8e4; }
.account-session-list div { display: grid; gap: .15rem; }
.account-session-list small { color: #55716b; }
@media (max-width: 680px) {
  .mfa-enrollment-grid { grid-template-columns: 1fr; }
  .mfa-setup-qr { width: min(12rem, 100%); }
  .mfa-recovery-list { grid-template-columns: 1fr; }
}

/* v186 — operational readiness and author-proof controls. */
.platform-readiness-register .status-pill { display: inline-flex; width: fit-content; white-space: normal; }
.platform-readiness-register .status-pill.is-ready { border-color: #96cabc; background: #e9f6f1; color: #0b6452; }
.platform-readiness-register .status-pill.is-waiting { border-color: #dec78d; background: #fff8e8; color: #795917; }
.author-proof-section { margin-block: 1.25rem; }
.author-proof-card { display: grid; align-content: start; gap: .8rem; }
.author-proof-card form,
.journal-proof-upload { display: grid; gap: .8rem; }
.journal-proof-upload { margin: 0 1rem 1rem; padding-top: 1rem; border-top: 1px solid #dbe8e4; }
.author-proof-card label,
.journal-proof-upload label { display: grid; gap: .35rem; font-weight: 700; }
@media (max-width: 720px) {
  .platform-readiness-register table { min-width: 42rem; }
}

/* v193 — a calm global header: two deliberate routes stay visible while the
   complete information architecture lives behind one accessible menu. */
.site-header { z-index: 1800; }
.site-header .header-inner {
  position: relative;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto 2.75rem !important;
  grid-template-rows: auto !important;
  grid-template-areas: "brand primary actions menu" !important;
  gap: clamp(.55rem, 1.2vw, 1rem) !important;
  min-height: 72px !important;
  padding-block: .45rem !important;
}
.site-header .brand { grid-area: brand !important; min-width: 0; }
.site-header .brand-wordmark { width: clamp(8.2rem, 12vw, 10.2rem) !important; max-width: 100%; }
.header-primary-actions {
  grid-area: primary;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .55rem;
  min-width: 0;
}
.header-primary-actions a {
  display: inline-flex;
  min-height: 2.55rem;
  align-items: center;
  justify-content: center;
  padding: .62rem 1rem;
  border: 1px solid #b8d0c9;
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.header-publish-cta { color: #fff; border-color: #146c5b !important; background: #146c5b; box-shadow: 0 .45rem 1.2rem rgba(20,108,91,.18); }
.header-primary-actions a:hover,
.header-primary-actions a:focus-visible { transform: translateY(-1px); box-shadow: 0 .55rem 1.25rem rgba(14,78,66,.16); }
.site-header .header-actions { grid-area: actions !important; justify-self: end; }
.site-header .menu-button {
  grid-area: menu !important;
  display: inline-flex !important;
  width: 2.75rem;
  height: 2.75rem;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: .28rem;
  margin: 0;
  padding: .65rem;
  border: 1px solid #c6d8d2;
  border-radius: 50%;
  color: #0d493f;
  background: #fff;
  cursor: pointer;
}
.site-header .menu-button > span:not(.sr-only) {
  display: block;
  width: 1rem;
  height: 1px;
  flex: 0 0 1px;
  background: currentColor;
  transition: transform .2s ease, opacity .2s ease;
}
.nav-open .site-header .menu-button > span:nth-of-type(2) { transform: translateY(.29rem) rotate(45deg); }
.nav-open .site-header .menu-button > span:nth-of-type(3) { opacity: 0; }
.nav-open .site-header .menu-button > span:nth-of-type(4) { transform: translateY(-.29rem) rotate(-45deg); }
.site-header [data-site-nav] {
  position: absolute !important;
  inset: calc(100% + .55rem) 0 auto auto !important;
  z-index: 1802 !important;
  display: block !important;
  width: min(58rem, calc(100vw - 2rem)) !important;
  max-height: min(78dvh, 44rem) !important;
  padding: clamp(1rem, 2vw, 1.45rem) !important;
  overflow: auto !important;
  overscroll-behavior: contain;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none;
  transform: translateY(-.65rem) scale(.985) !important;
  transform-origin: top right;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 1.1rem;
  background: linear-gradient(145deg,#073f36,#052f2a 62%,#082d38) !important;
  box-shadow: 0 1.6rem 4rem rgba(3,35,30,.28) !important;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.nav-open .site-header [data-site-nav] {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto;
  transform: translateY(0) scale(1) !important;
}
body.nav-open { overflow: hidden; }
body.nav-open::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 1700;
  background: rgba(4,24,22,.38);
  backdrop-filter: blur(2px);
}
.site-header [data-site-nav] .nav-list {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr));
  align-items: start !important;
  gap: .45rem 1.1rem !important;
  width: 100%;
}
.site-header [data-site-nav] .nav-list > li { width: 100%; min-width: 0; }
.site-header [data-site-nav] .nav-list > li > a,
.site-header [data-site-nav] .nav-list > li.nav-dropdown summary {
  display: flex !important;
  width: 100%;
  min-height: 2.8rem;
  align-items: center;
  justify-content: space-between;
  padding: .72rem .8rem !important;
  color: #fff !important;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.14);
  border-radius: .5rem;
  background: transparent !important;
  font-size: .92rem !important;
  font-weight: 800 !important;
  text-decoration: none;
  cursor: pointer;
  list-style: none;
}
.site-header [data-site-nav] .nav-list > li > a:hover,
.site-header [data-site-nav] .nav-list > li > a:focus-visible,
.site-header [data-site-nav] .nav-list > li.nav-dropdown summary:hover,
.site-header [data-site-nav] .nav-list > li.nav-dropdown summary:focus-visible { background: rgba(255,255,255,.09) !important; }
.site-header [data-site-nav] .nav-explain-link { color: #f2cf78 !important; }
.site-header [data-site-nav] .nav-dropdown > details { position: static !important; width: 100%; }
.site-header [data-site-nav] .nav-dropdown summary::-webkit-details-marker { display: none; }
.site-header [data-site-nav] .nav-dropdown summary::after { content: "+" !important; color: #e7c56f; font-size: 1.15rem; }
.site-header [data-site-nav] .nav-dropdown details[open] summary::after { content: "−" !important; }
.site-header [data-site-nav] .nav-dropdown-menu {
  position: static !important;
  display: grid;
  gap: .12rem;
  width: 100%;
  min-width: 0;
  padding: .3rem 0 .65rem .7rem !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}
.site-header [data-site-nav] .nav-dropdown-menu a {
  display: block !important;
  min-height: 2.25rem;
  padding: .5rem .7rem !important;
  color: rgba(255,255,255,.84) !important;
  border-inline-start: 1px solid rgba(231,197,111,.42);
  border-radius: 0 .4rem .4rem 0;
  font-size: .82rem !important;
  line-height: 1.35;
  text-decoration: none;
  white-space: normal !important;
}
.site-header [data-site-nav] .nav-dropdown-menu a:hover,
.site-header [data-site-nav] .nav-dropdown-menu a:focus-visible { color: #fff !important; background: rgba(255,255,255,.08) !important; }

@media (max-width: 760px) {
  .site-header .header-inner {
    grid-template-columns: minmax(7rem,1fr) auto 2.55rem !important;
    grid-template-rows: auto auto !important;
    grid-template-areas: "brand actions menu" "primary primary primary" !important;
    gap: .38rem .45rem !important;
    width: calc(100% - 1rem) !important;
    padding-block: .35rem .5rem !important;
  }
  .site-header .brand-wordmark { width: clamp(7.2rem,28vw,8.4rem) !important; }
  .site-header .header-actions {
    display: grid !important;
    grid-template-columns: 3.35rem repeat(3,2.25rem) !important;
    gap: .25rem !important;
    width: auto !important;
  }
  .site-header .header-control,
  .site-header .header-actions .account-icon-link { width: 2.25rem !important; min-width: 2.25rem !important; height: 2.25rem !important; min-height: 2.25rem !important; }
  .site-header .language-switcher,
  .site-header .language-switcher select { width: 3.35rem !important; min-width: 3.35rem !important; height: 2.25rem !important; min-height: 2.25rem !important; }
  .site-header .menu-button { width: 2.55rem; height: 2.55rem; }
  .header-primary-actions { display: grid; grid-template-columns: 1fr; width: 100%; gap: .4rem; }
  .header-primary-actions a { min-height: 2.3rem; padding: .55rem .65rem; font-size: .72rem; }
  .site-header [data-site-nav] { inset: calc(100% + .35rem) 0 auto auto !important; width: 100% !important; max-height: calc(100dvh - 8.5rem) !important; border-radius: .9rem; }
  .site-header [data-site-nav] .nav-list { grid-template-columns: 1fr !important; }
}

@media (max-width: 430px) {
  .site-header .header-actions { grid-template-columns: 3.25rem repeat(3,2.15rem) !important; }
  .site-header .header-control,
  .site-header .header-actions .account-icon-link { width: 2.15rem !important; min-width: 2.15rem !important; height: 2.15rem !important; min-height: 2.15rem !important; }
  .site-header .language-switcher,
  .site-header .language-switcher select { width: 3.25rem !important; min-width: 3.25rem !important; }
}

@media (prefers-reduced-motion: reduce) {
  .header-primary-actions a,
  .site-header [data-site-nav],
  .site-header .menu-button > span:not(.sr-only) { transition: none !important; }
}

/* ISAIS Explains story feed — visual immediacy with reader-controlled pace.
   The page borrows the clarity of vertical social feeds without autoplay,
   infinite loading or concealed evidence. */
html, body { overflow-x: clip !important; }
.science-feed-section {
  background:
    radial-gradient(circle at 8% 8%, rgba(21,120,101,.09), transparent 28rem),
    linear-gradient(180deg,#f6faf8,#edf5f2 55%,#f7faf9);
}
.science-feed-shell {
  display: grid;
  grid-template-columns: 5.2rem minmax(0,1fr);
  gap: clamp(1rem,2.8vw,2.5rem);
  align-items: start;
}
.science-feed-rail {
  position: sticky;
  top: 6.3rem;
  z-index: 8;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .4rem;
  padding: .7rem;
  border: 1px solid #bcd5cf;
  border-radius: 1rem;
  background: rgba(255,255,255,.88);
  box-shadow: 0 .8rem 2rem rgba(7,63,54,.1);
  backdrop-filter: blur(12px);
}
.science-feed-rail > span {
  grid-column: 1 / -1;
  color: #8d691d;
  font-family: Georgia,"Times New Roman",serif;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
}
.science-feed-rail button {
  display: grid;
  width: 100%;
  min-height: 2.25rem;
  place-items: center;
  border: 1px solid #bcd5cf;
  border-radius: 999px;
  color: #0c5d50;
  background: #fff;
  cursor: pointer;
}
.science-feed-rail button:hover,
.science-feed-rail button:focus-visible { color: #fff; border-color: #126e5e; background: #126e5e; }
.science-feed-rail small {
  grid-column: 1 / -1;
  color: #58716b;
  font-size: .62rem;
  line-height: 1.35;
  text-align: center;
}
.science-feed[data-science-feed] { gap: clamp(1.4rem,3.5vw,3rem); }
.science-feed[data-science-feed] .science-feed-card {
  min-height: min(43rem,calc(100svh - 8rem));
  scroll-margin-top: 6rem;
  border-color: rgba(9,91,77,.24);
  box-shadow: 0 1.5rem 4rem rgba(6,58,49,.11);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.science-feed[data-science-feed] .science-feed-card:hover {
  transform: translateY(-.2rem);
  border-color: rgba(9,91,77,.42);
  box-shadow: 0 1.8rem 4.5rem rgba(6,58,49,.15);
}
.science-feed[data-science-feed] .science-feed-visual img { min-height: 100%; }
.science-story-count {
  position: absolute;
  z-index: 2;
  top: 1rem;
  right: 1rem;
  display: inline-flex;
  align-items: baseline;
  gap: .2rem;
  padding: .48rem .65rem;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 999px;
  color: #fff;
  background: rgba(3,35,31,.72);
  font-size: .77rem;
  letter-spacing: .04em;
  backdrop-filter: blur(8px);
}
.science-story-count i { color: #e6c266; font-style: normal; }
.science-feed[data-science-feed] .science-feed-copy { position: relative; padding: clamp(1.7rem,4vw,3.8rem); }
.science-feed[data-science-feed] .science-feed-copy h2 { max-width: 16ch; font-size: clamp(2rem,4.2vw,4rem); }
.science-feed[data-science-feed] .science-feed-copy > p { max-width: 58ch; font-size: clamp(1rem,1.4vw,1.15rem); line-height: 1.7; }
.science-story-next {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: .55rem;
  margin-top: clamp(1.2rem,3vw,2.2rem);
  padding: .55rem 0;
  border: 0;
  color: #0b6557;
  background: transparent;
  font: inherit;
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .06em;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}
.science-story-next span {
  display: grid;
  width: 1.85rem;
  height: 1.85rem;
  place-items: center;
  border: 1px solid #8bb9af;
  border-radius: 50%;
  transition: transform .18s ease, background .18s ease;
}
.science-story-next:hover span,
.science-story-next:focus-visible span { color: #fff; background: #0b6557; transform: translateY(.18rem); }
.science-feed-card.is-science-story-current { border-color: #b88a2f !important; }

@media (max-width: 900px) {
  .science-feed-shell { grid-template-columns: 1fr; }
  .science-feed-rail {
    top: 7.5rem;
    display: flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    margin: 0 0 .4rem auto;
    padding: .45rem .55rem;
    border-radius: 999px;
  }
  .science-feed-rail > span { min-width: 4.2rem; }
  .science-feed-rail button { width: 2.1rem; min-height: 2.1rem; }
  .science-feed-rail small { display: none; }
  .science-feed[data-science-feed] .science-feed-card { min-height: 0; }
}

@media (max-width: 700px) {
  .science-feed-section { padding-top: 3rem; }
  .science-feed-rail { top: 8.15rem; }
  .science-feed[data-science-feed] { gap: 1.15rem; }
  .science-feed[data-science-feed] .science-feed-card {
    min-height: calc(100svh - 9.4rem);
    scroll-margin-top: 8.7rem;
    border-radius: 1.15rem;
  }
  .science-feed[data-science-feed] .science-feed-visual { min-height: 38svh; }
  .science-feed[data-science-feed] .science-feed-visual img { min-height: 38svh; }
  .science-feed[data-science-feed] .science-feed-copy { padding: 1.35rem; }
  .science-feed[data-science-feed] .science-feed-copy h2 { max-width: none; font-size: clamp(1.85rem,9vw,2.8rem); }
  .science-feed[data-science-feed] .science-card-foot { margin-top: 1.2rem; }
}

@media (prefers-reduced-motion: reduce) {
  .science-feed[data-science-feed] .science-feed-card,
  .science-story-next span { transition: none !important; }
}

/* v194 — compact editorial scale for ISAIS Explains. The hierarchy remains
   distinctive, but no single heading, image or story monopolises a viewport. */
.page-context-explain .science-hero {
  padding: clamp(2.35rem, 4vw, 3.8rem) 0;
}
.page-context-explain .science-hero-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(19rem, .66fr);
  gap: clamp(2rem, 4vw, 3.8rem);
}
.page-context-explain .science-hero h1 {
  max-width: 15ch;
  font-size: clamp(2.8rem, 4.25vw, 4.15rem);
  line-height: .98;
}
.page-context-explain .science-hero .lead {
  max-width: 42rem;
  font-size: clamp(1rem, 1.25vw, 1.13rem);
  line-height: 1.58;
}
.page-context-explain .science-hero figure {
  width: min(100%, 27rem);
  margin-inline-start: auto;
}
.page-context-explain .science-hero figure img {
  max-height: 22.5rem;
  aspect-ratio: 4 / 3;
}
.page-context-explain .science-hero figcaption {
  padding: .68rem .8rem;
  font-size: .76rem;
}
.page-context-explain .science-trust-strip article { padding: 1rem; }
.page-context-explain .section { padding-block: clamp(2.8rem, 4.5vw, 4.5rem); }
.page-context-explain .section-head { margin-bottom: clamp(1.45rem, 3vw, 2.4rem); }
.page-context-explain .science-filter-row { margin: 1.1rem 0 1.7rem; }
.page-context-explain .science-feed-shell {
  grid-template-columns: 4.6rem minmax(0, 1fr);
  gap: clamp(.9rem, 2vw, 1.7rem);
}
.page-context-explain .science-feed-rail { padding: .55rem; }
.page-context-explain .science-feed[data-science-feed] {
  max-width: 66rem;
  gap: clamp(1.1rem, 2.4vw, 1.9rem);
}
.page-context-explain .science-feed[data-science-feed] .science-feed-card {
  min-height: 0;
  grid-template-columns: minmax(15rem, .62fr) minmax(0, 1.18fr);
  border-radius: 1.15rem;
  box-shadow: 0 1rem 3rem rgba(6,58,49,.09);
}
.page-context-explain .science-feed[data-science-feed] .science-feed-card:nth-child(even) {
  grid-template-columns: minmax(0, 1.18fr) minmax(15rem, .62fr);
}
.page-context-explain .science-feed[data-science-feed] .science-feed-visual img {
  min-height: 22rem;
  max-height: 27rem;
}
.page-context-explain .science-feed[data-science-feed] .science-feed-copy {
  padding: clamp(1.45rem, 3vw, 2.5rem);
}
.page-context-explain .science-feed[data-science-feed] .science-feed-copy h2 {
  max-width: 18ch;
  font-size: clamp(1.85rem, 3vw, 2.9rem);
  line-height: 1.03;
}
.page-context-explain .science-feed[data-science-feed] .science-feed-copy > p {
  font-size: .98rem;
  line-height: 1.58;
}
.page-context-explain .science-card-foot { padding-top: .9rem; }
.page-context-explain .science-story-next { margin-top: .8rem; }

.page-context-explain .science-detail-hero { padding: 1.9rem 0 2.4rem; }
.page-context-explain .science-back { margin-bottom: 1.15rem; }
.page-context-explain .science-detail-grid {
  grid-template-columns: minmax(0, 1.16fr) minmax(18rem, .58fr);
  gap: clamp(2rem, 4vw, 3.5rem);
}
.page-context-explain .science-detail-grid h1 {
  max-width: 17ch;
  font-size: clamp(2.45rem, 3.6vw, 3.4rem);
  line-height: 1;
}
.page-context-explain .science-detail-grid .lead {
  max-width: 48rem;
  font-size: 1.05rem;
  line-height: 1.6;
}
.page-context-explain .science-detail-grid figure {
  width: min(100%, 25rem);
  margin-inline-start: auto;
}
.page-context-explain .science-detail-grid img {
  max-height: 20rem;
  aspect-ratio: 4 / 3;
}
.page-context-explain .science-reading-layout {
  grid-template-columns: minmax(0, 1fr) 19rem;
  gap: clamp(2rem, 4vw, 3.5rem);
}
.page-context-explain .science-article-body {
  font-size: 1.04rem;
  line-height: 1.72;
}
.page-context-explain .science-record-card { padding: 1.2rem; }
.page-context-explain .science-evidence-grid article { padding: 1.15rem 1.25rem; }
.page-context-explain .science-evidence-grid span { font-size: 1.55rem; }

@media (max-width: 1000px) {
  .page-context-explain .science-hero-grid,
  .page-context-explain .science-detail-grid,
  .page-context-explain .science-reading-layout { grid-template-columns: 1fr; }
  .page-context-explain .science-hero figure,
  .page-context-explain .science-detail-grid figure {
    width: min(100%, 31rem);
    margin-inline: 0;
  }
}

@media (max-width: 700px) {
  .page-context-explain .science-hero { padding: 1.8rem 0 2rem; }
  .page-context-explain .science-hero-grid { gap: 1.4rem; }
  .page-context-explain .science-hero h1 {
    max-width: 14ch;
    font-size: clamp(2.05rem, 9.2vw, 2.65rem);
  }
  .page-context-explain .science-hero .lead { font-size: .96rem; line-height: 1.5; }
  .page-context-explain .science-hero .hero-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
  }
  .page-context-explain .science-hero .hero-actions .btn {
    min-height: 2.65rem;
    padding: .65rem .55rem;
    font-size: .76rem;
  }
  .page-context-explain .science-hero .science-scope-note { margin-top: .8rem; }
  .page-context-explain .science-hero figure img { max-height: 11rem; }
  .page-context-explain .science-hero figcaption { left: .65rem; right: .65rem; bottom: .65rem; }
  .page-context-explain .science-trust-strip article { padding: .85rem .95rem; }
  .page-context-explain .section { padding-block: 2.6rem; }
  .page-context-explain .science-feed-shell { grid-template-columns: 1fr; }
  .page-context-explain .science-feed[data-science-feed] .science-feed-card,
  .page-context-explain .science-feed[data-science-feed] .science-feed-card:nth-child(even) {
    min-height: 0;
    grid-template-columns: 1fr;
  }
  .page-context-explain .science-feed[data-science-feed] .science-feed-visual,
  .page-context-explain .science-feed[data-science-feed] .science-feed-visual img {
    min-height: 14.5rem;
    max-height: 16.5rem;
  }
  .page-context-explain .science-feed[data-science-feed] .science-feed-copy { padding: 1.15rem; }
  .page-context-explain .science-feed[data-science-feed] .science-feed-copy h2 {
    font-size: clamp(1.75rem, 8vw, 2.25rem);
  }
  .page-context-explain .science-detail-hero { padding: 1.45rem 0 1.9rem; }
  .page-context-explain .science-detail-grid { gap: 1.35rem; }
  .page-context-explain .science-back { margin-bottom: .8rem; }
  .page-context-explain .science-detail-grid h1 { font-size: clamp(2.05rem, 9vw, 2.55rem); }
  .page-context-explain .science-detail-grid .lead { font-size: .96rem; line-height: 1.5; }
  .page-context-explain .science-detail-actions { margin: .85rem 0; }
  .page-context-explain .science-detail-grid img { max-height: 11rem; }
}

/* v197 — ISAIS Explains knowledge network. Finite discovery, visible evidence,
   public identities and learning paths replace the former linear microsite. */
.science-network-nav {
  position: sticky;
  z-index: 35;
  top: 0;
  border-bottom: 1px solid #c8dad6;
  background: rgba(250,252,251,.96);
  backdrop-filter: blur(16px);
}
.science-network-nav .container {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 1rem;
  align-items: center;
  min-height: 3.7rem;
}
.science-network-brand { display:flex; align-items:center; gap:.55rem; color:#073e35; text-decoration:none; white-space:nowrap; }
.science-network-brand span { display:grid; width:2rem; height:2rem; place-items:center; border:1px solid #c39835; border-radius:50%; background:#073e35; color:#f0c866; font-family:var(--font-serif); font-size:.78rem; }
.science-network-brand b { font-size:.88rem; }
.science-network-links { display:flex; justify-content:center; gap:.2rem; overflow-x:auto; scrollbar-width:none; }
.science-network-links::-webkit-scrollbar { display:none; }
.science-network-links a,.science-network-actions a { padding:.58rem .72rem; border-radius:999px; color:#395a54; font-size:.77rem; font-weight:800; text-decoration:none; white-space:nowrap; }
.science-network-links a:hover,.science-network-links a.is-active { background:#e4f0ed; color:#075f53; }
.science-network-actions { display:flex; align-items:center; gap:.35rem; }
.science-network-actions>a:first-child { border:1px solid #0d6b5d; color:#0b6558; }
.science-network-account { color:#fff!important; background:#0c685b; }
.science-network-hero { overflow:hidden; padding:clamp(2.5rem,5vw,4.6rem) 0; color:#fff; background:radial-gradient(circle at 90% 10%,rgba(214,174,68,.14),transparent 31%),linear-gradient(115deg,#042f29,#073d35 58%,#082d39); }
.science-network-hero-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(18rem,.62fr); gap:clamp(2rem,5vw,5rem); align-items:center; }
.science-network-hero h1 { max-width:15ch; color:#fff; font-size:clamp(2.7rem,5vw,4.8rem); line-height:.98; letter-spacing:-.04em; }
.science-network-hero .lead { max-width:46rem; color:rgba(255,255,255,.8); font-size:clamp(1rem,1.5vw,1.18rem); }
.science-network-hero .hero-actions .btn.btn-outline { color:#fff !important; border-color:rgba(255,255,255,.55) !important; background:rgba(255,255,255,.04) !important; }
.science-network-hero .hero-actions .btn.btn-outline:hover,
.science-network-hero .hero-actions .btn.btn-outline:focus-visible { color:#052f29 !important; border-color:#fff !important; background:#fff !important; }
.science-hero-carousel { --science-hero-accent:#edc967; position:relative; isolation:isolate; width:100%; min-height:clamp(22rem,34vw,29rem); border:1px solid rgba(239,202,103,.58); border-radius:1.45rem; background:#062c2a; box-shadow:0 2.2rem 5.5rem rgba(0,0,0,.28); }
.science-hero-carousel::before { content:""; position:absolute; z-index:-2; inset:-.75rem .8rem .8rem -.75rem; border:1px solid rgba(237,201,103,.3); border-radius:1.7rem; transform:rotate(-1deg); }
.science-hero-carousel::after { content:""; position:absolute; z-index:4; top:1rem; right:1rem; width:4.5rem; height:4.5rem; opacity:.48; pointer-events:none; background-image:radial-gradient(circle,rgba(255,255,255,.68) 1px,transparent 1.25px); background-size:.65rem .65rem; mask-image:linear-gradient(135deg,#000,transparent 72%); }
.science-hero-carousel-track { position:absolute; inset:0; overflow:hidden; border-radius:inherit; }
.science-hero-slide { --slide-panel:linear-gradient(145deg,rgba(5,64,55,.98),rgba(7,103,87,.92)); position:absolute; inset:0; overflow:hidden; visibility:hidden; opacity:0; transform:scale(1.018); transition:opacity .7s ease,transform 1.05s cubic-bezier(.2,.72,.2,1),visibility .7s; }
.science-hero-slide:nth-child(2) { --science-hero-accent:#8bc8c1; --slide-panel:linear-gradient(145deg,rgba(6,48,62,.98),rgba(13,92,102,.92)); }
.science-hero-slide:nth-child(3) { --science-hero-accent:#e6b45a; --slide-panel:linear-gradient(145deg,rgba(58,47,24,.97),rgba(126,91,31,.92)); }
.science-hero-slide.is-active { visibility:visible; opacity:1; transform:scale(1); }
.science-hero-slide img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.88) contrast(1.07); transform:scale(1.08) translateX(1.5%); transition:transform 4.8s cubic-bezier(.18,.7,.18,1),filter .7s ease; }
.science-hero-slide.is-active img { transform:scale(1.015) translateX(0); }
.science-hero-slide::before { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(1,28,25,.2),transparent 62%),linear-gradient(0deg,rgba(1,24,22,.6),transparent 52%); pointer-events:none; }
.science-hero-slide>div { position:absolute; z-index:2; inset:0 auto 0 0; display:flex; width:min(65%,24rem); flex-direction:column; justify-content:flex-end; align-items:flex-start; padding:clamp(1.5rem,3vw,2.35rem) clamp(3.6rem,5vw,5.1rem) clamp(4.9rem,7vw,5.7rem) clamp(1.4rem,3vw,2.2rem); color:#fff; background:var(--slide-panel); clip-path:polygon(0 0,80% 0,100% 100%,0 100%); }
.science-hero-slide>div::before { content:""; position:absolute; top:0; bottom:0; right:12%; width:1px; opacity:.45; background:linear-gradient(transparent,var(--science-hero-accent),transparent); transform:skewX(-10deg); }
.science-hero-slide p { margin:0 0 .75rem; color:var(--science-hero-accent) !important; font-size:.7rem; font-weight:900; letter-spacing:.16em; }
.science-hero-slide h2 { max-width:9.6em; margin:0 0 1.15rem; color:#fff; font-size:clamp(1.7rem,3vw,2.65rem); line-height:.97; letter-spacing:-.035em; text-wrap:balance; }
.science-hero-slide a { display:inline-flex; min-height:2.55rem; align-items:center; padding:.65rem .95rem; border:1px solid rgba(255,255,255,.55); border-radius:999px; color:#fff; background:rgba(255,255,255,.08); font-size:.78rem; font-weight:850; text-decoration:none; backdrop-filter:blur(.4rem); }
.science-hero-slide a:hover,.science-hero-slide a:focus-visible { color:#073d35; border-color:#fff; background:#fff; }
.science-hero-carousel-controls { position:absolute; z-index:7; right:1rem; bottom:1rem; display:flex; align-items:center; gap:.22rem; padding:.32rem; border:1px solid rgba(255,255,255,.34); border-radius:999px; background:rgba(3,35,32,.76); box-shadow:0 .75rem 2rem rgba(0,0,0,.24); backdrop-filter:blur(.75rem); }
.science-hero-carousel-controls>button { display:grid; width:2.2rem; height:2.2rem; place-items:center; padding:0; border:0; border-radius:50%; color:#fff; background:transparent; font:inherit; cursor:pointer; }
.science-hero-carousel-controls>button:hover,.science-hero-carousel-controls>button:focus-visible { color:#062e29; background:#fff; }
.science-hero-carousel-dots { display:flex; align-items:center; gap:.28rem; padding-inline:.3rem; }
.science-hero-carousel-dots button { position:relative; width:1.8rem; height:.35rem; overflow:hidden; padding:0; border:0; border-radius:999px; background:rgba(255,255,255,.34); cursor:pointer; }
.science-hero-carousel-dots button::after { content:""; position:absolute; inset:0; border-radius:inherit; background:#f0cb69; transform:scaleX(0); transform-origin:left; }
.science-hero-carousel-dots button.is-active::after { animation:scienceHeroProgress var(--science-hero-duration,2800ms) linear forwards; }
.science-hero-carousel.is-paused .science-hero-carousel-dots button.is-active::after { animation-play-state:paused; }
@keyframes scienceHeroProgress { to { transform:scaleX(1); } }
.science-network-search { display:grid; grid-template-columns:1fr auto; max-width:43rem; margin:1.5rem 0 1rem; padding:.35rem; border:1px solid rgba(255,255,255,.28); border-radius:999px; background:rgba(255,255,255,.1); }
.science-network-search input { min-width:0; border:0; color:#fff; background:transparent; box-shadow:none; }
.science-network-search input::placeholder { color:rgba(255,255,255,.62); }
.science-network-search button { padding:.68rem 1.1rem; border:0; border-radius:999px; color:#063a32; background:#ecc868; font-weight:850; cursor:pointer; }
.science-trust-card { display:grid; grid-template-columns:auto 1fr; gap:1rem; padding:1.35rem; border:1px solid rgba(236,200,104,.52); border-radius:1.25rem; background:rgba(255,255,255,.08); box-shadow:0 1.5rem 4rem rgba(0,0,0,.16); }
.science-trust-mark { display:grid; width:2.65rem; height:2.65rem; place-items:center; border-radius:50%; color:#073e35; background:#edc967; font-weight:900; }
.science-trust-card h2 { color:#fff; font-size:clamp(1.35rem,2vw,2rem); line-height:1.08; }
.science-trust-card a { color:#f0ca69; font-weight:800; }
.science-topic-ribbon { border-bottom:1px solid #c9dcd7; background:#fff; }
.science-topic-ribbon .container { display:flex; gap:.55rem; align-items:center; overflow-x:auto; padding-block:.75rem; scrollbar-width:none; }
.science-topic-ribbon .container>span { flex:0 0 auto; margin-right:.35rem; color:#60746f; font-size:.76rem; font-weight:850; text-transform:uppercase; white-space:nowrap; }
.science-topic-ribbon .science-filter { flex:0 0 auto; white-space:nowrap; }
.science-session { background:#f4f8f7; }
.science-discovery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.science-discovery-card { display:grid; grid-template-columns:minmax(10rem,.7fr) minmax(0,1.3fr); min-height:16rem; overflow:hidden; border:1px solid #c9dcd7; border-radius:1rem; background:#fff; box-shadow:0 .8rem 2.5rem rgba(5,58,49,.06); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.science-discovery-card:hover { transform:translateY(-2px); border-color:#9bbdb5; box-shadow:0 1rem 2.8rem rgba(5,58,49,.11); }
.science-discovery-image { position:relative; min-height:100%; overflow:hidden; background:#073d35; }
.science-discovery-image img { width:100%; height:100%; min-height:16rem; object-fit:cover; transition:transform .35s ease; }
.science-discovery-card:hover .science-discovery-image img { transform:scale(1.025); }
.science-discovery-image>span { position:absolute; left:.75rem; bottom:.75rem; padding:.34rem .55rem; border:1px solid rgba(255,255,255,.35); border-radius:999px; color:#fff; background:rgba(2,37,32,.8); font-size:.66rem; font-weight:850; text-transform:uppercase; }
.science-discovery-copy { display:flex; flex-direction:column; padding:1.15rem; }
.science-discovery-copy h3 { margin:.15rem 0 .55rem; font-size:clamp(1.25rem,2vw,1.72rem); line-height:1.05; }
.science-discovery-copy h3 a { color:#073e35; text-decoration:none; }
.science-discovery-copy>p { margin:.1rem 0 .65rem; color:#536a65; font-size:.9rem; line-height:1.5; }
.science-recommendation-reason { width:fit-content; margin:.15rem 0 .7rem; padding:.28rem .5rem; border-radius:999px; color:#6b5520; background:#f9efd3; }
.science-discovery-foot { display:flex; justify-content:space-between; gap:.7rem; align-items:flex-end; margin-top:auto; padding-top:.75rem; border-top:1px solid #e0ebe8; }
.science-discovery-foot>span { display:grid; min-width:0; }
.science-discovery-foot b { overflow:hidden; color:#284b44; font-size:.76rem; text-overflow:ellipsis; white-space:nowrap; }
.science-discovery-foot small { color:#71847f; font-size:.68rem; }
.science-discovery-foot>a { color:#0a685a; font-size:.76rem; font-weight:850; text-decoration:none; white-space:nowrap; }
.science-caught-up { display:grid; grid-template-columns:auto 1fr auto; gap:1rem; align-items:center; margin-top:1.35rem; padding:1rem 1.15rem; border:1px solid #bfd6d1; border-radius:1rem; background:#fff; }
.science-caught-up>span { display:grid; width:2.2rem; height:2.2rem; place-items:center; border-radius:50%; color:#fff; background:#0a685a; }
.science-caught-up p { margin:.15rem 0 0; color:#637974; }
.science-path-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.science-path-card { overflow:hidden; border:1px solid #c5d9d4; border-radius:1rem; background:#fff; }
.science-path-card>img { width:100%; aspect-ratio:16/8; object-fit:cover; }
.science-path-card>div { display:grid; gap:.45rem; padding:1.15rem; }
.science-path-card h3 { margin:0; font-size:1.45rem; line-height:1.06; }
.science-path-card h3 a { color:#073d35; text-decoration:none; }
.science-path-card p { margin:0; color:#526b65; }
.science-path-progress { height:.38rem; overflow:hidden; border-radius:999px; background:#dce9e6; }
.science-path-progress span { display:block; height:100%; border-radius:inherit; background:#c2932e; }
.science-people-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.science-person-card { overflow:hidden; border:1px solid #c7dad6; border-radius:1rem; background:#fff; }
.science-person-card>img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.science-person-card>div { padding:1rem; }
.science-person-card h3 { margin:.25rem 0; font-size:1.25rem; }
.science-person-card h3 a { color:#083f37; text-decoration:none; }
.science-person-card p { min-height:2.7em; color:#536b65; font-size:.86rem; }
.science-person-card small { display:block; margin-bottom:.65rem; color:#6d817c; }
.science-verified { display:inline-grid; width:1.15rem; height:1.15rem; margin-left:.35rem; place-items:center; border-radius:50%; color:#fff; background:#087163; font-size:.68rem; vertical-align:middle; }
.science-live-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.science-live-card,.science-programme-empty { display:flex; flex-direction:column; padding:1.25rem; border:1px solid #c6dad5; border-radius:1rem; background:#fff; }
.science-live-card h3 { font-size:1.45rem; line-height:1.08; }
.science-live-card h3 a { color:#073d35; text-decoration:none; }
.science-live-card dl { display:grid; gap:.35rem; margin-top:auto; }
.science-live-card dl div { display:flex; justify-content:space-between; gap:1rem; padding-top:.45rem; border-top:1px solid #e0ebe8; }
.science-live-card dt { color:#687d78; font-size:.78rem; }
.science-live-card dd { margin:0; font-size:.78rem; font-weight:800; text-align:right; }
.science-live-actions { display:flex; justify-content:space-between; gap:.65rem; align-items:center; margin-top:.9rem; }
.science-question-invite h2 { color:#fff; }
.science-subpage-hero { padding:clamp(2.7rem,5vw,4.8rem) 0; color:#fff; background:linear-gradient(115deg,#052f29,#073f36 62%,#0a3340); }
.science-subpage-hero h1 { max-width:18ch; color:#fff; font-size:clamp(2.6rem,5vw,4.7rem); line-height:.98; }
.science-subpage-hero p { max-width:52rem; color:rgba(255,255,255,.8) !important; font-size:1.05rem; }
.science-explore-form { display:grid; grid-template-columns:1.5fr 1fr 1fr auto; gap:.65rem; align-items:end; margin-top:1.5rem; padding:1rem; border:1px solid rgba(255,255,255,.2); border-radius:1rem; background:rgba(255,255,255,.08); }
.science-explore-form label { display:grid; gap:.35rem; color:#fff; font-size:.76rem; font-weight:850; }
.science-explore-form input,.science-explore-form select { border-color:rgba(255,255,255,.3); color:#173e37; background:#fff; }
.science-path-hero,.science-profile-hero,.science-event-record-hero { padding:clamp(2.5rem,5vw,4.6rem) 0; color:#fff; background:#06382f; }
.science-path-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) 18rem; gap:3rem; align-items:center; }
.science-path-hero h1,.science-profile-hero h1,.science-event-record-hero h1 { max-width:18ch; color:#fff; font-size:clamp(2.6rem,5vw,4.6rem); line-height:.98; }
.science-path-hero .lead,.science-profile-hero .lead,.science-event-record-hero .lead { color:rgba(255,255,255,.82); }
.science-path-hero p,.science-profile-hero p,.science-event-record-hero p { color:rgba(255,255,255,.78) !important; }
.science-path-hero aside { display:grid; gap:.5rem; padding:1.2rem; border:1px solid rgba(237,199,97,.5); border-radius:1rem; background:rgba(255,255,255,.08); }
.science-path-hero aside>strong { color:#f0c866; font-family:var(--font-serif); font-size:3.2rem; }
.science-path-steps { display:grid; gap:1rem; }
.science-path-step { display:grid; grid-template-columns:auto 1fr; gap:1.1rem; padding:1.3rem; border:1px solid #c8dcd7; border-radius:1rem; background:#fff; }
.science-path-step>span { display:grid; width:2.5rem; height:2.5rem; place-items:center; border:1px solid #b78b31; border-radius:50%; color:#866214; font-weight:850; }
.science-path-step.is-complete>span { border-color:#0a6a5c; color:#fff; background:#0a6a5c; }
.science-path-step h2 { margin:.1rem 0; font-size:clamp(1.5rem,3vw,2.2rem); }
.science-path-step h2 a { color:#073e35; text-decoration:none; }
.science-path-step details { margin:.8rem 0; padding:.75rem; border:1px solid #dae7e4; border-radius:.7rem; background:#f5f9f8; }
.science-path-step summary { cursor:pointer; font-weight:800; }
.science-path-step-actions { display:flex; justify-content:space-between; gap:1rem; align-items:center; }
.science-profile-hero-grid { display:grid; grid-template-columns:17rem minmax(0,1fr); gap:2.5rem; align-items:center; }
.science-profile-hero-grid>img { width:100%; aspect-ratio:1; object-fit:cover; border:1px solid rgba(236,199,96,.6); border-radius:50%; }
.science-profile-hero strong { display:block; }
.science-expertise-tags { display:flex; flex-wrap:wrap; gap:.45rem; margin:1rem 0; }
.science-expertise-tags span { padding:.35rem .55rem; border:1px solid rgba(255,255,255,.28); border-radius:999px; font-size:.72rem; }
.science-answer-list { display:grid; gap:1rem; }
.science-answer-card { padding:clamp(1.2rem,3vw,2rem); border:1px solid #c8dad6; border-radius:1rem; background:#fff; }
.science-answer-card h2 { max-width:25ch; }
.science-answer-card>div:last-child { display:flex; justify-content:space-between; gap:1rem; margin-top:1rem; padding-top:.75rem; border-top:1px solid #dce8e5; }
.science-event-record-meta { display:flex; flex-wrap:wrap; gap:.55rem; }
.science-event-record-meta span { padding:.4rem .65rem; border:1px solid rgba(255,255,255,.3); border-radius:999px; font-size:.75rem; }
.science-event-record-grid { display:grid; grid-template-columns:minmax(0,1fr) 22rem; gap:3rem; align-items:start; }
.science-event-record-grid>.science-record-card .science-live-card { margin-top:1rem; padding:0; border:0; }
.science-contribute-layout { display:grid; grid-template-columns:minmax(15rem,.55fr) minmax(0,1.45fr); gap:3rem; align-items:start; }
.science-contribute-layout>aside { position:sticky; top:5rem; padding:1.2rem; border-left:3px solid #c5942f; background:#f7f4e9; }
.science-contribution-form,.science-contributor-profile form { display:grid; gap:.75rem; padding:1.3rem; border:1px solid #c7dad5; border-radius:1rem; background:#fff; }
.science-contribution-form label,.science-contributor-profile label { display:grid; gap:.35rem; font-weight:750; }
.science-contributor-profile { margin-bottom:1rem; border:1px solid #c7dad5; border-radius:1rem; background:#fff; }
.science-contributor-profile>summary { padding:1rem 1.2rem; cursor:pointer; font-weight:850; }
.science-contribute-gate { padding:1.5rem; border:1px solid #c7dad5; border-radius:1rem; background:#fff; }
.science-detail-network-hero { padding:clamp(2.2rem,4vw,3.6rem) 0; color:#fff; background:linear-gradient(120deg,#052f29,#073f36 65%,#0a3340); }
.science-detail-network-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(18rem,.55fr); gap:3rem; align-items:center; }
.science-detail-network-grid h1 { max-width:18ch; color:#fff; font-size:clamp(2.5rem,4.6vw,4.4rem); line-height:.98; }
.science-detail-network-grid .lead { color:rgba(255,255,255,.82); }
.science-detail-network-grid figure { margin:0; }
.science-detail-network-grid figure img { width:100%; max-height:22rem; aspect-ratio:4/3; object-fit:cover; border:1px solid rgba(237,199,96,.55); border-radius:1rem; }
.science-detail-network-grid figcaption { margin-top:.55rem; color:rgba(255,255,255,.68); font-size:.72rem; }
.science-quick-idea { border-bottom:1px solid #c4d8d3; background:#fff; }
.science-quick-idea .container { display:grid; grid-template-columns:auto 1fr; gap:1rem; align-items:center; padding-block:1.3rem; }
.science-quick-idea .container>span { display:grid; width:3rem; height:3rem; place-items:center; border-radius:50%; color:#fff; background:#0a685a; font-weight:850; }
.science-quick-idea h2 { max-width:42ch; margin:0; font-size:clamp(1.3rem,2.5vw,2rem); }
.science-depth-tabs { position:sticky; z-index:5; top:3.8rem; display:flex; width:fit-content; max-width:100%; margin:0 auto 1.5rem; padding:.35rem; border:1px solid #c2d7d2; border-radius:999px; background:#fff; box-shadow:0 .6rem 2rem rgba(5,55,47,.08); }
.science-depth-tabs button { padding:.65rem 1rem; border:0; border-radius:999px; color:#506a64; background:transparent; font-weight:850; cursor:pointer; }
.science-depth-tabs button.is-active { color:#fff; background:#0b685b; }
.science-progressive-record.is-enhanced .science-depth-panel { display:none; }
.science-progressive-record.is-enhanced .science-depth-panel.is-active { display:block; }
.science-depth-panel { margin-bottom:2rem; }
.science-sources-network { display:grid; grid-template-columns:.7fr 1.3fr; gap:2rem; margin-top:1.3rem; }
.science-sources-network ol { display:grid; gap:.65rem; margin:0; }
.science-sources-network li { padding:.9rem; border:1px solid #c8dbd6; border-radius:.7rem; background:#fff; }
.science-sources-network a { color:#075e53; font-weight:800; }
.science-usefulness .container { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1.5rem; align-items:center; }
.science-reactions { display:flex; flex-wrap:wrap; gap:.5rem; }
.science-reactions form { margin:0; }
.science-reaction { display:flex; gap:.55rem; align-items:center; padding:.58rem .75rem; border:1px solid #bcd3ce; border-radius:999px; color:#164f46; background:#fff; font:inherit; font-size:.78rem; font-weight:800; text-decoration:none; cursor:pointer; }
.science-reaction span { display:grid; min-width:1.25rem; height:1.25rem; place-items:center; border-radius:999px; background:#e6f0ed; font-size:.68rem; }
.science-reaction.is-active { border-color:#0a685a; color:#fff; background:#0a685a; }
.science-report { grid-column:1/-1; }
.science-report summary { color:#506b65; cursor:pointer; font-size:.8rem; font-weight:750; }
.science-report form { display:grid; grid-template-columns:12rem minmax(0,1fr) auto; gap:.65rem; align-items:end; margin-top:.75rem; }
.science-report label { display:grid; gap:.3rem; font-size:.75rem; font-weight:750; }
.science-path-connections>div>div { display:flex; flex-wrap:wrap; gap:.65rem; }
.science-path-connections a { display:grid; gap:.18rem; min-width:min(100%,18rem); padding:.85rem; border:1px solid #c7dad5; border-radius:.8rem; color:#073e35; background:#fff; text-decoration:none; }
.science-path-connections a span { color:#8c671b; font-size:.7rem; font-weight:850; text-transform:uppercase; }
.science-network-admin { display:grid; gap:1rem; padding:1rem; }
.science-network-review-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto auto; gap:.75rem; align-items:center; }
.science-network-review-row>span { display:grid; }
.science-network-review-row small { color:#667b76; }
.science-network-review-row label { display:flex; gap:.35rem; align-items:center; }
.science-network-review-row input[type=checkbox] { width:auto; }
.science-submission-record { display:grid; gap:.5rem; }
.science-submission-record div { display:grid; grid-template-columns:7rem 1fr; gap:.75rem; padding-top:.5rem; border-top:1px solid #dce8e5; }
.science-submission-record dd { margin:0; }

@media (max-width: 1080px) {
  .science-network-nav .container { grid-template-columns:auto 1fr; }
  .science-network-links { grid-column:1/-1; grid-row:2; justify-content:flex-start; padding-bottom:.5rem; }
  .science-network-actions { justify-self:end; }
  .science-discovery-grid { grid-template-columns:1fr; }
  .science-people-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .science-path-grid,.science-live-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .science-explore-form { grid-template-columns:1fr 1fr; }
}
@media (max-width: 760px) {
  .science-network-nav { position:relative; }
  .science-network-nav .container { gap:.35rem; min-height:3.3rem; }
  .science-network-brand b { display:none; }
  .science-network-actions>a:first-child { display:none; }
  .science-network-links { margin-inline:-.6rem; padding-inline:.6rem; }
  .science-network-links a { padding:.48rem .6rem; }
  .science-network-hero-grid,.science-path-hero-grid,.science-profile-hero-grid,.science-detail-network-grid,.science-event-record-grid,.science-contribute-layout,.science-sources-network { grid-template-columns:1fr; }
  .science-network-hero h1,.science-subpage-hero h1,.science-path-hero h1,.science-profile-hero h1,.science-event-record-hero h1,.science-detail-network-grid h1 { font-size:clamp(2.15rem,10vw,3rem); }
  .science-hero-carousel { min-height:21rem; margin-top:.35rem; }
  .science-hero-slide>div { width:72%; padding:1.35rem 3.2rem 4.7rem 1.3rem; }
  .science-hero-slide h2 { font-size:clamp(1.55rem,7vw,2.2rem); }
  .science-discovery-card { grid-template-columns:8.5rem minmax(0,1fr); }
  .science-discovery-image img { min-height:15rem; }
  .science-discovery-copy { padding:.95rem; }
  .science-discovery-copy h3 { font-size:1.25rem; }
  .science-discovery-copy>p { font-size:.83rem; }
  .science-discovery-foot { align-items:flex-start; flex-direction:column; }
  .science-caught-up { grid-template-columns:auto 1fr; }
  .science-caught-up>.btn { grid-column:1/-1; }
  .science-path-grid,.science-live-grid,.science-people-grid { grid-template-columns:1fr; }
  .science-explore-form { grid-template-columns:1fr; }
  .science-profile-hero-grid>img { width:11rem; }
  .science-path-step { grid-template-columns:1fr; }
  .science-path-step-actions { align-items:flex-start; flex-direction:column; }
  .science-depth-tabs { position:static; width:100%; overflow-x:auto; }
  .science-depth-tabs button { flex:1; white-space:nowrap; }
  .science-usefulness .container,.science-report form { grid-template-columns:1fr; }
  .science-event-record-grid>.science-record-card { position:static; }
  .science-contribute-layout>aside { position:static; }
  .science-network-review-row { grid-template-columns:1fr; align-items:start; }
}
@media (max-width: 470px) {
  .science-hero-carousel { min-height:19.5rem; border-radius:1.1rem; }
  .science-hero-slide>div { width:82%; padding-right:3.2rem; clip-path:polygon(0 0,83% 0,100% 100%,0 100%); }
  .science-hero-carousel-controls { right:.7rem; bottom:.7rem; }
  .science-hero-carousel-controls>button { width:2rem; height:2rem; }
  .science-hero-carousel-dots button { width:1.3rem; }
  .science-discovery-card { grid-template-columns:1fr; }
  .science-discovery-image img { min-height:12rem; max-height:14rem; }
  .science-network-search { border-radius:.8rem; }
  .science-network-search button { padding-inline:.8rem; }
}
@media (prefers-reduced-motion: reduce) {
  .science-discovery-card,.science-discovery-image img,.science-hero-slide,.science-hero-slide img { transition:none!important; }
  .science-hero-carousel-dots button.is-active::after { animation:none; transform:scaleX(1); }
}
.science-interest-form { display:grid; gap:1.2rem; }
.science-interest-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.science-interest-choice { display:flex; gap:.75rem; align-items:flex-start; padding:1rem; border:1px solid #c6dad5; border-radius:1rem; background:#fff; cursor:pointer; }
.science-interest-choice:has(input:checked) { border-color:#0a685a; box-shadow:0 0 0 2px rgba(10,104,90,.1); }
.science-interest-choice input { width:auto; margin-top:.25rem; accent-color:#0a685a; }
.science-interest-choice span { display:grid; gap:.2rem; }
.science-interest-choice small { color:#667b76; }
.science-interest-actions { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:1rem; border-top:1px solid #d8e6e2; }
.science-interest-actions p { margin:0; color:#617671; font-size:.84rem; }
@media (max-width:700px){.science-interest-grid{grid-template-columns:1fr}.science-interest-actions{align-items:stretch;flex-direction:column}}

/* v199 — ISAIS Explains visual system.
   A single editorial art direction now connects discovery, learning, people,
   live programming and long-form reading. */
.page-context-explain {
  --explain-ink:#032f29;
  --explain-forest:#06483e;
  --explain-teal:#0c7565;
  --explain-mint:#cfe6e0;
  --explain-paper:#f7f5ed;
  --explain-gold:#e4b84f;
  --explain-line:rgba(7,67,57,.18);
  --explain-shadow:0 1.4rem 4rem rgba(3,47,41,.12);
  color:#173d36;
  background:#fbfcfa;
}
.page-context-explain .section { position:relative; overflow:hidden; padding-block:clamp(3.8rem,7vw,7rem); }
.page-context-explain .section-head { position:relative; z-index:2; align-items:flex-end; margin-bottom:clamp(1.8rem,4vw,3.2rem); }
.page-context-explain .section-head h2 { max-width:12ch; margin:.18rem 0 0; color:var(--explain-ink); font-size:clamp(2.35rem,5vw,4.65rem); line-height:.93; letter-spacing:-.045em; text-wrap:balance; }
.page-context-explain .section-head .eyebrow { color:#0b6c5d; letter-spacing:.18em; }
.page-context-explain .section-head>.text-link { margin-bottom:.45rem; }
.page-context-explain .text-link { position:relative; color:#086456; text-decoration:none; }
.page-context-explain .text-link::after { content:""; position:absolute; right:0; bottom:-.18rem; left:0; height:1px; background:currentColor; transform:scaleX(.25); transform-origin:right; transition:transform .35s cubic-bezier(.2,.7,.2,1); }
.page-context-explain .text-link:hover::after,.page-context-explain .text-link:focus-visible::after { transform:scaleX(1); transform-origin:left; }

/* Branded local navigation */
.science-network-nav { border-color:rgba(7,71,61,.15); background:rgba(251,252,249,.93); box-shadow:0 .35rem 1.6rem rgba(3,47,41,.05); }
.science-network-nav .container { min-height:4rem; }
.science-network-brand { gap:.7rem; }
.science-network-brand span { position:relative; width:2.25rem; height:2.25rem; border-color:rgba(228,184,79,.95); box-shadow:inset 0 0 0 .22rem #fff,0 .3rem 1rem rgba(3,47,41,.14); }
.science-network-brand b { font-family:var(--font-serif); font-size:1rem; font-weight:600; letter-spacing:-.015em; }
.science-network-links a,.science-network-actions a { border:1px solid transparent; transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease; }
.science-network-links a:hover,.science-network-links a.is-active { border-color:rgba(9,101,86,.12); background:#e8f1ee; }
.science-network-links a.is-active::before { content:""; display:inline-block; width:.34rem; height:.34rem; margin-right:.42rem; border-radius:50%; background:var(--explain-gold); vertical-align:.08rem; }
.science-network-actions>a:hover { transform:translateY(-1px); }
.science-hero-slide h2 { font-size:clamp(1.5rem,2.35vw,2.2rem); }
.science-hero-slide>div { padding-right:clamp(3.2rem,4vw,4.25rem); }

/* Home sections: varied editorial compositions rather than one repeated grid. */
.science-session { isolation:isolate; background:linear-gradient(135deg,#edf4f1 0,#fbfcfa 52%,#f5f0df 100%); }
.science-session::before { content:"01"; position:absolute; top:2rem; right:max(3vw,1rem); color:rgba(5,65,55,.045); font-family:var(--font-serif); font-size:min(25vw,19rem); line-height:.8; pointer-events:none; }
.science-discovery-grid { position:relative; z-index:2; counter-reset:explain-card; gap:1.25rem; }
.science-discovery-card { position:relative; isolation:isolate; counter-increment:explain-card; min-height:18rem; border-color:rgba(7,75,64,.16); border-radius:1.35rem; box-shadow:0 .9rem 2.8rem rgba(3,47,41,.07); transition:transform .45s cubic-bezier(.2,.72,.2,1),box-shadow .45s ease,border-color .3s ease; }
.science-discovery-card::after { content:counter(explain-card,decimal-leading-zero); position:absolute; z-index:3; top:.9rem; right:1rem; color:rgba(7,61,52,.24); font-family:var(--font-serif); font-size:1.25rem; pointer-events:none; }
.science-discovery-card:hover { transform:translateY(-.42rem); border-color:rgba(9,108,92,.36); box-shadow:0 1.8rem 4.5rem rgba(3,47,41,.15); }
.science-discovery-card:nth-child(1) { grid-column:1/-1; grid-template-columns:minmax(17rem,.92fr) minmax(0,1.08fr); min-height:24rem; }
.science-discovery-card:nth-child(1) .science-discovery-copy { justify-content:center; padding:clamp(1.5rem,4vw,3rem); }
.science-discovery-card:nth-child(1) h3 { max-width:15ch; font-size:clamp(2rem,4vw,3.55rem); }
.science-discovery-card:nth-child(4n+2) { background:#f8f3e4; }
.science-discovery-card:nth-child(4n+3) { background:#edf6f3; }
.science-discovery-image::after { content:""; position:absolute; inset:0; background:linear-gradient(135deg,transparent 52%,rgba(2,47,41,.62)); pointer-events:none; }
.science-discovery-image img { filter:saturate(.82) contrast(1.05); transition:transform .8s cubic-bezier(.2,.72,.2,1),filter .5s ease; }
.science-discovery-card:hover .science-discovery-image img { filter:saturate(1) contrast(1.06); transform:scale(1.065); }
.science-discovery-image>span { z-index:2; bottom:1rem; left:1rem; border-color:rgba(255,255,255,.52); background:rgba(2,42,36,.72); backdrop-filter:blur(.55rem); }
.science-discovery-copy { padding:clamp(1.2rem,2.2vw,1.75rem); }
.science-discovery-copy h3 { font-size:clamp(1.45rem,2.4vw,2.2rem); }
.science-discovery-copy>p { max-width:48ch; font-size:.96rem; }
.science-recommendation-reason { padding:0; border-radius:0; color:#84631b; background:transparent; font-size:.7rem; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.science-discovery-foot { border-color:rgba(8,76,65,.13); }
.science-caught-up { border:0; border-radius:1.25rem; background:var(--explain-ink); box-shadow:0 1rem 3rem rgba(3,47,41,.15); }
.science-caught-up strong,.science-caught-up p { color:#fff; }
.science-caught-up p { opacity:.66; }
.science-caught-up .btn-outline { color:#fff!important; border-color:rgba(255,255,255,.5)!important; }

/* Concept paths */
.science-session + .section,.science-subpage-hero:has(+ .section .science-path-grid) + .section { isolation:isolate; color:#fff; background:radial-gradient(circle at 88% 20%,rgba(228,184,79,.15),transparent 28%),linear-gradient(125deg,#032e29,#074b40 68%,#0a3540); }
.science-session + .section::after { content:""; position:absolute; inset:0 0 auto 58%; height:60%; opacity:.22; background:url('/assets/images/isais-explains-paths-v199.webp') center/cover; clip-path:polygon(18% 0,100% 0,100% 100%,0 72%); mix-blend-mode:screen; pointer-events:none; }
.science-session + .section .section-head h2,.science-session + .section .section-head .eyebrow,.science-session + .section .text-link { color:#fff; }
.science-session + .section .section-head .eyebrow { opacity:.7; }
.science-path-grid { position:relative; z-index:2; gap:1.15rem; }
.science-path-card { position:relative; overflow:hidden; border-color:rgba(255,255,255,.18); border-radius:1.35rem; color:#173d36; box-shadow:0 1.2rem 3rem rgba(0,0,0,.13); transition:transform .45s cubic-bezier(.2,.72,.2,1),box-shadow .45s ease; }
.science-path-card:hover { transform:translateY(-.45rem); box-shadow:0 2rem 4rem rgba(0,0,0,.22); }
.science-path-card-image { position:relative; overflow:hidden; }
.science-path-card-image::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,47,41,.55),transparent 54%); }
.science-path-card-image img { display:block; width:100%; aspect-ratio:16/8.3; object-fit:cover; filter:saturate(.8); transition:transform .75s cubic-bezier(.2,.72,.2,1); }
.science-path-card:hover .science-path-card-image img { transform:scale(1.055); }
.science-path-card-image>span { position:absolute; z-index:2; right:1rem; bottom:1rem; display:grid; width:2.4rem; height:2.4rem; place-items:center; border:1px solid rgba(255,255,255,.6); border-radius:50%; color:#fff; background:rgba(3,47,41,.42); backdrop-filter:blur(.4rem); }
.science-path-card>div:last-child { gap:.65rem; padding:1.35rem; }
.science-path-card h3 { font-size:clamp(1.55rem,2.5vw,2rem); }
.science-path-card>div>small { color:#607771; }

/* People */
.science-session + .section + .section { background:linear-gradient(180deg,#faf9f4,#f2f5f2); }
.science-people-grid { position:relative; z-index:2; gap:1.15rem; }
.science-person-card { position:relative; overflow:visible; border:0; border-radius:0; background:transparent; }
.science-person-portrait { position:relative; overflow:hidden; border:1px solid rgba(7,70,59,.16); border-radius:9rem 9rem 1.2rem 1.2rem; background:#dce9e5; box-shadow:0 1.15rem 3rem rgba(3,47,41,.1); }
.science-person-portrait::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,47,41,.28),transparent 50%); }
.science-person-portrait img { display:block; width:100%; aspect-ratio:4/4.35; object-fit:cover; filter:saturate(.8); transition:transform .7s cubic-bezier(.2,.72,.2,1),filter .4s ease; }
.science-person-card:hover .science-person-portrait img { filter:saturate(1); transform:scale(1.045); }
.science-person-card>div:last-child { position:relative; z-index:2; width:calc(100% - 1.2rem); margin:-2.2rem auto 0; padding:1.15rem; border:1px solid rgba(7,70,59,.14); border-radius:1rem; background:rgba(255,255,255,.94); box-shadow:0 .9rem 2rem rgba(3,47,41,.08); backdrop-filter:blur(.6rem); }
.science-person-card h3 { font-size:1.38rem; }
.science-person-card p { min-height:0; }
.science-people-grid:has(> :only-child) { grid-template-columns:minmax(0,42rem); }
.science-people-grid:has(> :only-child) .science-person-card { display:grid; grid-template-columns:minmax(15rem,.8fr) minmax(0,1.2fr); align-items:center; }
.science-people-grid:has(> :only-child) .science-person-portrait { border-radius:8rem 1.2rem 1.2rem 8rem; }
.science-people-grid:has(> :only-child) .science-person-card>div:last-child { width:auto; margin:0 0 0 -2rem; }

/* Live programme */
.science-session + .section + .section + .section { isolation:isolate; color:#fff; background:#062f2d; }
.science-session + .section + .section + .section::before { content:""; position:absolute; inset:0; opacity:.28; background:linear-gradient(90deg,#062f2d 0,#062f2d 38%,transparent 76%),url('/assets/images/isais-explains-live-v199.webp') 80% center/cover; }
.science-session + .section + .section + .section .section-head h2,.science-session + .section + .section + .section .section-head .eyebrow,.science-session + .section + .section + .section .text-link { color:#fff; }
.science-live-grid { position:relative; z-index:2; gap:1.15rem; }
.science-live-card,.science-programme-empty { overflow:hidden; padding:0; border-color:rgba(255,255,255,.2); border-radius:1.35rem; color:#163e37; background:rgba(255,255,255,.96); box-shadow:0 1.4rem 3.5rem rgba(0,0,0,.18); transition:transform .4s cubic-bezier(.2,.72,.2,1),box-shadow .4s ease; }
.science-live-card:hover { transform:translateY(-.4rem); box-shadow:0 2rem 4.4rem rgba(0,0,0,.28); }
.science-live-image { position:relative; display:block; overflow:hidden; }
.science-live-image::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,47,41,.62),transparent 58%); }
.science-live-image img { display:block; width:100%; aspect-ratio:16/7.7; object-fit:cover; transition:transform .7s cubic-bezier(.2,.72,.2,1); }
.science-live-card:hover .science-live-image img { transform:scale(1.055); }
.science-live-image span { position:absolute; z-index:2; right:.9rem; bottom:.8rem; color:#fff; font-size:.68rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.science-live-copy { display:flex; min-height:19rem; flex:1; flex-direction:column; padding:1.3rem; }
.science-live-card h3 { margin:.3rem 0 .7rem; font-size:clamp(1.5rem,2.6vw,2rem); }
.science-live-card dl { margin-top:auto; }
.science-live-actions { padding-top:.7rem; border-top:1px solid rgba(7,70,59,.13); }
.science-programme-empty { min-height:25rem; justify-content:flex-end; padding:1.5rem; background:linear-gradient(0deg,rgba(3,47,41,.96),rgba(3,47,41,.18)),url('/assets/images/isais-explains-live-v199.webp') center/cover; color:#fff; }
.science-programme-empty h3,.science-programme-empty p,.science-programme-empty .eyebrow { color:#fff!important; }
.science-programme-empty .btn-outline { color:#fff!important; border-color:rgba(255,255,255,.65)!important; background:rgba(3,47,41,.25)!important; }
.science-live-grid:has(> :only-child) { grid-template-columns:minmax(0,34rem); }

/* Community closing module */
.science-question-invite { isolation:isolate; background:#031f1d!important; }
.science-question-invite::before { content:""; position:absolute; inset:0 0 0 57%; opacity:.28; background:url('/assets/images/isais-explains-methods-v199.webp') center/cover; clip-path:polygon(18% 0,100% 0,100% 100%,0 100%); }
.science-question-invite::after { content:"?"; position:absolute; right:4vw; bottom:-.2em; color:rgba(228,184,79,.12); font-family:var(--font-serif); font-size:min(31vw,23rem); line-height:1; }
.science-question-invite .container { position:relative; z-index:2; }
.science-question-invite .eyebrow { color:#efc85f; }
.science-question-invite h2 { color:#fff; }
.science-question-invite .split-wide>div>p:not(.eyebrow) { max-width:42rem; color:#d6e6e1; }
.science-question-invite .btn-gold { border-color:#efc85f; color:#032f29; background:#efc85f; }
.science-question-invite .btn-gold:hover,.science-question-invite .btn-gold:focus-visible { border-color:#fff; color:#032f29; background:#fff; }
.science-question-invite .science-newsletter-form { padding:clamp(1.25rem,3vw,2rem); border:1px solid rgba(255,255,255,.3); border-radius:1.35rem; color:#fff; background:rgba(3,31,29,.78); box-shadow:0 1.25rem 3.5rem rgba(0,0,0,.24); backdrop-filter:blur(.8rem); }
.science-question-invite .science-newsletter-form label { color:#fff; }
.science-question-invite .science-newsletter-form .science-consent { color:#d6e6e1; line-height:1.5; }
.science-question-invite .science-newsletter-form input[type="email"] { border-color:rgba(255,255,255,.55); color:#153e37; caret-color:#0b6c5d; background:#fff; }
.science-question-invite .science-newsletter-form input[type="email"]:focus { border-color:#efc85f; box-shadow:0 0 0 .2rem rgba(239,200,95,.26); outline:0; }
.science-question-invite .science-newsletter-form input[type="checkbox"] { accent-color:#efc85f; }
.science-question-invite .science-newsletter-form small { color:#d6e6e1; }
.science-question-invite .science-newsletter-form .btn-gold { border-color:#147c6c; color:#fff; background:#147c6c; }
.science-question-invite .science-newsletter-form .btn-gold:hover,.science-question-invite .science-newsletter-form .btn-gold:focus-visible { border-color:#efc85f; color:#032f29; background:#efc85f; }

/* Subpage covers use the same art direction with route-specific imagery. */
.science-subpage-hero { position:relative; isolation:isolate; overflow:hidden; min-height:25rem; padding:clamp(3.8rem,7vw,6.8rem) 0; background:linear-gradient(112deg,#032f29 0,#06483e 58%,#0a3540 100%); }
.science-subpage-hero::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.58; background:radial-gradient(circle at 8% 12%,rgba(228,184,79,.2),transparent 24%),linear-gradient(120deg,transparent 54%,rgba(228,184,79,.16)); }
.science-subpage-hero::after { content:""; position:absolute; z-index:-2; top:0; right:0; width:47%; height:100%; background:linear-gradient(90deg,#06483e 0,transparent 38%),url('/assets/images/isais-explains-methods-v199.webp') center/cover; clip-path:polygon(22% 0,100% 0,100% 100%,0 82%); filter:saturate(.78) contrast(1.05); }
.science-subpage-hero:has(.science-explore-form)::after,.science-subpage-hero:has(+ .section .science-answer-list)::after { background-image:linear-gradient(90deg,#06483e 0,transparent 38%),url('/assets/images/isais-explains-methods-v199.webp'); }
.science-subpage-hero:has(+ .section .science-path-grid)::after,.science-subpage-hero:has(+ .section .science-contribute-layout)::after { background-image:linear-gradient(90deg,#06483e 0,transparent 38%),url('/assets/images/isais-explains-paths-v199.webp'); }
.science-subpage-hero:has(+ .section .science-people-grid)::after { background-image:linear-gradient(90deg,#06483e 0,transparent 38%),url('/assets/images/isais-biomedical-team-v179.webp'); }
.science-subpage-hero:has(+ .section .science-live-grid)::after { background-image:linear-gradient(90deg,#06483e 0,transparent 38%),url('/assets/images/isais-explains-live-v199.webp'); }
.science-subpage-hero>.container { position:relative; z-index:2; }
.science-subpage-hero h1 { max-width:12ch; font-size:clamp(3rem,6vw,5.7rem); letter-spacing:-.05em; }
.science-subpage-hero>.container>p:not(.eyebrow) { max-width:38rem; font-size:clamp(1rem,1.5vw,1.25rem); }
.science-explore-form { position:relative; width:min(100%,68rem); margin-top:2rem; border-color:rgba(255,255,255,.3); border-radius:1.3rem; background:rgba(2,40,35,.55); box-shadow:0 1.3rem 3.8rem rgba(0,0,0,.18); backdrop-filter:blur(.8rem); }
.science-explore-form .btn { min-height:3.05rem; background:var(--explain-gold); color:var(--explain-ink); }

/* Reading and record pages */
.science-path-hero,.science-profile-hero,.science-event-record-hero,.science-detail-network-hero { position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(120deg,#032f29,#06483e 70%,#0a3540); }
.science-path-hero::after,.science-event-record-hero::after { content:""; position:absolute; z-index:-1; inset:0 0 0 58%; opacity:.4; background:linear-gradient(90deg,#06483e,transparent 45%),url('/assets/images/isais-explains-paths-v199.webp') center/cover; clip-path:polygon(18% 0,100% 0,100% 100%,0 100%); }
.science-event-record-hero::after { background-image:linear-gradient(90deg,#06483e,transparent 45%),url('/assets/images/isais-explains-live-v199.webp'); }
.science-path-hero aside { border-radius:1.4rem; box-shadow:0 1.2rem 3rem rgba(0,0,0,.16); backdrop-filter:blur(.6rem); }
.science-path-steps { position:relative; counter-reset:path-step; }
.science-path-steps::before { content:""; position:absolute; top:2rem; bottom:2rem; left:2.53rem; width:1px; background:linear-gradient(var(--explain-gold),var(--explain-mint)); }
.science-path-step { position:relative; z-index:1; padding:clamp(1.25rem,3vw,2.1rem); border:0; border-radius:1.35rem; box-shadow:0 1rem 3rem rgba(3,47,41,.08); }
.science-path-step>span { background:#fff; box-shadow:0 0 0 .55rem #fbfcfa; }
.science-path-step details { border-radius:1rem; }
.science-profile-hero-grid>img { border-width:2px; box-shadow:0 0 0 .75rem rgba(255,255,255,.08),0 2rem 4rem rgba(0,0,0,.22); }
.science-detail-network-hero::before { content:""; position:absolute; inset:0; opacity:.42; background:radial-gradient(circle at 8% 20%,rgba(228,184,79,.18),transparent 24%); }
.science-detail-network-grid { position:relative; z-index:2; }
.science-detail-network-grid figure { position:relative; }
.science-detail-network-grid figure::before { content:""; position:absolute; inset:-.7rem .7rem .7rem -.7rem; border:1px solid rgba(228,184,79,.5); border-radius:1.4rem; transform:rotate(-1.4deg); }
.science-detail-network-grid figure img { position:relative; max-height:29rem; border-radius:1.35rem; box-shadow:0 2rem 5rem rgba(0,0,0,.25); }
.science-quick-idea { border:0; background:linear-gradient(90deg,#f2ead0,#faf8f1); }
.science-quick-idea .container>span { color:var(--explain-ink); background:var(--explain-gold); box-shadow:0 .6rem 1.6rem rgba(133,96,18,.16); }
.science-progressive-record { background:linear-gradient(180deg,#fbfcfa,#f2f6f4); }
.science-depth-tabs { position:static; margin:0 auto 2rem; border-color:rgba(7,72,61,.16); box-shadow:0 1rem 3rem rgba(3,47,41,.11); }
.science-depth-tabs button { transition:background .25s ease,color .25s ease,transform .25s ease; }
.science-depth-tabs button:hover { transform:translateY(-1px); }
.science-reading-layout { gap:clamp(2rem,5vw,4.5rem); }
.science-article-body { font-size:clamp(1rem,1.2vw,1.12rem); line-height:1.78; }
.science-record-card { border:1px solid rgba(7,72,61,.16); border-radius:1.35rem; box-shadow:0 1rem 3rem rgba(3,47,41,.08); }
.science-evidence-grid article { position:relative; overflow:hidden; border-radius:1.25rem; box-shadow:0 .8rem 2.4rem rgba(3,47,41,.06); }
.science-evidence-grid article::after { content:""; position:absolute; right:-2.5rem; bottom:-3rem; width:8rem; height:8rem; border:1px solid rgba(228,184,79,.45); border-radius:50%; }
.science-sources-network li { border:0; border-left:3px solid var(--explain-gold); border-radius:.35rem 1rem 1rem .35rem; box-shadow:0 .65rem 1.8rem rgba(3,47,41,.07); transition:transform .25s ease,box-shadow .25s ease; }
.science-sources-network li:hover { transform:translateX(.3rem); box-shadow:0 1rem 2.4rem rgba(3,47,41,.11); }
.science-usefulness { background:#efe9d5!important; }
.science-community .science-question-form { border:1px solid rgba(7,72,61,.16); border-radius:1.35rem; background:#fff; box-shadow:0 1.2rem 3.5rem rgba(3,47,41,.09); }

@media (min-width:1101px) {
  .science-progressive-record>.container { display:grid; grid-template-columns:10.5rem minmax(0,1fr); gap:clamp(2rem,3.5vw,3.25rem); align-items:start; }
  .science-progressive-record .science-depth-tabs { position:sticky; z-index:5; top:calc(var(--header-height,64px) + 1rem); grid-column:1; grid-row:1; flex-direction:column; width:100%; margin:0; padding:.55rem; border-radius:1.2rem; }
  .science-progressive-record .science-depth-tabs button { width:100%; text-align:left; }
  .science-progressive-record .science-depth-panel { grid-column:2; grid-row:1; min-width:0; }
}

/* Questions and contribution workspace */
.science-answer-list { counter-reset:science-answer; }
.science-answer-card { position:relative; counter-increment:science-answer; padding:clamp(1.4rem,4vw,2.7rem); border:0; border-radius:1.35rem; box-shadow:0 1rem 3rem rgba(3,47,41,.08); }
.science-answer-card::before { content:counter(science-answer,decimal-leading-zero); position:absolute; top:1.2rem; right:1.3rem; color:rgba(7,71,60,.18); font-family:var(--font-serif); font-size:2.2rem; }
.science-answer-card h2 { max-width:28ch; font-size:clamp(1.65rem,3vw,2.55rem); }
.science-contribute-layout>aside { top:6rem; overflow:hidden; padding:1.5rem; border:0; border-radius:1.25rem; background:linear-gradient(145deg,#032f29,#075447); color:#fff; box-shadow:var(--explain-shadow); }
.science-contribute-layout>aside h2 { color:#fff; }
.science-contribute-layout>aside li::marker { color:var(--explain-gold); font-weight:900; }
.science-contribution-form,.science-contributor-profile,.science-contribute-gate { border-color:rgba(7,72,61,.16); border-radius:1.35rem; box-shadow:0 1rem 3rem rgba(3,47,41,.08); }
.science-contribution-form { padding:clamp(1.25rem,3vw,2rem); }
.science-interest-choice { position:relative; overflow:hidden; border-color:rgba(7,72,61,.16); box-shadow:0 .7rem 2rem rgba(3,47,41,.05); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.science-interest-choice:hover { transform:translateY(-2px); border-color:rgba(8,105,89,.38); box-shadow:0 1rem 2.5rem rgba(3,47,41,.09); }

/* Motion begins only after JavaScript is ready, so content remains available. */
.science-motion-ready [data-science-reveal] { opacity:0; transform:translateY(1.8rem); transition:opacity .7s ease,transform .85s cubic-bezier(.2,.72,.2,1); transition-delay:var(--science-reveal-delay,0ms); }
.science-motion-ready [data-science-reveal].is-revealed { opacity:1; transform:none; }

@media (max-width:1080px) {
  .science-discovery-card:nth-child(1) { grid-column:auto; min-height:18rem; }
  .science-discovery-card:nth-child(1) h3 { font-size:clamp(1.7rem,4vw,2.65rem); }
  .science-subpage-hero::after { width:42%; opacity:.48; }
  .science-live-copy { min-height:18rem; }
}
@media (max-width:760px) {
  .page-context-explain .section { padding-block:3.6rem; }
  .page-context-explain .section-head { align-items:flex-start; }
  .page-context-explain .section-head h2 { font-size:clamp(2.2rem,11vw,3.4rem); }
  .science-discovery-card:nth-child(1),.science-discovery-card { grid-template-columns:9rem minmax(0,1fr); }
  .science-discovery-card:nth-child(1) .science-discovery-copy { justify-content:flex-start; padding:1rem; }
  .science-discovery-card:nth-child(1) h3 { font-size:1.35rem; }
  .science-session + .section::after { inset:0 0 auto 35%; opacity:.12; }
  .science-question-invite::before { inset:0; opacity:.12; clip-path:none; }
  .science-subpage-hero { min-height:22rem; padding:3.5rem 0; }
  .science-subpage-hero::after { inset:0; width:100%; opacity:.2; clip-path:none; }
  .science-subpage-hero h1 { font-size:clamp(2.7rem,13vw,4rem); }
  .science-subpage-hero>.container>p:not(.eyebrow) { max-width:24rem; }
  .science-path-hero::after,.science-event-record-hero::after { inset:0; opacity:.18; clip-path:none; }
  .science-path-steps::before { display:none; }
  .science-person-portrait { border-radius:8rem 8rem 1rem 1rem; }
  .science-people-grid:has(> :only-child) { grid-template-columns:1fr; }
  .science-people-grid:has(> :only-child) .science-person-card { display:block; }
  .science-people-grid:has(> :only-child) .science-person-portrait { border-radius:8rem 8rem 1rem 1rem; }
  .science-people-grid:has(> :only-child) .science-person-card>div:last-child { width:calc(100% - 1.2rem); margin:-2.2rem auto 0; }
}
@media (max-width:470px) {
  .science-discovery-card:nth-child(1),.science-discovery-card { grid-template-columns:1fr; }
  .science-discovery-card:nth-child(1) h3 { font-size:1.6rem; }
  .science-discovery-card::after { top:calc(12rem + .8rem); }
  .science-person-card>div:last-child { width:calc(100% - .8rem); }
  .science-live-copy { min-height:0; }
}
@media (prefers-reduced-motion:reduce) {
  .science-motion-ready [data-science-reveal] { opacity:1!important; transform:none!important; transition:none!important; }
  .science-discovery-card,.science-path-card,.science-live-card,.science-person-card img,.science-live-image img,.science-path-card-image img { transition:none!important; }
}

/* Header notification inbox: compact, readable and consistent with the ISAIS
   control language. The menu remains in the header so opening it never moves
   the person away from the page they are reading. */
.site-header .notification-popover { position: relative; z-index: 1910; }
.site-header .notification-popover .notification-button { cursor: pointer; }
.site-header .notification-popover.is-open .notification-button {
  border-color: #176e5e;
  color: #fff;
  background: #176e5e;
  box-shadow: 0 .35rem .9rem rgba(23,110,94,.18);
}
.site-header .notification-menu {
  position: absolute;
  top: calc(100% + .7rem);
  right: 0;
  z-index: 1920;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(26rem, calc(100vw - 2rem));
  overflow: hidden;
  border: 1px solid #cfdfda;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 1.1rem 3rem rgba(7,39,34,.2), 0 .25rem .65rem rgba(7,39,34,.08);
  color: #123d36;
  transform-origin: top right;
  animation: isais-notification-menu-in .16s ease-out both;
}
.site-header .notification-menu[hidden] { display: none; }
.site-header .notification-menu-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.1rem .85rem;
  border-bottom: 1px solid #e4ece9;
  background: linear-gradient(135deg, #fbfdfc, #f2f8f5);
}
.site-header .notification-menu-header .eyebrow { margin: 0 0 .18rem; color: #8b671f; font-size: .64rem; }
.site-header .notification-menu-header h2 { margin: 0; color: #0b4e43; font: 700 1.2rem/1.15 Georgia, serif; }
.site-header .notification-menu-status {
  display: inline-flex;
  align-items: center;
  min-height: 1.55rem;
  padding: .2rem .55rem;
  border: 1px solid #d9c27f;
  border-radius: 999px;
  color: #775b1a;
  background: #fffaf0;
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .01em;
  white-space: nowrap;
}
.site-header .notification-menu-list {
  display: grid;
  min-height: 0;
  max-height: min(25rem, 58vh);
  margin: 0;
  padding: .35rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  list-style: none;
  scrollbar-color: #b5cec6 transparent;
}
.site-header .notification-menu-item { margin: 0; border-radius: .72rem; }
.site-header .notification-menu-item > a {
  display: grid;
  grid-template-columns: .62rem minmax(0, 1fr);
  align-items: start;
  gap: .7rem;
  padding: .72rem .7rem;
  border: 1px solid transparent;
  border-radius: .72rem;
  color: #173f38;
  text-decoration: none;
  transition: background .16s ease, border-color .16s ease;
}
.site-header .notification-menu-item > a:hover,
.site-header .notification-menu-item > a:focus-visible {
  border-color: #c7ddd5;
  background: #f1f8f5;
  outline: none;
}
.site-header .notification-menu-item.is-unread > a,
.site-header .notification-menu-item.was-unread > a { border-color: #f0dfad; background: #fff9e9; }
.site-header .notification-menu-item.is-unread > a:hover,
.site-header .notification-menu-item.is-unread > a:focus-visible,
.site-header .notification-menu-item.was-unread > a:hover,
.site-header .notification-menu-item.was-unread > a:focus-visible { background: #fff4d5; }
.site-header .notification-menu-item-marker {
  width: .48rem;
  height: .48rem;
  margin-top: .42rem;
  border-radius: 50%;
  background: #cbd9d5;
}
.site-header .notification-menu-item.is-unread .notification-menu-item-marker,
.site-header .notification-menu-item.was-unread .notification-menu-item-marker { background: #c18a1e; box-shadow: 0 0 0 .22rem rgba(193,138,30,.12); }
.site-header .notification-menu-item-copy { display: grid; min-width: 0; gap: .17rem; }
.site-header .notification-menu-item-copy small { color: #60766f; font-size: .63rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.site-header .notification-menu-item-copy strong { overflow: hidden; color: #0b4e43; font-size: .86rem; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.site-header .notification-menu-item-copy > span { display: -webkit-box; overflow: hidden; color: #587069; font-size: .75rem; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.site-header .notification-menu-item-copy time { color: #82938e; font-size: .65rem; line-height: 1.25; }
.site-header .notification-menu-empty { padding: 1.6rem 1rem; color: #637a73; font-size: .82rem; text-align: center; }
.site-header .notification-menu-footer { border-top: 1px solid #e4ece9; background: #fbfdfc; }
.site-header .notification-menu-footer a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .7rem;
  padding: .82rem 1.1rem;
  color: #0f6c5c;
  font-size: .77rem;
  font-weight: 850;
  text-decoration: none;
}
.site-header .notification-menu-footer a:hover,
.site-header .notification-menu-footer a:focus-visible { color: #093c34; background: #edf7f3; outline: none; }
.site-header .notification-menu-footer a span { color: #b07b16; font-size: 1rem; }
@keyframes isais-notification-menu-in { from { opacity: 0; transform: translateY(-.28rem) scale(.98); } to { opacity: 1; transform: none; } }
@media (max-width: 760px), (max-height: 34rem) {
  .site-header .notification-menu {
    position: fixed;
    top: var(--notification-menu-top, 7.5rem);
    right: max(.65rem, env(safe-area-inset-right));
    bottom: max(.65rem, env(safe-area-inset-bottom));
    left: max(.65rem, env(safe-area-inset-left));
    width: auto;
    max-width: 26rem;
    max-height: none;
    margin-inline: auto;
    transform-origin: top center;
  }
  .site-header .notification-menu-header {
    gap: .55rem;
    padding: .82rem .9rem .72rem;
  }
  .site-header .notification-menu-header > div { min-width: 0; }
  .site-header .notification-menu-header h2 { font-size: 1.08rem; }
  .site-header .notification-menu-status { flex: 0 0 auto; }
  .site-header .notification-menu-list {
    min-height: 0;
    max-height: none;
    scrollbar-gutter: stable;
  }
  .site-header .notification-menu-footer { flex: 0 0 auto; }
  html.notification-menu-open,
  body.notification-menu-open { overflow: hidden; overscroll-behavior: none; }
  /* backdrop-filter makes fixed descendants use the header as their
     containing block in mobile browsers. Disable it only while the inbox is
     open so the panel is measured against the actual phone viewport. */
  html.notification-menu-open .site-header,
  body.notification-menu-open .site-header {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}
@media (max-height: 34rem) {
  .site-header .notification-menu-header { padding-block: .62rem .55rem; }
  .site-header .notification-menu-header .eyebrow { display: none; }
  .site-header .notification-menu-footer a { padding-block: .68rem; }
}
@media (prefers-reduced-motion: reduce) {
  .site-header .notification-menu { animation: none; }
  .site-header .notification-menu-item > a { transition: none; }
}

/* v201 — ISAIS Explains: three editorial reading levels and in-page evidence. */
.science-detail-v197 .science-progressive-record { background: linear-gradient(180deg,#f7faf9 0,#fff 24rem); }
.science-detail-v197 .science-depth-tabs { margin-bottom: 2.5rem; }
.science-level-heading {
  display: grid;
  grid-template-columns: 3.35rem minmax(0,1fr);
  gap: 1rem;
  align-items: center;
  margin: 0 0 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #c8dcd7;
}
.science-level-heading > span {
  display: grid;
  width: 3.35rem;
  height: 3.35rem;
  place-items: center;
  border: 1px solid #b88a2f;
  border-radius: 50%;
  color: #785714;
  background: #fff8e7;
  font-weight: 900;
}
.science-level-heading p { margin: 0 0 .2rem; }
.science-level-heading h2 { margin: 0; color: #073e35; font-size: clamp(1.75rem,3vw,2.65rem); }
.science-detail-v197 .science-article-body { min-width: 0; }
.science-detail-v197 .science-article-body > p { max-width: 72ch; color: #274f47; font-size: 1rem; line-height: 1.78; }
.science-detail-v197 .science-article-body > p.lead { color: #123f37; font-family: var(--font-serif); font-size: clamp(1.28rem,2.2vw,1.8rem); line-height: 1.45; }
.science-video { overflow: hidden; margin: 0 0 1.6rem; border: 1px solid #a9c8c1; border-radius: 1.2rem; background: #052f2a; box-shadow: 0 1.15rem 3rem rgba(5,55,47,.12); }
.science-video video,.science-youtube-stage,.science-youtube-stage iframe { display: block; width: 100%; aspect-ratio: 16/9; border: 0; }
.science-video figcaption { padding: .7rem 1rem; color: #dcebe7; background: #073b34; font-size: .76rem; font-weight: 780; }
.science-youtube-stage { position: relative; display: grid; overflow: hidden; place-items: center; background-image: linear-gradient(90deg,rgba(2,33,29,.88),rgba(2,43,38,.45)),var(--science-video-poster); background-position: center; background-size: cover; }
.science-youtube-stage::after { position: absolute; inset: 0; content: ""; border: 1px solid rgba(238,199,94,.3); pointer-events: none; }
.science-youtube-stage > button { position: relative; z-index: 1; display: flex; min-height: 3.4rem; align-items: center; gap: .75rem; padding: .65rem 1.15rem .65rem .7rem; border: 1px solid rgba(255,255,255,.65); border-radius: 999px; color: #fff; background: rgba(4,55,48,.86); font: inherit; font-weight: 850; cursor: pointer; box-shadow: 0 .8rem 2.2rem rgba(0,0,0,.3); backdrop-filter: blur(.55rem); }
.science-youtube-stage > button span { display: grid; width: 2.05rem; height: 2.05rem; place-items: center; border-radius: 50%; color: #073a33; background: #efc963; font-size: .8rem; }
.science-youtube-stage > button:hover,.science-youtube-stage > button:focus-visible { color: #073a33; background: #fff; outline: 3px solid rgba(239,201,99,.35); outline-offset: 3px; }
.science-source-reader { display: grid; grid-template-columns: minmax(15rem,.42fr) minmax(0,1.58fr); gap: 1rem; margin-top: 1.5rem; }
.science-source-list { display: flex; min-width: 0; flex-direction: column; gap: .55rem; }
.science-source-choice { display: grid; grid-template-columns: 2.1rem minmax(0,1fr); gap: .15rem .7rem; width: 100%; padding: .85rem; border: 1px solid #c1d8d2; border-radius: .85rem; color: #123f37; background: #fff; font: inherit; text-align: left; cursor: pointer; transition: border-color .18s ease,background .18s ease,transform .18s ease; }
.science-source-choice > span { grid-row: 1/3; display: grid; width: 2.1rem; height: 2.1rem; place-items: center; border-radius: 50%; color: #775712; background: #f8efd7; font-size: .68rem; font-weight: 900; }
.science-source-choice b { align-self: center; font-size: .83rem; line-height: 1.35; }
.science-source-choice small { overflow: hidden; color: #667d77; font-size: .68rem; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.science-source-choice:hover,.science-source-choice:focus-visible { transform: translateY(-1px); border-color: #6ea296; outline: none; }
.science-source-choice.is-active { border-color: #0b6a5c; color: #fff; background: #0a5f53; box-shadow: 0 .65rem 1.8rem rgba(5,72,62,.16); }
.science-source-choice.is-active > span { color: #083d35; background: #efc965; }
.science-source-choice.is-active small { color: rgba(255,255,255,.75); }
.science-reader-panel { min-width: 0; overflow: hidden; border: 1px solid #aecbc4; border-radius: 1rem; background: #fff; box-shadow: 0 1rem 3rem rgba(5,55,47,.08); }
.science-reader-panel > header { display: flex; min-height: 6rem; justify-content: space-between; gap: 1rem; align-items: flex-start; padding: 1rem 1.1rem; border-bottom: 1px solid #cfe0dc; background: linear-gradient(135deg,#f8fbfa,#edf5f3); }
.science-reader-panel > header h3 { margin: .15rem 0; color: #073e35; font-size: clamp(1.15rem,2vw,1.55rem); }
.science-reader-panel > header p:last-child { margin: 0; color: #60756f; font-size: .75rem; }
.science-reader-panel > header > span { flex: 0 0 auto; padding: .38rem .58rem; border: 1px solid #c0d7d1; border-radius: 999px; color: #315d54; background: #fff; font-size: .65rem; font-weight: 850; }
.science-reader-frame { position: relative; background: #e7efed; }
.science-reader-frame iframe { display: block; width: 100%; height: min(68rem,74vh); min-height: 38rem; border: 0; background: #fff; }
.science-reader-fallback { margin: 0; padding: .65rem 1rem; color: #5e746e; background: #f8fbfa; font-size: .72rem; }
.science-source-empty { padding: 1.2rem; border: 1px dashed #b8d0ca; border-radius: 1rem; background: #f7faf9; }
.science-source-empty h3 { margin: 0 0 .75rem; color: #073e35; }
.science-source-empty ol { display: grid; gap: .45rem; margin: 0 0 .85rem; padding: 0; list-style: none; }
.science-source-empty li { display: flex; gap: .65rem; align-items: center; padding: .65rem .75rem; border: 1px solid #d1e1dd; border-radius: .7rem; background: #fff; }
.science-source-empty li span { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border-radius: 50%; color: #725313; background: #f7edcf; font-size: .65rem; font-weight: 900; }
.science-source-empty li b { color: #16473e; font-size: .82rem; }
.science-source-empty > p { margin: 0; color: #617771; font-size: .82rem; }
.science-source-list-public { margin-top: 1.4rem; }
.science-source-list-public > h3 { margin: 0 0 1rem; color: #073e35; }
.science-source-list-public ol { display: grid; gap: .8rem; margin: 0; padding: 0; list-style: none; }
.science-source-list-public li { display: grid; grid-template-columns: 2.4rem minmax(0,1fr); gap: .85rem; align-items: start; padding: 1rem 1.1rem; border: 1px solid #c9dcd7; border-left: 3px solid #c28e27; border-radius: .35rem 1rem 1rem .35rem; background: #fff; box-shadow: 0 .65rem 1.8rem rgba(3,47,41,.06); }
.science-source-list-public li > span { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: 50%; color: #755511; background: #f8efd7; font-size: .7rem; font-weight: 900; }
.science-source-list-public li > div { display: grid; gap: .3rem; min-width: 0; }
.science-source-list-public li small { color: #647972; font-weight: 780; text-transform: uppercase; letter-spacing: .055em; }
.science-source-list-public li b { color: #153f38; line-height: 1.45; }
.science-source-list-public li p { margin: .15rem 0; color: #536b65; font-size: .88rem; }
.science-source-list-public li a { justify-self: start; color: #07695c; font-size: .85rem; font-weight: 820; }
.science-analysis-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .85rem; margin: 2rem 0; }
.science-analysis-grid article { padding: 1.15rem; border-top: 3px solid #c28e27; border-radius: .25rem .25rem 1rem 1rem; background: #edf5f3; }
.science-analysis-grid span { color: #9a6d17; font: 800 .72rem/1 var(--font-sans); letter-spacing: .08em; }
.science-analysis-grid h3 { margin: .45rem 0; color: #073e35; font-size: 1rem; }
.science-analysis-grid p { margin: 0; color: #425f58; font-size: .88rem; line-height: 1.55; }
.science-record-supplement { display: grid; gap: .75rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #d6e5e1; }
.science-record-supplement dl { margin: 0; }
.science-record-supplement a { color: #07695c; }
.science-citation-box { display: flex; justify-content: space-between; gap: 1.25rem; align-items: center; margin-top: 1.25rem; padding: 1.2rem; border: 1px solid #c9dcd7; border-radius: 1rem; background: #f5f9f8; }
.science-citation-box h3 { margin: .15rem 0 .35rem; color: #073e35; }
.science-citation-box p { margin: 0; color: #536b65; font-size: .84rem; line-height: 1.55; }
.science-method-route-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.science-method-route-grid article { padding: 1.35rem; border: 1px solid #c9dcd7; border-top: 3px solid #c28e27; border-radius: .3rem .3rem 1rem 1rem; background: #fff; }
.science-method-route-grid h3 { margin: 0 0 .55rem; color: #073e35; }
.science-method-route-grid p { margin: 0; color: #536b65; }
.science-method-stages { display: grid; gap: .75rem; }
.science-method-stages article { display: grid; grid-template-columns: 3rem minmax(0,1fr); gap: 1rem; padding: 1rem 1.1rem; border: 1px solid #c9dcd7; border-radius: 1rem; background: #fff; }
.science-method-stages span { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: 50%; color: #755511; background: #f6e9c5; font-family: var(--font-serif); font-size: 1.1rem; }
.science-method-stages h3 { margin: 0 0 .3rem; color: #073e35; }
.science-method-stages p { margin: 0; color: #536b65; }
.science-method-policy { align-self: start; padding: 1.4rem; border-left: 4px solid #c28e27; border-radius: .25rem 1rem 1rem .25rem; background: #f7f2e4; }
.science-method-policy h2,.science-method-policy h3 { color: #073e35; }
.science-source-admin { display: grid; gap: .75rem; margin: 0 1rem 1rem; padding: 1rem; border: 1px solid #c8dcd7; border-radius: .85rem; background: #f6faf9; }
.science-source-admin h4 { margin: .2rem 0; color: #073e35; font-size: 1.1rem; }
.science-source-admin-row { display: grid; grid-template-columns: minmax(0,1fr) 6rem 9rem auto; gap: .65rem; align-items: end; padding: .75rem; border: 1px solid #d3e3df; border-radius: .7rem; background: #fff; }
.science-source-admin-row > div { display: grid; gap: .18rem; }
.science-source-admin-row small,.science-source-admin-row span { color: #657a75; font-size: .72rem; }
.science-source-admin-row label,.science-source-upload label { display: grid; gap: .3rem; color: #284f47; font-size: .75rem; font-weight: 780; }
.science-source-upload { display: grid; gap: .75rem; padding-top: 1rem; border-top: 1px solid #cbded9; }
@media (max-width: 900px) {
  .science-source-reader { grid-template-columns: 1fr; }
  .science-analysis-grid { grid-template-columns: 1fr; }
  .science-method-route-grid { grid-template-columns: 1fr; }
  .science-source-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .science-reader-frame iframe { height: 65vh; min-height: 32rem; }
  .science-source-admin-row { grid-template-columns: 1fr 6rem 9rem; }
  .science-source-admin-row .btn { grid-column: 1/-1; justify-self: start; }
}
@media (max-width: 600px) {
  .science-level-heading { grid-template-columns: 2.75rem minmax(0,1fr); }
  .science-level-heading > span { width: 2.75rem; height: 2.75rem; }
  .science-source-list { grid-template-columns: 1fr; }
  .science-reader-panel > header { flex-direction: column; }
  .science-reader-frame iframe { min-height: 26rem; }
  .science-source-admin-row { grid-template-columns: 1fr; }
  .science-source-list-public li { grid-template-columns: 2rem minmax(0,1fr); padding: .9rem; }
  .science-source-list-public li > span { width: 2rem; height: 2rem; }
  .science-citation-box { align-items: stretch; flex-direction: column; }
  .science-citation-box .btn { align-self: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .science-source-choice { transition: none; }
}

/* v202 final cascade: protect the studio hero from legacy explain-page rules. */
.page-context-explain .science-post-studio-gate,
.page-context-explain .science-post-studio-hero {
  min-height: 0;
  padding: clamp(3rem,6vw,5.4rem) 0;
  background:
    radial-gradient(circle at 82% 18%,rgba(237,190,70,.17),transparent 20rem),
    linear-gradient(135deg,#043d37,#07574f);
}
.page-context-explain .science-post-studio-gate h1,
.page-context-explain .science-post-studio-hero h1 {
  max-width: 13ch;
  color: #fff;
  font-size: clamp(2.7rem,5.4vw,4.9rem);
}
.page-context-explain .science-post-studio-gate p,
.page-context-explain .science-post-studio-hero p {
  color: rgba(255,255,255,.88);
  font-size: clamp(1rem,1.5vw,1.18rem);
}

/* v203 — ISAIS brand system across the publisher.
   ISAIS Explains establishes the visual standard for the rest of the product:
   deep editorial green, warm metadata gold, quiet paper surfaces, precise
   borders, restrained depth and motion that supports orientation. */
:root {
  --isais-brand-deep: #052f2a;
  --isais-brand-forest: #07483e;
  --isais-brand-emerald: #147967;
  --isais-brand-gold: #d7ad50;
  --isais-brand-gold-soft: #f7edcf;
  --isais-brand-mist: #edf5f2;
  --isais-brand-paper: #f7faf8;
  --isais-brand-ink: #123d35;
  --isais-brand-muted: #58736b;
  --isais-brand-line: #c9ddd6;
  --isais-brand-shadow: 0 1.1rem 3rem rgba(5, 52, 43, .09);
}

body {
  color: var(--isais-brand-ink);
  background:
    radial-gradient(circle at 7% 5%, rgba(203, 228, 220, .55), transparent 24rem),
    linear-gradient(180deg, #f8fbf9 0%, #f4f8f6 100%);
}

/* Header: the mark and actions carry the same crafted language as the
   Explains hero while remaining compact on every page. */
.site-header {
  background: rgba(255, 255, 255, .9) !important;
  border-bottom: 1px solid rgba(31, 93, 78, .18) !important;
  box-shadow: 0 .45rem 1.8rem rgba(5, 52, 43, .055);
  backdrop-filter: blur(18px) saturate(1.12);
}
.site-header .header-inner { min-height: clamp(4.65rem, 6vw, 5.25rem); }
.site-header .brand-wordmark {
  width: clamp(8.2rem, 13vw, 10.8rem) !important;
  transition: transform .2s ease;
}
.site-header .brand:hover .brand-wordmark,
.site-header .brand:focus-visible .brand-wordmark { transform: translateY(-1px); }
.site-header .header-primary-actions { display: flex; align-items: center; }
.site-header .header-publish-cta {
  display: inline-flex;
  min-height: 2.65rem;
  align-items: center;
  padding: .55rem 1.05rem;
  border: 1px solid var(--isais-brand-emerald);
  border-radius: 999px;
  color: #fff !important;
  background: linear-gradient(135deg, #116b5a, #19816e) !important;
  box-shadow: 0 .45rem 1.15rem rgba(20, 121, 103, .18);
  font-size: .78rem;
  font-weight: 850;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.site-header .header-publish-cta:hover,
.site-header .header-publish-cta:focus-visible {
  color: #fff !important;
  background: linear-gradient(135deg, #0c594b, #126d5d) !important;
  box-shadow: 0 .7rem 1.5rem rgba(20, 121, 103, .23);
  transform: translateY(-1px);
}
.site-header .nav-list > li > a,
.site-header .nav-list > li > details > summary {
  position: relative;
  color: #214d43;
  font-size: .82rem;
  font-weight: 780;
  letter-spacing: .01em;
}
.site-header .nav-list > li > a::after,
.site-header .nav-list > li > details > summary::after {
  position: absolute;
  right: .65rem;
  bottom: .35rem;
  left: .65rem;
  height: 2px;
  border-radius: 999px;
  background: var(--isais-brand-gold);
  content: "";
  opacity: 0;
  transform: scaleX(.35);
  transition: opacity .18s ease, transform .18s ease;
}
.site-header .nav-list > li > a:hover::after,
.site-header .nav-list > li > a[aria-current="page"]::after,
.site-header .nav-list > li > details[open] > summary::after {
  opacity: 1;
  transform: scaleX(1);
}
.site-header .nav-list > li > a:hover,
.site-header .nav-list > li > details > summary:hover { color: var(--isais-brand-deep); background: #eef6f3; }
.site-header .nav-dropdown-menu {
  min-width: 14rem;
  padding: .45rem;
  border: 1px solid var(--isais-brand-line) !important;
  border-radius: .9rem !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 1.2rem 2.8rem rgba(5, 52, 43, .16) !important;
  backdrop-filter: blur(18px);
}
.site-header .nav-dropdown-menu a {
  border-radius: .6rem;
  color: var(--isais-brand-ink) !important;
  font-size: .78rem;
}
.site-header .nav-dropdown-menu a:hover,
.site-header .nav-dropdown-menu a:focus-visible { color: var(--isais-brand-deep) !important; background: var(--isais-brand-mist) !important; }
.site-header .header-control,
.site-header .language-switcher select,
.site-header .menu-button {
  border-color: #c7dcd5 !important;
  color: var(--isais-brand-ink) !important;
  background: rgba(255,255,255,.76) !important;
}
.site-header .header-control:hover,
.site-header .header-control:focus-visible,
.site-header .menu-button:hover,
.site-header .menu-button:focus-visible { color: #fff !important; border-color: var(--isais-brand-emerald) !important; background: var(--isais-brand-emerald) !important; }

/* v222 — el botón de navegación existe en todas las resoluciones. El panel y
   el encabezado permanecen en la pantalla visible tanto en escritorio como en
   móvil, y su altura termina con la última opción en vez de llenar la pantalla. */
html:has(body.nav-open) { overflow-anchor: none; }
body.nav-open {
  padding-top: var(--mobile-header-height, 5.25rem);
  overflow-x: clip !important;
  overflow-y: visible !important;
  overflow-anchor: none;
}
body.nav-open .site-header {
  position: fixed !important;
  inset: 0 0 auto !important;
  width: 100%;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
body.nav-open::after {
  overscroll-behavior: contain;
  touch-action: none;
}
.site-header [data-site-nav] {
  position: fixed !important;
  inset: var(--mobile-nav-top, 5.25rem) max(1rem, env(safe-area-inset-right)) auto auto !important;
  width: min(58rem, calc(100vw - 2rem)) !important;
  max-height: calc(100dvh - var(--mobile-nav-top, 5.25rem) - max(.75rem, env(safe-area-inset-bottom))) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  transform-origin: top right;
}

@media (max-width: 760px) {
  .site-header [data-site-nav] {
    inset-inline: max(.5rem, env(safe-area-inset-left)) max(.5rem, env(safe-area-inset-right)) !important;
    bottom: auto !important;
    width: auto !important;
    border-radius: 0 0 .9rem .9rem !important;
  }
}

/* Public heroes: image-led pages now use the same editorial contrast and
   depth as the knowledge network without enlarging their content. */
.page-hero:has(> .editorial-photo-split) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #fff !important;
  background:
    radial-gradient(circle at 87% 18%, rgba(223, 184, 82, .22), transparent 19rem),
    linear-gradient(118deg, #06342d 0%, #075047 62%, #0a3540 100%) !important;
  border-bottom: 0 !important;
}
.page-hero:has(> .editorial-photo-split)::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(4, 39, 34, .18), transparent 55%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.045) 0 1px, transparent 1px 3.2rem);
  content: "";
  pointer-events: none;
}
.page-hero:has(> .editorial-photo-split) :where(h1, h2, h3) { color: #fff !important; }
.page-hero:has(> .editorial-photo-split) :where(p:not(.eyebrow), .lead, figcaption) { color: rgba(255,255,255,.86) !important; }
.page-hero:has(> .editorial-photo-split) .eyebrow { color: #f0c967 !important; }
.page-hero:has(> .editorial-photo-split) .btn-outline { color: #fff !important; border-color: rgba(255,255,255,.7) !important; }
.page-hero:has(> .editorial-photo-split) .btn-outline:hover,
.page-hero:has(> .editorial-photo-split) .btn-outline:focus-visible { color: var(--isais-brand-deep) !important; background: #fff !important; border-color: #fff !important; }
.page-hero:has(> .editorial-photo-split) .editorial-photo-split { padding-block: clamp(2.7rem, 5.5vw, 5rem); }
.page-hero:has(> .editorial-photo-split) .editorial-photo-split > figure {
  position: relative;
  width: min(100%, 34rem);
}
.page-hero:has(> .editorial-photo-split) .editorial-photo-split > figure::before {
  position: absolute;
  z-index: -1;
  top: .8rem;
  right: auto;
  bottom: auto;
  left: .8rem;
  width: calc(100% - .1rem);
  aspect-ratio: 16 / 10;
  box-sizing: border-box;
  border: 1px solid rgba(237, 193, 91, .72);
  border-radius: 1rem;
  content: "";
}
.page-hero:has(> .editorial-photo-split) .editorial-photo-split figcaption {
  position: relative;
  z-index: 1;
  margin-top: 1.05rem;
  padding-inline: .08rem;
}
.page-hero:has(> .editorial-photo-split) .editorial-photo {
  border-color: rgba(255,255,255,.36);
  border-radius: 1rem;
  box-shadow: 0 1.4rem 3.2rem rgba(1, 29, 25, .28);
  filter: saturate(.88) contrast(1.04);
}

/* Reading surfaces: a consistent rhythm of paper cards, fine rules and
   responsive metadata makes every public route feel like one product. */
main:not(.page-context-explain) .section-head { margin-bottom: clamp(1.55rem, 3.2vw, 2.8rem); }
main:not(.page-context-explain) .section-head h2,
main:not(.page-context-explain) .section-heading h2 { color: var(--isais-brand-deep); }
main:not(.page-context-explain) .section-pale {
  background:
    radial-gradient(circle at 92% 8%, rgba(212, 231, 224, .6), transparent 20rem),
    #eef5f2;
}
:where(main:not(.page-context-explain) .card,
  main:not(.page-context-explain) .form-card,
  main:not(.page-context-explain) .notice,
  main:not(.page-context-explain) .trust-callout,
  main:not(.page-context-explain) .guideline-callout,
  main:not(.page-context-explain) .editorial-fit,
  main:not(.page-context-explain) .empty-state,
  main:not(.page-context-explain) .account-action-card,
  main:not(.page-context-explain) .account-generic-panel,
  main:not(.page-context-explain) .dashboard-card,
  main:not(.page-context-explain) .dashboard-sidebar,
  main:not(.page-context-explain) .professional-card) {
  border-color: var(--isais-brand-line);
  border-radius: 1rem;
  box-shadow: var(--isais-brand-shadow);
}
main:not(.page-context-explain) .card:not(.card-dark):hover,
main:not(.page-context-explain) .account-action-card:hover,
main:not(.page-context-explain) .professional-card:hover {
  border-color: rgba(20, 121, 103, .46);
  box-shadow: 0 1.4rem 3.2rem rgba(5, 52, 43, .13);
  transform: translateY(-3px);
}
main:not(.page-context-explain) .card-tag,
main:not(.page-context-explain) .status-pill {
  color: #176b5b;
  background: #e3f1ed;
}
main:not(.page-context-explain) .card-tag { border: 1px solid #c6e0d8; }
main:not(.page-context-explain) .text-link { color: #0b6d5b; }
main:not(.page-context-explain) .text-link:hover { color: #06483e; }

/* Forms and data: controls use the same tactile shape and focus treatment as
   the post studio, including internal account and editorial workspaces. */
:where(main:not(.page-context-explain) input,
  main:not(.page-context-explain) select,
  main:not(.page-context-explain) textarea) {
  border-color: #bcd5cc;
  border-radius: .68rem;
  color: var(--isais-brand-ink);
  background: #fbfdfc;
  box-shadow: inset 0 1px 2px rgba(5, 52, 43, .025);
}
:where(main:not(.page-context-explain) input,
  main:not(.page-context-explain) select,
  main:not(.page-context-explain) textarea):focus {
  border-color: var(--isais-brand-emerald);
  outline: 3px solid rgba(20, 121, 103, .14);
  background: #fff;
}
:where(main:not(.page-context-explain) label,
  main:not(.page-context-explain) legend) { color: var(--isais-brand-ink); }
main:not(.page-context-explain) .table-wrap {
  overflow: auto;
  border: 1px solid var(--isais-brand-line);
  border-radius: 1rem;
  box-shadow: var(--isais-brand-shadow);
}
main:not(.page-context-explain) table { background: rgba(255,255,255,.95); }
main:not(.page-context-explain) th {
  color: var(--isais-brand-deep);
  background: #e8f2ef;
  border-bottom-color: #c1d9d1;
  font-size: .7rem;
  letter-spacing: .085em;
  text-transform: uppercase;
}
main:not(.page-context-explain) td { border-bottom-color: #e1ece8; }
main:not(.page-context-explain) tr:hover td { background: #f5faf8; }

/* Article and journal records get a recognisable ISAIS spine: gold index,
   green headings and source blocks with enough air for long reading. */
:where(main:not(.page-context-explain) .article-record,
  main:not(.page-context-explain) .journal-reading-layout,
  main:not(.page-context-explain) .editorial-reading,
  main:not(.page-context-explain) .policy-content) :where(h2, h3) { color: var(--isais-brand-deep); }
main:not(.page-context-explain) .article-section,
main:not(.page-context-explain) .editorial-reading section,
main:not(.page-context-explain) .policy-content section { border-bottom-color: #d5e5df; }
main:not(.page-context-explain) .article-byline,
main:not(.page-context-explain) .article-metadata,
main:not(.page-context-explain) .journal-information,
main:not(.page-context-explain) .guideline-facts {
  border-color: var(--isais-brand-line);
  background: linear-gradient(145deg, #f2f8f5, #fff);
  border-radius: .9rem;
}

/* Footer: a dark closing field with a small gold register line mirrors the
   premium tone of the Explains reader. */
.site-footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(135deg, #032822, #06473d 68%, #0a3540) !important;
}
.site-footer::before {
  position: absolute;
  z-index: -1;
  right: -12rem;
  bottom: -19rem;
  width: 38rem;
  height: 38rem;
  border: 1px solid rgba(231, 190, 89, .25);
  border-radius: 50%;
  box-shadow: 0 0 0 4rem rgba(231, 190, 89, .035), 0 0 0 8rem rgba(231, 190, 89, .025);
  content: "";
  pointer-events: none;
}
.site-footer .footer-main { position: relative; padding-block: clamp(3.2rem, 6vw, 5.5rem); }
.site-footer .footer-title { color: #efc86a; }
.site-footer .footer-links a { color: rgba(255,255,255,.78); }
.site-footer .footer-links a:hover,
.site-footer .footer-links a:focus-visible { color: #fff; text-decoration-color: #efc86a; }
.site-footer .footer-bottom { border-top-color: rgba(229, 194, 106, .28); color: rgba(255,255,255,.68); }

/* The branded motion is subtle and never hides information. */
@keyframes isais-brand-rise {
  from { opacity: .2; transform: translateY(.45rem); }
  to { opacity: 1; transform: none; }
}
main:not(.page-context-explain) > .section:first-of-type > .container,
main:not(.page-context-explain) > .page-hero + .section > .container {
  animation: isais-brand-rise .55s cubic-bezier(.2,.75,.2,1) both;
}
@media (max-width: 1080px) {
  .site-header .nav-list > li > a::after,
  .site-header .nav-list > li > details > summary::after { display: none; }
  .site-header .nav-dropdown-menu { box-shadow: none !important; }
  .page-hero:has(> .editorial-photo-split) .editorial-photo-split { padding-block: 2.8rem; }
}
@media (max-width: 700px) {
  .site-header .header-publish-cta { min-height: 2.45rem; padding-inline: .78rem; font-size: .7rem; }
  .site-header .brand-wordmark { width: 8.8rem !important; }
  .page-hero:has(> .editorial-photo-split) .editorial-photo-split { padding-block: 2.35rem; }
  .page-hero:has(> .editorial-photo-split) .editorial-photo-split > figure { width: 100%; }
  .page-hero:has(> .editorial-photo-split) .editorial-photo-split > figure::before {
    top: .55rem;
    left: .55rem;
    width: calc(100% - .2rem);
  }
  .site-footer .footer-main { padding-block: 3.5rem; }
}
@media (prefers-reduced-motion: reduce) {
  main:not(.page-context-explain) > .section:first-of-type > .container,
  main:not(.page-context-explain) > .page-hero + .section > .container { animation: none; }
  .site-header .brand-wordmark,
  main:not(.page-context-explain) .card:not(.card-dark):hover,
  main:not(.page-context-explain) .account-action-card:hover,
  main:not(.page-context-explain) .professional-card:hover { transform: none; }
}

/* Search controls are part of the composition, not browser-default widgets. */
.page-hero .isais-hero-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .5rem;
  max-width: 36rem;
  margin-top: 1.15rem;
}
.page-hero .isais-hero-search input {
  min-height: 3rem;
  border-color: rgba(255,255,255,.38);
  color: var(--isais-brand-ink);
  background: rgba(255,255,255,.96);
}
.page-hero .isais-hero-search button {
  min-height: 3rem;
  padding: .55rem 1.1rem;
  border: 1px solid var(--isais-brand-gold);
  border-radius: .68rem;
  color: var(--isais-brand-deep);
  background: var(--isais-brand-gold);
  font-weight: 850;
  cursor: pointer;
}
.page-hero .isais-hero-search button:hover,
.page-hero .isais-hero-search button:focus-visible { color: var(--isais-brand-deep); background: #f1d078; }
.journal-finder-form,
.science-explore-form {
  display: grid;
  gap: .75rem;
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid var(--isais-brand-line);
  border-radius: 1rem;
  background: linear-gradient(145deg, #f3f8f5, #fff);
  box-shadow: 0 .8rem 2rem rgba(5,52,43,.06);
}
.journal-finder-form { grid-template-columns: repeat(3, minmax(0, 1fr)) auto; align-items: end; }
.science-explore-form { grid-template-columns: minmax(14rem, 1.4fr) repeat(3, minmax(9rem, 1fr)) auto; align-items: end; }
.journal-finder-form label,
.science-explore-form label { display: grid; gap: .35rem; color: var(--isais-brand-ink); font-size: .78rem; font-weight: 800; }
.journal-finder-form .btn,
.science-explore-form .btn { min-height: 2.9rem; }
@media (max-width: 860px) {
  .journal-finder-form,
  .science-explore-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .page-hero .isais-hero-search,
  .journal-finder-form,
  .science-explore-form { grid-template-columns: 1fr; }
}

/* Account workspaces v204: clear hierarchy for professional operations. */
.account-profile-preferences {
  display: grid;
  gap: 1rem;
  margin: 1.35rem 0;
  padding: 1.15rem;
  border: 1px solid var(--isais-brand-line);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(239,247,244,.88), #fff);
}
.account-profile-preferences legend {
  padding: 0 .45rem;
  color: var(--isais-brand-deep);
  font-weight: 850;
}
.account-profile-preferences .management-fields { margin: 0; }
.account-profile-preferences textarea { min-height: 7rem; }
.account-profile-preferences input[type="checkbox"] { accent-color: var(--isais-brand-teal); }
.account-profile-preferences label.form-field { display: grid; gap: .4rem; }
.button-row { display: flex; flex-wrap: wrap; gap: .65rem; align-items: center; }

.reviewer-dashboard { display: grid; gap: 1.5rem; }
.reviewer-profile-summary {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 1.5rem;
  align-items: center;
  padding: 1rem 1.2rem;
  border: 1px solid var(--isais-brand-line);
  border-radius: 1rem;
  background: #fff;
}
.reviewer-profile-summary strong { color: var(--isais-brand-deep); }
.reviewer-profile-summary span { color: var(--isais-brand-muted); }
.reviewer-command-metrics { border-color: var(--isais-brand-line); }
.reviewer-command-note {
  display: grid;
  grid-template-columns: minmax(8rem, .24fr) minmax(0, 1fr);
  gap: .85rem;
  padding: .85rem 1rem;
  border-left: 3px solid #c9a33e;
  color: var(--isais-brand-muted);
  background: #fffaf0;
  line-height: 1.5;
}
.reviewer-command-note strong { color: var(--isais-brand-deep); }
.reviewer-assignment-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.reviewer-assignment-card {
  display: grid;
  gap: .85rem;
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid var(--isais-brand-line);
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 .75rem 2rem rgba(5,52,43,.06);
}
.reviewer-assignment-card > header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem 1rem; align-items: start; }
.reviewer-assignment-card > header h3 { margin: .15rem 0 0; color: var(--isais-brand-deep); }
.reviewer-assignment-card > header .eyebrow { grid-column: 1 / -1; margin: 0; }
.reviewer-assignment-card > p { margin: 0; color: var(--isais-brand-muted); line-height: 1.55; }
.reviewer-account-response { display: grid; gap: .75rem; margin-top: .35rem; padding-top: .9rem; border-top: 1px solid var(--isais-brand-line); }
.reviewer-account-response label,
.reviewer-link-refresh { display: grid; gap: .35rem; }
.reviewer-account-response textarea { min-height: 6rem; }
.reviewer-account-response input[type="checkbox"] { accent-color: var(--isais-brand-teal); }
.reviewer-invitation-response {
  display: grid;
  gap: .7rem;
  margin-top: .35rem;
  padding: .9rem;
  border: 1px solid #d4e5e1;
  border-radius: .75rem;
  background: #f8fcfa;
}
.reviewer-invitation-response label { display: grid; gap: .35rem; color: var(--isais-brand-deep); font-size: .9rem; font-weight: 750; }
.reviewer-invitation-response p { margin: 0; color: var(--isais-brand-muted); font-size: .86rem; line-height: 1.45; }
.reviewer-report-disclosure { overflow: hidden; border: 1px solid var(--isais-brand-line); border-radius: .75rem; }
.reviewer-report-disclosure > summary { display: flex; align-items: center; justify-content: space-between; gap: .7rem; padding: .75rem .85rem; cursor: pointer; list-style: none; }
.reviewer-report-disclosure > summary::-webkit-details-marker { display: none; }
.reviewer-report-disclosure > summary > span { display: grid; gap: .1rem; min-width: 0; }
.reviewer-report-disclosure > summary strong { color: var(--isais-brand-deep); }
.reviewer-report-disclosure > summary small { color: var(--isais-brand-muted); font-size: .78rem; }
.reviewer-report-disclosure > summary b { color: var(--isais-brand-teal); }
.reviewer-report-disclosure[open] > summary { border-bottom: 1px solid var(--isais-brand-line); background: #f6faf8; }
.reviewer-report-disclosure .reviewer-account-response { margin: 0; padding: .9rem; border-top: 0; }
.reviewer-link-refresh { margin: 0; }
.reviewer-dashboard .section-heading { margin-bottom: .2rem; }
.account-feature-card-reviewer { border-color: rgba(202,157,41,.48); background: linear-gradient(145deg,#fffdf4,#fff); }

@media (max-width: 720px) {
  .reviewer-command-note { grid-template-columns: 1fr; gap: .3rem; }
  .reviewer-assignment-grid { grid-template-columns: 1fr; }
}

.notification-menu-severity,
.notification-section-severity {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-left: .35rem;
  padding: .16rem .4rem;
  border-radius: 999px;
  color: var(--isais-brand-deep);
  background: #eaf3f0;
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .02em;
}
.notification-menu-severity-critical,
.notification-section-severity-critical { color: #8c2f25; background: #fde8e5; }
.notification-menu-severity-warning,
.notification-section-severity-warning { color: #805d06; background: #fff3cc; }
.notification-menu-due,
.notification-section-due { display: block; margin-top: .2rem; color: var(--isais-brand-muted); font-size: .76rem; }

@media (max-width: 760px) {
  .reviewer-assignment-grid { grid-template-columns: 1fr; }
  .reviewer-assignment-card > header { grid-template-columns: 1fr; }
  .reviewer-assignment-card .status-pill { justify-self: start; }
  .button-row .btn { flex: 1 1 12rem; justify-content: center; }
}

/* v205 — ISAIS Explains panoramic hero.
   The existing finite carousel becomes the complete background scene: each
   photograph is framed by an ISAIS-specific geometric system instead of a
   detached card. Text remains on a stable, high-contrast editorial field. */
.science-network-hero {
  position: relative;
  isolation: isolate;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  background: #043c34;
}
.science-network-hero::before {
  position: absolute;
  z-index: 3;
  inset: 0;
  background:
    linear-gradient(112deg, rgba(3, 48, 41, .98) 0 31%, rgba(3, 48, 41, .9) 45%, rgba(3, 48, 41, .28) 72%, rgba(3, 48, 41, .08) 100%),
    linear-gradient(0deg, rgba(2, 29, 27, .58), transparent 48%);
  content: "";
  pointer-events: none;
}
.science-network-hero::after {
  position: absolute;
  z-index: 4;
  top: clamp(2rem, 6vw, 5rem);
  right: clamp(1rem, 4vw, 4rem);
  width: clamp(5rem, 12vw, 10rem);
  height: clamp(5rem, 12vw, 10rem);
  opacity: .34;
  background-image: radial-gradient(circle, rgba(242, 207, 113, .95) 1.1px, transparent 1.35px);
  background-size: .72rem .72rem;
  clip-path: polygon(30% 0, 100% 0, 100% 72%, 70% 100%, 0 100%, 0 28%);
  content: "";
  pointer-events: none;
}
.science-network-hero .science-network-hero-grid {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: 1fr;
  min-height: clamp(32rem, 41vw, 38rem);
  align-items: center;
  padding-block: clamp(3.3rem, 7vw, 5.8rem);
}
.science-network-hero .science-network-hero-grid > div:first-child {
  position: relative;
  z-index: 6;
  width: min(45rem, 56vw);
}
.science-network-hero h1 {
  max-width: 13ch;
  text-shadow: 0 .12rem 1.4rem rgba(1, 25, 23, .2);
}
.science-network-hero .eyebrow { color: #f0cd72 !important; }
.science-network-hero .lead { max-width: 40rem; color: rgba(255, 255, 255, .88); }
.science-network-hero .science-network-search { max-width: 39rem; }

.science-network-hero .science-hero-carousel {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  transform: translateX(-50%);
  border: 0;
  border-radius: 0;
  background: #043c34;
  box-shadow: none;
}
.science-network-hero .science-hero-carousel::before {
  z-index: 4;
  inset: -20% auto -20% 48%;
  width: 1px;
  border: 0;
  border-radius: 0;
  background: linear-gradient(transparent, rgba(239, 199, 91, .72), transparent);
  transform: rotate(11deg);
}
.science-network-hero .science-hero-carousel::after { display: none; }
.science-network-hero .science-hero-carousel-track { border-radius: 0; }
.science-network-hero .science-hero-slide {
  --science-geometry-a: rgba(15, 129, 109, .72);
  --science-geometry-b: rgba(238, 198, 91, .78);
  border-radius: 0;
  background: #043c34;
  transform: scale(1.025);
  transition: opacity .72s ease, transform 1.15s cubic-bezier(.2, .72, .2, 1), visibility .72s;
}
.science-network-hero .science-hero-slide:nth-child(2) {
  --science-geometry-a: rgba(23, 119, 133, .76);
  --science-geometry-b: rgba(122, 195, 184, .76);
}
.science-network-hero .science-hero-slide:nth-child(3) {
  --science-geometry-a: rgba(82, 123, 105, .76);
  --science-geometry-b: rgba(221, 171, 65, .8);
}
.science-network-hero .science-hero-slide.is-active { transform: scale(1); }
.science-network-hero .science-hero-slide img {
  position: absolute;
  inset: 0 0 0 auto;
  width: 65%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
  filter: saturate(.92) contrast(1.06);
  transform: scale(1.08) translateX(1.7%);
  transition: transform 4.8s cubic-bezier(.18, .7, .18, 1), filter .7s ease;
}
.science-network-hero .science-hero-slide.is-active img { transform: scale(1.015) translateX(0); }
.science-network-hero .science-hero-slide::before {
  z-index: 1;
  background:
    linear-gradient(90deg, #043c34 0 33%, rgba(4, 60, 52, .96) 43%, rgba(4, 60, 52, .42) 70%, rgba(3, 31, 29, .12) 100%),
    linear-gradient(0deg, rgba(2, 29, 27, .64), transparent 53%);
}
.science-network-hero .science-hero-slide::after {
  position: absolute;
  z-index: 2;
  top: -18%;
  right: -5%;
  width: clamp(15rem, 27vw, 28rem);
  height: 138%;
  opacity: .48;
  background:
    linear-gradient(180deg,
      transparent 0 12%,
      var(--science-geometry-a) 12% 31%,
      transparent 31% 39%,
      var(--science-geometry-b) 39% 57%,
      transparent 57% 66%,
      var(--science-geometry-a) 66% 84%,
      transparent 84% 100%);
  clip-path: polygon(38% 0, 100% 0, 67% 100%, 0 100%);
  content: "";
  mix-blend-mode: screen;
  pointer-events: none;
  transform: rotate(3deg);
}
.science-network-hero .science-hero-slide > div {
  position: absolute;
  z-index: 5;
  inset: auto clamp(3.2rem, 7vw, 7rem) 5.1rem auto;
  display: flex;
  width: min(21rem, 28vw);
  min-height: 10rem;
  justify-content: center;
  padding: 1.15rem 1.25rem;
  overflow: hidden;
  clip-path: none;
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: 1rem;
  color: #fff;
  background: linear-gradient(145deg, rgba(3, 48, 43, .9), rgba(5, 70, 64, .68));
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .24);
  backdrop-filter: blur(.75rem) saturate(1.05);
}
.science-network-hero .science-hero-slide > div::before {
  top: 0;
  right: 0;
  bottom: 0;
  width: .24rem;
  opacity: .9;
  background: var(--science-hero-accent);
  transform: none;
}
.science-network-hero .science-hero-slide p { margin-bottom: .45rem; }
.science-network-hero .science-hero-slide h2 {
  max-width: 12em;
  margin-bottom: .75rem;
  font-size: clamp(1.35rem, 2vw, 2rem);
}
.science-network-hero .science-hero-slide a { min-height: 2.25rem; padding: .5rem .8rem; }
.science-network-hero .science-hero-carousel-controls {
  right: clamp(1.25rem, 3.5vw, 3.5rem);
  bottom: 1.2rem;
  z-index: 9;
  border-color: rgba(255, 255, 255, .38);
  background: rgba(2, 39, 35, .84);
}

@media (max-width: 900px) {
  .science-network-hero::before {
    background:
      linear-gradient(100deg, rgba(3, 48, 41, .98) 0 45%, rgba(3, 48, 41, .84) 70%, rgba(3, 48, 41, .42) 100%),
      linear-gradient(0deg, rgba(2, 29, 27, .62), transparent 55%);
  }
  .science-network-hero .science-network-hero-grid > div:first-child { width: min(41rem, 72vw); }
  .science-network-hero .science-hero-slide img { width: 72%; }
  .science-network-hero .science-hero-slide > div { width: min(18rem, 32vw); right: 2rem; }
}

@media (max-width: 760px) {
  .science-network-hero::before {
    background:
      linear-gradient(180deg, rgba(3, 48, 41, .88) 0, rgba(3, 48, 41, .93) 52%, rgba(2, 39, 35, .82) 100%),
      linear-gradient(90deg, rgba(3, 48, 41, .96), rgba(3, 48, 41, .4));
  }
  .science-network-hero::after { top: 1.25rem; right: 1rem; opacity: .24; }
  .science-network-hero .science-network-hero-grid {
    min-height: clamp(39rem, 158vw, 46rem);
    align-items: start;
    padding-block: clamp(3rem, 12vw, 4.5rem) 6rem;
  }
  .science-network-hero .science-network-hero-grid > div:first-child { width: 100%; }
  .science-network-hero h1 { max-width: 10ch; font-size: clamp(2.75rem, 14vw, 4rem); }
  .science-network-hero .science-hero-slide img {
    inset: 0;
    width: 100%;
    clip-path: none;
    object-position: 62% center;
    opacity: .7;
  }
  .science-network-hero .science-hero-slide::before {
    background:
      linear-gradient(180deg, rgba(3, 48, 41, .74), rgba(3, 48, 41, .83) 55%, rgba(2, 34, 31, .94)),
      linear-gradient(90deg, rgba(3, 48, 41, .9), transparent 82%);
  }
  .science-network-hero .science-hero-slide::after { right: -24%; width: 72%; opacity: .32; }
  .science-network-hero .science-hero-slide > div { display: none; }
  .science-network-hero .science-network-search { margin-top: 1.1rem; }
  .science-network-hero .science-hero-carousel-controls { right: .85rem; bottom: .85rem; }
}

@media (prefers-reduced-motion: reduce) {
  .science-network-hero .science-hero-slide,
  .science-network-hero .science-hero-slide img { transition: none !important; }
}

/* v206 — photographic ISAIS Explains surfaces and consistent selection
   controls. Large green covers retain a stable reading field while showing
   the people, methods and conversations represented by each route. */
.page-context-explain .science-post-studio-gate,
.page-context-explain .science-post-studio-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: clamp(25rem, 38vw, 34rem);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.page-context-explain .science-post-studio-hero {
  background-image:
    linear-gradient(96deg, #043d37 0 35%, rgba(4, 61, 55, .97) 49%, rgba(4, 61, 55, .62) 72%, rgba(3, 40, 38, .34) 100%),
    url('/assets/images/isais-explains-paths-v199.webp');
}
.page-context-explain .science-post-studio-gate {
  background-image:
    linear-gradient(96deg, #043d37 0 35%, rgba(4, 61, 55, .97) 49%, rgba(4, 61, 55, .62) 72%, rgba(3, 40, 38, .34) 100%),
    url('/assets/images/isais-explains-methods-v199.webp');
}
.page-context-explain .science-post-studio-gate::before,
.page-context-explain .science-post-studio-hero::before {
  position: absolute;
  z-index: 0;
  top: -18%;
  right: -6%;
  width: clamp(17rem, 32vw, 34rem);
  height: 142%;
  opacity: .42;
  background:
    linear-gradient(180deg,
      transparent 0 10%,
      rgba(18, 130, 111, .72) 10% 30%,
      transparent 30% 38%,
      rgba(225, 177, 64, .72) 38% 57%,
      transparent 57% 66%,
      rgba(28, 101, 111, .7) 66% 86%,
      transparent 86% 100%);
  clip-path: polygon(36% 0, 100% 0, 68% 100%, 0 100%);
  content: "";
  mix-blend-mode: screen;
  pointer-events: none;
  transform: rotate(3deg);
}
.page-context-explain .science-post-studio-gate::after,
.page-context-explain .science-post-studio-hero::after {
  position: absolute;
  z-index: 1;
  inset: -20% auto -20% 47%;
  width: 1px;
  background: linear-gradient(transparent, rgba(240, 203, 103, .82), transparent);
  content: "";
  pointer-events: none;
  transform: rotate(10deg);
}
.page-context-explain .science-post-studio-gate > .container,
.page-context-explain .science-post-studio-hero > .container {
  position: relative;
  z-index: 2;
}
.page-context-explain .science-post-studio-gate h1,
.page-context-explain .science-post-studio-hero h1 { text-shadow: 0 .15rem 1.4rem rgba(0, 0, 0, .22); }

.page-context-explain .science-profile-hero::after,
.page-context-explain .science-detail-network-hero::after {
  position: absolute;
  z-index: -1;
  inset: 0 0 0 54%;
  opacity: .2;
  background:
    linear-gradient(90deg, #06483e 0, transparent 44%),
    url('/assets/images/isais-biomedical-team-v179.webp') center/cover;
  clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 88%);
  content: "";
  pointer-events: none;
}
.page-context-explain .science-detail-network-hero::after {
  background-image:
    linear-gradient(90deg, #06483e 0, transparent 44%),
    url('/assets/images/isais-explains-methods-v199.webp');
}

/* Native checkboxes and radios must never inherit the full-width text-input
   rule. These dimensions also give every form one predictable alignment. */
:where(input[type="checkbox"], input[type="radio"]) {
  box-sizing: border-box;
  inline-size: 1.125rem !important;
  min-inline-size: 1.125rem !important;
  block-size: 1.125rem;
  min-block-size: 1.125rem;
  flex: 0 0 1.125rem;
  margin: .12rem 0 0;
  padding: 0 !important;
  accent-color: #147967;
}
:where(input[type="checkbox"], input[type="radio"]):focus-visible {
  outline: 3px solid rgba(20, 121, 103, .2);
  outline-offset: 3px;
}
:where(
  label.form-field:has(> input[type="checkbox"]),
  label.form-field:has(> input[type="radio"]),
  label.science-consent,
  label.meeting-auto-confirm,
  label.science-editor-check,
  .science-post-declarations label,
  .reviewer-account-response label:has(> input[type="checkbox"])
) {
  display: grid !important;
  grid-template-columns: 1.125rem minmax(0, 1fr) !important;
  align-items: start !important;
  justify-content: start;
  gap: .68rem !important;
  text-align: left;
}
.science-post-declarations {
  gap: .55rem;
  padding: .75rem !important;
}
.science-post-declarations label {
  width: 100%;
  margin: 0;
  padding: .72rem .78rem;
  border: 1px solid #d7e5e1;
  border-radius: .78rem;
  background: #fff;
  line-height: 1.45;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.science-post-declarations label:hover { border-color: #9fc7bc; background: #f9fcfb; }
.science-post-declarations label:has(input:checked) {
  border-color: #64a998;
  background: #edf7f3;
  box-shadow: inset .22rem 0 #147967;
}

@media (max-width: 760px) {
  .page-context-explain .science-post-studio-gate,
  .page-context-explain .science-post-studio-hero {
    min-height: 27rem;
    background-image:
      linear-gradient(180deg, rgba(4, 61, 55, .78), rgba(4, 61, 55, .94) 64%, rgba(3, 43, 39, .98)),
      url('/assets/images/isais-explains-paths-v199.webp');
    background-position: 62% center;
  }
  .page-context-explain .science-post-studio-gate {
    background-image:
      linear-gradient(180deg, rgba(4, 61, 55, .78), rgba(4, 61, 55, .94) 64%, rgba(3, 43, 39, .98)),
      url('/assets/images/isais-explains-methods-v199.webp');
  }
  .page-context-explain .science-post-studio-gate::before,
  .page-context-explain .science-post-studio-hero::before { right: -35%; width: 88%; opacity: .28; }
  .page-context-explain .science-profile-hero::after,
  .page-context-explain .science-detail-network-hero::after { inset: 0; opacity: .13; clip-path: none; }
}

@media (prefers-reduced-motion: reduce) {
  .science-post-declarations label { transition: none; }
}

/* v209 · commercial catalogue and inclusive open-access pricing */
.pricing-hero {
  background:
    radial-gradient(circle at 86% 20%, rgba(241, 195, 86, .2), transparent 24rem),
    linear-gradient(135deg, #043d37 0%, #075b50 62%, #0c7464 100%);
  color: #fff;
}
.pricing-hero :where(h1, .lead, .eyebrow) { color: inherit; }
.pricing-tier-grid,
.service-price-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.pricing-tier-card,
.service-price-card,
.pricing-included-card {
  border: 1px solid #c9ded8;
  border-radius: 1.35rem;
  background: #fff;
  box-shadow: 0 1rem 2.6rem rgba(5, 54, 48, .08);
}
.pricing-tier-card {
  display: grid;
  align-content: start;
  gap: .35rem;
  min-height: 15rem;
  padding: 1.65rem;
}
.pricing-tier-card strong {
  color: #075b50;
  font: 600 clamp(2rem, 4vw, 3.3rem)/1 var(--font-display, Georgia, serif);
}
.pricing-tier-card span { color: #956900; font-weight: 700; }
.pricing-journal-table { margin-top: 2.25rem; }
.pricing-journal-table table { min-width: 860px; }
.pricing-journal-table th,
.pricing-journal-table td { vertical-align: middle; }
.pricing-included-card {
  padding: clamp(1.5rem, 4vw, 2.6rem);
  margin-bottom: 1rem;
  border-color: #d4b45b;
  background: linear-gradient(135deg, #fff 0%, #fffaf0 100%);
}
.pricing-note {
  max-width: 75rem;
  margin: 1.25rem 0 2.5rem;
  padding: 1rem 1.15rem;
  border-left: .25rem solid #147967;
  background: #edf7f3;
}
.service-catalog-section + .service-catalog-section { margin-top: 3.5rem; }
.service-catalog-section > header { max-width: 48rem; margin-bottom: 1.35rem; }
.service-price-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.25rem;
  min-height: 17rem;
  padding: 1.45rem;
}
.service-price-card h3 { margin: .25rem 0 .65rem; }
.service-price {
  display: block;
  padding-top: 1rem;
  border-top: 1px solid #dce9e5;
  color: #075b50;
  font-size: 1.18rem;
}
.pricing-included-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pricing-included-grid li {
  position: relative;
  padding: .8rem 1rem .8rem 2.65rem;
  border: 1px solid #d7e5e1;
  border-radius: .85rem;
  background: #fff;
}
.pricing-included-grid li::before {
  content: "✓";
  position: absolute;
  left: .9rem;
  color: #147967;
  font-weight: 800;
}
.science-contribution-routes { background: #073f39; color: #fff; }
.science-contribution-routes .container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, .2);
}
.science-contribution-routes article { padding: clamp(1.4rem, 4vw, 2.5rem); background: #073f39; }
.science-contribution-routes :where(h2, p, a) { color: inherit; }
.science-contribution-routes .eyebrow { color: #f1c356; }

@media (max-width: 900px) {
  .pricing-tier-grid,
  .service-price-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .pricing-tier-grid,
  .service-price-grid,
  .pricing-included-grid,
  .science-contribution-routes .container { grid-template-columns: 1fr; }
  .pricing-tier-card,
  .service-price-card { min-height: 0; }
  .pricing-journal-table { margin-inline: -.35rem; }
}

/* v216 — mancha editorial justificada.
   La justificación se aplica únicamente a prosa de lectura. Navegación,
   botones, metadatos y tarjetas breves conservan su alineación natural. */
main :is(
  .journal-home-intro > div > p:not(.eyebrow),
  .journal-information > p:not(.eyebrow),
  .split-wide > div > p:not(.eyebrow),
  .journal-reading-layout > article > p:not(.eyebrow),
  .journal-policy-list p:not(.eyebrow),
  .journal-type-row p:not(.eyebrow),
  .journal-review-steps p:not(.eyebrow),
  .policy-content p:not(.eyebrow),
  .policy-content li,
  .editorial-reading p:not(.eyebrow),
  .editorial-longform p:not(.eyebrow),
  .editorial-longform li,
  .article-record-content p:not(.eyebrow),
  .article-record-content li,
  .science-article-body > p:not(.eyebrow)
) {
  text-align: justify !important;
  text-align-last: left !important;
  text-justify: inter-word;
  -webkit-hyphens: auto !important;
  hyphens: auto !important;
}

/* En una columna telefónica muy angosta se evita expandir líneas cortas. */
@media (max-width: 520px) {
  main :is(
    .journal-policy-list p:not(.eyebrow),
    .journal-type-row p:not(.eyebrow),
    .journal-review-steps p:not(.eyebrow)
  ) {
    text-align: left !important;
    text-align-last: auto !important;
  }
}
/* Shared compact header for reader and staff accounts on phones. */
@media(max-width:700px){
  .site-header .header-inner{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;min-height:64px!important;padding-block:10px!important}
  .site-header .brand{flex:0 1 114px;min-width:64px;max-width:114px}
  .site-header .brand img{max-width:100%!important;width:114px!important;height:auto!important}
  .site-header .header-primary-actions{display:none!important}
  .site-header .header-actions{margin-left:auto;display:flex!important;flex:0 0 auto;gap:4px!important;flex-wrap:nowrap!important}
  .site-header .header-control,.site-header .menu-button{width:34px!important;min-width:34px!important;height:34px!important;padding:7px!important}
  .site-header .language-switcher select{min-width:40px!important;width:40px!important;padding:7px 3px!important;height:34px!important}
  .site-header .language-switcher{margin:0!important;min-width:0!important}
  .site-header .menu-button{margin-left:0!important;flex-shrink:0}
}
@media(max-width:370px){
  .site-header .header-inner{width:calc(100% - 20px)}
  .site-header .brand{flex-basis:76px}
  .site-header .header-control,.site-header .menu-button{width:30px!important;min-width:30px!important;height:32px!important}
}

/* ISAIS notification layout 20260917 */
.site-header .notification-menu{grid-template-columns:minmax(0,1fr);max-height:calc(100dvh - 6rem);box-sizing:border-box}
.site-header .notification-menu-header{min-width:0;flex-wrap:wrap;gap:.45rem .8rem}
.site-header .notification-menu-header>div{min-width:0}
.site-header .notification-menu-list{grid-template-columns:minmax(0,1fr);min-width:0;overflow-x:hidden;align-content:start}
.site-header .notification-menu-item,.site-header .notification-menu-item>a{min-width:0;max-width:100%;box-sizing:border-box}
.site-header .notification-menu-item>a{white-space:normal}
.site-header .notification-menu-item-copy{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%;white-space:normal}
.site-header .notification-menu-item-copy,.site-header .notification-menu-item-copy>*{min-width:0;overflow-wrap:anywhere!important}
.site-header .notification-menu-item-copy strong{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.site-header .notification-menu-item-copy>span{display:block;overflow:visible;-webkit-line-clamp:unset;white-space:normal;overflow-wrap:anywhere}
.site-header .notification-menu-item-copy :is(small,time,em){white-space:normal;overflow-wrap:anywhere}
.site-header .notification-menu-footer{min-width:0}
.site-header .notification-menu-footer a{white-space:normal;overflow-wrap:anywhere}
@media(max-width:760px),(max-height:34rem){
 .site-header .notification-menu{max-height:none}
}
/* End ISAIS notification layout 20260917 */

/* Unified people and account directory. */
.account-directory-segment { margin-top: 1.35rem; padding: 1rem; border: 1px solid #d2e1dc; border-radius: .9rem; background: #f8fbfa; }
.account-directory-segment + .account-directory-segment { margin-top: 1.1rem; }
.account-directory-segment-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: .9rem; }
.account-directory-segment-heading h2 { margin: .15rem 0 .2rem; color: #123c33; font-size: 1.2rem; }
.account-directory-segment-heading p:last-child { margin: 0; color: #647a73; font-size: .78rem; }
.account-directory-segment-heading > span { display: inline-flex; align-items: center; justify-content: center; min-width: 2.25rem; min-height: 2.25rem; padding: .25rem .65rem; border-radius: 999px; background: #164f42; color: #fff; font-size: .78rem; font-weight: 800; }
.account-directory-role-group + .account-directory-role-group { margin-top: 1rem; }
.account-directory-role-group > header { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin: 0 0 .55rem; padding: 0 .2rem .5rem; border-bottom: 1px solid #d4e2dd; }
.account-directory-role-group > header h3 { margin: 0; color: #1b5245; font-size: .88rem; }
.account-directory-role-group > header span { color: #6a7d76; font-size: .7rem; font-weight: 750; }
.account-directory-professional { border-top: 3px solid #176b59; background: #f6faf8; }
.account-directory-standard { border-top: 3px solid #b99648; background: #fcfbf7; }
.account-directory-person > summary { padding: 1rem 1.05rem; }
.account-directory-badges { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .3rem; }
.account-directory-badges i { display: inline-flex; align-items: center; min-height: 1.55rem; padding: .18rem .52rem; border: 1px solid #ccddd8; border-radius: 999px; background: #f5f9f8; color: #3d5b52; font-size: .67rem; font-style: normal; font-weight: 750; line-height: 1.15; }
.account-directory-badges i.is-active { border-color: #acd8c9; background: #e8f6f1; color: #0a6a55; }
.account-directory-badges i.is-neutral { color: #667872; }
.account-directory-actions-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(15rem, .65fr); gap: 1rem; }
.account-directory-actions-grid > section { min-width: 0; padding: 1rem; border: 1px solid #d8e6e1; border-radius: .8rem; background: #fbfdfc; }
.account-directory-actions-grid h3 { margin: .2rem 0 .8rem; color: #123c33; font-size: 1rem; }
.account-current-role-list { display: grid; gap: .55rem; margin: 0 0 .85rem; padding: 0; list-style: none; }
.account-current-role-list li { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .7rem .75rem; border: 1px solid #dbe8e3; border-radius: .65rem; background: #fff; }
.account-current-role-list li > span { display: grid; gap: .12rem; min-width: 0; }
.account-current-role-list strong { color: #173e35; font-size: .8rem; overflow-wrap: anywhere; }
.account-current-role-list small { color: #687a74; font-size: .7rem; overflow-wrap: anywhere; }
.account-current-role-list form { flex: 0 0 auto; }
.account-role-row-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: .45rem; justify-content: flex-end; }
.account-role-row-actions form { margin: 0; }
.account-current-role-list .account-role-empty { justify-content: flex-start; color: #6a7c76; }
.account-role-assign-form,
.account-access-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: .65rem; }
.account-access-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.account-access-form .btn { grid-column: 1 / -1; justify-self: start; }
.account-role-assign-form label,
.account-access-form label { display: grid; gap: .35rem; color: #294d44; font-size: .72rem; font-weight: 750; }
.account-role-assign-form select,
.account-access-form select { width: 100%; }
.account-panel-access { margin-top: 1rem; border: 1px solid #cfdfda; border-radius: .8rem; overflow: hidden; }
.account-panel-access > summary { display: flex; justify-content: space-between; gap: .75rem; padding: .75rem .9rem; color: #174c40; cursor: pointer; font-weight: 800; list-style: none; }
.account-panel-access > summary::-webkit-details-marker { display: none; }
.account-panel-access[open] > summary { border-bottom: 1px solid #d8e6e1; background: #f4f9f7; }
@media (max-width: 820px) {
  .account-directory-actions-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .account-directory-segment { padding: .75rem; }
  .account-directory-segment-heading { align-items: center; }
  .account-directory-role-group > header { align-items: flex-start; flex-direction: column; gap: .2rem; }
  .account-directory-person > summary { grid-template-columns: minmax(0, 1fr) auto; }
  .account-directory-entry-meta { display: none; }
  .account-role-assign-form,
  .account-access-form { grid-template-columns: 1fr; }
  .account-access-form .btn { grid-column: auto; }
  .account-current-role-list li { align-items: flex-start; flex-direction: column; }
  .account-role-row-actions { width: 100%; justify-content: flex-start; }
}

