/* ------------------------------------------------------------------ *
   EASY EDU TIMETABLE — inner-page content, written ONLY in the landing
   page's own vocabulary. css/landing.css (the locked Timetable stylesheet,
   verbatim) loads first; this file adds the long-form pieces a one-page
   landing never needed. Paper, ruled grid, the yellow "period in progress",
   the sheet card, capability cells, the ink CTA: all the Timetable's.
   Every value is a landing token, so its dark mode carries over untouched.
 * ------------------------------------------------------------------ */

.a-skip{position:absolute; left:-999px; top:0; z-index:80; background:var(--hi); color:#16150F;
  border:1px solid var(--ink); padding:10px 16px; font-weight:600; text-decoration:none}
.a-skip:focus{left:var(--gut); top:10px}

main.aeo{position:relative; z-index:1}
main.aeo a:not(.btn){color:var(--ink); text-decoration-color:var(--hi); text-decoration-thickness:2px; text-underline-offset:.2em}
main.aeo a:not(.btn):hover{background:var(--hi-wash)}
main.aeo .a-chapter p, main.aeo .a-sources p, main.aeo .a-legal-artifact > p{color:var(--ink-2); max-width:66ch; margin:0 0 16px}

/* ---------- opening: eyebrow, headline, the answer on a timetable sheet ---------- */
main.aeo .a-hero{padding-top:clamp(48px,6vw,86px); padding-bottom:clamp(48px,6vw,90px); border-bottom:1px solid var(--rule)}
main.aeo .a-hero h1{margin-block:20px 0; max-width:20ch}
main.aeo .a-hero-art{display:none}
main.aeo .a-answer, main.aeo .a-contact-intro{
  position:relative; margin-top:30px; max-width:62ch; background:var(--card); border:1px solid var(--rule);
  border-radius:3px; box-shadow:var(--shadow-lift); padding:46px 24px 22px;
  font-size:clamp(17px,1.35vw,20px); color:var(--ink-2); line-height:1.58}
main.aeo .a-answer p{margin:0; max-width:none}
main.aeo .a-answer::before, main.aeo .a-contact-intro::before{content:"ANSWER"; position:absolute; left:0; right:0; top:0;
  padding:9px 16px; border-bottom:1px solid var(--rule); background:var(--card-2);
  font-family:var(--mono); font-size:10.5px; letter-spacing:.12em; color:var(--muted)}
main.aeo .a-contact-intro::before{content:"BEFORE YOU WRITE"}
main.aeo .a-answer::after, main.aeo .a-contact-intro::after{content:""; position:absolute; left:0; top:38px; bottom:0; width:3px; background:var(--hi)}
main.aeo .a-review-date{display:block; margin-top:22px}
main.aeo .a-byline, main.aeo .a-method-note{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin-top:16px}
main.aeo .a-status-panel{margin-top:22px; display:inline-flex; flex-wrap:wrap; gap:8px; align-items:center; font-family:var(--mono);
  font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; border:1px solid var(--rule); border-radius:2px;
  padding:5px 10px; color:var(--ink-2); background:var(--card)}
main.aeo .a-status-panel b{background:var(--hi); color:#16150F; padding:2px 6px; font-weight:600}
main.aeo .a-hero .btn{margin-top:30px}

/* ---------- on this page: the pillar strip ---------- */
main.aeo .a-page-route, main.aeo .a-term-nav{display:flex; flex-wrap:wrap; gap:0; border-bottom:1px solid var(--rule); background:var(--card)}
main.aeo .a-page-route a, main.aeo .a-term-nav a{display:flex; gap:10px; align-items:baseline; padding:16px 20px 16px 0; margin-right:20px;
  font-size:14px; color:var(--ink-2); text-decoration:none; border-right:1px solid var(--rule-soft)}
main.aeo .a-page-route a:hover, main.aeo .a-term-nav a:hover{background:none; color:var(--ink)}
main.aeo .a-page-route b{font-family:var(--mono); font-size:10px; letter-spacing:.12em; color:var(--hi-deep); font-weight:600}

/* ---------- figures ---------- */
main.aeo .a-evidence-figure{margin-block:clamp(40px,5vw,64px) 0}
main.aeo .a-evidence-figure img{width:100%; height:auto; display:block; border:1px solid var(--rule); border-radius:3px; box-shadow:var(--shadow); background:var(--card)}
main.aeo figcaption{font-family:var(--mono); font-size:10px; letter-spacing:.08em; color:var(--muted); margin-top:12px; line-height:1.7}

/* ---------- chapters: periods on the timetable ---------- */
main.aeo .a-chapter{display:grid; gap:18px clamp(28px,5vw,72px); padding-block:clamp(56px,8vw,110px); border-top:1px solid var(--rule)}
main.aeo .a-evidence-figure + .a-chapter, main.aeo .a-page-route + .a-chapter{border-top:0}
@media (min-width:900px){ main.aeo .a-chapter{grid-template-columns:150px minmax(0,1fr)} }
main.aeo .a-chapter > div:last-child{min-width:0; max-width:78ch}
main.aeo .a-chapter-no{font-family:var(--mono); font-size:11px; font-weight:500; letter-spacing:.14em; color:var(--muted); padding-top:8px}
main.aeo .a-chapter-no::before{content:""; display:block; width:24px; height:6px; border-radius:1px; background:var(--hi); margin-bottom:12px}
main.aeo .a-artifact-2 .a-chapter-no::before, main.aeo .a-artifact-6 .a-chapter-no::before{background:var(--blue)}
main.aeo .a-artifact-3 .a-chapter-no::before, main.aeo .a-artifact-7 .a-chapter-no::before{background:var(--green)}
main.aeo .a-artifact-4 .a-chapter-no::before{background:var(--red)}
main.aeo .a-chapter h2, main.aeo .a-article-faq h2, main.aeo .a-faq-group h2, main.aeo .a-related h2, main.aeo .a-legal-artifact h2{
  font-size:clamp(26px,3vw,40px); line-height:1.06; margin-bottom:20px; max-width:26ch}
main.aeo .a-evidence-marker{margin:22px 0 0; padding:14px 16px; border-left:3px solid var(--hi); background:var(--hi-wash); color:var(--ink-2); font-size:15px; max-width:66ch}

/* artifacts — each one a Timetable device */
main.aeo .a-artifact-figure{margin:28px 0 0; max-width:100%; overflow:hidden}
main.aeo .a-artifact-flow{list-style:none; margin:0; padding:0; background:var(--card); border:1px solid var(--rule); border-radius:3px; box-shadow:var(--shadow)}
main.aeo .a-artifact-flow li{display:grid; grid-template-columns:minmax(120px,.4fr) 1fr; gap:14px; align-items:baseline; padding:13px 16px;
  border-bottom:1px solid var(--rule-soft); position:relative}
main.aeo .a-artifact-flow li:last-child{border-bottom:0}
main.aeo .a-artifact-flow li:first-child{background:var(--hi-wash)}
main.aeo .a-artifact-flow li:first-child::before{content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--hi)}
main.aeo .a-artifact-flow b{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink); font-weight:600}
main.aeo .a-artifact-flow span{font-size:14.5px; color:var(--ink-2)}
main.aeo .a-artifact-matrix{display:grid; grid-template-columns:1fr; border-top:1px solid var(--rule); border-left:1px solid var(--rule)}
main.aeo .a-artifact-matrix article{border-right:1px solid var(--rule); border-bottom:1px solid var(--rule); padding:24px 22px 26px; background:var(--card);
  display:flex; flex-direction:column; gap:10px}
main.aeo .a-artifact-matrix small{font-family:var(--mono); font-size:10px; letter-spacing:.14em; color:var(--muted); text-transform:uppercase}
main.aeo .a-artifact-matrix strong{font-family:var(--display); font-size:17px; font-weight:700; letter-spacing:-.02em; line-height:1.2}
main.aeo .a-artifact-register, main.aeo .a-legal-artifact dl{display:flex; flex-direction:column; gap:1px; background:var(--rule); border:1px solid var(--rule);
  border-radius:3px; overflow:hidden; margin:28px 0 0}
main.aeo .a-artifact-register > div, main.aeo .a-legal-artifact dl > div{background:var(--card); padding:16px 20px; display:grid; gap:4px 20px}
@media (min-width:620px){ main.aeo .a-artifact-register > div, main.aeo .a-legal-artifact dl > div{grid-template-columns:180px 1fr} }
main.aeo .a-artifact-register dt, main.aeo .a-legal-artifact dt{font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--hi-deep); font-weight:600; padding-top:3px}
main.aeo .a-artifact-register dd, main.aeo .a-legal-artifact dd{margin:0; font-size:15px; color:var(--ink-2)}
main.aeo .a-artifact-strip{display:flex; flex-wrap:wrap; gap:8px}
main.aeo .a-artifact-strip span{display:inline-flex; align-items:center; gap:7px; font-family:var(--mono); font-size:9.5px; letter-spacing:.12em;
  text-transform:uppercase; border:1px solid var(--rule); border-radius:2px; padding:5px 10px; color:var(--ink-2); background:var(--card)}
main.aeo .a-artifact-strip span:first-child{background:var(--hi); border-color:var(--hi); color:#16150F; font-weight:600}
main.aeo .a-artifact-strip b{font-weight:600}
main.aeo .a-artifact-stack, main.aeo .a-checklist, main.aeo .a-legal-artifact ol, main.aeo .a-legal-artifact ul, main.aeo .a-sources ul{
  list-style:none; margin:22px 0 0; padding:0; display:flex; flex-direction:column; gap:10px; max-width:74ch}
main.aeo .a-artifact-stack li, main.aeo .a-checklist li, main.aeo .a-legal-artifact ol li, main.aeo .a-legal-artifact ul li, main.aeo .a-sources li{
  display:flex; gap:12px; align-items:baseline; font-size:15.5px; color:var(--ink-2)}
main.aeo .a-artifact-stack li::before, main.aeo .a-checklist li::before, main.aeo .a-legal-artifact ol li::before, main.aeo .a-legal-artifact ul li::before, main.aeo .a-sources li::before{
  content:""; width:6px; height:6px; flex:none; margin-top:8px; background:var(--hi); border:1px solid var(--ink); border-radius:1px; transform:translateY(-2px)}

/* tables: the week grid */
main.aeo .a-table-wrap{overflow-x:auto; background:var(--card); border:1px solid var(--rule); border-radius:3px; box-shadow:var(--shadow)}
main.aeo table{width:100%; border-collapse:collapse; min-width:520px}
main.aeo th{font-family:var(--mono); font-size:10px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--muted);
  text-align:left; padding:10px 12px; background:var(--card-2); border-bottom:1px solid var(--rule)}
main.aeo td{padding:12px; border-bottom:1px solid var(--rule-soft); border-right:1px solid var(--rule-soft); font-size:14.5px; color:var(--ink-2); vertical-align:top}
main.aeo td:last-child{border-right:0}
main.aeo tbody tr:hover td{background:var(--hi-wash)}

