/* ICK — drafting room for a national strategic document.
   Palette derives from the emblem: the gold of the sun, the teal of its
   circuitry. The flag's red and green appear only as status markers, never as
   decoration. */

@font-face{font-family:'Source Serif 4';src:url('/fonts/source-serif-4-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212}
@font-face{font-family:'Source Serif 4';src:url('/fonts/source-serif-4-latin-ext-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Serif 4';src:url('/fonts/source-serif-4-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:'Source Serif 4';src:url('/fonts/source-serif-4-latin-ext-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02FF,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Serif 4';src:url('/fonts/source-serif-4-latin-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:'Source Serif 4';src:url('/fonts/source-serif-4-latin-ext-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02FF,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plex Sans';src:url('/fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:'Plex Sans';src:url('/fonts/ibm-plex-sans-latin-ext-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02FF,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plex Sans';src:url('/fonts/ibm-plex-sans-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:'Plex Sans';src:url('/fonts/ibm-plex-sans-latin-ext-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02FF,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plex Sans';src:url('/fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:'Plex Sans';src:url('/fonts/ibm-plex-sans-latin-ext-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02FF,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plex Mono';src:url('/fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:'Plex Mono';src:url('/fonts/ibm-plex-mono-latin-ext-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02FF,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF}

:root{
  --kaxez:#FBFAF7;      /* paper */
  --rupel:#FFFFFF;      /* raised surface */
  --hibr:#14181D;       /* ink */
  --tirej:#5C6672;      /* secondary ink */
  --sinor:#DFDBD2;      /* rule */
  --sinor-zirav:#EDEAE3;
  --roj:#B07D18;        /* sun gold — the single accent */
  --roj-nerm:#F6EEDC;
  --kani:#175E64;       /* deep teal — links and structure */
  --kani-nerm:#E4F0F0;
  --sor:#B01229;        /* flag red — status only */
  --kesk:#186B39;       /* flag green — status only */
  --chrome:#101A1F;     /* header ground, dark in both themes */
  --chrome-hibr:#EDF1F2;
  --serrast:68ch;
  --radius:6px;
  --shadow:0 1px 2px rgba(20,24,29,.06),0 4px 16px rgba(20,24,29,.05);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --kaxez:#12161A; --rupel:#191E24; --hibr:#E4E7EA; --tirej:#98A2AE;
    --sinor:#2B333B; --sinor-zirav:#222930; --roj:#D9A63F; --roj-nerm:#2B2415;
    --kani:#5FB3B8; --kani-nerm:#14282A; --sor:#E4576B; --kesk:#4CAE73;
    --chrome:#0B1216; --chrome-hibr:#E4E7EA;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.3);
  }
}
:root[data-theme="dark"]{
  --kaxez:#12161A; --rupel:#191E24; --hibr:#E4E7EA; --tirej:#98A2AE;
  --sinor:#2B333B; --sinor-zirav:#222930; --roj:#D9A63F; --roj-nerm:#2B2415;
  --kani:#5FB3B8; --kani-nerm:#14282A; --sor:#E4576B; --kesk:#4CAE73;
  --chrome:#0B1216; --chrome-hibr:#E4E7EA;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.3);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--kaxez); color:var(--hibr);
  font-family:'Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:16px; line-height:1.6;
}
a{color:var(--kani); text-decoration-thickness:1px; text-underline-offset:2px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--roj); outline-offset:2px; border-radius:2px}
img{max-width:100%; height:auto}
hr{border:0; border-top:1px solid var(--sinor); margin:2rem 0}

/* ── header ─────────────────────────────────────────────────────────── */
.ser{
  position:sticky; top:0; z-index:50; background:var(--chrome); color:var(--chrome-hibr);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.ser-in{display:flex; align-items:center; gap:1.25rem; padding:.6rem 1.25rem; max-width:1500px; margin:0 auto}
.mark{display:flex; align-items:center; gap:.7rem; color:inherit; text-decoration:none; flex:0 0 auto}
.mark img{width:38px; height:38px; border-radius:50%; background:#fff; padding:1px}
.mark b{font-family:'Source Serif 4',Georgia,serif; font-size:1.05rem; font-weight:600; letter-spacing:.01em; display:block; line-height:1.15}
.mark span{display:block; font-size:.68rem; color:#8FA3AB; letter-spacing:.09em; text-transform:uppercase}
.ser form{flex:1 1 auto; max-width:420px; margin-inline:auto}
.ser input[type=search]{
  width:100%; padding:.45rem .8rem; border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06);
  color:var(--chrome-hibr); font:inherit; font-size:.9rem;
}
.ser input[type=search]::placeholder{color:#7D8F97}
.ser-rast{display:flex; align-items:center; gap:.6rem; flex:0 0 auto}
.chip{
  display:inline-flex; align-items:center; gap:.45rem; padding:.32rem .6rem;
  border:1px solid rgba(255,255,255,.14); border-radius:100px;
  font-family:'Plex Mono',ui-monospace,monospace; font-size:.78rem; color:var(--chrome-hibr);
  text-decoration:none;
}
.chip:hover{background:rgba(255,255,255,.07)}
.chip .dot{width:7px; height:7px; border-radius:50%; background:var(--kesk)}
.chip.rev .dot{background:var(--roj)}

/* ── shell ──────────────────────────────────────────────────────────── */
.tor{display:grid; grid-template-columns:250px minmax(0,1fr) 232px; gap:2.5rem;
     max-width:1500px; margin:0 auto; padding:2rem 1.25rem 5rem; align-items:start}
@media (max-width:1200px){.tor{grid-template-columns:230px minmax(0,1fr); }.rast{display:none}}
@media (max-width:860px){.tor{grid-template-columns:minmax(0,1fr); gap:1.5rem}.cep{order:2}}

/* ── left index ─────────────────────────────────────────────────────── */
.cep{position:sticky; top:5rem; max-height:calc(100vh - 7rem); overflow-y:auto; font-size:.9rem}
@media (max-width:860px){.cep{position:static; max-height:none}}
.cep h3{font-size:.68rem; letter-spacing:.11em; text-transform:uppercase; color:var(--tirej);
        margin:1.6rem 0 .5rem; font-weight:600}
.cep h3:first-child{margin-top:0}
.cep ol{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:1px}
.cep a{display:flex; gap:.55rem; padding:.34rem .55rem; border-radius:4px; text-decoration:none;
       color:var(--hibr); line-height:1.35}
.cep a:hover{background:var(--sinor-zirav)}
.cep a.now{background:var(--roj-nerm); color:var(--hibr); box-shadow:inset 2px 0 0 var(--roj)}
.cep a .no{font-family:'Plex Mono',monospace; font-size:.78rem; color:var(--tirej); flex:0 0 auto;
           font-variant-numeric:tabular-nums}
.cep a.now .no{color:var(--roj)}

/* ── reading column ─────────────────────────────────────────────────── */
main{min-width:0}
.nav-riya{font-size:.8rem; color:var(--tirej); margin-bottom:.5rem; letter-spacing:.02em}
h1.sernav{font-family:'Source Serif 4',Georgia,serif; font-weight:600; font-size:2.1rem;
          line-height:1.2; margin:.2rem 0 .3rem; text-wrap:balance; letter-spacing:-.01em}
.bin-sernav{color:var(--tirej); font-size:.86rem; display:flex; flex-wrap:wrap; gap:.4rem .9rem;
            align-items:center; padding-bottom:1.1rem; border-bottom:1px solid var(--sinor)}

.naverok{font-family:'Source Serif 4',Georgia,serif; font-size:1.09rem; line-height:1.72;
         max-width:var(--serrast)}
.naverok h2{font-size:1.42rem; font-weight:600; margin:2.2rem 0 .6rem; line-height:1.25; text-wrap:balance}
.naverok h3{font-size:1.14rem; font-weight:600; margin:1.7rem 0 .4rem}
.naverok p{margin:0 0 1.05rem}
.naverok ul,.naverok ol{margin:0 0 1.05rem; padding-left:1.35rem}
.naverok li{margin-bottom:.35rem}
.naverok blockquote{margin:1.3rem 0; padding:.15rem 0 .15rem 1.1rem; border-left:3px solid var(--roj);
                    color:var(--tirej); font-style:italic}
.naverok code{font-family:'Plex Mono',monospace; font-size:.88em; background:var(--sinor-zirav);
              padding:.1em .32em; border-radius:3px}
.naverok pre{background:var(--sinor-zirav); padding:1rem; border-radius:var(--radius); overflow-x:auto}
.naverok pre code{background:none; padding:0}
.naverok table{width:100%; border-collapse:collapse; margin:1.3rem 0; font-family:'Plex Sans',sans-serif;
               font-size:.94rem}
.naverok th,.naverok td{text-align:start; padding:.5rem .7rem; border-bottom:1px solid var(--sinor)}
.naverok th{font-weight:600; font-size:.78rem; letter-spacing:.05em; text-transform:uppercase; color:var(--tirej)}
.naverok-lef{overflow-x:auto}

/* "why it must be so" — the rationale block that follows every article */
.cima{margin:1.6rem 0; padding:1.05rem 1.25rem; background:var(--kani-nerm);
      border-radius:var(--radius); border:1px solid color-mix(in srgb,var(--kani) 22%,transparent)}
.cima > .sernav-cima{font-family:'Plex Sans',sans-serif; font-size:.68rem; font-weight:600;
      letter-spacing:.11em; text-transform:uppercase; color:var(--kani); margin:0 0 .45rem}
.cima p{margin:0 0 .7rem; font-size:1rem}
.cima p:last-child{margin-bottom:0}

/* ── right rail ─────────────────────────────────────────────────────── */
.rast{position:sticky; top:5rem; font-size:.85rem; display:flex; flex-direction:column; gap:1.2rem}
.qut{background:var(--rupel); border:1px solid var(--sinor); border-radius:var(--radius);
     padding:.9rem 1rem; box-shadow:var(--shadow)}
.qut h4{margin:0 0 .6rem; font-size:.66rem; letter-spacing:.11em; text-transform:uppercase;
        color:var(--tirej); font-weight:600}
.qut dl{margin:0; display:grid; grid-template-columns:auto 1fr; gap:.35rem .8rem}
.qut dt{color:var(--tirej); font-size:.8rem}
.qut dd{margin:0; text-align:end; font-variant-numeric:tabular-nums}

/* ── buttons ────────────────────────────────────────────────────────── */
.bt{display:inline-flex; align-items:center; justify-content:center; gap:.45rem;
    padding:.5rem .95rem; border-radius:var(--radius); border:1px solid var(--sinor);
    background:var(--rupel); color:var(--hibr); font:inherit; font-size:.88rem; font-weight:500;
    cursor:pointer; text-decoration:none; line-height:1.3}
.bt:hover{border-color:var(--tirej)}
.bt-sereke{background:var(--kani); border-color:var(--kani); color:#fff}
.bt-sereke:hover{background:color-mix(in srgb,var(--kani) 85%,#000); border-color:transparent}
.bt-roj{background:var(--roj); border-color:var(--roj); color:#1A1204}
.bt-roj:hover{background:color-mix(in srgb,var(--roj) 88%,#000)}
.bt[disabled]{opacity:.5; cursor:not-allowed}
.bt-qic{padding:.3rem .6rem; font-size:.8rem}
.kar{display:flex; flex-wrap:wrap; gap:.5rem}

/* ── status pills ───────────────────────────────────────────────────── */
.pil{display:inline-flex; align-items:center; gap:.35rem; padding:.16rem .5rem; border-radius:100px;
     font-size:.72rem; font-weight:500; letter-spacing:.02em; font-family:'Plex Sans',sans-serif}
.pil-parasti{background:color-mix(in srgb,var(--sor) 12%,transparent); color:var(--sor)}
.pil-nu{background:color-mix(in srgb,var(--kesk) 13%,transparent); color:var(--kesk)}
.pil-rev{background:var(--roj-nerm); color:var(--roj)}

/* ── forms ──────────────────────────────────────────────────────────── */
label{display:block; font-size:.78rem; font-weight:500; color:var(--tirej); margin-bottom:.3rem;
      letter-spacing:.02em}
input[type=text],textarea,select{
  width:100%; padding:.55rem .75rem; border:1px solid var(--sinor); border-radius:var(--radius);
  background:var(--rupel); color:var(--hibr); font:inherit; font-size:.95rem;
}
textarea{font-family:'Plex Mono',monospace; font-size:.92rem; line-height:1.65; resize:vertical; min-height:60vh}
.qad{margin-bottom:1.1rem}
.mono{font-family:'Plex Mono',monospace; font-size:.85em}

/* ── diff ───────────────────────────────────────────────────────────── */
.cudahi{font-family:'Plex Mono',monospace; font-size:.85rem; line-height:1.6; border:1px solid var(--sinor);
        border-radius:var(--radius); overflow:hidden; background:var(--rupel)}
.cudahi div{padding:.12rem .8rem; white-space:pre-wrap; word-break:break-word; border-left:3px solid transparent}
.cudahi .zed{background:color-mix(in srgb,var(--kesk) 12%,transparent); border-left-color:var(--kesk)}
.cudahi .jeb{background:color-mix(in srgb,var(--sor) 10%,transparent); border-left-color:var(--sor)}
.cudahi .ayn{color:var(--tirej)}
.cudahi .navber{background:var(--sinor-zirav); color:var(--tirej); text-align:center; font-size:.75rem}

/* ── lists (history, discussion, members) ───────────────────────────── */
.rez-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column}
.rez-list > li{padding:.75rem 0; border-bottom:1px solid var(--sinor-zirav)}
.rez-list > li:last-child{border-bottom:0}
.meta{font-size:.79rem; color:var(--tirej); display:flex; flex-wrap:wrap; gap:.3rem .75rem; align-items:center}

/* discussion thread */
.gotubej{display:flex; flex-direction:column; gap:1.1rem; max-width:var(--serrast)}
.peyam{background:var(--rupel); border:1px solid var(--sinor); border-radius:var(--radius); padding:.85rem 1rem}
.peyam.bersiv{margin-inline-start:2rem}
.peyam .naverok-peyam{font-family:'Source Serif 4',Georgia,serif; font-size:1rem; line-height:1.65}
.peyam .naverok-peyam p{margin:0 0 .6rem}
.peyam .naverok-peyam p:last-child{margin-bottom:0}

/* ── login ──────────────────────────────────────────────────────────── */
.ketin{min-height:100dvh; display:grid; place-items:center; padding:2rem 1.25rem;
       background:var(--kaxez)}
.ketin-qut{width:100%; max-width:452px; text-align:center}
.ketin-qut > img{width:132px; height:132px; margin-bottom:1.5rem}
.ketin-qut h1{font-family:'Source Serif 4',Georgia,serif; font-size:1.85rem; font-weight:600;
              margin:0 0 .5rem; line-height:1.2; text-wrap:balance}
.ketin-qut .bin{color:var(--tirej); font-size:.95rem; margin:0 0 1.9rem; line-height:1.6}
.ketin-qut .bt{width:100%; padding:.7rem 1rem; font-size:.95rem}
.hesab-list{list-style:none; margin:1rem 0 0; padding:0; display:flex; flex-direction:column; gap:.45rem;
            text-align:start}
.hesab-list button{width:100%; display:flex; flex-direction:column; align-items:flex-start; gap:.15rem;
                   padding:.6rem .8rem; background:var(--rupel); border:1px solid var(--sinor);
                   border-radius:var(--radius); cursor:pointer; font:inherit; color:var(--hibr)}
.hesab-list button:hover{border-color:var(--kani)}
.hesab-list .n{font-weight:500; font-size:.92rem}
.hesab-list .a{font-family:'Plex Mono',monospace; font-size:.74rem; color:var(--tirej);
               word-break:break-all; text-align:start}
.agahi{margin-top:1.4rem; padding:.75rem .9rem; border-radius:var(--radius); font-size:.85rem;
       line-height:1.55; text-align:start; display:none}
.agahi.xelet{display:block; background:color-mix(in srgb,var(--sor) 10%,transparent); color:var(--sor);
             border:1px solid color-mix(in srgb,var(--sor) 30%,transparent)}
.agahi.rast-e{display:block; background:var(--kani-nerm); color:var(--kani);
              border:1px solid color-mix(in srgb,var(--kani) 28%,transparent)}
.ketin-jer{margin-top:2rem; font-size:.79rem; color:var(--tirej); line-height:1.6}

.pev{max-width:var(--serrast)}
.vala{padding:3rem 1rem; text-align:center; color:var(--tirej); font-size:.92rem}
.bal{background:var(--roj-nerm); border:1px solid color-mix(in srgb,var(--roj) 30%,transparent);
     border-radius:var(--radius); padding:.8rem 1rem; font-size:.87rem; margin-bottom:1.4rem}
@media (prefers-reduced-motion:reduce){*{animation:none!important; transition:none!important}}

/* ── utilities ──────────────────────────────────────────────────────────
   Small named classes rather than inline style attributes: the page is served
   under style-src 'self', which blocks inline styles outright. */
.mt1{margin-top:.32rem}
.mt3{margin-top:1.6rem}
.mt4{margin-top:2rem}
.my1{margin:.2rem 0}
.m0{margin:0}
.wfull{max-width:none}
.inl{display:inline}
.blk{display:block; margin-top:.2rem}
.sm{font-size:.78rem}
.num{font-variant-numeric:tabular-nums}
.who{font-weight:500; color:var(--hibr)}
.ta-qic{min-height:9rem}
.h2s{font-family:'Source Serif 4',Georgia,serif; font-size:1.28rem; font-weight:600;
     margin:2.1rem 0 .5rem; line-height:1.25}
.mifte{word-break:break-all; background:var(--sinor-zirav); padding:.6rem .8rem;
       border-radius:var(--radius)}

/* Anonymous visitors get a way in rather than an account chip. */
.chip-ketin{background:var(--roj); border-color:var(--roj); color:#1A1204; font-family:'Plex Sans',sans-serif;
            font-weight:500; letter-spacing:.01em}
.chip-ketin:hover{background:color-mix(in srgb,var(--roj) 88%,#000)}

/* Invitation to contribute, shown under an article to readers who are not in. */
.vexwendin{margin:2.4rem 0 0; padding:1.1rem 1.25rem; border:1px solid var(--sinor);
           border-radius:var(--radius); background:var(--rupel); max-width:var(--serrast)}
.vexwendin p{margin:0 0 .7rem; font-size:.94rem; color:var(--tirej); line-height:1.6}
.vexwendin p:last-child{margin-bottom:0}

/* The login page offers two doors; the second is quieter than the first. */
.dergeh{margin-top:1.6rem; padding-top:1.4rem; border-top:1px solid var(--sinor); text-align:start}
.dergeh > summary{cursor:pointer; font-size:.87rem; color:var(--kani); text-align:center;
                  list-style:none; font-weight:500}
.dergeh > summary::-webkit-details-marker{display:none}
.dergeh > summary:hover{text-decoration:underline}
.dergeh form{margin-top:1rem}
.dergeh input[type=text]{font-family:'Plex Mono',monospace; letter-spacing:.06em; text-align:center;
                         text-transform:uppercase; font-size:1rem}
.dergeh .bt{width:100%; margin-top:.7rem}

/* A generated code, shown once, big enough to read off a screen. */
.kod-nu{font-family:'Plex Mono',monospace; font-size:1.35rem; letter-spacing:.09em; font-weight:400;
        background:var(--roj-nerm); border:1px solid color-mix(in srgb,var(--roj) 34%,transparent);
        border-radius:var(--radius); padding:.85rem 1rem; text-align:center; margin:.3rem 0 .8rem;
        word-break:break-all}
.chip-sade{border-color:rgba(255,255,255,.10)}
@media (max-width:700px){.chip-sade{display:none}}

/* ══ public landing ═══════════════════════════════════════════════════
   A reader arriving at the site has come for the document. The page leads with
   the emblem and the title, states what the document is in one sentence, and
   then gets out of the way. */

.ser-sade .ser-in{justify-content:space-between}

.pesi{background:var(--kaxez); padding:4.5rem 1.25rem 3.5rem; text-align:center;
      border-bottom:1px solid var(--sinor)}
.pesi-in{max-width:660px; margin:0 auto}
.nisan{width:168px; height:168px; margin:0 auto 1.8rem; display:block}
.pesi .ser-nav{margin:0 0 .7rem; font-size:.72rem; letter-spacing:.19em; text-transform:uppercase;
               color:var(--roj); font-weight:600}
.pesi h1{font-family:'Source Serif 4',Georgia,serif; font-weight:600; font-size:clamp(1.9rem,5.2vw,2.9rem);
         line-height:1.14; letter-spacing:-.015em; margin:0; text-wrap:balance; color:var(--hibr)}
.xet{width:64px; height:3px; background:var(--roj); margin:1.5rem auto; border-radius:2px}
.pesi .dabas{font-family:'Source Serif 4',Georgia,serif; font-size:1.14rem; line-height:1.7;
             color:var(--tirej); margin:0 auto; max-width:52ch; text-wrap:pretty}
.pesi .niviskar{margin:1.5rem 0 0; font-size:.86rem; color:var(--tirej); letter-spacing:.02em}
.kar-navend{justify-content:center; margin-top:2.2rem}
.bal-navend{max-width:44ch; margin:2.2rem auto 0; text-align:center}

.naverok-rup{max-width:800px; margin:0 auto; padding:3.5rem 1.25rem 4rem}
.bes-sernav{font-family:'Source Serif 4',Georgia,serif; font-size:.74rem; font-weight:600;
            letter-spacing:.16em; text-transform:uppercase; color:var(--tirej);
            margin:0 0 1.6rem; text-align:center}
.bes-nav{font-family:'Source Serif 4',Georgia,serif; font-size:1.3rem; font-weight:600;
         margin:2.6rem 0 .9rem; padding-bottom:.5rem; border-bottom:1px solid var(--sinor)}
.bes-nav:first-of-type{margin-top:0}

.xal-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column}
.xal-list > li{border-bottom:1px solid var(--sinor-zirav)}
.xal-list > li:last-child{border-bottom:0}
.xal-list a{display:flex; gap:1rem; padding:1rem .5rem; text-decoration:none; color:var(--hibr);
            border-radius:var(--radius); align-items:baseline}
.xal-list a:hover{background:var(--sinor-zirav)}
.xal-no{font-family:'Plex Mono',monospace; font-size:.86rem; color:var(--roj); flex:0 0 2.1rem;
        font-variant-numeric:tabular-nums; font-weight:500}
.xal-nav{display:flex; flex-direction:column; gap:.22rem; min-width:0}
.xal-nav strong{font-family:'Source Serif 4',Georgia,serif; font-size:1.08rem; font-weight:600;
                line-height:1.3}
.xal-kurt{font-size:.88rem; color:var(--tirej); line-height:1.55}

.bini{border-top:1px solid var(--sinor); padding:2.2rem 1.25rem 3rem; text-align:center;
      font-size:.83rem; color:var(--tirej); line-height:1.7}
.bini p{margin:0 0 .35rem}
.bini a{color:var(--kani)}

/* An article inside the whole-document view. */
.xal{margin:0 0 2.6rem}
.xal > h3{font-family:'Source Serif 4',Georgia,serif; font-size:1.32rem; font-weight:600;
          line-height:1.3; margin:0 0 .7rem; display:flex; gap:.8rem; align-items:baseline;
          text-wrap:balance}
.xal > h3 .xal-no{flex:0 0 auto}

/* ══ landing: two registers ═══════════════════════════════════════════
   The page opens dark and ceremonial — the visual language of the rest of the
   Pezkuwi family — and turns to paper where the reading begins. A national
   document should not open like a product page, and long prose should not be
   set on black. The switch is the design, not an accident.

   These tokens are fixed rather than themed: the hero is one committed visual
   world and must look the same to every reader. */
:root{
  --sh-erd:#08120E;   /* hero ground */
  --sh-bilind:#102A20; /* lifted panel */
  --sh-zer:#E8B33C;   /* the sun */
  --sh-nivis:#F2F5F3;
  --sh-tarî:#93AC9F;
  --sh-xet:rgba(232,179,60,.22);
}

.seri{position:relative; background:var(--sh-erd); color:var(--sh-nivis); overflow:hidden;
      padding:5rem 1.25rem 4.25rem; text-align:center; isolation:isolate}
/* A vast, very faint emblem is the ground itself rather than an ornament on it. */
.seri-roj{position:absolute; inset:auto 50% auto auto; transform:translateX(50%);
          top:-14%; width:min(126vw,1080px); opacity:.055; pointer-events:none; z-index:-1;
          filter:saturate(1.15)}
.seri::after{content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
             background:radial-gradient(ellipse 70% 52% at 50% 22%,rgba(232,179,60,.13),transparent 70%)}
.seri-in{max-width:830px; margin:0 auto; position:relative}
.seri-nav{margin:0 0 1.6rem; font-size:.71rem; letter-spacing:.26em; text-transform:uppercase;
          color:var(--sh-zer); font-weight:600}
.seri h1{font-family:'Source Serif 4',Georgia,serif; font-weight:600;
         font-size:clamp(1.95rem,5.4vw,4.05rem); line-height:1.08; letter-spacing:-.022em;
         margin:0; text-wrap:balance; color:var(--sh-nivis)}
.seri h1 .zer{display:block; color:var(--sh-zer)}
.seri .xet-zer{width:78px; height:3px; background:var(--sh-zer); margin:2rem auto 1.7rem;
               border-radius:2px}
.seri .niviskar{margin:0; font-size:.9rem; color:var(--sh-tarî); letter-spacing:.03em}
.seri .kar{justify-content:center; margin-top:2.4rem}
.seri .bt{background:transparent; border-color:rgba(255,255,255,.2); color:var(--sh-nivis)}
.seri .bt:hover{border-color:var(--sh-zer); background:rgba(232,179,60,.07)}
.seri .bt-zer{background:var(--sh-zer); border-color:var(--sh-zer); color:#14100A; font-weight:600}
.seri .bt-zer:hover{background:#F0C255; border-color:#F0C255}

/* ── values, still on the dark ground ──────────────────────────────── */
.nirx{background:var(--sh-erd); color:var(--sh-nivis); padding:1rem 1.25rem 5.5rem;
      border-bottom:1px solid rgba(255,255,255,.07)}
.nirx-in{max-width:1120px; margin:0 auto}
.nirx > .nirx-in > h2{font-family:'Plex Sans',sans-serif; font-size:.72rem; font-weight:600;
      letter-spacing:.26em; text-transform:uppercase; color:var(--sh-zer); text-align:center;
      margin:0 0 2.6rem}
.nirx-tor{display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem}
@media (max-width:940px){.nirx-tor{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.nirx-tor{grid-template-columns:1fr}}
.nirx-kart{background:var(--sh-bilind); border:1px solid rgba(255,255,255,.07);
           border-radius:10px; padding:1.7rem 1.5rem 1.6rem; position:relative; overflow:hidden}
.nirx-kart::before{content:''; position:absolute; inset:0 auto auto 0; height:2px; width:38px;
                   background:var(--sh-zer); transition:width .28s ease}
.nirx-kart:hover::before{width:100%}
.nirx-kart svg{width:26px; height:26px; color:var(--sh-zer); stroke:currentColor; fill:none;
               stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;
               margin-bottom:1rem; display:block}
.nirx-kart h3{font-family:'Source Serif 4',Georgia,serif; font-size:1.16rem; font-weight:600;
              margin:0 0 .1rem; line-height:1.25}
.nirx-kart .ing{display:block; font-family:'Plex Sans',sans-serif; font-size:.68rem;
                letter-spacing:.14em; text-transform:uppercase; color:var(--sh-zer);
                margin-bottom:.85rem; font-weight:500}
.nirx-kart p{margin:0; font-size:.93rem; line-height:1.68; color:#C6D4CC}

/* ── roadmap panel, on paper ───────────────────────────────────────── */
.rehber-bes{background:var(--kaxez); padding:4.5rem 1.25rem 1rem}
/* The founding document is one column: it is a single text, and a side panel
   beside it would read as two coordinate things. */
.rehber{max-width:800px; margin:0 auto; background:var(--rupel); border:1px solid var(--sinor);
        border-radius:12px; box-shadow:var(--shadow); padding:2.8rem 2.6rem}
@media (max-width:640px){.rehber{padding:2rem 1.4rem}}
.rehber .etiket{font-size:.68rem; letter-spacing:.18em; text-transform:uppercase;
                color:var(--roj); font-weight:600; margin:0 0 .8rem}
.rehber h2{font-family:'Source Serif 4',Georgia,serif; font-size:1.86rem; font-weight:600;
           line-height:1.18; margin:0 0 1.1rem; text-wrap:balance; letter-spacing:-.012em}
.rehber blockquote{margin:0 0 1.3rem; padding-inline-start:1.05rem; border-inline-start:3px solid var(--roj);
                   font-family:'Source Serif 4',Georgia,serif; font-style:italic;
                   font-size:1.06rem; color:var(--tirej); line-height:1.6}
.rehber-gov{font-family:'Source Serif 4',Georgia,serif; font-size:1.02rem; line-height:1.7;
            color:var(--hibr); margin:0 0 1.7rem}
.rehber h4{margin:1.9rem 0 .7rem; font-size:.68rem; letter-spacing:.16em; text-transform:uppercase;
           color:var(--tirej); font-weight:600}
.rehber .kar{margin-top:1.8rem}
.rehber-hej{display:flex; gap:2.2rem; margin:0; padding:1.2rem 0; font-variant-numeric:tabular-nums;
            border-top:1px solid var(--sinor-zirav); border-bottom:1px solid var(--sinor-zirav)}
.rehber-hej div{display:flex; flex-direction:column}
.rehber-hej b{font-family:'Source Serif 4',Georgia,serif; font-size:1.6rem; font-weight:600; line-height:1}
.rehber-hej span{font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--tirej);
                 margin-top:.3rem}
/* The two bodies are what the document above calls for, so the step is stated. */
.saz-gav{max-width:1120px; margin:0 auto .5rem; text-align:center; font-size:.86rem;
         color:var(--tirej); letter-spacing:.02em}

/* ── the two bodies ────────────────────────────────────────────────── */
.saz-bes{background:var(--kaxez); padding:2.6rem 1.25rem 4.5rem}
.saz-tor{max-width:1120px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:1.4rem}
@media (max-width:820px){.saz-tor{grid-template-columns:1fr}}
.saz{background:var(--rupel); border:1px solid var(--sinor); border-radius:12px;
     padding:2rem 1.9rem; display:flex; flex-direction:column; box-shadow:var(--shadow)}
.saz-nisan{height:46px; margin-bottom:1.3rem; display:flex; align-items:center}
.saz-nisan img{height:100%; width:auto}
.saz h3{font-family:'Source Serif 4',Georgia,serif; font-size:1.24rem; font-weight:600;
        margin:0 0 .15rem; line-height:1.25}
.saz .rol{margin:0 0 1.3rem; font-size:.94rem; color:var(--tirej); line-height:1.6}
.saz ul{list-style:none; margin:0 0 1.6rem; padding:0; display:flex; flex-direction:column; gap:.6rem;
        font-size:.9rem; line-height:1.55}
.saz li{display:flex; gap:.65rem}
.saz li::before{content:''; flex:0 0 5px; height:5px; margin-top:.55rem; border-radius:50%;
                background:var(--roj)}
.saz .bt{align-self:flex-start; margin-top:auto}
.saz-ick{border-top:3px solid var(--roj)}
.saz-pez{border-top:3px solid var(--kani)}
.saz-pez li::before{background:var(--kani)}

/* Language switch. Two separate discs rather than a joined pill: a reader has to
   see at a glance that the other one is a thing they can press. */
.ziman{display:inline-flex; align-items:center; gap:.4rem; flex:0 0 auto}
.ziman a,.ziman b{width:30px; height:30px; border-radius:50%; display:inline-flex;
                  align-items:center; justify-content:center; font-family:'Plex Sans',sans-serif;
                  font-size:.68rem; font-weight:600; letter-spacing:.02em; line-height:1;
                  text-decoration:none; border:1px solid rgba(255,255,255,.22); color:#9FB2BA}
.ziman a:hover{border-color:var(--roj); color:#fff; background:rgba(255,255,255,.09)}
.ziman b{background:var(--roj); border-color:var(--roj); color:#1A1204}