/* Elevate Education: legal pages (privacy policy, terms of use, data protection) */
:root{
  --ink:#1D0A22;
  --text:#3D3341;
  --muted:#5B5163;
  --line:#E2DED3;
  --paper:#F5F4EF;
  --card:#EDEBE3;
  --gold:#C88C32;
  --gold-ink:#8A6520;
  --cream:#EFE4D4;
  --sand:#DEC79E;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--text);font-family:'Public Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.7}
a{color:var(--gold-ink);text-decoration:underline;text-decoration-color:rgba(138,101,32,.35);text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}
a:hover{color:var(--ink);text-decoration-color:var(--gold)}
a:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:2px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;border-radius:6px;z-index:10}
.skip:focus{left:16px}
.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(16px,5vw,40px)}

/* header */
.pg-head{background:var(--ink);position:relative}
.pg-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent 70%)}
.pg-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px}
.brand img{height:36px;width:auto;display:block}
.back{font-size:14px;font-weight:600;color:#E8D6B0;text-decoration:none;border:1px solid rgba(200,140,50,.55);border-radius:999px;padding:7px 16px;white-space:nowrap}
.back:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}

/* three-column layout, like eternal.com/policies */
.layout{display:grid;grid-template-columns:190px minmax(0,1fr) 220px;gap:clamp(28px,4vw,56px);padding-top:clamp(36px,5vw,56px);padding-bottom:80px;align-items:start}
.side,.toc{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto}
.side-h{font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold-ink);font-weight:700;margin:0 0 14px}
.side a{display:block;font-size:14.5px;color:var(--text);text-decoration:none;padding:7px 12px;border-left:2px solid var(--line)}
.side a:hover{color:var(--ink);border-left-color:var(--sand)}
.side a[aria-current="page"]{color:var(--ink);font-weight:700;border-left-color:var(--gold);background:var(--card)}
.toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.toc a{display:block;font-size:13px;line-height:1.45;color:var(--muted);text-decoration:none;padding:5px 0 5px 14px;margin-left:-1px;border-left:2px solid transparent}
.toc a:hover{color:var(--ink)}
.toc a[aria-current="true"]{color:var(--ink);font-weight:600;border-left-color:var(--gold)}

/* document */
.doc{max-width:760px;min-width:0}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted);margin-bottom:18px}
.crumbs a{color:var(--muted)}
.crumbs [aria-current]{color:var(--ink);font-weight:600}
.doc h1{font-size:clamp(30px,4.4vw,44px);line-height:1.15;color:var(--ink);font-weight:800;letter-spacing:-.5px;margin:0 0 10px;text-wrap:balance}
.updated{font-size:14px;color:var(--muted);font-style:italic;margin:0 0 36px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.doc h2{font-size:clamp(20px,2.4vw,24px);line-height:1.3;color:var(--ink);font-weight:700;margin:44px 0 14px;scroll-margin-top:24px}
.doc h3{font-size:17px;color:var(--ink);font-weight:700;margin:26px 0 8px}
.doc p{margin:0 0 14px}
.doc strong{color:var(--ink);font-weight:600}
.doc ul,.doc ol{margin:0 0 16px;padding-left:24px}
.doc ol.alpha{list-style:lower-alpha}
.doc li{margin:0 0 8px;padding-left:4px}
.doc li::marker{color:var(--gold-ink);font-weight:600}
.doc p.card{background:var(--card);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;padding:16px 20px;line-height:1.8}
.doc a{overflow-wrap:anywhere}
mark.todo{background:#FCE9B6;color:var(--ink);padding:0 4px;border-radius:3px}

/* footer */
.pg-foot{background:var(--ink);color:#9C8CA6;font-size:12.5px}
.pg-foot .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;padding-top:26px;padding-bottom:26px}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 22px}
.pg-foot a{color:var(--cream);text-decoration:none}
.pg-foot a:hover{color:var(--gold)}

@media (max-width:1080px){
  .layout{grid-template-columns:180px minmax(0,1fr)}
  .toc{display:none}
}
@media (max-width:760px){
  .layout{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:24px}
  .side{position:static;max-height:none;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .side::-webkit-scrollbar{display:none}
  .side-h{display:none}
  .side a{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14px;background:#fff}
  .side a[aria-current="page"]{border-color:var(--ink);background:var(--ink);color:#fff}
  .brand img{height:30px}
  .back{padding:6px 13px;font-size:13px}
}
@media print{
  .pg-head,.side,.toc,.pg-foot,.crumbs{display:none}
  .layout{display:block;padding:0}
  body{background:#fff}
}