/* ---------- article front: takeaways as the vision/mission panel ---------- */
main.aeo .a-article-front{padding-block:clamp(40px,6vw,72px); display:grid; gap:28px}
main.aeo .a-takeaways{background:var(--card); border:1px solid var(--rule); padding:clamp(26px,3.4vw,44px); border-top:3px solid var(--hi)}
main.aeo .a-label{font-family:var(--mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--hi-deep); margin:0 0 14px; display:block; font-weight:600}
main.aeo .a-takeaway-heading{font-family:var(--display); font-weight:800; font-size:clamp(22px,2.4vw,32px); letter-spacing:-.03em; line-height:1.08; margin:0 0 16px}
main.aeo .a-takeaways ol{margin:0; padding-left:20px; display:flex; flex-direction:column; gap:9px; color:var(--ink-2)}
main.aeo .a-takeaways li::marker{font-family:var(--mono); color:var(--hi-deep); font-weight:600}
main.aeo blockquote{margin:0; padding:4px 0 4px 20px; border-left:3px solid var(--hi); font-family:var(--display); font-weight:500;
  font-size:clamp(19px,1.9vw,25px); letter-spacing:-.022em; line-height:1.34; color:var(--ink)}
main.aeo blockquote cite{display:block; margin-top:12px; font-family:var(--mono); font-style:normal; font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted)}

/* ---------- FAQ and glossary: lock rows and company cards ---------- */
main.aeo .a-article-faq, main.aeo .a-faq-stack{padding-block:clamp(48px,7vw,96px); border-top:1px solid var(--rule)}
main.aeo .a-faq-group{margin-bottom:clamp(36px,5vw,56px)}
main.aeo .a-term-key{font-family:var(--mono); font-size:10px; letter-spacing:.14em; color:var(--hi-deep); font-weight:600; margin:0 0 8px; display:block}
main.aeo .a-faq-group details, main.aeo .a-article-faq details{background:var(--card); border:1px solid var(--rule); border-top:0}
main.aeo .a-faq-group details:first-of-type, main.aeo .a-article-faq details:first-of-type{border-top:1px solid var(--rule); border-radius:3px 3px 0 0}
main.aeo summary{cursor:pointer; list-style:none; padding:17px 48px 17px 20px; position:relative; font-weight:600; font-size:15.5px; line-height:1.4}
main.aeo summary::-webkit-details-marker{display:none}
main.aeo summary::after{content:"+"; position:absolute; right:20px; top:15px; font-family:var(--mono); font-size:16px; color:var(--muted)}
main.aeo details[open] > summary{background:var(--hi-wash)}
main.aeo details[open] > summary::after{content:"–"; color:var(--ink)}
main.aeo details > div{padding:4px 20px 20px; max-width:72ch}
main.aeo details > div p{color:var(--ink-2); font-size:15px; margin:0 0 10px}
main.aeo .a-decision-note{font-size:14px!important; color:var(--muted)!important}
main.aeo .a-term-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:14px; padding-block:clamp(40px,6vw,72px)}
main.aeo .a-term-card{--c:var(--hi-deep); background:var(--card); border:1px solid var(--rule); border-radius:3px; border-top:3px solid var(--c)}
main.aeo .a-term-family-2{--c:var(--blue)} main.aeo .a-term-family-3{--c:var(--green)} main.aeo .a-term-family-4{--c:var(--red)}
main.aeo .a-term-card .a-term-key{color:var(--c)}
main.aeo .a-term-card summary h2{font-size:19px; margin:0; letter-spacing:-.02em}
main.aeo .a-term-body{padding:0 20px 20px}
main.aeo .a-term-body p{font-size:14.5px; color:var(--ink-2); margin:0 0 10px}
main.aeo .a-term-source, main.aeo .a-term-link{display:block; font-size:13.5px; margin-top:6px}

/* ---------- hub: capability cells ---------- */
main.aeo .a-guide-grid{margin-block:clamp(40px,6vw,72px)}
main.aeo .a-guide-card{border-right:1px solid var(--rule); border-bottom:1px solid var(--rule); padding:30px 26px 34px; background:var(--card);
  position:relative; display:flex; flex-direction:column; gap:10px; text-decoration:none; transition:background .3s}
main.aeo .a-guide-card:hover{background:var(--card-2)}
main.aeo .a-guide-card::after{content:""; position:absolute; left:0; right:0; top:0; height:3px; background:var(--hi); transform:scaleX(0);
  transform-origin:left; transition:transform .4s cubic-bezier(.2,.8,.3,1)}
main.aeo .a-guide-card:hover::after{transform:scaleX(1)}
main.aeo .a-guide-card span{font-family:var(--mono); font-size:10px; letter-spacing:.14em; color:var(--muted); text-transform:uppercase}
main.aeo .a-guide-card h2{font-size:19px; letter-spacing:-.022em; line-height:1.16}
main.aeo .a-guide-card p{font-size:14.5px; color:var(--muted); line-height:1.55}
main.aeo .a-guide-card b{margin-top:auto; font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink); font-weight:600}

/* ---------- contact: the privacy split ---------- */
main.aeo .a-contact-board{display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:clamp(24px,4vw,48px); padding-block:clamp(40px,6vw,72px)}
main.aeo .a-direct-card, main.aeo .a-prepare-card{background:var(--card); border:1px solid var(--rule); border-radius:3px; padding:26px 24px; box-shadow:var(--shadow)}
main.aeo .a-contact-line, main.aeo .a-contact-status{border-top:1px solid var(--rule-soft); padding-block:14px; display:grid; gap:4px}
main.aeo .a-contact-line b, main.aeo .a-contact-status b{font-family:var(--mono); font-size:10px; letter-spacing:.12em; color:var(--hi-deep); font-weight:600}
main.aeo .a-contact-line a, main.aeo .a-contact-status a{font-family:var(--display); font-weight:800; font-size:20px; letter-spacing:-.025em; text-decoration:none}
main.aeo .a-contact-line small, main.aeo .a-contact-status small{font-size:13px; color:var(--muted)}

/* ---------- legal ---------- */
main.aeo .a-legal-artifact{padding-block:clamp(48px,7vw,90px); border-top:1px solid var(--rule)}

/* ---------- sources and hand-offs ---------- */
main.aeo .a-sources{padding-block:clamp(48px,7vw,90px); border-top:1px solid var(--rule)}
main.aeo .a-sources > p:last-child{font-size:14px; color:var(--muted); margin-top:16px}
main.aeo .a-body-handoff{padding-block:18px; border-top:1px solid var(--rule); margin:0; font-weight:600}
main.aeo .a-body-handoff a{text-decoration:none}
main.aeo .a-worksheet-link, main.aeo .a-article-actions{margin-top:18px}

/* ---------- the ink CTA (landing .cta) ---------- */
main.aeo .a-cta{margin-block:clamp(56px,8vw,110px) 0}
main.aeo .a-cta .a-label{color:var(--hi)}
main.aeo .a-cta a.btn:hover{background:var(--hi)}

/* ---------- keep going: the group cards ---------- */
main.aeo .a-related{padding-block:clamp(48px,7vw,90px)}
main.aeo .a-related > div{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px}
main.aeo .a-related > div a{background:var(--card); border:1px solid var(--rule); border-radius:3px; border-top:3px solid var(--hi); padding:22px 20px 24px;
  font-family:var(--display); font-weight:800; font-size:17.5px; letter-spacing:-.025em; line-height:1.18; text-decoration:none;
  transition:transform .3s cubic-bezier(.2,.8,.3,1), box-shadow .3s}
main.aeo .a-related > div a:hover{background:var(--card); transform:translateY(-4px); box-shadow:var(--shadow-lift)}

@media (max-width:620px){
  main.aeo table{min-width:0}
  main.aeo td{padding:9px 8px; font-size:13.5px} main.aeo th{padding:9px 8px}
  main.aeo .a-artifact-flow li{grid-template-columns:1fr; gap:4px}
}

/* bordered grids and the ink CTA take the content column's width, not its inner padding
   (the landing page nests them inside a .wrap section; here the section IS the column) */
main.aeo .a-guide-grid, main.aeo .a-cta{
  padding-inline:0; width:calc(100% - 2 * var(--gut)); max-width:calc(var(--maxw) - 2 * var(--gut)); margin-inline:auto}
main.aeo .a-cta{padding:clamp(40px,6vw,88px) clamp(28px,5vw,72px)}

@media (min-width:620px){ main.aeo .a-artifact-matrix{grid-template-columns:repeat(2,1fr)}
  main.aeo .a-artifact-matrix article:last-child:nth-child(odd){grid-column:1 / -1} }
main.aeo .a-artifact-stack li > span[aria-hidden="true"]{display:none}

/* ---------- every page on the site: the capability grid ---------- */
main.aeo .a-site-index{padding-block:clamp(48px,7vw,90px); border-top:1px solid var(--rule)}
main.aeo .a-site-index ul{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));
  border-top:1px solid var(--rule); border-left:1px solid var(--rule)}
main.aeo .a-site-index li{border-right:1px solid var(--rule); border-bottom:1px solid var(--rule); background:var(--card)}
main.aeo .a-site-index a{display:block; height:100%; padding:18px 20px; font-size:15px; line-height:1.4; font-weight:500; text-decoration:none}
main.aeo .a-site-index a:hover{background:var(--hi-wash)}
main.aeo caption{caption-side:top; text-align:left; font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); padding:12px}
main.aeo th[scope="row"]{text-transform:none; letter-spacing:0; font-family:var(--sans); font-size:14px; font-weight:600; color:var(--ink); background:var(--card)}

/* site index, final: a ruled two-column list -- no box grid, so no empty cells */
main.aeo .a-site-index ul{display:block; columns:2 320px; column-gap:clamp(28px,5vw,64px); border:0; border-top:1px solid var(--rule)}
main.aeo .a-site-index li{break-inside:avoid; background:none; border:0; border-bottom:1px solid var(--rule-soft)}
main.aeo .a-site-index a{padding:14px 0}

/* ---- tables on a phone: stacked cards, the column heading beside each value (data-label is
   added by the build from each table's <thead>) ---- */
@media (max-width:620px){
  main.aeo table[data-stack]{ min-width:0; border:0; }
  main.aeo table[data-stack] thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
  main.aeo table[data-stack] tr{ display:block; padding:.4rem 0; border-bottom:1px solid var(--rule); }
  main.aeo table[data-stack] td, main.aeo table[data-stack] tbody th{ display:grid; grid-template-columns:minmax(0,38%) 1fr; gap:.8rem;
    border:0; border-right:0; padding:.45rem 0; text-align:left; }
  main.aeo table[data-stack] td::before, main.aeo table[data-stack] tbody th::before{ content:attr(data-label); }
  main.aeo table[data-stack] td:not([data-label])::before, main.aeo table[data-stack] tbody th:not([data-label])::before{ content:none; }
  main.aeo table[data-stack] td:not([data-label]), main.aeo table[data-stack] tbody th:not([data-label]){ display:block; }
}
@media (max-width:620px){ main.aeo table[data-stack] td::before, main.aeo table[data-stack] tbody th::before{ font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); } }
/* numerals stay proportional in running table text (tabular figures widened the commas) */
main.aeo td{ font-variant-numeric:normal; }
main.aeo .a-site-index h2{margin-bottom:22px}

