/* Refinement layer for the Education / Science cluster (v2).
   Scope per the reviewed handoff v2.1: behavior and additions only — the
   approved center and header design is untouched. This layer carries the
   sticky menu with its compact wordmark, the vertical Cover Story sidebar
   unit, the article crumb / ink rule / share row, Coming soon pages, and
   the contact form voice. The palette and fonts are mirrored at the
   .layout- level so pages without the sector body class (author, 404)
   keep the education look. */
.layout-education-science { --sector-ink: #151515; --sector-muted: #6d6a66; --sector-paper: #ffffff; --sector-line: #ddddd7; --sector-warm: #f4f5f2; --sector-accent: var(--vuga-color-accent, #0e6e63); --sector-head: 'Frank Ruhl Libre', Georgia, serif; --sector-body: 'Frank Ruhl Libre', Georgia, serif; --sector-ui: Karla, Arial, sans-serif; }

/* Sticky menu (mandatory): the approved category menu stays pinned; a
   compact wordmark appears beside it once the masthead has scrolled away.
   Colors, fonts, and composition of the header are unchanged. */
.layout-education-science .edu-mast { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 26px; min-height: 82px; position: sticky; top: 0; z-index: 40; background: var(--sector-paper); }

/* Cover Story sidebar unit (the only homepage addition): vertical magazine
   block in the right rail — portrait 3:4 cover, up to two text rows, and a
   link to the rubric; Coming soon while the desk is empty. Vertical Cover
   Story art never enters a horizontal slot. */
.layout-education-science .edu-cover-story { margin-top: 1.6rem; padding-top: 1.2rem; border-top: 2px solid var(--sector-ink); }
.layout-education-science .edu-cover-story h2 { margin: 0; font: 700 .78rem/1.2 var(--sector-ui); text-transform: uppercase; letter-spacing: .14em; color: var(--sector-accent); }
.layout-education-science .edu-cover-story > p { margin: .6rem 0 0; color: var(--sector-muted); font-size: .9rem; line-height: 1.5; }
.layout-education-science .edu-cs-feature { display: block; margin-top: .9rem; }
.layout-education-science .edu-cs-feature .sector-media, .layout-education-science .edu-home .edu-cs-feature .sector-media { aspect-ratio: 3 / 4; }
.layout-education-science .edu-home .edu-cs-feature h3 { margin: .5rem 0 .3rem; }
.layout-education-science .edu-home .edu-cs-ann { font: 400 13.5px/1.55 var(--sector-body); color: #55555f; margin: 0 0 .5rem; }
.layout-education-science .edu-cs-feature h3 { margin: .5rem 0 .3rem; font: 700 1.1rem/1.2 var(--sector-head); }
.layout-education-science .edu-cs-feature small { display: block; color: var(--sector-muted); font: 700 .72rem/1.3 var(--sector-ui); letter-spacing: .08em; text-transform: uppercase; }
.layout-education-science .edu-cs-more { display: block; padding: .85rem 0; border-top: 1px solid var(--sector-line); }
.layout-education-science .edu-cs-more h4 { margin: .3rem 0 0; font: 700 .98rem/1.25 var(--sector-head); }
.layout-education-science .edu-cs-all { display: block; margin-top: .8rem; padding-top: .8rem; border-top: 1px solid var(--sector-line); color: var(--sector-accent); font: 700 .74rem/1.2 var(--sector-ui); letter-spacing: .06em; text-transform: uppercase; }

/* Approved-but-empty rubrics publish a Coming soon page in the standard
   category layout until their first articles land. */
.layout-education-science .edu-coming-soon { margin-top: 1.6rem; padding: 1.6rem 1.4rem; border: 1px dashed var(--sector-line); background: var(--sector-warm); }
.layout-education-science .edu-coming-soon .sector-kicker { margin: 0; }
.layout-education-science .edu-coming-soon p { margin: .5rem 0 0; color: var(--sector-muted); line-height: 1.5; }

/* Article page: crumb above the kicker (base .sector-crumb), ink rule under
   the byline, and a sector-voiced share row with canonical URLs. The
   approved article layout, The Level module, and TOC are untouched. */
.layout-education-science .sector-article .sector-article-meta { border-bottom: 2px solid var(--sector-ink); }
.layout-education-science .edu-share { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin: 1.1rem 0 1.4rem; }
.layout-education-science .edu-share > span { font: 700 .7rem/1 var(--sector-ui); letter-spacing: .1em; text-transform: uppercase; color: var(--sector-muted); margin-right: .2rem; }
.layout-education-science .edu-share a { border: 1px solid var(--sector-line); padding: .45rem .7rem; background: var(--sector-paper); color: var(--sector-ink); font: 700 .68rem/1 var(--sector-ui); letter-spacing: .06em; text-transform: uppercase; }
.layout-education-science .edu-share a:hover { border-color: var(--sector-accent); color: var(--sector-accent); }

/* Contact page wears the approved utility header; its form speaks the
   sector language (Karla labels, serif inputs, ink button). */
.layout-education-science .vuga-contact-form label { font: 700 .74rem/1.3 var(--sector-ui); letter-spacing: .06em; text-transform: uppercase; color: var(--sector-muted); }
.layout-education-science .vuga-contact-form input, .layout-education-science .vuga-contact-form textarea { width: 100%; border: 1px solid var(--sector-line); padding: .7rem .85rem; background: var(--sector-paper); font: 500 .95rem/1.4 var(--sector-body); }
.layout-education-science .vuga-contact-form input:focus, .layout-education-science .vuga-contact-form textarea:focus { outline: none; border-color: var(--sector-accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--sector-accent) 18%, transparent); }
.layout-education-science .vuga-contact-form button[type="submit"] { border: 0; padding: .8rem 1.4rem; background: var(--sector-ink); color: #fff; font: 700 .8rem/1 var(--sector-ui); letter-spacing: .07em; text-transform: uppercase; cursor: pointer; }
.layout-education-science .vuga-contact-form button[type="submit"]:hover { background: var(--sector-accent); }

/* Text links speak with the site accent (user directive 2026-08-24): crumb
   Home, article and utility body links, and the footer columns. Card
   headlines stay ink — the approved center keeps its quiet palette. */
.layout-education-science .sector-crumb a { color: var(--sector-accent); }
.layout-education-science .sector-article-body a, .layout-education-science .sector-about-body a,
.layout-education-science .sector-utility a, .layout-education-science .sector-author-bio a { color: var(--sector-accent); }
.layout-education-science .sector-footer a { color: var(--sector-accent); }

/* Pagers are Previous / Next only — no numbered buttons (user directive
   2026-08-24). Categories and author pages share the same row. */
.layout-education-science .edu-pages { display: flex; gap: .6rem; margin-top: 2rem; }
.layout-education-science .edu-pages a { border: 1px solid var(--sector-line); padding: .55rem .95rem; color: var(--sector-accent); font: 700 .74rem/1 var(--sector-ui); letter-spacing: .08em; text-transform: uppercase; }
.layout-education-science .edu-pages a:hover { border-color: var(--sector-accent); }
.layout-education-science .edu-author-pages { margin-top: 1.6rem; }

/* About page carries no bold words (user directive 2026-08-24): team names
   drop the 700 weight; the masthead/footer wordmarks are logo lockups and
   keep their design weight. */
.layout-education-science .team-member .name { font: 400 1.05rem/1.2 var(--sector-head); }

/* ---- Homepage body (user directive 2026-09-03): opening 3-column spread
   (Latest 2 big + 2 text / category 1 lead + 2 text / random month rail 4
   text + Cover Story unit), a horizontal 4-card band for category 2, and
   three equal rubric columns of 2 pictured + 2 text stories. Scoped to
   .edu-home; header, footer, and all other pages are untouched. ---- */
.layout-education-science .edu-home { max-width: 1180px; margin: 0 auto; padding: 0 clamp(16px, 3vw, 26px); }
.layout-education-science .edu-home a { text-decoration: none; }
.layout-education-science .edu-home .tp { display: block; font: 700 11.5px/1.2 var(--sector-ui); letter-spacing: .11em; text-transform: uppercase; color: var(--sector-accent); margin-bottom: 8px; }
.layout-education-science .edu-home .by { font: 400 12.5px/1.5 var(--sector-ui); color: #6f6f7a; }
.layout-education-science .edu-home .by b { font-weight: 600; color: #3b3b45; }
.layout-education-science .edu-home .im { display: block; }
.layout-education-science .edu-home .sector-media { aspect-ratio: 3 / 2; }

/* Column kickers in the reference voice: small caps accent label over an
   ink rule. */
.layout-education-science .edu-home .colh { border-bottom: 2px solid var(--sector-ink); padding-bottom: 9px; margin-bottom: 18px; font: 700 13px/1.2 var(--sector-ui); letter-spacing: .14em; text-transform: uppercase; color: var(--sector-accent); }
.layout-education-science .edu-home .colh a { color: var(--sector-accent); }
.layout-education-science .edu-home .ocol, .layout-education-science .edu-home .tcol { min-width: 0; }

/* Opening spread: left column slightly wider than the middle and right. */
.layout-education-science .edu-home .edu-open { display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: 34px; padding: 26px 0 6px; }
.layout-education-science .edu-home .big { margin-bottom: 26px; }
.layout-education-science .edu-home .big h3 { font: 700 24px/1.2 var(--sector-head); letter-spacing: -.01em; margin: 11px 0 8px; }
.layout-education-science .edu-home .big p { font: 400 15px/1.6 var(--sector-body); color: #43434d; margin: 0 0 8px; }
.layout-education-science .edu-home .leadcat { margin-bottom: 4px; }
.layout-education-science .edu-home .leadcat .sector-media { aspect-ratio: 16 / 10; }
.layout-education-science .edu-home .leadcat h3 { font: 700 20px/1.24 var(--sector-head); margin: 11px 0 7px; }
.layout-education-science .edu-home .txrow { border-top: 1px solid var(--sector-line); padding: 14px 0; }
.layout-education-science .edu-home .txrow:last-child { padding-bottom: 0; }
.layout-education-science .edu-home .txrow h4 { font: 700 17px/1.26 var(--sector-head); margin: 0 0 6px; }
.layout-education-science .edu-home .ocol-latest .txrow:first-of-type { margin-top: 2px; }

/* Horizontal band (category 2): four pictured cards under an ink rule. */
.layout-education-science .edu-home .secband { border-top: 3px solid var(--sector-ink); margin-top: 38px; padding-top: 16px; }
.layout-education-science .edu-home .secband .h { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; font: 700 15px/1.2 var(--sector-ui); letter-spacing: .13em; text-transform: uppercase; margin-bottom: 20px; color: var(--sector-accent); }
.layout-education-science .edu-home .secband .h span a { font: inherit; letter-spacing: inherit; text-transform: inherit; color: var(--sector-accent); }
.layout-education-science .edu-home .secband .h a { flex: none; font: 700 11.5px/1.2 var(--sector-ui); letter-spacing: .11em; color: var(--sector-accent); }
.layout-education-science .edu-home .cards { display: grid; gap: 30px; }
.layout-education-science .edu-home .cards-4 { grid-template-columns: repeat(4, 1fr); }
.layout-education-science .edu-home .cd h3 { font: 700 19px/1.26 var(--sector-head); margin: 11px 0 7px; }

/* Three equal rubric columns: two pictured + two text stories each. */
.layout-education-science .edu-home .edu-tri { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; border-top: 3px solid var(--sector-ink); margin-top: 38px; padding-top: 22px; }
.layout-education-science .edu-home .tri-it { margin-bottom: 22px; }
.layout-education-science .edu-home .tri-it h3 { font: 700 18px/1.26 var(--sector-head); margin: 10px 0 7px; }

/* Pictured stories follow the reference order: category kicker above the
   image, then headline, excerpt, byline. */
.layout-education-science .edu-home .big, .layout-education-science .edu-home .leadcat,
.layout-education-science .edu-home .tri-it, .layout-education-science .edu-home .cd { display: flex; flex-direction: column; align-items: stretch; }
.layout-education-science .edu-home .big > .tp, .layout-education-science .edu-home .leadcat > .tp,
.layout-education-science .edu-home .tri-it > .tp, .layout-education-science .edu-home .cd > .tp { order: 1; }
.layout-education-science .edu-home .big > .im, .layout-education-science .edu-home .leadcat > .im,
.layout-education-science .edu-home .tri-it > .im, .layout-education-science .edu-home .cd > .im { order: 2; }
.layout-education-science .edu-home .big > h3, .layout-education-science .edu-home .leadcat > h3,
.layout-education-science .edu-home .tri-it > h3, .layout-education-science .edu-home .cd > h3 { order: 3; }
.layout-education-science .edu-home .big > .ann, .layout-education-science .edu-home .leadcat > .ann,
.layout-education-science .edu-home .tri-it > .ann, .layout-education-science .edu-home .cd > .ann { order: 4; }
.layout-education-science .edu-home .big > p, .layout-education-science .edu-home .leadcat > p,
.layout-education-science .edu-home .tri-it > p, .layout-education-science .edu-home .cd > p { order: 4; }
.layout-education-science .edu-home .big > .by, .layout-education-science .edu-home .leadcat > .by,
.layout-education-science .edu-home .tri-it > .by, .layout-education-science .edu-home .cd > .by { order: 5; }
.layout-education-science .edu-home .im { margin-bottom: 2px; }

/* Annotations: every story carries its excerpt below the headline. */
.layout-education-science .edu-home .ann { font: 400 14px/1.55 var(--sector-body); color: #55555f; margin: 0 0 8px; }
.layout-education-science .edu-home .leadcat .ann { font-size: 13.5px; }
.layout-education-science .edu-home .txrow .ann { font-size: 13px; margin-bottom: 6px; }


/* ---- Category page (user directive 2026-09-03): the page reuses the
   homepage frame (class edu-home) so width, fonts, and sizes are
   identical; rows list kicker / title / excerpt / author / date. ---- */
.layout-education-science .edu-catpage .cat-head { padding: 26px 0 18px; }
.layout-education-science .edu-catpage .cat-head .colh { margin-bottom: 14px; }
.layout-education-science .edu-catpage .cat-head h1 { font: 700 33px/1.18 var(--sector-head); letter-spacing: -.015em; margin: 0 0 8px; }
.layout-education-science .edu-catpage .cat-desc { font: 400 16px/1.6 var(--sector-body); color: #43434d; margin: 0; }
.layout-education-science .edu-catpage .cat-list { border-top: 3px solid var(--sector-ink); }
.layout-education-science .edu-catpage .edu-row { display: grid; grid-template-columns: 320px 1fr; gap: 30px; padding: 22px 0; border-bottom: 1px solid var(--sector-line); align-items: start; }
.layout-education-science .edu-catpage .edu-row .im { display: block; }
.layout-education-science .edu-catpage .edu-row h2 { font: 700 24px/1.2 var(--sector-head); letter-spacing: -.01em; margin: 0 0 8px; }
.layout-education-science .edu-catpage .edu-row .ann { font: 400 14px/1.55 var(--sector-body); color: #55555f; margin: 0 0 8px; }
.layout-education-science .edu-catpage .edu-pages { border-top: 0; }
@media (max-width: 820px) {
  .layout-education-science .edu-catpage .edu-row { grid-template-columns: 1fr; gap: 14px; }
  .layout-education-science .edu-catpage .cat-head h1 { font-size: 26px; }
}


/* ---- Article page (user directive 2026-09-03): much smaller headline,
   no breadcrumb path, underlined accent links, a compact left-aligned
   author line, and a related-stories row the width of the article block.
   ---- */
.layout-education-science .edu-article h1 { font: 700 40px/1.16 var(--sector-head); letter-spacing: -.015em; margin: 10px 0 12px; }
.layout-education-science .edu-article .sector-kicker a { color: var(--sector-accent); text-decoration: none; }
.layout-education-science .edu-article .sector-kicker a:hover { text-decoration: underline; }
.layout-education-science .edu-article a { color: var(--sector-accent); text-decoration: underline; text-underline-offset: 2px; }
.layout-education-science .edu-article .edu-share a { text-decoration: none; }
.layout-education-science .edu-article .edu-author, .layout-education-science .edu-article .edu-related { text-decoration: none; }

/* Compact author line: small avatar on the left (it carries the profile
   link), name, and a two-to-three-word beat line; no panel, no color. */
.layout-education-science .edu-article .edu-author { display: flex; align-items: center; gap: 12px; margin: 26px 0 0; padding: 0; border: 0; background: none; }
.layout-education-science .edu-article .edu-author-avatar { display: block; flex: none; }
.layout-education-science .edu-article .edu-author-avatar img, .layout-education-science .edu-article .edu-author-avatar span { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; object-fit: cover; background: var(--sector-warm); color: var(--sector-muted); font: 700 13px/1 var(--sector-ui); letter-spacing: .06em; }
.layout-education-science .edu-article .edu-author b { display: block; font: 700 14px/1.3 var(--sector-ui); color: var(--sector-ink); }
.layout-education-science .edu-article .edu-author p { margin: 2px 0 0; font: 400 12.5px/1.4 var(--sector-ui); color: var(--sector-muted); }

/* Related row: same frame width as the article, four pictured cards. */
.layout-education-science .edu-related { margin-top: 34px; }
.layout-education-science .edu-related .colh { border-bottom: 2px solid var(--sector-ink); padding-bottom: 9px; margin-bottom: 18px; font: 700 13px/1.2 var(--sector-ui); letter-spacing: .14em; text-transform: uppercase; color: var(--sector-accent); }
.layout-education-science .edu-related .rel-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.layout-education-science .edu-related .rel-card { display: flex; flex-direction: column; align-items: stretch; min-width: 0; }
.layout-education-science .edu-related .rel-card .im { display: block; }
.layout-education-science .edu-related .rel-card .sector-media { aspect-ratio: 3 / 2; }
.layout-education-science .edu-related .rel-card .tp { display: block; font: 700 11.5px/1.2 var(--sector-ui); letter-spacing: .11em; text-transform: uppercase; color: var(--sector-accent); margin: 10px 0 6px; text-decoration: none; }
.layout-education-science .edu-related .rel-card h3 { font: 700 18px/1.26 var(--sector-head); margin: 0 0 6px; }
.layout-education-science .edu-related .rel-card .by { font: 400 12.5px/1.5 var(--sector-ui); color: #6f6f7a; }
.layout-education-science .edu-related .rel-card .by b { font-weight: 600; color: #3b3b45; }

/* Sources sit small between the last paragraph and the author line,
   with even gaps between entries. */
.layout-education-science .edu-article .edu-sources { margin-top: 26px; }
.layout-education-science .edu-article .edu-sources section { max-width: none; margin: 0; padding: 0; border: 0; background: none; }
.layout-education-science .edu-article .edu-sources h2 { font: 700 11px/1.2 var(--sector-ui); letter-spacing: .12em; text-transform: uppercase; color: var(--sector-muted); margin: 0 0 8px; }
.layout-education-science .edu-article .edu-sources ol { list-style: decimal inside; margin: 0; padding: 0; display: grid; gap: 6px; font: 400 12.5px/1.5 var(--sector-ui); color: #55555f; }
.layout-education-science .edu-article .edu-sources li { margin: 0; }


/* Data pages wear the publication voice: every internal and external link
   is the brand accent, and the Order control is a real control. */
.layout-education-science.data-layer-page .data-main a { color: var(--sector-accent); }
.layout-education-science.data-layer-page .data-main .data-breadcrumb a:hover, .layout-education-science.data-layer-page .data-main table a:hover { text-decoration: underline; }
.layout-education-science.data-layer-page .data-controls { font-family: var(--sector-ui); }
.layout-education-science.data-layer-page .data-controls strong { font: 700 11px/1.2 var(--sector-ui); letter-spacing: .12em; text-transform: uppercase; color: var(--sector-muted); }
.layout-education-science.data-layer-page .data-sort-btn { border: 1px solid var(--sector-line); background: var(--sector-paper); padding: .4rem .75rem; font: 700 11.5px/1 var(--sector-ui); letter-spacing: .06em; color: var(--sector-ink); cursor: pointer; }
.layout-education-science.data-layer-page .data-sort-btn:hover { border-color: var(--sector-accent); color: var(--sector-accent); }
.layout-education-science.data-layer-page .data-sort-btn.is-active { background: var(--sector-accent); border-color: var(--sector-accent); color: #fff; }


/* Advertise (Partner Content): two-column layout with the publication's
   vertical cover example on the right; CTAs read as solid brand buttons
   with clear space between them. */
.layout-education-science .sector-utility--advertise, .layout-education-science .sector-utility-wrap:has(.edu-adv-grid) { max-width: none; }
.layout-education-science .edu-adv-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 48px; align-items: start; }
.layout-education-science .edu-adv-cover { position: sticky; top: 100px; }
.layout-education-science .edu-adv-cover img { display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border: 1px solid var(--sector-line); }
.layout-education-science .edu-adv-cover small { display: block; margin-top: 8px; font: 700 10.5px/1.3 var(--sector-ui); letter-spacing: .12em; text-transform: uppercase; color: var(--sector-muted); }
.layout-education-science .partner-content-actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 24px; }
.layout-education-science .partner-content-secondary, .layout-education-science .sector-utility a.partner-content-secondary, .layout-education-science .edu-adv-grid a.partner-content-secondary { display: inline-flex; align-items: center; gap: 6px; background: var(--sector-accent); color: #fff; padding: .9rem 1.5rem; font: 700 12.5px/1 var(--sector-ui); letter-spacing: .07em; text-transform: uppercase; text-decoration: none; }
.layout-education-science .partner-content-secondary:hover, .layout-education-science .sector-utility a.partner-content-secondary:hover { background: var(--sector-ink); color: #fff; text-decoration: none; }
.layout-education-science .partner-content-secondary span { font-weight: 400; }
@media (max-width: 1020px) {
  .layout-education-science .edu-adv-grid { grid-template-columns: 1fr; }
  .layout-education-science .edu-adv-cover { position: static; max-width: 320px; }
}

@media (max-width: 1020px) {
  .layout-education-science .edu-related .rel-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 820px) {
  .layout-education-science .edu-related .rel-cards { grid-template-columns: 1fr; }
}

@media (max-width: 1020px) {
  .layout-education-science .edu-home .edu-open { grid-template-columns: 1fr 1fr; }
  .layout-education-science .edu-home .edu-open .ocol:first-child { grid-column: 1 / -1; }
  .layout-education-science .edu-home .cards-4 { grid-template-columns: repeat(2, 1fr); }
  .layout-education-science .edu-home .edu-tri { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .layout-education-science .edu-home .edu-open { grid-template-columns: 1fr; gap: 28px; }
  .layout-education-science .edu-home .big h3 { font-size: 22px; }
  .layout-education-science .edu-home .cards { grid-template-columns: 1fr; }
}

/* ---- Header per the mockup screenshot (user directive 2026-09-02):
   a utility row above the top hairline carries About, Contact and the
   search button on the right; the logo band sits between two hairlines
   with the wordmark and system tagline on the left and the uppercase
   category row pulled to the right edge. The burger exists on mobile
   only. The band stays sticky; on scroll the wordmark shrinks in place
   and the credential line folds away. ---- */
.layout-education-science .edu-topbar { border-bottom: 1px solid var(--sector-line); }
.layout-education-science .edu-topbar-in, .layout-education-science .edu-mast-in { max-width: 1180px; margin: 0 auto; padding: 0 clamp(16px, 3vw, 26px); display: flex; align-items: center; }
.layout-education-science .edu-topbar-in { justify-content: flex-end; gap: 22px; height: 38px; }
.layout-education-science .edu-topbar-in a { font: 700 12px/1 var(--sector-ui); letter-spacing: .06em; text-transform: uppercase; color: #4a4a55; }
.layout-education-science .edu-topbar-in .sector-search-toggle { padding: .3rem 0; }
.layout-education-science .edu-topbar-in .sector-search-toggle svg { width: 17px; height: 17px; }
.layout-education-science .edu-mast { position: sticky; top: 0; z-index: 40; background: var(--sector-paper); border-bottom: 1px solid var(--sector-line); max-width: none; min-height: 0; padding: 0; display: block; }
.layout-education-science .edu-mast-in { flex-wrap: wrap; gap: 8px 30px; min-height: 82px; }
/* The bar keeps its flow height in both states: only the wordmark, the
   credential line, and the nav padding shrink. Reserving the space here
   prevents the page reflow jump that made the sticky header glitch. */
.layout-education-science .edu-mast .sector-menu { display: none; justify-self: auto; }
.layout-education-science .edu-mast .sector-brand { text-align: left; }
.layout-education-science .edu-mast .sector-brand strong { font: 700 34px/1 var(--sector-head); letter-spacing: -.02em; }
.layout-education-science .edu-mast .sector-brand span { max-width: none; margin-top: 7px; font: 700 9.5px/1.3 var(--sector-ui); letter-spacing: .19em; text-transform: uppercase; color: var(--sector-muted); }
.layout-education-science .edu-mast .sector-nav { border: 0; margin-left: auto; }
.layout-education-science .edu-mast .sector-nav > div { gap: 22px; padding: 0; }
.layout-education-science .edu-mast .sector-nav a { padding: .6rem 0; font: 700 13px/1 var(--sector-ui); letter-spacing: .09em; text-transform: uppercase; white-space: nowrap; color: var(--sector-ink); box-shadow: 0 0 0 transparent; }
.layout-education-science .edu-mast .sector-nav a:hover { color: var(--sector-accent); }
.layout-education-science .edu-mast .sector-nav a[aria-current="page"] { color: var(--sector-accent); box-shadow: 0 2px 0 var(--sector-accent); }
.edu-scrolled .layout-education-science .edu-mast .sector-brand strong { font-size: 20px; }
.edu-scrolled .layout-education-science .edu-mast .sector-brand span { display: none; }
.edu-scrolled .layout-education-science .edu-mast .sector-nav a { padding: .3rem 0; }
@media (max-width: 820px) {
  .layout-education-science .edu-mast-in { min-height: 64px; gap: 6px 14px; }
  .edu-scrolled .layout-education-science .edu-mast-in { min-height: 64px; }
  .layout-education-science .edu-mast .sector-menu { display: block; font-size: 1.5rem; }
  .layout-education-science .edu-mast .sector-brand strong { font-size: 25px; }
  .layout-education-science .edu-mast .sector-nav { display: none; }
  .layout-education-science .edu-topbar-in { gap: 16px; height: 34px; }
  .layout-education-science .edu-topbar-in a { font-size: 11px; }
}

/* v17 (user 2026-09-04): footer parity with arts — the Advertise chip sits a
   beat below the wordmark, never flush against it. */
.layout-education-science .sector-footer .sector-footer-advertise { margin-top: 1.1rem; }

/* 🔒 v19 (user 2026-09-04): about parity with arts — the about page shares the
   layout width (no 760px squeeze), Newsdesk cards are 3-up name+role without
   bio lines, section gaps restored. */
.layout-education-science .sector-utility--about>.sector-about-body,
.layout-education-science .sector-utility--about>.about-team,
.layout-education-science .sector-utility--about>.about-network { width: 100%; max-width: none; margin: 0; }
.layout-education-science .team-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem 2.4rem; }
.layout-education-science .team-member .line { display: none; }
.layout-education-science .team-member>a { grid-template-rows: auto auto; }
.layout-education-science .team-member img { grid-row: 1/3; }
.layout-education-science .about-team h2 { margin: 2.4rem 0 1.2rem; }
@media (max-width: 700px) { .layout-education-science .team-grid { grid-template-columns: 1fr; } }

/* 🔒 v20 (user 2026-09-04): contact keeps the eyebrow as the title — the big
   legacy h1 is hidden (arts 32b parity); article dek set in the heading font
   like the title. */
.layout-education-science .vuga-contact-header h1 { display: none; }
.layout-education-science .vuga-contact-header .vuga-contact-eyebrow { font: 700 13px/1.2 var(--sector-ui); letter-spacing: .18em; }
.layout-education-science .sector-article-dek { font-family: var(--sector-head); }

/* 🔒 v22 (user 2026-09-05): utility pages share the FULL layout width like the
   homepage; links underlined in the brand accent; about breathing room. */
.layout-education-science .sector-utility-wrap { width: 100%; max-width: 1180px; margin: 0 auto; }
.layout-education-science .sector-utility { width: 100%; max-width: none; margin: 0; }
.layout-education-science .sector-utility a { text-decoration: underline; text-decoration-color: var(--sector-accent); text-underline-offset: .15em; }
.layout-education-science .sector-utility h2 { margin: 2.2rem 0 .8rem; }
.layout-education-science .sector-utility p { margin: 0 0 1rem; }
.layout-education-science .sector-utility--about .about-team { margin-top: 2.2rem; }
.layout-education-science .sector-utility--about .team-grid { margin-top: 1.2rem; }

/* 🔒 v23 (user 2026-09-05): author pages use the site type scale — the base
   clamp() name is capped; role sits directly under the name; bio as body copy. */
.layout-education-science .sector-author-page h1 { font: 700 clamp(2rem, 4vw, 3rem)/1.05 var(--sector-head); }
.layout-education-science .sector-author-page .sector-author-title { margin: 0 0 .6rem; }
.layout-education-science .sector-author-page .sector-author-bio { max-width: none; font: 400 1.05rem/1.6 var(--sector-ui); }
.layout-education-science .sector-author-page .sector-author-bio p { margin: 0; }

/* 🔒 v24 (user 2026-09-05): ONE headline canon across every page type —
   article title, utility page h1 and the author name share one size scale. */
.layout-education-science .sector-utility>h1,
.layout-education-science .sector-article h1,
.layout-education-science .sector-author-page h1 { font: 700 clamp(2rem, 4vw, 3rem)/1.05 var(--sector-head); letter-spacing: -.01em; }