/* Public website of the center. Lapis blue (or the brand colour), saffron, chalk paper. Fonts are bundled so the page works on slow or offline networks. */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/site/bricolage-grotesque-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/site/bricolage-grotesque-latin-ext-wght-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Site Arabic";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/site/noto-sans-arabic-arabic-wght-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}

:root{--lapis:#17356f;--night:#0d1d40;--tint:#e8edf8;--saffron:#f0a22e;--saffron-d:#c7821a;--paper:#f6f7fb;--chalk:#fff;--ink:#15203a;--muted:#55627f;--line:#d8dded;--bad:#a8324a;--font:"Bricolage Grotesque","Site Arabic",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.site{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.65 var(--font);-webkit-font-smoothing:antialiased}
body.site[dir=rtl],html[dir=rtl] body.site{line-height:1.95;font-size:1.0625rem}
.site a{color:inherit}
.site img{max-width:100%;display:block}
.site :focus-visible{outline:3px solid var(--saffron);outline-offset:3px;border-radius:4px}
.s-wrap{width:min(1120px,100% - 40px);margin-inline:auto}
.s-skip{position:absolute;top:8px;inset-inline-start:12px;background:var(--chalk);padding:8px 14px;z-index:99;transform:translateY(-300%)}
.s-skip:focus{transform:none}

/* headings: tight tracking only for Latin; Arabic script must stay unspaced */
.site h1,.site h2,.site h3{margin:0;font-weight:760;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
[dir=rtl] .site h1,[dir=rtl] .site h2,[dir=rtl] .site h3,[dir=rtl].site h1,[dir=rtl].site h2,[dir=rtl].site h3{letter-spacing:0;line-height:1.4;font-weight:800}
.s-h2{font-size:clamp(1.8rem,3.6vw,2.7rem)}
.s-lead{font-size:1.18rem;max-width:62ch;color:var(--muted)}
.s-prose p{max-width:66ch;margin:0 0 1.1em}

/* buttons */
.s-btn{display:inline-flex;align-items:center;gap:.5em;border:0;cursor:pointer;font:inherit;font-weight:650;text-decoration:none;border-radius:999px;padding:.78em 1.5em;background:var(--saffron);color:var(--night);transition:background .15s,transform .15s}
.s-btn:hover{background:#f6b64f}
.s-btn:active{transform:translateY(1px)}
.s-btn.ink{background:var(--lapis);color:#fff}.s-btn.ink:hover{background:var(--night)}
.s-btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}.s-btn.ghost:hover{background:rgba(255,255,255,.12)}
.s-btn.small{padding:.5em 1.1em;font-size:.95rem}

/* header */
.s-head{position:sticky;top:0;z-index:40;background:rgba(246,247,251,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.s-head .s-wrap{display:flex;align-items:center;gap:14px;min-height:68px}
.s-head .s-btn{white-space:nowrap}
.s-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:760;font-size:1.12rem;line-height:1.15;margin-inline-end:auto}
.s-brand .logo-placeholder{border-radius:10px}
.s-nav{display:none;gap:2px;align-items:center}
.s-nav a{padding:.45em .7em;border-radius:999px;text-decoration:none;font-weight:560;color:var(--muted);white-space:nowrap;font-size:.97rem}
.s-nav a:hover,.s-nav a[aria-current]{color:var(--lapis);background:var(--tint)}
.s-lang{display:flex;gap:2px}
.s-lang a{padding:.3em .65em;border-radius:999px;font-size:.88rem;text-decoration:none;color:var(--muted)}
.s-lang a[aria-current]{background:var(--lapis);color:#fff}
#s-menu{position:absolute;opacity:0;pointer-events:none}
.s-burger{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;border-radius:12px}
.s-burger span,.s-burger span::before,.s-burger span::after{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;position:relative;content:""}
.s-burger span::before{position:absolute;top:-7px}.s-burger span::after{position:absolute;top:7px}
#s-menu:checked~.s-wrap .s-nav,#s-menu:checked+.s-wrap .s-nav{display:flex}
#s-menu:focus-visible~.s-wrap .s-burger{outline:3px solid var(--saffron)}
.s-nav.open{display:flex}
@media (max-width:1399px){
 .s-nav{position:absolute;inset-inline:0;top:100%;flex-direction:column;align-items:stretch;background:var(--paper);border-bottom:1px solid var(--line);padding:8px 20px 16px}
 .s-nav a{padding:.8em 1em}
 .s-head .s-wrap{position:relative}
}
@media (min-width:1400px){.s-nav{display:flex}.s-burger{display:none}}

/* hero */
.s-hero{position:relative;background:var(--lapis);color:#fff;overflow:hidden;isolation:isolate}
.s-hero::before,.s-band::before{content:"";position:absolute;inset:0;z-index:-1;opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88' fill='none' stroke='%23fff' stroke-opacity='.11' stroke-width='1.3'%3E%3Cpath d='M44 10 L54 34 L78 44 L54 54 L44 78 L34 54 L10 44 L34 34Z'/%3E%3Cpath d='M44 22 L66 44 L44 66 L22 44Z'/%3E%3Cpath d='M0 -9 L9 0 L0 9 L-9 0Z M88 -9 L97 0 L88 9 L79 0Z M0 79 L9 88 L0 97 L-9 88Z M88 79 L97 88 L88 97 L79 88Z'/%3E%3C/svg%3E")}
.s-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(13,29,64,.88) 0%,rgba(13,29,64,.55) 55%,rgba(13,29,64,.15) 100%)}
[dir=rtl] .s-hero::after{background:linear-gradient(255deg,rgba(13,29,64,.88) 0%,rgba(13,29,64,.55) 55%,rgba(13,29,64,.15) 100%)}
.s-hero.photo{background-size:cover;background-position:center}
.s-hero .s-wrap{display:grid;gap:40px;padding-block:clamp(40px,8vw,96px)}
@media (min-width:900px){.s-hero .s-wrap{grid-template-columns:1.18fr .82fr;align-items:center}}
.s-hero h1{font-size:clamp(2.35rem,6.2vw,4.6rem);font-weight:800;max-width:15ch}
[dir=rtl] .s-hero h1{max-width:18ch;font-size:clamp(2.1rem,5.4vw,3.8rem)}
.s-hero p{font-size:1.2rem;max-width:46ch;color:#dbe4f7;margin:22px 0 30px}
.s-cta{display:flex;flex-wrap:wrap;gap:12px}

/* today board */
.s-board{background:var(--night);border-radius:6px;padding:22px 22px 18px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);border-top:5px solid var(--saffron)}
.s-board h2{font-size:1.15rem;font-weight:700;letter-spacing:0;color:#fff;margin-bottom:2px}
.s-board .when{color:#9fb0d6;font-size:.95rem;margin-bottom:14px}
.s-board ol{list-style:none;margin:0;padding:0}
.s-board li{display:grid;grid-template-columns:5.2em 1fr;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.12);align-items:baseline;opacity:0;animation:s-row .5s ease forwards}
.s-board li:nth-child(1){animation-delay:.15s}.s-board li:nth-child(2){animation-delay:.28s}.s-board li:nth-child(3){animation-delay:.41s}.s-board li:nth-child(4){animation-delay:.54s}.s-board li:nth-child(n+5){animation-delay:.65s}
.s-board time{font-variant-numeric:tabular-nums;color:var(--saffron);font-weight:700;font-size:1.05rem}
.s-board b{font-weight:600;color:#fff}.s-board small{display:block;color:#9fb0d6;font-size:.88rem}
.s-board .none{color:#c4d0ec;padding:6px 0 4px}
@keyframes s-row{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.s-board li{animation:none;opacity:1}html{scroll-behavior:auto}}

/* sections */
.s-sec{padding-block:clamp(48px,8vw,96px)}
.s-sec.alt{background:var(--chalk)}
.s-sec>.s-wrap>.s-h2{margin-bottom:14px}
.s-split{display:grid;gap:36px}
@media (min-width:860px){.s-split{grid-template-columns:1fr 1fr;gap:64px;align-items:start}.s-split.wide{grid-template-columns:1.2fr .8fr}}
.s-photo{border-radius:6px;overflow:hidden;background:var(--tint);aspect-ratio:4/3}
.s-photo img{width:100%;height:100%;object-fit:cover}
.s-facts{margin:22px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--muted)}
.s-facts b{color:var(--ink);font-weight:700}

/* vision / mission */
.s-vm{display:grid}
@media (min-width:860px){.s-vm{grid-template-columns:1fr 1fr}}
.s-vm>div{padding:clamp(34px,6vw,72px) clamp(24px,5vw,64px);position:relative;overflow:hidden;isolation:isolate}
.s-vm>div:first-child{background:var(--night);color:#fff}
.s-vm>div:last-child{background:var(--saffron);color:var(--night)}
.s-vm h2{font-size:1.1rem;font-weight:700;letter-spacing:0;margin-bottom:18px;opacity:.85}
.s-vm p{margin:0;font-size:clamp(1.35rem,2.6vw,2.05rem);line-height:1.3;font-weight:600;letter-spacing:-.01em;max-width:22ch;text-wrap:pretty}
[dir=rtl] .s-vm p{line-height:1.7;letter-spacing:0;max-width:24ch}
.s-values{display:grid;gap:0;margin:34px 0 0;padding:0;list-style:none}
@media (min-width:700px){.s-values{grid-template-columns:repeat(2,1fr);column-gap:48px}}
.s-values li{padding:16px 0;border-top:1px solid var(--line)}
.s-values b{display:block;font-size:1.12rem}
.s-values span{color:var(--muted)}

/* courses */
.s-courses{list-style:none;margin:30px 0 0;padding:0}
.s-courses li{display:grid;grid-template-columns:1fr auto;gap:6px 24px;padding:20px 0;border-top:1px solid var(--line);align-items:center}
.s-courses li:last-child{border-bottom:1px solid var(--line)}
.s-courses h3{font-size:1.3rem;letter-spacing:-.01em}
[dir=rtl] .s-courses h3{letter-spacing:0}
.s-courses p{margin:4px 0 0;color:var(--muted);max-width:60ch}
.s-courses .meta{display:flex;gap:16px;align-items:center;color:var(--muted);font-size:.95rem;flex-wrap:wrap;justify-content:flex-end}
.s-courses .meta b{color:var(--lapis);font-size:1.05rem}
@media (max-width:640px){.s-courses li{grid-template-columns:1fr}.s-courses .meta{justify-content:flex-start}}

/* team */
.s-team{display:grid;gap:28px 22px;margin-top:34px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.s-person .pic{aspect-ratio:4/5;border-radius:6px;overflow:hidden;background:var(--lapis);position:relative;margin-bottom:14px}
.s-person .pic img{width:100%;height:100%;object-fit:cover}
.s-person .pic.blank{display:grid;place-items:center;color:#fff;font-size:3.2rem;font-weight:800;background-color:var(--lapis);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88' fill='none' stroke='%23fff' stroke-opacity='.14' stroke-width='1.3'%3E%3Cpath d='M44 10 L54 34 L78 44 L54 54 L44 78 L34 54 L10 44 L34 34Z'/%3E%3Cpath d='M44 22 L66 44 L44 66 L22 44Z'/%3E%3C/svg%3E")}
.s-person h3{font-size:1.15rem;letter-spacing:-.01em}[dir=rtl] .s-person h3{letter-spacing:0}
.s-person .role{color:var(--lapis);font-weight:600;margin:2px 0 6px}
.s-person p{margin:0;color:var(--muted);font-size:.97rem}

/* gallery */
.s-gallery{display:grid;gap:10px;margin-top:30px;grid-template-columns:repeat(2,1fr)}
@media (min-width:760px){.s-gallery{grid-template-columns:repeat(4,1fr);grid-auto-rows:190px}.s-gallery figure:first-child{grid-column:span 2;grid-row:span 2}}
.s-gallery figure{margin:0;position:relative;overflow:hidden;border-radius:6px;background:var(--tint);aspect-ratio:1}
@media (min-width:760px){.s-gallery figure{aspect-ratio:auto}}
.s-gallery img{width:100%;height:100%;object-fit:cover}
.s-gallery figcaption{position:absolute;inset-inline:0;bottom:0;padding:26px 12px 10px;color:#fff;font-size:.92rem;background:linear-gradient(transparent,rgba(13,29,64,.78))}

/* join */
.s-band{position:relative;background:var(--lapis);color:#fff;overflow:hidden;isolation:isolate}
.s-steps{list-style:none;counter-reset:st;margin:30px 0 0;padding:0;display:grid;gap:22px}
.s-steps li{counter-increment:st;display:grid;grid-template-columns:2.6em 1fr;gap:4px 14px}
.s-steps li::before{content:counter(st);grid-row:span 2;width:2.1em;height:2.1em;border-radius:50%;background:var(--saffron);color:var(--night);display:grid;place-items:center;font-weight:800}
.s-steps b{font-size:1.1rem}.s-steps span{color:#c9d5f0}
.s-formcard{background:var(--chalk);color:var(--ink);border-radius:6px;padding:clamp(20px,4vw,34px);box-shadow:0 30px 60px -34px rgba(0,0,0,.5)}
.s-formcard h3{font-size:1.4rem;margin-bottom:6px}
.s-formcard>p{margin:0 0 18px;color:var(--muted)}
.s-field{display:block;margin-bottom:16px}
.s-field>span{display:block;font-weight:620;margin-bottom:6px;font-size:.97rem}
.s-field input,.s-field select,.s-field textarea{width:100%;font:inherit;color:inherit;background:var(--paper);border:1.5px solid var(--line);border-radius:6px;padding:.72em .9em;min-height:48px}
.s-field textarea{min-height:110px;resize:vertical}
.s-field input:focus,.s-field select:focus,.s-field textarea:focus{border-color:var(--lapis);outline:3px solid rgba(23,53,111,.18);outline-offset:0;background:#fff}
.s-field.bad input,.s-field.bad textarea,.s-field.bad select{border-color:var(--bad)}
.s-err{color:var(--bad);font-size:.92rem;margin-top:5px;display:block}
.s-row2{display:grid;gap:0 16px}@media (min-width:600px){.s-row2{grid-template-columns:1fr 1fr}}
.s-hp{position:absolute;top:0;inset-inline-start:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.s-ok{background:#e6f4ec;color:#14532d;border-radius:6px;padding:16px 18px;font-weight:560;margin-bottom:16px}
.s-notice{background:var(--tint);border-radius:6px;padding:14px 18px;color:var(--lapis);margin-bottom:18px}
.s-preview{background:var(--saffron);color:var(--night);text-align:center;padding:8px 14px;font-weight:650}

/* contact */
.s-contact{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:18px}
.s-contact li{display:grid;grid-template-columns:2.4em 1fr;gap:12px;align-items:start}
.s-contact i{width:2.4em;height:2.4em;border-radius:50%;background:var(--tint);color:var(--lapis);display:grid;place-items:center;font-style:normal;font-size:1.05rem}
.s-contact small{display:block;color:var(--muted)}
.s-contact a{text-decoration:none;font-weight:620}.s-contact a:hover{text-decoration:underline}
.s-social{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.s-social a{padding:.45em 1em;border-radius:999px;background:var(--tint);color:var(--lapis);text-decoration:none;font-weight:600;font-size:.95rem}

/* jobs & sponsor */
.s-jobs{list-style:none;margin:28px 0 0;padding:0}
.s-jobs li{display:grid;gap:6px 20px;padding:22px 0;border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center}
.s-jobs li:last-child{border-bottom:1px solid var(--line)}
.s-jobs h3{font-size:1.28rem}
.s-jobs .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.s-tag{display:inline-block;padding:.15em .75em;border-radius:999px;background:var(--tint);color:var(--lapis);font-size:.88rem;font-weight:600}
@media (max-width:640px){.s-jobs li{grid-template-columns:1fr}}
.s-kids{display:grid;gap:18px;margin-top:28px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.s-kid{background:var(--chalk);border-radius:6px;padding:22px;border-inline-start:5px solid var(--saffron)}
.s-kid h3{font-size:1.3rem;margin-bottom:2px}.s-kid p{margin:10px 0 0;color:var(--muted)}
.s-kid .need{margin-top:14px;font-weight:700;color:var(--lapis)}
.s-def{display:grid;gap:4px 18px;grid-template-columns:auto 1fr;margin:20px 0}
.s-def dt{color:var(--muted)}.s-def dd{margin:0;font-weight:600}
.s-prog{display:flex;gap:26px;flex-wrap:wrap;margin:14px 0}
.s-prog div{min-width:7em}.s-prog b{display:block;font-size:2rem;line-height:1.1;color:var(--lapis)}.s-prog span{color:var(--muted);font-size:.93rem}
.s-update{border-inline-start:3px solid var(--line);padding-inline-start:16px;margin:18px 0}
.s-update small{color:var(--muted)}
.s-table{width:100%;border-collapse:collapse;margin-top:12px}.s-table th,.s-table td{text-align:start;padding:10px 8px;border-bottom:1px solid var(--line)}.s-table th{color:var(--muted);font-weight:600;font-size:.92rem}

/* footer */
.s-foot{background:var(--night);color:#c4d0ec;padding-block:46px 30px}
.s-foot .cols{display:grid;gap:30px;margin-bottom:30px}
@media (min-width:760px){.s-foot .cols{grid-template-columns:1.4fr 1fr 1fr}}
.s-foot h2{font-size:1rem;letter-spacing:0;color:#fff;margin-bottom:10px;font-weight:700}
.s-foot a{text-decoration:none;display:block;padding:.18em 0}.s-foot a:hover{color:#fff;text-decoration:underline}
.s-foot .brand{color:#fff;font-weight:760;font-size:1.2rem;margin-bottom:8px}
.s-foot .legal{border-top:1px solid rgba(255,255,255,.14);padding-top:18px;font-size:.9rem;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
.s-foot .legal a{display:inline}
@media print{.s-head,.s-foot,.s-cta,.s-burger{display:none}}
@media (max-width:1199px){.s-head .s-btn{display:none}}
@media (max-width:1559px){.s-head.many .s-btn{display:none}}
@media (max-width:640px){.s-head .s-wrap{gap:8px}.s-brand{min-width:0;font-size:1rem}.s-brand span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.s-lang a{padding:.3em .5em;font-size:.82rem}}

/* v7.1: stories, timetable, status, confirmation, privacy line */
.s-privacy{margin:10px 0 14px;font-size:.88rem;color:var(--muted)}.s-privacy a{color:var(--lapis)}
.s-ref{margin-top:12px;padding:14px 16px;background:var(--chalk);border-radius:10px;border:1px solid var(--line);display:grid;gap:4px;color:var(--ink)}
.s-ref small{color:var(--muted)}.s-ref b{font-size:1.5rem;letter-spacing:.12em;color:var(--lapis)}.s-ref span{font-size:.92rem}.s-ref a{color:var(--lapis);font-weight:650}
.s-stories{display:grid;gap:20px;margin-top:28px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.s-story{background:var(--chalk);border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:10px;border-inline-start:5px solid var(--saffron)}
.s-story h3{font-size:1.2rem}.s-story p{margin:0;color:var(--ink)}
.s-story footer{margin-top:auto;padding-top:10px;display:flex;gap:10px;flex-wrap:wrap;align-items:baseline}.s-story footer b{color:var(--lapis)}.s-story footer span{color:var(--muted);font-size:.93rem}
.s-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.s-filter select{font:inherit;padding:.5em .8em;border-radius:8px;border:1px solid var(--line);background:var(--chalk);min-width:200px}
.s-week{display:grid;gap:16px;margin-top:26px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.s-day{background:var(--chalk);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.s-day.today{border-color:var(--saffron);box-shadow:0 0 0 2px var(--saffron) inset}
.s-day h2{font-size:1.1rem;margin-bottom:10px}.s-day h2 small{font-size:.75rem;background:var(--saffron);color:var(--night);padding:2px 9px;border-radius:99px;font-weight:700;margin-inline-start:6px}
.s-day ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.s-day li{display:grid;gap:0;padding-bottom:10px;border-bottom:1px dashed var(--line)}.s-day li:last-child{border:0;padding:0}
.s-day time{font-size:.9rem;color:var(--lapis);font-weight:650}.s-day li span{color:var(--muted);font-size:.92rem}
.s-statusbox{display:grid;gap:8px}.s-statusbox small{color:var(--muted)}.s-statusbox small b{letter-spacing:.1em;color:var(--lapis)}.s-statusbox h2{font-size:1.5rem}.s-sub{color:var(--muted)}
.s-track{list-style:none;margin:10px 0 4px;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px}
.s-track li{text-align:center;font-size:.78rem;color:var(--muted);position:relative;padding-top:20px}
.s-track li::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;border-radius:99px;background:var(--line)}
.s-track li.done::before{background:var(--lapis)}.s-track li.now::before{background:var(--saffron)}.s-track li.now{color:var(--ink);font-weight:700}
.s-statustext{font-size:1.08rem;margin:6px 0;color:var(--ink)}.s-visit{margin:0;background:var(--tint);padding:10px 14px;border-radius:8px}.s-note{margin:0;padding:10px 14px;border-radius:8px;border:1px solid var(--line)}
.s-draftbar{position:sticky;top:0;z-index:60;background:#fff3cd;color:#5a4400;padding:8px 14px;text-align:center;font-size:.92rem;border-bottom:1px solid #e7cf86}.s-draftbar form{display:inline}.s-draftbar a,.s-draftbar button{color:#3b2c00;font:inherit;font-weight:700;background:none;border:0;text-decoration:underline;cursor:pointer;padding:0 6px}