/* ---- round-2 shared fixes ---- */
main.aeo tbody th{vertical-align:top}
/* designed devices never touch the next block */
main.aeo :is(.a-artifact-strip,.a-checklist,.a-table-wrap,.a-evidence-marker,.a-artifact-register,.a-artifact-flow,.sheet,.locks,.cap,table,dl,figure) + *{margin-top:22px}
/* the locked reading measure for running text inside chapters */
main.aeo .a-chapter :is(p,.a-evidence-marker,.a-checklist){max-width:72ch}
/* a source line reads as one sentence on a phone: the note flows after the link */
main.aeo .a-sources li{display:block}
main.aeo .a-sources li::before{display:inline-block; margin-right:10px}
@media (max-width:620px){
  main.aeo table[data-stack] tr{padding:6px 14px}
  main.aeo .a-table-wrap table[data-stack]{background:var(--card)}
}

/* ---- round-3 shared fixes ---- */
/* the landing footer brings its own top margin: the index above it closes flush */
main.aeo .a-site-index{padding-bottom:0}
/* a stacked table card is headed by its row name, not by a repeated column label */
@media (max-width:620px){
  main.aeo table[data-stack] tbody tr > :first-child{display:block; font-family:var(--display); font-weight:700; font-size:16px; color:var(--ink); padding-bottom:4px}
  main.aeo table[data-stack] tbody tr > :first-child::before{content:none}
}
main.aeo :is(table,.a-table-wrap,[class*="table"]) + :is(p,ul,ol,div){margin-top:22px}

/* spacing after designed devices, at a specificity that beats the chapter paragraph reset
   (main.aeo .a-chapter p{margin:0 ...} is 0,2,2; this is 0,3,1) */
main.aeo .a-chapter :is(.a-artifact-strip,.a-checklist,.a-table-wrap,.a-evidence-marker,.a-artifact-register,.a-artifact-flow,.sheet,.sheet__specs,.locks,.cap,.spectrum,.stats,.places,.rows,table,dl,figure,ol,ul,[class*="table"],[class*="strip"],[class*="chips"],[class*="register"]) + *{margin-top:22px}

/* compact tables (build-marked data-compact: <=4 columns, short cells) stay tables on a phone */
main.aeo table[data-compact]{ min-width:0; }
main.aeo table[data-compact] th{ white-space:normal; }  /* headings wrap; the build keeps each number with its unit instead */

/* ---- page-scoped additions (page-bodies/*.css) ---- */
/* about: landing devices (.vm, register, table) inside a chapter column */
main.aeo.p-about .a-chapter .vm, main.aeo.p-about .a-chapter .a-table-wrap{margin-top:24px}
main.aeo.p-about .a-chapter .p-after{margin-top:24px}
main.aeo.p-about .row{grid-template-columns:64px 1fr}
main.aeo.p-about .row .sub{overflow-wrap:anywhere}
main.aeo.p-about .p-nw{white-space:nowrap}
main.aeo.p-about .a-related{padding-top:0}
main.aeo.p-about .a-related > div a{text-wrap:balance}

/* contact: the email sheet sits in the hero's right column; landing devices inside chapters */
main.aeo.p-contact .hero-grid{align-items:start}
main.aeo.p-contact .p-direct .a-contact-status{padding:14px 18px}
main.aeo.p-contact .p-direct .sheet-bar + .a-contact-status{border-top:0}
main.aeo.p-contact .p-direct .a-contact-status p{margin:0; max-width:none; color:var(--ink)}
main.aeo.p-contact .p-direct .a-contact-status a{overflow-wrap:anywhere}
main.aeo.p-contact .a-chapter .sheet{margin-top:24px}
main.aeo.p-contact .a-chapter .p-after{margin-top:24px}
main.aeo.p-contact .row{grid-template-columns:48px 1fr}
main.aeo.p-contact .row .sub small{font-size:13px; line-height:1.45}
main.aeo.p-contact .a-related{padding-top:0}
main.aeo.p-contact .a-related > div a{text-wrap:balance}

main.aeo.p-evaluate-school-role-access .a-hero .hero-grid{align-items:start}
main.aeo.p-evaluate-school-role-access .a-toc{margin-top:8px}
main.aeo.p-evaluate-school-role-access .a-toc .a-artifact-flow{border:0; border-radius:0; box-shadow:none}
main.aeo.p-evaluate-school-role-access .a-toc .a-artifact-flow li:first-child{background:none}
main.aeo.p-evaluate-school-role-access .a-toc .a-artifact-flow li:first-child::before{content:none}
main.aeo.p-evaluate-school-role-access .a-artifact-flow li{grid-template-columns:48px 1fr}
main.aeo.p-evaluate-school-role-access .a-toc .a-artifact-flow a{font-size:14.5px; color:var(--ink-2); text-decoration:none}
main.aeo.p-evaluate-school-role-access .a-toc .a-artifact-flow a:hover{color:var(--ink)}
main.aeo.p-evaluate-school-role-access .vm > div{display:flex; flex-direction:column}
main.aeo.p-evaluate-school-role-access .vm .a-checklist{margin-top:0}
main.aeo.p-evaluate-school-role-access .vm p.a-scope{font-family:var(--sans); font-size:16px; font-weight:400; letter-spacing:0; line-height:1.55; color:var(--ink-2); margin:0 0 14px}
main.aeo.p-evaluate-school-role-access .a-chapter > .a-wide{grid-column:1 / -1; margin:0; max-width:none}
main.aeo.p-evaluate-school-role-access .a-method-note{font-family:var(--sans); font-size:13px; letter-spacing:0; text-transform:none; color:var(--muted); max-width:72ch}
main.aeo.p-evaluate-school-role-access .a-method-note b{font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; font-weight:600; margin-right:8px}
main.aeo.p-evaluate-school-role-access figcaption{font-family:var(--sans); font-size:13px; letter-spacing:0; color:var(--muted); max-width:72ch}
main.aeo.p-evaluate-school-role-access .a-artifact-strip span, main.aeo.p-evaluate-school-role-access .a-artifact-strip span:first-child{background:var(--card-2); border-color:var(--rule); color:var(--ink-2); font-weight:500}
main.aeo.p-evaluate-school-role-access .a-sources h2{font-size:clamp(22px,2.4vw,30px); margin-bottom:8px}
main.aeo.p-evaluate-school-role-access .a-front-h{font-size:clamp(22px,2.4vw,30px); line-height:1.1; margin:0 0 20px; max-width:30ch}
main.aeo.p-evaluate-school-role-access .vm > div.a-front-foot{grid-column:1 / -1; background:var(--card-2); display:flex; flex-direction:row; flex-wrap:wrap; gap:12px; align-items:center; padding:18px clamp(28px,3.4vw,46px); margin:0}
main.aeo.p-evaluate-school-role-access .vm .a-cell-foot{margin-top:auto; padding-top:18px; font-size:10px}
main.aeo.p-evaluate-school-role-access .a-chapter .a-evidence-marker{max-width:none}
main.aeo.p-evaluate-school-role-access .a-chapter :is(.a-artifact-strip,.a-checklist,.a-table-wrap,.a-evidence-marker,.a-artifact-register,.a-artifact-figure) + :is(p,ul,ol,div,figure,dl){margin-top:22px}
main.aeo.p-evaluate-school-role-access .a-sources{padding-bottom:clamp(8px,1.5vw,20px)}
main.aeo.p-evaluate-school-role-access .a-article-faq details{max-width:880px}
main.aeo.p-evaluate-school-role-access .a-sources li{display:block; position:relative; padding-left:18px}
main.aeo.p-evaluate-school-role-access .a-sources li::before{position:absolute; left:0; top:.55em; margin:0; transform:none}
@media (max-width:620px){
  main.aeo.p-evaluate-school-role-access table.a-two-col[data-stack] thead{position:static; width:auto; height:auto; overflow:visible; clip:auto}
  main.aeo.p-evaluate-school-role-access table.a-two-col[data-stack] tr{display:table-row; padding:0; border-bottom:0}
  main.aeo.p-evaluate-school-role-access table.a-two-col[data-stack] td, main.aeo.p-evaluate-school-role-access table.a-two-col[data-stack] tbody th{display:table-cell; padding:10px 12px; border-bottom:1px solid var(--rule-soft)}
  main.aeo.p-evaluate-school-role-access table.a-two-col[data-stack] td::before, main.aeo.p-evaluate-school-role-access table.a-two-col[data-stack] tbody th::before{content:none}
  main.aeo.p-evaluate-school-role-access table.a-two-col[data-stack] tbody th{width:34%}
}
@media (min-width:1100px){
  main.aeo.p-evaluate-school-role-access .a-cta{display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); column-gap:clamp(32px,4vw,64px)}
  main.aeo.p-evaluate-school-role-access .a-cta > *{grid-column:1}
  main.aeo.p-evaluate-school-role-access .a-cta .hero-cta{grid-column:2; grid-row:1 / span 3; align-self:end; display:flex; flex-direction:column; align-items:stretch; gap:12px; margin:0}
}

