/* Interface fonts, served by this site (no third-party requests): Archivo (variable, 400–700) and IBM Plex Mono 400/500.
   Latin and Latin Extended subsets (Turkish letters such as İ, ş and ğ are Latin Extended); a browser downloads a subset
   only when the page uses its characters. SIL Open Font License 1.1: web/fonts/*-OFL.txt. */
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(/assets/archivo-latin-ext.ff4f17d219.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(/assets/archivo-latin.8f704806db.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/ibm-plex-mono-400-latin-ext.6bc0f226a5.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/ibm-plex-mono-400-latin.08949f728d.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/ibm-plex-mono-500-latin-ext.6bb06407c9.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/ibm-plex-mono-500-latin.01d2854474.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* end interface fonts */
/* SIPC design tokens — the single palette for the hub home, ministry sign-in, ministry workspace and document reader.
   This block is copied verbatim from src/part1_head.html (the Layout Studio); change it there first, then here.
   Load it before every other stylesheet. Nothing else in the hub may define colours, radii, type sizes or shadows. */
/* SIPC design system. Three colour roles: brand (green) = identity, accent (terracotta) = the one primary action,
   sel (blueprint blue) = selected or currently active. Tokens are plain hex because the canvas reads them. */
:root{
  --bg:#f4f3ee; --surface:#fffefa; --surface-2:#eeefe9; --surface-3:#ffffff; --canvas:#f5f5f0;
  --ink:#202d29; --muted:#596860; --rule:#d8ded7; --rule-strong:#7b8980;
  --brand:#254b3c; --brand-ink:#ffffff;
  --accent:#b4531d; --accent-hover:#9a4617; --accent-ink:#ffffff; --accent-soft:#fbf4ef;
  --sel:#2f6f8f; --sel-ink:#ffffff; --sel-soft:#e2edf3;
  --ok:#36724a; --ok-soft:#e3f0e6; --warn:#805710; --warn-soft:#f7eedb; --crit:#b23a2a; --crit-soft:#f8e4e0; --crit-ink:#ffffff;
  --focus:#2f6f8f;
  --grid:#dcdfd8; --grid2:#e9ebe5; --wall:#2b3238; --wallnew:#b4531d; --wallrm:#c0392b; --glass:#4f8fc2; --footprint:#eceee8;
  --panel:var(--surface); --panel2:var(--surface-2);
  --shadow-1:0 1px 2px rgba(29,39,48,.06),0 0 0 1px rgba(29,39,48,.02); --shadow-2:0 4px 14px rgba(29,39,48,.12),0 1px 3px rgba(29,39,48,.06); --shadow-3:0 16px 40px rgba(29,39,48,.2),0 2px 6px rgba(29,39,48,.08);
  --overlay:rgba(22,30,36,.45);
  --f-ui:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif; --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-7:32px;
  --r-sm:4px; --r-md:6px; --r-lg:10px; --r-xl:14px; --r-pill:999px;
  --t-xs:11px; --t-sm:12px; --t-base:13px; --t-md:14px; --t-lg:16px; --t-xl:20px; --t-2xl:24px; --t-3xl:32px;
  --ctl:36px; --dur:150ms; --dur-slow:220ms; --ease:cubic-bezier(.2,.7,.2,1);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#111a17; --surface:#1b2622; --surface-2:#24322c; --surface-3:#2a3932; --canvas:#19231f;
  --ink:#edf1eb; --muted:#abb8b0; --rule:#35453d; --rule-strong:#718178;
  --brand:#7fb39a; --brand-ink:#0f1a15;
  --accent:#ee8a4a; --accent-hover:#f29a62; --accent-ink:#161616; --accent-soft:#3b2a1f;
  --sel:#6fb3d6; --sel-ink:#0f1a21; --sel-soft:#1f3340;
  --ok:#78c08e; --ok-soft:#1d3326; --warn:#e2b04a; --warn-soft:#3a3020; --crit:#f07a68; --crit-soft:#40231f; --crit-ink:#161616;
  --focus:#6fb3d6;
  --grid:#27313b; --grid2:#202931; --wall:#e3e7ea; --wallnew:#ee8a4a; --wallrm:#f0705c; --glass:#8cc4ee; --footprint:#1f2830;
  --shadow-1:0 1px 2px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.03); --shadow-2:0 4px 14px rgba(0,0,0,.4),0 1px 3px rgba(0,0,0,.3); --shadow-3:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.35);
  --overlay:rgba(5,9,12,.6); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#111a17; --surface:#1b2622; --surface-2:#24322c; --surface-3:#2a3932; --canvas:#19231f;
  --ink:#edf1eb; --muted:#abb8b0; --rule:#35453d; --rule-strong:#718178;
  --brand:#7fb39a; --brand-ink:#0f1a15;
  --accent:#ee8a4a; --accent-hover:#f29a62; --accent-ink:#161616; --accent-soft:#3b2a1f;
  --sel:#6fb3d6; --sel-ink:#0f1a21; --sel-soft:#1f3340;
  --ok:#78c08e; --ok-soft:#1d3326; --warn:#e2b04a; --warn-soft:#3a3020; --crit:#f07a68; --crit-soft:#40231f; --crit-ink:#161616;
  --focus:#6fb3d6;
  --grid:#27313b; --grid2:#202931; --wall:#e3e7ea; --wallnew:#ee8a4a; --wallrm:#f0705c; --glass:#8cc4ee; --footprint:#1f2830;
  --shadow-1:0 1px 2px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.03); --shadow-2:0 4px 14px rgba(0,0,0,.4),0 1px 3px rgba(0,0,0,.3); --shadow-3:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.35);
  --overlay:rgba(5,9,12,.6); color-scheme:dark}
:root[data-theme="light"]{color-scheme:light}

/* Paper facsimiles. The Word template's cover preview and the document reader's reading pane show a printed page,
   so they keep paper white and print ink in both themes. These are the only colours outside the block above. */
:root{--paper:#ffffff;--paper-ink:#222222;--paper-rule:#cccccc;--paper-head:#f7f7f7;--paper-mark:#ffe992;--paper-mark-ring:#bb7200;--paper-link:#2f6f8f}