/* Document master layout (privacy / accessibility). Ported from privacy.html + accessibility.html (main @ c3948cb). */
:root{
  --obsidian:#06070B; --bone:#fffdf9; --body:#d7dde3; --fog:#6f879c; --fog-bright:#a6bccd;
  --line:#20262e; --sans:'General Sans','Noto Sans Hebrew','Inter',system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--obsidian);color:var(--bone);font-family:var(--sans);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.75;
  font-feature-settings:"ss01" on;padding:clamp(30px,6vw,72px) clamp(22px,6vw,40px) clamp(48px,8vw,96px)}
.doc{max-width:66ch;margin-inline:auto}
.brand{display:inline-block;color:var(--bone);margin-bottom:clamp(38px,7vw,64px);border-radius:4px}
.brand svg{width:108px;height:auto;display:block}
.brand:focus-visible{outline:2px solid var(--fog-bright);outline-offset:6px}
h1{font-size:clamp(28px,5vw,42px);font-weight:600;line-height:1.12;letter-spacing:-.01em;
  text-wrap:balance;margin-bottom:clamp(18px,3.5vw,28px)}
h2{font-size:clamp(17px,2.6vw,20px);font-weight:600;color:var(--bone);text-wrap:balance;
  margin-top:clamp(30px,5vw,44px);margin-bottom:12px}
p{color:var(--body);margin-bottom:16px;font-size:clamp(15.5px,2.2vw,17px);text-wrap:pretty}
/* privacy (English) lead */
.lead{color:var(--bone);font-size:clamp(18px,2.9vw,22px);line-height:1.5;
  letter-spacing:-.01em;margin-bottom:clamp(20px,4vw,30px)}
/* accessibility (Hebrew) lead - the two static pages differed; kept as-is per language */
.doc:lang(he) .lead{font-size:clamp(17px,2.7vw,20px);line-height:1.6;letter-spacing:normal;margin-bottom:16px}
ul{margin:0 0 16px;padding-inline-start:1.25em;color:var(--body)}
li{margin-bottom:11px;font-size:clamp(15.5px,2.2vw,17px);text-wrap:pretty}
li::marker{color:var(--fog)}
strong{color:var(--bone);font-weight:600}
a.inline{color:var(--fog-bright);text-decoration:underline;text-underline-offset:3px;border-radius:3px}
a.inline:hover{color:var(--bone)}
a:focus-visible{outline:2px solid var(--fog-bright);outline-offset:3px}
.note{color:var(--body);border-inline-start:2px solid var(--fog);
  padding-inline-start:18px;margin:22px 0}
.meta{color:var(--fog-bright);font-size:15px;line-height:1.7}
.meta+.meta{margin-top:2px}

.back{display:inline-block;margin-top:14px;background:var(--bone);color:#0a0c11;
  font-size:15px;font-weight:500;padding:13px 26px;border-radius:100px;
  text-decoration:none;transition:filter .18s ease}
.back:hover{filter:brightness(1.08);color:#0a0c11}
.back:focus-visible{outline:2px solid var(--fog-bright);outline-offset:3px}

/* ambient depth - the same two drifting glows + vignette the home page uses, so these
   pages read as part of the site and not as a bare document. Purely decorative. */
.flare{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;
  background:radial-gradient(circle at 50% 46%, transparent 55%, rgba(0,0,0,.40) 100%)}
.flare::before,.flare::after{content:"";position:absolute;border-radius:50%;
  mix-blend-mode:screen;filter:blur(16px)}
.flare::before{inset:-22% -26%;
  background:radial-gradient(circle at 38% 48%, transparent 33%, rgba(150,178,212,.11) 45%, transparent 64%),
             radial-gradient(circle at 41% 51%, transparent 24%, rgba(255,253,249,.06) 33%, transparent 48%);
  animation:a11yBreathe 24s ease-in-out infinite}
.flare::after{inset:-26% -30%;
  background:radial-gradient(circle at 66% 50%, transparent 35%, rgba(120,150,190,.10) 47%, transparent 66%),
             radial-gradient(circle at 69% 52%, transparent 26%, rgba(200,215,235,.055) 35%, transparent 52%);
  animation:a11yBreathe 31s ease-in-out infinite reverse}
@keyframes a11yBreathe{0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(1.5%,-1%,0) scale(1.05)}}
@media (prefers-reduced-motion:reduce){.flare::before,.flare::after{animation:none}}

/* ---- WP adapters (theme-only, no visual change): block output -> the static markup's look ---- */
.doc .wp-block-list{margin:0 0 16px;padding-inline-start:1.25em;color:var(--body)}
.doc a:not(.brand):not(.back){color:var(--fog-bright);text-decoration:underline;text-underline-offset:3px;border-radius:3px}
.doc a:not(.brand):not(.back):hover{color:var(--bone)}
/* footer line (course + policies) - same quiet style as the home legal line */
.doc-foot{margin-top:clamp(40px,7vw,64px);font-size:13px;line-height:1.6;color:var(--fog);display:flex;flex-wrap:wrap;gap:.5em}
.doc .doc-foot a:not(.brand):not(.back){color:var(--fog);text-decoration:none}
.doc .doc-foot a:not(.brand):not(.back):hover{color:var(--bone)}