/* page-scoped layout for faq: landing tokens and landing components only */
main.aeo.p-faq .a-hero .hero-grid{align-items:start}
main.aeo.p-faq .a-hero .a-answer{max-width:none}
@media (min-width:1001px){ main.aeo.p-faq .a-hero .hero-grid > .sheet{margin-top:34px} }
main.aeo.p-faq .sheet-bar{flex-wrap:wrap; row-gap:4px}
main.aeo.p-faq .sheet-bar .t .mono{color:var(--ink)}
@media (max-width:560px){ main.aeo.p-faq .sheet-bar > .mono{display:none} }
main.aeo.p-faq a.row{text-decoration:none; color:var(--ink)}
main.aeo.p-faq a.row:hover{background:var(--hi-wash)}
main.aeo.p-faq .row .tag{white-space:nowrap}
main.aeo.p-faq .row .tag.g-ink, main.aeo.p-faq .row.live .tag{color:var(--ink); border-color:var(--rule); background:var(--card)}
@media (max-width:620px){
  main.aeo.p-faq .row{grid-template-columns:52px 1fr; row-gap:6px}
  main.aeo.p-faq .row .tag{grid-column:2; justify-self:start}
}
main.aeo.p-faq .a-artifact-figure .sheet{box-shadow:var(--shadow)}
/* one numeral treatment: the landing time column */
main.aeo.p-faq .a-artifact-flow li{grid-template-columns:48px 1fr}
main.aeo.p-faq .a-artifact-flow b{font-size:10.5px; font-weight:400; color:var(--muted); letter-spacing:.04em}
main.aeo.p-faq .a-artifact-flow strong{color:var(--ink); font-weight:600}
@media (max-width:620px){ main.aeo.p-faq .a-artifact-flow li{grid-template-columns:32px 1fr} }
main.aeo.p-faq .a-table-wrap{margin-top:28px}
main.aeo.p-faq .a-table-wrap figcaption{margin:0; padding:10px 12px; border-top:1px solid var(--rule-soft)}
main.aeo.p-faq figcaption{font-family:var(--sans); font-size:13px; letter-spacing:0; color:var(--muted); max-width:72ch; line-height:1.5}
/* takeaways card carries its own footer: scope note and the two actions */
main.aeo.p-faq .a-takeaways .t-foot{margin:clamp(22px,3vw,32px) calc(-1 * clamp(26px,3.4vw,44px)) calc(-1 * clamp(26px,3.4vw,44px));
  padding:14px clamp(26px,3.4vw,44px); background:var(--card-2); border-top:1px solid var(--rule);
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px 24px}
main.aeo.p-faq .t-foot .a-method-note{margin:0; max-width:60ch; font-family:var(--sans); font-size:13.5px; letter-spacing:0; text-transform:none; color:var(--muted)}
main.aeo.p-faq .t-foot .a-method-note b{color:var(--ink-2)}
main.aeo.p-faq .a-article-actions{display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:0}
main.aeo.p-faq details > div p{margin:0}
main.aeo.p-faq .a-sources h2{font-size:clamp(26px,3vw,40px); line-height:1.06; margin-bottom:20px; max-width:26ch}
main.aeo.p-faq .a-sources li{display:block}
/* the ink band: text left, action right, no dead half */
main.aeo.p-faq .a-cta .hero-cta{margin-top:30px}
@media (min-width:1100px){
  main.aeo.p-faq .a-cta{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:40px; align-items:end}
  main.aeo.p-faq .a-cta .hero-cta{margin-top:0}
}
main.aeo.p-faq .row .tag.g{color:color-mix(in srgb,var(--green) 70%,var(--ink))}
/* FAQ: sets aligned to the chapter column, first answer of each set open, counts on the eyebrow rule */
main.aeo.p-faq summary h3{font-family:var(--sans); font-size:15.5px; font-weight:600; letter-spacing:0; line-height:1.4; margin:0; display:inline}
@media (min-width:900px){
  main.aeo.p-faq .a-faq-group{padding-left:calc(150px + clamp(28px,5vw,72px))}
}
main.aeo.p-faq .a-faq-group > *{max-width:78ch}
main.aeo.p-faq .a-faq-group h2{font-size:clamp(24px,2.4vw,32px); max-width:none; margin-bottom:10px}
main.aeo.p-faq .a-faq-group .a-term-key{margin-bottom:14px; display:flex; align-items:center; gap:12px}
main.aeo.p-faq .a-faq-group .a-term-key::after{order:1}
main.aeo.p-faq .a-faq-group .a-term-key .g-count{order:2; color:var(--muted); font-weight:500}
main.aeo.p-faq .g-intro{color:var(--ink-2); margin:0 0 20px}
main.aeo.p-faq details > div p{font-size:16px; max-width:68ch; color:var(--ink-2)}
main.aeo.p-faq .a-faq-group:last-child{margin-bottom:0}
main.aeo.p-faq .a-faq-stack + .a-related{border-top:1px solid var(--rule); padding-top:clamp(40px,5vw,64px)}
main.aeo.p-faq .row .tm{white-space:nowrap}

/* page-scoped layout for glossary: landing tokens and landing components only */
main.aeo.p-glossary .a-hero .hero-grid{align-items:start}
main.aeo.p-glossary .a-hero .a-answer{max-width:none}
@media (min-width:1001px){ main.aeo.p-glossary .a-hero .hero-grid > .sheet{margin-top:34px} }
main.aeo.p-glossary .sheet-bar{flex-wrap:wrap; row-gap:4px}
main.aeo.p-glossary .sheet-bar .t .mono{color:var(--ink)}
@media (max-width:560px){ main.aeo.p-glossary .sheet-bar > .mono{display:none} }
main.aeo.p-glossary a.row{text-decoration:none; color:var(--ink)}
main.aeo.p-glossary a.row:hover{background:var(--hi-wash)}
main.aeo.p-glossary .row .tag{white-space:nowrap}
main.aeo.p-glossary .row.live .tag{color:var(--ink); border-color:var(--rule); background:var(--card)}
@media (max-width:620px){
  main.aeo.p-glossary .row{grid-template-columns:52px 1fr; row-gap:6px}
  main.aeo.p-glossary .row .tag{grid-column:2; justify-self:start}
}
main.aeo.p-glossary .a-sources h2{font-size:clamp(26px,3vw,40px); line-height:1.06; margin-bottom:20px; max-width:26ch}
main.aeo.p-glossary .a-sources li{display:block}
/* glossary: family swatches, a term strip, fourteen open cards in two columns */
main.aeo.p-glossary .row .tm{white-space:nowrap}
main.aeo.p-glossary .g-nav .wrap{grid-template-columns:repeat(2,1fr)}
@media (min-width:1100px){ main.aeo.p-glossary .g-nav .wrap{grid-template-columns:repeat(7,1fr)} }
@media (max-width:620px){ main.aeo.p-glossary .g-nav{display:none} }
main.aeo.p-glossary .g-nav a{display:flex; align-items:center; padding:18px 16px; font-size:14px; font-weight:500; text-wrap:balance;
  color:var(--ink-2); text-decoration:none; border-right:1px solid var(--rule-soft); border-bottom:1px solid var(--rule-soft)}
main.aeo.p-glossary .g-nav a:hover{background:var(--hi-wash); color:var(--ink)}
main.aeo.p-glossary .a-term-grid{align-items:stretch}
@media (min-width:900px){ main.aeo.p-glossary .a-term-grid{grid-template-columns:repeat(2,1fr)} }
main.aeo.p-glossary .a-term-card header{padding:18px 20px 4px}
main.aeo.p-glossary .a-term-card .a-term-key{text-transform:uppercase; letter-spacing:.12em; margin-bottom:6px}
main.aeo.p-glossary .a-term-card h2{font-size:21px; letter-spacing:-.02em; line-height:1.15; margin:0}
main.aeo.p-glossary .a-term-body{padding:10px 20px 22px}
main.aeo.p-glossary .g-def{font-size:16px!important; color:var(--ink)!important; line-height:1.55}
main.aeo.p-glossary .g-lines{margin:14px 0 12px; display:flex; flex-direction:column; gap:1px; background:var(--rule-soft); border:1px solid var(--rule-soft); border-radius:3px; overflow:hidden}
main.aeo.p-glossary .g-lines > div{background:var(--card-2); padding:10px 14px; display:grid; gap:2px 16px}
@media (min-width:620px){ main.aeo.p-glossary .g-lines > div{grid-template-columns:120px 1fr} }
main.aeo.p-glossary .g-lines dt{font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink); font-weight:600; padding-top:3px}
main.aeo.p-glossary .g-lines dd{margin:0; font-size:14.5px; color:var(--ink-2)}
main.aeo.p-glossary .g-ex{font-size:14.5px!important; color:var(--ink-2)}
main.aeo.p-glossary .g-ex b{color:var(--ink)}
main.aeo.p-glossary .a-term-link{font-size:14px; color:var(--ink-2)}
main.aeo.p-glossary .a-sources ul{margin-top:0}
main.aeo.p-glossary .a-sources + .a-related{padding-top:0}
/* one colour for every family: the family is named by its label, not by a Group colour */
main.aeo.p-glossary .a-term-card{--c:var(--hi-deep); border-top-color:var(--hi)}
main.aeo.p-glossary .g-fam-head{display:none; margin:12px 0 0; justify-content:space-between; align-items:center; gap:12px;
  padding-bottom:8px; border-bottom:1px solid var(--rule)}
main.aeo.p-glossary .g-fam-head a{font-size:inherit; letter-spacing:inherit; text-decoration:none; color:var(--ink)}
@media (max-width:899px){ main.aeo.p-glossary .g-fam-head{display:flex} }
main.aeo.p-glossary .g-nav a{padding:18px 12px; font-size:13.5px; white-space:nowrap}

/* insights: nine guide cells fill three full rows at three columns; at two columns the
   ninth cell spans the row so no cell sits alone beside an empty one */
@media (min-width:561px) and (max-width:900px){
  main.aeo.p-insights .cap article:last-child:nth-child(odd){grid-column:1 / -1}
}
main.aeo.p-insights .sec{padding-block:clamp(56px,8vw,110px)}
main.aeo.p-insights .cap h3 a{text-decoration:none}
main.aeo.p-insights .cap h3 a::before{content:""; position:absolute; inset:0}
main.aeo.p-insights .cap h3 a:hover{background:none}
main.aeo.p-insights .row .sub a{text-decoration-thickness:1px}
main.aeo.p-insights .a-table-wrap{margin-top:24px}
main.aeo.p-insights .a-related{padding-top:0}
main.aeo.p-insights .a-related > div a{text-wrap:balance}

/* page-scoped: landing tokens only */
main.aeo.p-integrated-school-platform-or-separate-apps .a-hero-side{display:flex; flex-direction:column; gap:16px; min-width:0}
main.aeo.p-integrated-school-platform-or-separate-apps .a-publisher{font-size:14px; line-height:1.55; color:var(--muted); max-width:60ch; margin:6px 0 0}
main.aeo.p-integrated-school-platform-or-separate-apps .a-publisher b{color:var(--ink-2); font-weight:600}
main.aeo.p-integrated-school-platform-or-separate-apps .a-hero-side .a-method-note{margin-top:0}
main.aeo.p-integrated-school-platform-or-separate-apps .a-article-front{display:block}
main.aeo.p-integrated-school-platform-or-separate-apps ol.vals{list-style:none; margin:0; padding:0}
main.aeo.p-integrated-school-platform-or-separate-apps ol.vals .val p{font-size:15px; color:var(--ink-2); line-height:1.5}
main.aeo.p-integrated-school-platform-or-separate-apps .a-sources h2{font-size:clamp(26px,3vw,40px); line-height:1.06; margin-bottom:20px; max-width:26ch}
main.aeo.p-integrated-school-platform-or-separate-apps .day .row .sub a{text-decoration:none}
main.aeo.p-integrated-school-platform-or-separate-apps .day .row .sub a:hover{background:none; text-decoration:underline; text-decoration-color:var(--hi)}
main.aeo.p-integrated-school-platform-or-separate-apps .a-artifact-strip span:first-child{background:var(--card); border-color:var(--rule); color:var(--ink-2); font-weight:500}
main.aeo.p-integrated-school-platform-or-separate-apps .a-status-grid{display:grid; grid-template-columns:repeat(2,max-content)}
main.aeo.p-integrated-school-platform-or-separate-apps .a-artifact-flow b{color:var(--hi-deep)}
main.aeo.p-integrated-school-platform-or-separate-apps .a-evidence-marker b{color:var(--ink)}
main.aeo.p-integrated-school-platform-or-separate-apps .a-cta{margin-top:clamp(32px,4vw,56px)}
main.aeo.p-integrated-school-platform-or-separate-apps .a-cta .hero-cta{margin-top:26px}
@media (min-width:1100px){
  main.aeo.p-integrated-school-platform-or-separate-apps .a-cta{display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:48px; align-items:end}
  main.aeo.p-integrated-school-platform-or-separate-apps .a-cta > *:not(.hero-cta){grid-column:1}
  main.aeo.p-integrated-school-platform-or-separate-apps .a-cta .hero-cta{grid-column:2; grid-row:1 / span 3; margin-top:0; flex-direction:column; align-items:stretch}
}
@media (max-width:560px){
  main.aeo.p-integrated-school-platform-or-separate-apps .sheet-bar > .mono{display:none}
  main.aeo.p-integrated-school-platform-or-separate-apps .day .row{grid-template-columns:52px 1fr auto; gap:10px; padding:12px 14px}
  main.aeo.p-integrated-school-platform-or-separate-apps .a-status-grid{grid-template-columns:1fr}
}
main.aeo.p-integrated-school-platform-or-separate-apps #comparison{grid-template-columns:1fr}
main.aeo.p-integrated-school-platform-or-separate-apps #comparison > div:last-child{max-width:none}
main.aeo.p-integrated-school-platform-or-separate-apps .a-sources{padding-bottom:clamp(8px,1.5vw,20px)}
main.aeo.p-integrated-school-platform-or-separate-apps .a-hero-side .a-method-note{font-family:var(--sans); font-size:13px; letter-spacing:0; text-transform:none; color:var(--muted); line-height:1.55}
main.aeo.p-integrated-school-platform-or-separate-apps .a-hero-side .a-method-note b{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-2); margin-right:6px}
main.aeo.p-integrated-school-platform-or-separate-apps .a-article-front h2{font-size:clamp(26px,3vw,40px); line-height:1.06; margin:0 0 24px; max-width:26ch}
@media (max-width:620px){ main.aeo.p-integrated-school-platform-or-separate-apps ol.vals .val{padding:14px 18px 16px; gap:6px} }

