/* 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 .sector-nav[data-education-nav] { position: sticky; top: 0; z-index: 40; background: var(--sector-paper); }
.layout-education-science .education-nav-logo { display: none; align-items: center; padding-right: .9rem; margin-right: .35rem; border-right: 1px solid var(--sector-line); }
.layout-education-science .education-nav-logo strong { font: 700 .95rem/1 var(--sector-head); letter-spacing: -.01em; color: var(--sector-ink); }
.edu-scrolled .layout-education-science .education-nav-logo { display: inline-flex; }

/* 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 { aspect-ratio: 3 / 4; }
.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); }