/* privacy: summary label for a notice; the tools register sits on a hero sheet */
main.aeo.p-privacy .a-answer::before{content:"SUMMARY"}
main.aeo.p-privacy .hero-grid{align-items:start}

main.aeo.p-privacy .p-tools .locks{border:0; border-radius:0}
main.aeo.p-privacy .lock .st{color:var(--ink-2)}
main.aeo.p-privacy .a-chapter .a-table-wrap{margin-top:24px}
main.aeo.p-privacy .a-chapter .p-after{margin-top:20px}
main.aeo.p-privacy .p-chips{display:flex; flex-wrap:wrap; gap:8px; margin:4px 0 20px}
main.aeo.p-privacy .a-related{padding-top:0}
main.aeo.p-privacy .a-related > div a{text-wrap:balance}
main.aeo.p-privacy .a-artifact-register + p{margin-top:24px}
@media (min-width:1001px){ main.aeo.p-privacy .p-tools{margin-top:clamp(150px,13.2vw,190px)} }
@media (max-width:1000px){ main.aeo.p-privacy .p-tools{margin-top:0} }

main.aeo.p-school-data-ownership-export-deletion .a-hero .hero-grid{align-items:start}
main.aeo.p-school-data-ownership-export-deletion .a-toc{margin-top:8px}
main.aeo.p-school-data-ownership-export-deletion .a-toc .a-artifact-flow{border:0; border-radius:0; box-shadow:none}
main.aeo.p-school-data-ownership-export-deletion .a-toc .a-artifact-flow li:first-child{background:none}
main.aeo.p-school-data-ownership-export-deletion .a-toc .a-artifact-flow li:first-child::before{content:none}
main.aeo.p-school-data-ownership-export-deletion .a-artifact-flow li{grid-template-columns:48px 1fr}
main.aeo.p-school-data-ownership-export-deletion .a-toc .a-artifact-flow a{font-size:14.5px; color:var(--ink-2); text-decoration:none}
main.aeo.p-school-data-ownership-export-deletion .a-toc .a-artifact-flow a:hover{color:var(--ink)}
main.aeo.p-school-data-ownership-export-deletion .vm > div{display:flex; flex-direction:column}
main.aeo.p-school-data-ownership-export-deletion .vm .a-checklist{margin-top:0}
main.aeo.p-school-data-ownership-export-deletion .vm p.a-scope{font-family:var(--sans); font-size:16px; font-weight:400; letter-spacing:0; line-height:1.55; color:var(--ink-2); margin:0 0 14px}
main.aeo.p-school-data-ownership-export-deletion .a-chapter > .a-wide{grid-column:1 / -1; margin:0; max-width:none}
main.aeo.p-school-data-ownership-export-deletion .a-method-note{font-family:var(--sans); font-size:13px; letter-spacing:0; text-transform:none; color:var(--muted); max-width:72ch}
main.aeo.p-school-data-ownership-export-deletion .a-method-note b{font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; font-weight:600; margin-right:8px}
main.aeo.p-school-data-ownership-export-deletion figcaption{font-family:var(--sans); font-size:13px; letter-spacing:0; color:var(--muted); max-width:72ch}
main.aeo.p-school-data-ownership-export-deletion .a-artifact-strip span, main.aeo.p-school-data-ownership-export-deletion .a-artifact-strip span:first-child{background:var(--card-2); border-color:var(--rule); color:var(--ink-2); font-weight:500}
main.aeo.p-school-data-ownership-export-deletion .a-sources h2{font-size:clamp(22px,2.4vw,30px); margin-bottom:8px}
main.aeo.p-school-data-ownership-export-deletion .a-front-h{font-size:clamp(22px,2.4vw,30px); line-height:1.1; margin:0 0 20px; max-width:30ch}
main.aeo.p-school-data-ownership-export-deletion .vm > div.a-front-foot{grid-column:1 / -1; background:var(--card-2); display:flex; flex-direction:row; flex-wrap:wrap; gap:12px; align-items:center; padding:18px clamp(28px,3.4vw,46px); margin:0}
main.aeo.p-school-data-ownership-export-deletion .vm .a-cell-foot{margin-top:auto; padding-top:18px; font-size:10px}
main.aeo.p-school-data-ownership-export-deletion .a-chapter .a-evidence-marker{max-width:none}
main.aeo.p-school-data-ownership-export-deletion .a-chapter :is(.a-artifact-strip,.a-checklist,.a-table-wrap,.a-evidence-marker,.a-artifact-register,.a-artifact-figure) + :is(p,ul,ol,div,figure,dl){margin-top:22px}
main.aeo.p-school-data-ownership-export-deletion .a-sources{padding-bottom:clamp(8px,1.5vw,20px)}
main.aeo.p-school-data-ownership-export-deletion .a-article-faq details{max-width:880px}
main.aeo.p-school-data-ownership-export-deletion .a-sources li{display:block; position:relative; padding-left:18px}
main.aeo.p-school-data-ownership-export-deletion .a-sources li::before{position:absolute; left:0; top:.55em; margin:0; transform:none}
@media (max-width:620px){
  main.aeo.p-school-data-ownership-export-deletion table.a-two-col[data-stack] thead{position:static; width:auto; height:auto; overflow:visible; clip:auto}
  main.aeo.p-school-data-ownership-export-deletion table.a-two-col[data-stack] tr{display:table-row; padding:0; border-bottom:0}
  main.aeo.p-school-data-ownership-export-deletion table.a-two-col[data-stack] td, main.aeo.p-school-data-ownership-export-deletion table.a-two-col[data-stack] tbody th{display:table-cell; padding:10px 12px; border-bottom:1px solid var(--rule-soft)}
  main.aeo.p-school-data-ownership-export-deletion table.a-two-col[data-stack] td::before, main.aeo.p-school-data-ownership-export-deletion table.a-two-col[data-stack] tbody th::before{content:none}
  main.aeo.p-school-data-ownership-export-deletion table.a-two-col[data-stack] tbody th{width:34%}
}
@media (min-width:1100px){
  main.aeo.p-school-data-ownership-export-deletion .a-cta{display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); column-gap:clamp(32px,4vw,64px)}
  main.aeo.p-school-data-ownership-export-deletion .a-cta > *{grid-column:1}
  main.aeo.p-school-data-ownership-export-deletion .a-cta .hero-cta{grid-column:2; grid-row:1 / span 3; align-self:end; display:flex; flex-direction:column; align-items:stretch; gap:12px; margin:0}
}

main.aeo.p-school-data-questions .a-hero .hero-grid{align-items:start}
main.aeo.p-school-data-questions .a-toc{margin-top:8px}
main.aeo.p-school-data-questions .a-toc .a-artifact-flow{border:0; border-radius:0; box-shadow:none}
main.aeo.p-school-data-questions .a-toc .a-artifact-flow li:first-child{background:none}
main.aeo.p-school-data-questions .a-toc .a-artifact-flow li:first-child::before{content:none}
main.aeo.p-school-data-questions .a-artifact-flow li{grid-template-columns:48px 1fr}
main.aeo.p-school-data-questions .a-toc .a-artifact-flow a{font-size:14.5px; color:var(--ink-2); text-decoration:none}
main.aeo.p-school-data-questions .a-toc .a-artifact-flow a:hover{color:var(--ink)}
main.aeo.p-school-data-questions .vm > div{display:flex; flex-direction:column}
main.aeo.p-school-data-questions .vm .a-checklist{margin-top:0}
main.aeo.p-school-data-questions .vm p.a-scope{font-family:var(--sans); font-size:16px; font-weight:400; letter-spacing:0; line-height:1.55; color:var(--ink-2); margin:0 0 14px}
main.aeo.p-school-data-questions .a-chapter > .a-wide{grid-column:1 / -1; margin:0; max-width:none}
main.aeo.p-school-data-questions .a-method-note{font-family:var(--sans); font-size:13px; letter-spacing:0; text-transform:none; color:var(--muted); max-width:72ch}
main.aeo.p-school-data-questions .a-method-note b{font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; font-weight:600; margin-right:8px}
main.aeo.p-school-data-questions figcaption{font-family:var(--sans); font-size:13px; letter-spacing:0; color:var(--muted); max-width:72ch}
main.aeo.p-school-data-questions .a-artifact-strip span, main.aeo.p-school-data-questions .a-artifact-strip span:first-child{background:var(--card-2); border-color:var(--rule); color:var(--ink-2); font-weight:500}
main.aeo.p-school-data-questions .a-sources h2{font-size:clamp(22px,2.4vw,30px); margin-bottom:8px}
main.aeo.p-school-data-questions .a-front-h{font-size:clamp(22px,2.4vw,30px); line-height:1.1; margin:0 0 20px; max-width:30ch}
main.aeo.p-school-data-questions .vm > div.a-front-foot{grid-column:1 / -1; background:var(--card-2); display:flex; flex-direction:row; flex-wrap:wrap; gap:12px; align-items:center; padding:18px clamp(28px,3.4vw,46px); margin:0}
main.aeo.p-school-data-questions .vm .a-cell-foot{margin-top:auto; padding-top:18px; font-size:10px}
main.aeo.p-school-data-questions .a-chapter .a-evidence-marker{max-width:none}
main.aeo.p-school-data-questions .a-chapter :is(.a-artifact-strip,.a-checklist,.a-table-wrap,.a-evidence-marker,.a-artifact-register,.a-artifact-figure) + :is(p,ul,ol,div,figure,dl){margin-top:22px}
main.aeo.p-school-data-questions .a-sources{padding-bottom:clamp(8px,1.5vw,20px)}
main.aeo.p-school-data-questions .a-article-faq details{max-width:880px}
main.aeo.p-school-data-questions .a-sources li{display:block; position:relative; padding-left:18px}
main.aeo.p-school-data-questions .a-sources li::before{position:absolute; left:0; top:.55em; margin:0; transform:none}
@media (max-width:620px){
  main.aeo.p-school-data-questions table.a-two-col[data-stack] thead{position:static; width:auto; height:auto; overflow:visible; clip:auto}
  main.aeo.p-school-data-questions table.a-two-col[data-stack] tr{display:table-row; padding:0; border-bottom:0}
  main.aeo.p-school-data-questions table.a-two-col[data-stack] td, main.aeo.p-school-data-questions table.a-two-col[data-stack] tbody th{display:table-cell; padding:10px 12px; border-bottom:1px solid var(--rule-soft)}
  main.aeo.p-school-data-questions table.a-two-col[data-stack] td::before, main.aeo.p-school-data-questions table.a-two-col[data-stack] tbody th::before{content:none}
  main.aeo.p-school-data-questions table.a-two-col[data-stack] tbody th{width:34%}
}
@media (min-width:1100px){
  main.aeo.p-school-data-questions .a-cta{display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); column-gap:clamp(32px,4vw,64px)}
  main.aeo.p-school-data-questions .a-cta > *{grid-column:1}
  main.aeo.p-school-data-questions .a-cta .hero-cta{grid-column:2; grid-row:1 / span 3; align-self:end; display:flex; flex-direction:column; align-items:stretch; gap:12px; margin:0}
}

/* page-scoped: landing tokens only */
main.aeo.p-school-platform-demo-questions .a-hero-side{display:flex; flex-direction:column; gap:16px; min-width:0}
main.aeo.p-school-platform-demo-questions .a-publisher{font-size:14px; line-height:1.55; color:var(--muted); max-width:60ch; margin:6px 0 0}
main.aeo.p-school-platform-demo-questions .a-publisher b{color:var(--ink-2); font-weight:600}
main.aeo.p-school-platform-demo-questions .a-hero-side .a-method-note{margin-top:0}
main.aeo.p-school-platform-demo-questions .a-article-front{display:block}
main.aeo.p-school-platform-demo-questions ol.vals{list-style:none; margin:0; padding:0}
main.aeo.p-school-platform-demo-questions ol.vals .val p{font-size:15px; color:var(--ink-2); line-height:1.5}
main.aeo.p-school-platform-demo-questions .a-sources h2{font-size:clamp(26px,3vw,40px); line-height:1.06; margin-bottom:20px; max-width:26ch}
main.aeo.p-school-platform-demo-questions .day .row .sub a{text-decoration:none}
main.aeo.p-school-platform-demo-questions .day .row .sub a:hover{background:none; text-decoration:underline; text-decoration-color:var(--hi)}
main.aeo.p-school-platform-demo-questions .a-artifact-strip span:first-child{background:var(--card); border-color:var(--rule); color:var(--ink-2); font-weight:500}
main.aeo.p-school-platform-demo-questions .a-status-grid{display:grid; grid-template-columns:repeat(2,max-content)}
main.aeo.p-school-platform-demo-questions .a-artifact-flow b{color:var(--hi-deep)}
main.aeo.p-school-platform-demo-questions .a-evidence-marker b{color:var(--ink)}
main.aeo.p-school-platform-demo-questions .a-cta{margin-top:clamp(32px,4vw,56px)}
main.aeo.p-school-platform-demo-questions .a-cta .hero-cta{margin-top:26px}
@media (min-width:1100px){
  main.aeo.p-school-platform-demo-questions .a-cta{display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:48px; align-items:end}
  main.aeo.p-school-platform-demo-questions .a-cta > *:not(.hero-cta){grid-column:1}
  main.aeo.p-school-platform-demo-questions .a-cta .hero-cta{grid-column:2; grid-row:1 / span 3; margin-top:0; flex-direction:column; align-items:stretch}
}
@media (max-width:560px){
  main.aeo.p-school-platform-demo-questions .sheet-bar > .mono{display:none}
  main.aeo.p-school-platform-demo-questions .day .row{grid-template-columns:52px 1fr auto; gap:10px; padding:12px 14px}
  main.aeo.p-school-platform-demo-questions .a-status-grid{grid-template-columns:1fr}
}
main.aeo.p-school-platform-demo-questions .a-sources{padding-bottom:clamp(8px,1.5vw,20px)}
main.aeo.p-school-platform-demo-questions .a-hero-side .a-method-note{font-family:var(--sans); font-size:13px; letter-spacing:0; text-transform:none; color:var(--muted); line-height:1.55}
main.aeo.p-school-platform-demo-questions .a-hero-side .a-method-note b{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-2); margin-right:6px}
main.aeo.p-school-platform-demo-questions .a-article-front h2{font-size:clamp(26px,3vw,40px); line-height:1.06; margin:0 0 24px; max-width:26ch}
@media (max-width:620px){ main.aeo.p-school-platform-demo-questions ol.vals .val{padding:14px 18px 16px; gap:6px} }

/* page-scoped layout for school-platform-evaluation-session: landing tokens and landing components only */
main.aeo.p-school-platform-evaluation-session .a-hero .hero-grid{align-items:start}
main.aeo.p-school-platform-evaluation-session .a-hero .a-answer{max-width:none}
@media (min-width:1001px){ main.aeo.p-school-platform-evaluation-session .a-hero .hero-grid > .sheet{margin-top:34px} }
main.aeo.p-school-platform-evaluation-session .sheet-bar{flex-wrap:wrap; row-gap:4px}
main.aeo.p-school-platform-evaluation-session .sheet-bar .t .mono{color:var(--ink)}
@media (max-width:560px){ main.aeo.p-school-platform-evaluation-session .sheet-bar > .mono{display:none} }
main.aeo.p-school-platform-evaluation-session a.row{text-decoration:none; color:var(--ink)}
main.aeo.p-school-platform-evaluation-session a.row:hover{background:var(--hi-wash)}
main.aeo.p-school-platform-evaluation-session .row .tag{white-space:nowrap}
main.aeo.p-school-platform-evaluation-session .row .tag.g-ink, main.aeo.p-school-platform-evaluation-session .row.live .tag{color:var(--ink); border-color:var(--rule); background:var(--card)}
@media (max-width:620px){
  main.aeo.p-school-platform-evaluation-session .row{grid-template-columns:52px 1fr; row-gap:6px}
  main.aeo.p-school-platform-evaluation-session .row .tag{grid-column:2; justify-self:start}
}
main.aeo.p-school-platform-evaluation-session .a-artifact-figure .sheet{box-shadow:var(--shadow)}
/* one numeral treatment: the landing time column */
main.aeo.p-school-platform-evaluation-session .a-artifact-flow li{grid-template-columns:48px 1fr}
main.aeo.p-school-platform-evaluation-session .a-artifact-flow b{font-size:10.5px; font-weight:400; color:var(--muted); letter-spacing:.04em}
main.aeo.p-school-platform-evaluation-session .a-artifact-flow strong{color:var(--ink); font-weight:600}
@media (max-width:620px){ main.aeo.p-school-platform-evaluation-session .a-artifact-flow li{grid-template-columns:32px 1fr} }
main.aeo.p-school-platform-evaluation-session .a-table-wrap{margin-top:28px}
main.aeo.p-school-platform-evaluation-session .a-table-wrap figcaption{margin:0; padding:10px 12px; border-top:1px solid var(--rule-soft)}
main.aeo.p-school-platform-evaluation-session figcaption{font-family:var(--sans); font-size:13px; letter-spacing:0; color:var(--muted); max-width:72ch; line-height:1.5}
/* takeaways card carries its own footer: scope note and the two actions */
main.aeo.p-school-platform-evaluation-session .a-takeaways .t-foot{margin:clamp(22px,3vw,32px) calc(-1 * clamp(26px,3.4vw,44px)) calc(-1 * clamp(26px,3.4vw,44px));
  padding:14px clamp(26px,3.4vw,44px); background:var(--card-2); border-top:1px solid var(--rule);
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px 24px}
main.aeo.p-school-platform-evaluation-session .t-foot .a-method-note{margin:0; max-width:60ch; font-family:var(--sans); font-size:13.5px; letter-spacing:0; text-transform:none; color:var(--muted)}
main.aeo.p-school-platform-evaluation-session .t-foot .a-method-note b{color:var(--ink-2)}
main.aeo.p-school-platform-evaluation-session .a-article-actions{display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:0}
main.aeo.p-school-platform-evaluation-session details > div p{margin:0}
main.aeo.p-school-platform-evaluation-session .a-sources h2{font-size:clamp(26px,3vw,40px); line-height:1.06; margin-bottom:20px; max-width:26ch}
main.aeo.p-school-platform-evaluation-session .a-sources li{display:block}
/* the ink band: text left, action right, no dead half */
main.aeo.p-school-platform-evaluation-session .a-cta .hero-cta{margin-top:30px}
@media (min-width:1100px){
  main.aeo.p-school-platform-evaluation-session .a-cta{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:40px; align-items:end}
  main.aeo.p-school-platform-evaluation-session .a-cta .hero-cta{margin-top:0}
}
main.aeo.p-school-platform-evaluation-session .row .tag.g{color:color-mix(in srgb,var(--green) 70%,var(--ink))}
main.aeo.p-school-platform-evaluation-session .g-handoff{max-width:none!important; margin:28px 0 0; padding-top:16px; border-top:1px solid var(--rule); font-weight:600}
main.aeo.p-school-platform-evaluation-session .g-handoff a{text-decoration:none}
main.aeo.p-school-platform-evaluation-session .a-sources{padding-bottom:0}

/* page-scoped layout for school-platform-evaluation: landing tokens and landing components only */
main.aeo.p-school-platform-evaluation .a-hero .hero-grid{align-items:start}
main.aeo.p-school-platform-evaluation .a-hero .a-answer{max-width:none}
@media (min-width:1001px){ main.aeo.p-school-platform-evaluation .a-hero .hero-grid > .sheet{margin-top:34px} }
main.aeo.p-school-platform-evaluation .sheet-bar{flex-wrap:wrap; row-gap:4px}
main.aeo.p-school-platform-evaluation .sheet-bar .t .mono{color:var(--ink)}
@media (max-width:560px){ main.aeo.p-school-platform-evaluation .sheet-bar > .mono{display:none} }
main.aeo.p-school-platform-evaluation a.row{text-decoration:none; color:var(--ink)}
main.aeo.p-school-platform-evaluation a.row:hover{background:var(--hi-wash)}
main.aeo.p-school-platform-evaluation .row .tag{white-space:nowrap}
main.aeo.p-school-platform-evaluation .row .tag.g-ink, main.aeo.p-school-platform-evaluation .row.live .tag{color:var(--ink); border-color:var(--rule); background:var(--card)}
@media (max-width:620px){
  main.aeo.p-school-platform-evaluation .row{grid-template-columns:52px 1fr; row-gap:6px}
  main.aeo.p-school-platform-evaluation .row .tag{grid-column:2; justify-self:start}
}
main.aeo.p-school-platform-evaluation .a-artifact-figure .sheet{box-shadow:var(--shadow)}
/* one numeral treatment: the landing time column */
main.aeo.p-school-platform-evaluation .a-artifact-flow li{grid-template-columns:48px 1fr}
main.aeo.p-school-platform-evaluation .a-artifact-flow b{font-size:10.5px; font-weight:400; color:var(--muted); letter-spacing:.04em}
main.aeo.p-school-platform-evaluation .a-artifact-flow strong{color:var(--ink); font-weight:600}
@media (max-width:620px){ main.aeo.p-school-platform-evaluation .a-artifact-flow li{grid-template-columns:32px 1fr} }
main.aeo.p-school-platform-evaluation .a-table-wrap{margin-top:28px}
main.aeo.p-school-platform-evaluation .a-table-wrap figcaption{margin:0; padding:10px 12px; border-top:1px solid var(--rule-soft)}
main.aeo.p-school-platform-evaluation figcaption{font-family:var(--sans); font-size:13px; letter-spacing:0; color:var(--muted); max-width:72ch; line-height:1.5}
/* takeaways card carries its own footer: scope note and the two actions */
main.aeo.p-school-platform-evaluation .a-takeaways .t-foot{margin:clamp(22px,3vw,32px) calc(-1 * clamp(26px,3.4vw,44px)) calc(-1 * clamp(26px,3.4vw,44px));
  padding:14px clamp(26px,3.4vw,44px); background:var(--card-2); border-top:1px solid var(--rule);
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px 24px}
main.aeo.p-school-platform-evaluation .t-foot .a-method-note{margin:0; max-width:60ch; font-family:var(--sans); font-size:13.5px; letter-spacing:0; text-transform:none; color:var(--muted)}
main.aeo.p-school-platform-evaluation .t-foot .a-method-note b{color:var(--ink-2)}
main.aeo.p-school-platform-evaluation .a-article-actions{display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:0}
main.aeo.p-school-platform-evaluation details > div p{margin:0}
main.aeo.p-school-platform-evaluation .a-sources h2{font-size:clamp(26px,3vw,40px); line-height:1.06; margin-bottom:20px; max-width:26ch}
main.aeo.p-school-platform-evaluation .a-sources li{display:block}
/* the ink band: text left, action right, no dead half */
main.aeo.p-school-platform-evaluation .a-cta .hero-cta{margin-top:30px}
@media (min-width:1100px){
  main.aeo.p-school-platform-evaluation .a-cta{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:40px; align-items:end}
  main.aeo.p-school-platform-evaluation .a-cta .hero-cta{margin-top:0}
}
main.aeo.p-school-platform-evaluation .row .tag.g{color:color-mix(in srgb,var(--green) 70%,var(--ink))}

main.aeo.p-school-role-information-flow .a-hero .hero-grid{align-items:start}
main.aeo.p-school-role-information-flow .a-toc{margin-top:8px}
main.aeo.p-school-role-information-flow .a-toc .a-artifact-flow{border:0; border-radius:0; box-shadow:none}
main.aeo.p-school-role-information-flow .a-toc .a-artifact-flow li:first-child{background:none}
main.aeo.p-school-role-information-flow .a-toc .a-artifact-flow li:first-child::before{content:none}
main.aeo.p-school-role-information-flow .a-artifact-flow li{grid-template-columns:48px 1fr}
main.aeo.p-school-role-information-flow .a-toc .a-artifact-flow a{font-size:14.5px; color:var(--ink-2); text-decoration:none}
main.aeo.p-school-role-information-flow .a-toc .a-artifact-flow a:hover{color:var(--ink)}
main.aeo.p-school-role-information-flow .vm > div{display:flex; flex-direction:column}
main.aeo.p-school-role-information-flow .vm .a-checklist{margin-top:0}
main.aeo.p-school-role-information-flow .vm p.a-scope{font-family:var(--sans); font-size:16px; font-weight:400; letter-spacing:0; line-height:1.55; color:var(--ink-2); margin:0 0 14px}
main.aeo.p-school-role-information-flow .a-chapter > .a-wide{grid-column:1 / -1; margin:0; max-width:none}
main.aeo.p-school-role-information-flow .a-method-note{font-family:var(--sans); font-size:13px; letter-spacing:0; text-transform:none; color:var(--muted); max-width:72ch}
main.aeo.p-school-role-information-flow .a-method-note b{font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; font-weight:600; margin-right:8px}
main.aeo.p-school-role-information-flow figcaption{font-family:var(--sans); font-size:13px; letter-spacing:0; color:var(--muted); max-width:72ch}
main.aeo.p-school-role-information-flow .a-artifact-strip span, main.aeo.p-school-role-information-flow .a-artifact-strip span:first-child{background:var(--card-2); border-color:var(--rule); color:var(--ink-2); font-weight:500}
main.aeo.p-school-role-information-flow .a-sources h2{font-size:clamp(22px,2.4vw,30px); margin-bottom:8px}
main.aeo.p-school-role-information-flow .a-front-h{font-size:clamp(22px,2.4vw,30px); line-height:1.1; margin:0 0 20px; max-width:30ch}
main.aeo.p-school-role-information-flow .vm > div.a-front-foot{grid-column:1 / -1; background:var(--card-2); display:flex; flex-direction:row; flex-wrap:wrap; gap:12px; align-items:center; padding:18px clamp(28px,3.4vw,46px); margin:0}
main.aeo.p-school-role-information-flow .vm .a-cell-foot{margin-top:auto; padding-top:18px; font-size:10px}
main.aeo.p-school-role-information-flow .a-chapter .a-evidence-marker{max-width:none}
main.aeo.p-school-role-information-flow .a-chapter :is(.a-artifact-strip,.a-checklist,.a-table-wrap,.a-evidence-marker,.a-artifact-register,.a-artifact-figure) + :is(p,ul,ol,div,figure,dl){margin-top:22px}
main.aeo.p-school-role-information-flow .a-sources{padding-bottom:clamp(8px,1.5vw,20px)}
main.aeo.p-school-role-information-flow .a-article-faq details{max-width:880px}
main.aeo.p-school-role-information-flow .a-sources li{display:block; position:relative; padding-left:18px}
main.aeo.p-school-role-information-flow .a-sources li::before{position:absolute; left:0; top:.55em; margin:0; transform:none}
@media (max-width:620px){
  main.aeo.p-school-role-information-flow table.a-two-col[data-stack] thead{position:static; width:auto; height:auto; overflow:visible; clip:auto}
  main.aeo.p-school-role-information-flow table.a-two-col[data-stack] tr{display:table-row; padding:0; border-bottom:0}
  main.aeo.p-school-role-information-flow table.a-two-col[data-stack] td, main.aeo.p-school-role-information-flow table.a-two-col[data-stack] tbody th{display:table-cell; padding:10px 12px; border-bottom:1px solid var(--rule-soft)}
  main.aeo.p-school-role-information-flow table.a-two-col[data-stack] td::before, main.aeo.p-school-role-information-flow table.a-two-col[data-stack] tbody th::before{content:none}
  main.aeo.p-school-role-information-flow table.a-two-col[data-stack] tbody th{width:34%}
}
@media (min-width:1100px){
  main.aeo.p-school-role-information-flow .a-cta{display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); column-gap:clamp(32px,4vw,64px)}
  main.aeo.p-school-role-information-flow .a-cta > *{grid-column:1}
  main.aeo.p-school-role-information-flow .a-cta .hero-cta{grid-column:2; grid-row:1 / span 3; align-self:end; display:flex; flex-direction:column; align-items:stretch; gap:12px; margin:0}
}

/* page-scoped: landing tokens only */
main.aeo.p-school-software-onboarding-checklist .a-hero-side{display:flex; flex-direction:column; gap:16px; min-width:0}
main.aeo.p-school-software-onboarding-checklist .a-publisher{font-size:14px; line-height:1.55; color:var(--muted); max-width:60ch; margin:6px 0 0}
main.aeo.p-school-software-onboarding-checklist .a-publisher b{color:var(--ink-2); font-weight:600}
main.aeo.p-school-software-onboarding-checklist .a-hero-side .a-method-note{margin-top:0}
main.aeo.p-school-software-onboarding-checklist .a-article-front{display:block}
main.aeo.p-school-software-onboarding-checklist ol.vals{list-style:none; margin:0; padding:0}
main.aeo.p-school-software-onboarding-checklist ol.vals .val p{font-size:15px; color:var(--ink-2); line-height:1.5}
main.aeo.p-school-software-onboarding-checklist .a-sources h2{font-size:clamp(26px,3vw,40px); line-height:1.06; margin-bottom:20px; max-width:26ch}
main.aeo.p-school-software-onboarding-checklist .day .row .sub a{text-decoration:none}
main.aeo.p-school-software-onboarding-checklist .day .row .sub a:hover{background:none; text-decoration:underline; text-decoration-color:var(--hi)}
main.aeo.p-school-software-onboarding-checklist .a-artifact-strip span:first-child{background:var(--card); border-color:var(--rule); color:var(--ink-2); font-weight:500}
main.aeo.p-school-software-onboarding-checklist .a-status-grid{display:grid; grid-template-columns:repeat(2,max-content)}
main.aeo.p-school-software-onboarding-checklist .a-artifact-flow b{color:var(--hi-deep)}
main.aeo.p-school-software-onboarding-checklist .a-evidence-marker b{color:var(--ink)}
main.aeo.p-school-software-onboarding-checklist .a-cta{margin-top:clamp(32px,4vw,56px)}
main.aeo.p-school-software-onboarding-checklist .a-cta .hero-cta{margin-top:26px}
@media (min-width:1100px){
  main.aeo.p-school-software-onboarding-checklist .a-cta{display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:48px; align-items:end}
  main.aeo.p-school-software-onboarding-checklist .a-cta > *:not(.hero-cta){grid-column:1}
  main.aeo.p-school-software-onboarding-checklist .a-cta .hero-cta{grid-column:2; grid-row:1 / span 3; margin-top:0; flex-direction:column; align-items:stretch}
}
@media (max-width:560px){
  main.aeo.p-school-software-onboarding-checklist .sheet-bar > .mono{display:none}
  main.aeo.p-school-software-onboarding-checklist .day .row{grid-template-columns:52px 1fr auto; gap:10px; padding:12px 14px}
  main.aeo.p-school-software-onboarding-checklist .a-status-grid{grid-template-columns:1fr}
}
main.aeo.p-school-software-onboarding-checklist .a-signoff{margin:22px 0}
main.aeo.p-school-software-onboarding-checklist .a-tick{width:16px; height:16px; border:1.5px solid var(--ink-2); border-radius:2px; background:var(--card)}
main.aeo.p-school-software-onboarding-checklist .a-sources{padding-bottom:clamp(8px,1.5vw,20px)}
main.aeo.p-school-software-onboarding-checklist .a-hero-side .a-method-note{font-family:var(--sans); font-size:13px; letter-spacing:0; text-transform:none; color:var(--muted); line-height:1.55}
main.aeo.p-school-software-onboarding-checklist .a-hero-side .a-method-note b{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-2); margin-right:6px}
main.aeo.p-school-software-onboarding-checklist .a-article-front h2{font-size:clamp(26px,3vw,40px); line-height:1.06; margin:0 0 24px; max-width:26ch}
@media (max-width:620px){ main.aeo.p-school-software-onboarding-checklist ol.vals .val{padding:14px 18px 16px; gap:6px} }

/* page-scoped: landing tokens only (concept-screen-vs-verified-feature, mirrors the demo-questions block) */
main.aeo.p-concept-screen-vs-verified-feature .a-hero-side{display:flex; flex-direction:column; gap:16px; min-width:0}
main.aeo.p-concept-screen-vs-verified-feature .a-publisher{font-size:14px; line-height:1.55; color:var(--muted); max-width:60ch; margin:6px 0 0}
main.aeo.p-concept-screen-vs-verified-feature .a-publisher b{color:var(--ink-2); font-weight:600}
main.aeo.p-concept-screen-vs-verified-feature .a-hero-side .a-method-note{margin-top:0}
main.aeo.p-concept-screen-vs-verified-feature .a-article-front{display:block}
main.aeo.p-concept-screen-vs-verified-feature ol.vals{list-style:none; margin:0; padding:0}
main.aeo.p-concept-screen-vs-verified-feature ol.vals .val p{font-size:15px; color:var(--ink-2); line-height:1.5}
main.aeo.p-concept-screen-vs-verified-feature .a-sources h2{font-size:clamp(26px,3vw,40px); line-height:1.06; margin-bottom:20px; max-width:26ch}
main.aeo.p-concept-screen-vs-verified-feature .day .row .sub a{text-decoration:none}
main.aeo.p-concept-screen-vs-verified-feature .day .row .sub a:hover{background:none; text-decoration:underline; text-decoration-color:var(--hi)}
main.aeo.p-concept-screen-vs-verified-feature .a-artifact-strip span:first-child{background:var(--card); border-color:var(--rule); color:var(--ink-2); font-weight:500}
main.aeo.p-concept-screen-vs-verified-feature .a-status-grid{display:grid; grid-template-columns:repeat(2,max-content)}
main.aeo.p-concept-screen-vs-verified-feature .a-artifact-flow b{color:var(--hi-deep)}
main.aeo.p-concept-screen-vs-verified-feature .a-evidence-marker b{color:var(--ink)}
main.aeo.p-concept-screen-vs-verified-feature .a-cta{margin-top:clamp(32px,4vw,56px)}
main.aeo.p-concept-screen-vs-verified-feature .a-cta .hero-cta{margin-top:26px}
@media (min-width:1100px){
  main.aeo.p-concept-screen-vs-verified-feature .a-cta{display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:48px; align-items:end}
  main.aeo.p-concept-screen-vs-verified-feature .a-cta > *:not(.hero-cta){grid-column:1}
  main.aeo.p-concept-screen-vs-verified-feature .a-cta .hero-cta{grid-column:2; grid-row:1 / span 3; margin-top:0; flex-direction:column; align-items:stretch}
}
@media (max-width:560px){
  main.aeo.p-concept-screen-vs-verified-feature .sheet-bar > .mono{display:none}
  main.aeo.p-concept-screen-vs-verified-feature .day .row{grid-template-columns:52px 1fr auto; gap:10px; padding:12px 14px}
  main.aeo.p-concept-screen-vs-verified-feature .a-status-grid{grid-template-columns:1fr}
}
main.aeo.p-concept-screen-vs-verified-feature .a-sources{padding-bottom:clamp(8px,1.5vw,20px)}
main.aeo.p-concept-screen-vs-verified-feature .a-hero-side .a-method-note{font-family:var(--sans); font-size:13px; letter-spacing:0; text-transform:none; color:var(--muted); line-height:1.55}
main.aeo.p-concept-screen-vs-verified-feature .a-hero-side .a-method-note b{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-2); margin-right:6px}
main.aeo.p-concept-screen-vs-verified-feature .a-article-front h2{font-size:clamp(26px,3vw,40px); line-height:1.06; margin:0 0 24px; max-width:26ch}
@media (max-width:620px){ main.aeo.p-concept-screen-vs-verified-feature ol.vals .val{padding:14px 18px 16px; gap:6px} }

/* reduce-duplicate-school-record-entry - Run 3, 7 Oct 2026. Same shell as p-school-platform-demo-questions:
   a numbered front block (ol.vals) and a wide sources heading. Without the ol.vals reset the
   designed 01-05 markers print beside the browser's own decimal markers. */
main.aeo.p-reduce-duplicate-school-record-entry .a-hero-side{display:flex; flex-direction:column; gap:16px; min-width:0}
main.aeo.p-reduce-duplicate-school-record-entry .a-publisher{font-size:14px; line-height:1.55; color:var(--muted); max-width:60ch; margin:6px 0 0}
main.aeo.p-reduce-duplicate-school-record-entry .a-publisher b{color:var(--ink-2); font-weight:600}
main.aeo.p-reduce-duplicate-school-record-entry .a-hero-side .a-method-note{margin-top:0; font-family:var(--sans); font-size:13px; letter-spacing:0; text-transform:none; color:var(--muted); line-height:1.55}
main.aeo.p-reduce-duplicate-school-record-entry .a-hero-side .a-method-note b{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-2); margin-right:6px}
main.aeo.p-reduce-duplicate-school-record-entry .a-article-front{display:block}
main.aeo.p-reduce-duplicate-school-record-entry .a-article-front h2{font-size:clamp(26px,3vw,40px); line-height:1.06; margin:0 0 24px; max-width:26ch}
main.aeo.p-reduce-duplicate-school-record-entry ol.vals{list-style:none; margin:0; padding:0}
main.aeo.p-reduce-duplicate-school-record-entry ol.vals .val p{font-size:15px; color:var(--ink-2); line-height:1.5}
main.aeo.p-reduce-duplicate-school-record-entry .a-sources h2{font-size:clamp(26px,3vw,40px); line-height:1.06; margin-bottom:20px; max-width:26ch}
main.aeo.p-reduce-duplicate-school-record-entry .a-sources{padding-bottom:clamp(8px,1.5vw,20px)}
main.aeo.p-reduce-duplicate-school-record-entry .day .row .sub a{text-decoration:none}
main.aeo.p-reduce-duplicate-school-record-entry .day .row .sub a:hover{background:none; text-decoration:underline; text-decoration-color:var(--hi)}
main.aeo.p-reduce-duplicate-school-record-entry .a-cta{margin-top:clamp(32px,4vw,56px)}
main.aeo.p-reduce-duplicate-school-record-entry .a-cta .hero-cta{margin-top:26px}
@media (min-width:860px){
  main.aeo.p-reduce-duplicate-school-record-entry .a-cta{display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:48px; align-items:end}
  main.aeo.p-reduce-duplicate-school-record-entry .a-cta > *:not(.hero-cta){grid-column:1}
  main.aeo.p-reduce-duplicate-school-record-entry .a-cta .hero-cta{grid-column:2; grid-row:1 / span 3; margin-top:0; flex-direction:column; align-items:stretch}
}
@media (max-width:620px){
  main.aeo.p-reduce-duplicate-school-record-entry ol.vals .val{padding:14px 18px 16px; gap:6px}
  main.aeo.p-reduce-duplicate-school-record-entry .sheet-bar > .mono{display:none}
  main.aeo.p-reduce-duplicate-school-record-entry .day .row{grid-template-columns:52px 1fr auto; gap:10px; padding:12px 14px}
}

/* school-platform-privacy-first-meeting - Run 3, 14 Oct 2026; block added by the 15 Oct sampling round.
   Same shell as p-reduce-duplicate-school-record-entry. It shipped without this block, so the
   takeaways list kept the browser's 40px list indent, the notes printed in 10px capitals and the
   'On this page' links were underlined unlike every sister guide. */
main.aeo.p-school-platform-privacy-first-meeting .a-hero-side{display:flex; flex-direction:column; gap:16px; min-width:0}
main.aeo.p-school-platform-privacy-first-meeting .a-publisher{font-size:14px; line-height:1.55; color:var(--muted); max-width:60ch; margin:6px 0 0}
main.aeo.p-school-platform-privacy-first-meeting .a-publisher b{color:var(--ink-2); font-weight:600}
main.aeo.p-school-platform-privacy-first-meeting .a-method-note{font-family:var(--sans); font-size:13px; letter-spacing:0; text-transform:none; color:var(--muted); line-height:1.55; max-width:72ch}
main.aeo.p-school-platform-privacy-first-meeting .a-hero-side .a-method-note{margin-top:0}
main.aeo.p-school-platform-privacy-first-meeting .a-method-note b{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-2); margin-right:6px}
main.aeo.p-school-platform-privacy-first-meeting caption{font-family:var(--sans); font-size:13px; letter-spacing:0; text-transform:none; line-height:1.5}
main.aeo.p-school-platform-privacy-first-meeting .a-article-front{display:block}
main.aeo.p-school-platform-privacy-first-meeting .a-article-front h2{font-size:clamp(26px,3vw,40px); line-height:1.06; margin:0 0 24px; max-width:26ch}
main.aeo.p-school-platform-privacy-first-meeting ol.vals{list-style:none; margin:0; padding:0}
main.aeo.p-school-platform-privacy-first-meeting ol.vals .val p{font-size:15px; color:var(--ink-2); line-height:1.5}
main.aeo.p-school-platform-privacy-first-meeting .a-artifact-strip span:first-child{background:var(--card); border-color:var(--rule); color:var(--ink-2); font-weight:500}
main.aeo.p-school-platform-privacy-first-meeting .a-sources h2{font-size:clamp(26px,3vw,40px); line-height:1.06; margin-bottom:20px; max-width:26ch}
main.aeo.p-school-platform-privacy-first-meeting .a-sources{padding-bottom:clamp(8px,1.5vw,20px)}
main.aeo.p-school-platform-privacy-first-meeting .day .row .sub a{text-decoration:none}
main.aeo.p-school-platform-privacy-first-meeting .day .row .sub a:hover{background:none; text-decoration:underline; text-decoration-color:var(--hi)}
main.aeo.p-school-platform-privacy-first-meeting .a-cta{margin-top:clamp(32px,4vw,56px)}
main.aeo.p-school-platform-privacy-first-meeting .a-cta .hero-cta{margin-top:26px}
@media (min-width:860px){
  main.aeo.p-school-platform-privacy-first-meeting .a-cta{display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:48px; align-items:end}
  main.aeo.p-school-platform-privacy-first-meeting .a-cta > *:not(.hero-cta){grid-column:1}
  main.aeo.p-school-platform-privacy-first-meeting .a-cta .hero-cta{grid-column:2; grid-row:1 / span 3; margin-top:0; flex-direction:column; align-items:stretch}
}
@media (max-width:620px){
  main.aeo.p-school-platform-privacy-first-meeting ol.vals .val{padding:14px 18px 16px; gap:6px}
  main.aeo.p-school-platform-privacy-first-meeting .sheet-bar > .mono{display:none}
  main.aeo.p-school-platform-privacy-first-meeting .day .row{grid-template-columns:52px 1fr auto; gap:10px; padding:12px 14px}
}

/* integrated-school-platform-or-separate-apps: the video summary sat flush under the video because the
   paragraph reset beats the embed's own 1rem top margin (15 Oct sampling round). */
main.aeo.p-integrated-school-platform-or-separate-apps .yt-aeo .yt-aeo__summary{margin-top:16px}