/* ScarStories / The Pulse Narrative. Version 3: royal blue, purple, charcoal. */
:root{--navy-900:#08080d;--navy-850:#101017;--navy-800:#15151f;--navy-750:#1b1a29;--navy-700:#26243b;--navy-650:#35314d;--line:#716987;--line-soft:#322d46;--sky-200:#dbe3ff;--sky-300:#a9bcff;--sky-400:#88a3ff;--sky-500:#4169e1;--sky-600:#3157cf;--coral-300:#dfbaff;--coral-400:#c792f5;--coral-500:#9b4de0;--ink-050:#fcfbff;--ink-100:#f3f1fa;--ink-200:#e3e0ee;--ink-300:#cbc6db;--ink-400:#b5aec8;--ink-500:#aaa2bd;--on-sky:#ffffff;--on-coral:#ffffff;--wash-sky:rgba(65,105,225,.13);--wash-coral:rgba(135,47,193,.13);--wash-tint:rgba(65,105,225,.12);--wash-hover:rgba(65,105,225,.07);--wash-feature:rgba(65,105,225,.09);--head-bg:rgba(8,8,13,.96);--page-glow-a:rgba(65,105,225,.08);--page-glow-b:rgba(135,47,193,.05);--photo-tint:#272443;--font-display:'Quicksand','Avenir Next',sans-serif;--font-body:'Quicksand','Avenir Next',sans-serif;--radius-md:20px;--radius-lg:28px;--radius-xl:36px;--shadow-md:0 14px 45px -25px #0008}
:root[data-theme="light"]{--navy-900:#f0eef7;--navy-850:#fffdfa;--navy-800:#faf8ff;--navy-750:#ffffff;--navy-700:#efedfa;--navy-650:#e4e2f5;--line:#9e96b6;--line-soft:#dfdaec;--sky-200:#233b91;--sky-300:#2847b5;--sky-400:#3155c6;--sky-500:#3157cf;--sky-600:#2445b5;--coral-300:#70259e;--coral-400:#7b2db5;--coral-500:#7829ad;--ink-050:#292633;--ink-100:#292633;--ink-200:#403b50;--ink-300:#514a64;--ink-400:#625973;--ink-500:#6c637c;--on-sky:#fff;--on-coral:#fff;--wash-sky:rgba(65,105,225,.10);--wash-coral:rgba(135,47,193,.11);--wash-tint:rgba(65,105,225,.1);--wash-hover:rgba(65,105,225,.06);--wash-feature:rgba(65,105,225,.06);--head-bg:rgba(255,253,249,.95);--page-glow-a:rgba(65,105,225,.05);--page-glow-b:rgba(135,47,193,.065);--photo-tint:#e5e2f4;--shadow-md:0 15px 40px -25px #35215e55}
body{line-height:1.7}h1,h2,h3{letter-spacing:-.035em;font-weight:650}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}.brand img{height:44px;width:204px;object-fit:contain}.site-head__inner{gap:22px;min-height:86px;height:auto;padding-block:12px;flex-wrap:wrap}.nav{gap:18px}.head-tools{margin-inline-start:auto}.searchbox{min-inline-size:145px;width:165px}.btn{font-weight:700}.btn--primary{box-shadow:0 5px 15px -8px #6725bc88}.segment,.story,.panel,.library-card{box-shadow:var(--shadow-md)}.segment{border-radius:24px}.segment__icon{border-radius:50%;background:var(--wash-coral);color:var(--coral-400)}.hero{padding-block:64px 52px}.hero h1{font-size:clamp(2.3rem,4.7vw,4.4rem);line-height:1.14;max-width:13ch;letter-spacing:-.055em}.hero__tagline{color:var(--coral-400);font-size:.94rem;font-weight:700}.hero .lede{max-width:46ch}.hero__grid{gap:56px}.pulse-feature{isolation:isolate;position:relative;overflow:hidden;border:1px solid var(--line-soft);border-radius:38px;background:var(--navy-750);box-shadow:var(--shadow-md);padding:34px 28px 22px;text-align:center}.pulse-feature:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 10% 10%,var(--wash-coral),transparent 60%),radial-gradient(ellipse at 90% 70%,var(--wash-sky),transparent 60%),url('/static/img/scarstories-pattern.svg');background-size:auto,auto,cover}.pulse-feature__eyebrow{font-size:.7rem;letter-spacing:.15em;font-weight:700;color:var(--ink-400)}.pulse-feature__mark{width:76%;max-width:310px;margin:35px auto 2px}.pulse-feature__word{font-family:var(--font-display);font-size:clamp(2.2rem,3.9vw,3.8rem);letter-spacing:-.065em;font-weight:700;line-height:1.1;color:var(--ink-100);direction:ltr}.pulse-feature p{font-size:1.05rem;margin:10px 0 26px;color:var(--ink-300)}.pulse-feature__steps{display:flex;align-items:center;justify-content:center;gap:14px;font-size:.85rem;font-weight:700;color:var(--sky-300)}.pulse-feature__steps i{height:1px;width:24px;background:var(--coral-400)}.pulse-feature__note{font-size:.8rem;color:var(--ink-400);border-top:1px solid var(--line-soft);padding-top:20px;margin-top:25px}.section__head h2{font-weight:700}.library-intro{background-image:url('/static/img/scarstories-pattern.svg');background-position:right;background-repeat:no-repeat}.site-foot{background-image:url('/static/img/scarstories-pattern.svg');background-repeat:no-repeat;background-position:right bottom}.site-foot .brand img{height:52px;width:240px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--coral-400);outline-offset:4px}@media(max-width:1150px){.site-head__inner>.nav{display:none}.nav--mobile{display:flex}.head-tools .searchbox{display:none}}@media(max-width:700px){.site-head__inner{gap:10px;min-height:72px}.brand img{width:158px;height:36px}.head-tools{gap:6px}.head-tools .btn{padding:7px 10px}.hero{padding-block:32px}.hero__grid{gap:28px}.hero h1{max-width:17ch;font-size:2.65rem}.pulse-feature{padding:24px 20px;border-radius:28px}.pulse-feature__mark{width:65%;margin-top:24px}.pulse-feature__word{font-size:2.9rem}.nav--mobile{overflow-x:auto}.hero__tagline{font-size:.9rem}}@media(max-width:430px){.head-tools .btn--ghost{display:none}.site-head__inner{width:calc(100% - 24px)}.brand img{width:140px}.head-tools .lang-toggle{padding:5px 8px}}

.searchbox input{border:0;border-radius:0;background:transparent;padding:0;min-width:0;box-shadow:none;outline:none;height:auto}.design-preview{text-align:center;background:var(--navy-900);color:var(--ink-400);font-size:.7rem;padding:5px 12px;letter-spacing:.02em}.searchbox{min-width:140px}
.story-callout{display:grid;gap:5px;padding:22px 26px;margin-block:0 30px;border:1px solid var(--line-soft);border-radius:24px;background:linear-gradient(105deg,var(--wash-coral),var(--wash-sky));color:var(--ink-100);box-shadow:var(--shadow-md)}.story-callout:hover{text-decoration:none;transform:translateY(-1px)}.story-callout__eyebrow{font-size:.72rem;letter-spacing:.14em;color:var(--coral-400);font-weight:700}.story-callout strong{font-size:1.45rem}.story-callout span:last-child{color:var(--ink-300);font-size:.9rem}.skipped-page{padding-block:62px 90px;max-width:950px}.skipped-hero{padding:42px clamp(22px,5vw,66px);border-radius:36px;background:linear-gradient(125deg,var(--wash-coral),var(--wash-sky));border:1px solid var(--line-soft);text-align:center}.skipped-hero h1{font-size:clamp(2.8rem,7vw,5.7rem);margin:8px 0}.skipped-subtitle{font-size:1.25rem;max-width:650px;margin:0 auto;color:var(--ink-300)}.skipped-procedure{color:var(--coral-400);font-weight:700}.skipped-hero blockquote{margin:28px auto 0;padding:17px 24px;border-inline-start:3px solid var(--coral-400);max-width:650px;font-size:1.1rem;color:var(--ink-200)}.skipped-tabs,.cadence-tabs{display:flex;gap:8px;overflow:auto;border-block-end:1px solid var(--line-soft);margin-block:30px;padding-block-end:2px}.skipped-tabs a,.cadence-tabs a{white-space:nowrap;padding:12px 16px;border-radius:999px 999px 0 0;color:var(--ink-400);font-weight:700}.skipped-tabs a:hover,.cadence-tabs a:hover,.skipped-tabs a.is-active,.cadence-tabs a.is-active{color:var(--ink-050);background:var(--wash-sky);text-decoration:none}.skipped-story{display:grid;gap:18px}.skipped-chapter,.journal-card{padding:28px clamp(20px,4vw,42px);border:1px solid var(--line-soft);border-radius:24px;background:var(--navy-750);box-shadow:var(--shadow-md)}.skipped-chapter:nth-child(even),.journal-card:nth-child(even){background:linear-gradient(125deg,var(--navy-750),var(--wash-feature))}.skipped-chapter h2,.journal-card h2{font-size:clamp(1.35rem,2.8vw,2rem);margin-block:4px 14px}.skipped-chapter p:last-child,.journal-card p:last-child{color:var(--ink-300);font-size:1.02rem}.skipped-section-head{margin-block:35px}.skipped-section-head h2{font-size:clamp(2rem,4vw,3.2rem);margin-block:6px}.skipped-section-head p:last-child{max-width:700px;color:var(--ink-300)}.journal-card{margin-block:14px}.journal-date{color:var(--coral-400)!important;font-size:.78rem!important;font-weight:700;letter-spacing:.05em}.data-table-wrap{overflow-x:auto;border:1px solid var(--line-soft);border-radius:18px}.skipped-table{width:100%;min-width:720px;border-collapse:collapse;background:var(--navy-750)}.skipped-table th,.skipped-table td{padding:13px 14px;text-align:start;border-block-end:1px solid var(--line-soft)}.skipped-table th{color:var(--sky-300);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.lab-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.lab-cards article{display:grid;gap:7px;padding:21px;border:1px solid var(--line-soft);border-radius:19px;background:var(--navy-750)}.lab-cards strong{font-size:1.2rem}.lab-cards small,.source-note,.story-disclosure{color:var(--ink-400)}.story-disclosure{margin-block:35px 0;padding:18px;border-block-start:1px solid var(--line-soft);font-size:.85rem}.update-card{border-inline-start:3px solid var(--coral-400)}@media(max-width:650px){.skipped-page{padding-block:30px 60px}.skipped-hero{padding:30px 19px;border-radius:26px}.skipped-hero h1{font-size:3rem}.skipped-subtitle{font-size:1rem}.skipped-tabs a{padding-inline:11px;font-size:.83rem}.lab-cards{grid-template-columns:1fr}.skipped-chapter,.journal-card{padding:23px 19px}}

/* Version 3 primary actions: bold purple with accessible white labels. */
.btn--primary{background:#7b2db5;color:#fff;border-color:#7b2db5}.btn--primary:hover{background:#672198;border-color:#672198;color:#fff}.btn--primary:focus-visible{outline-color:var(--sky-300)}

.question-check input{accent-color:#7b2db5}.library-notice{border-inline-start-color:var(--sky-400)}

/* ------------------------------------------------------------------ */
/* 4436 — Stories layout toggle (Cards / Full)                        */
/* ------------------------------------------------------------------ */
.layout-toggle{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-1)}
.layout-toggle__label{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-500);margin-inline-end:var(--space-2)}
.layout-toggle__opt{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-300);text-decoration:none;font-weight:600;font-size:.88rem;transition:background .15s,color .15s,border-color .15s}
.layout-toggle__opt:hover{color:var(--ink);border-color:var(--sky-400)}
.layout-toggle__opt.is-active{background:linear-gradient(135deg,var(--sky-400),#7b2db5);color:#fff;border-color:transparent;box-shadow:0 4px 14px rgba(123,45,181,.35)}

/* ------------------------------------------------------------------ */
/* 4436 — Full-stories feed (each story = full article on /stories)    */
/* ------------------------------------------------------------------ */
.stories-feed{display:flex;flex-direction:column;gap:var(--space-7);margin-block-start:var(--space-6)}
.story-full{position:relative;padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-2)}
.story-full__head{margin-block-end:var(--space-4)}
.story-full__title{font-size:clamp(1.4rem,2.4vw,1.85rem);line-height:1.2;margin:0 0 .5rem 0}
.story-full__title a{color:inherit;text-decoration:none}
.story-full__title a:hover{color:var(--sky-300)}
.story-full__meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.88rem;color:var(--ink-400)}
.story-full__meta a{color:var(--ink-200);text-decoration:none}
.story-full__meta a:hover{color:var(--sky-300)}
.story-full__stages{color:var(--ink-500);font-size:.82rem}
.story-full__lead{width:100%;max-block-size:420px;object-fit:cover;border-radius:14px;margin-block:var(--space-4)}

/* sticky stage nav (top of every full story) */
.story-stages{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.55rem .85rem;margin:calc(var(--space-4) * -1) calc(var(--space-6) * -1) var(--space-4);background:linear-gradient(180deg,var(--surface) 70%,rgba(0,0,0,0));backdrop-filter:blur(6px);border-block-end:1px solid var(--line)}
.story-stages__label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500);margin-inline-end:.25rem}
.story-stage-chip{padding:.3rem .75rem;border-radius:999px;border:1px solid var(--line);background:rgba(56,189,248,.08);color:var(--sky-300);text-decoration:none;font-size:.82rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}
.story-stage-chip:hover{background:var(--sky-400);color:#fff;border-color:var(--sky-400)}

/* per-stage sections inside a story */
.story-stage{padding-block:var(--space-3);scroll-margin-block-start:120px}
.story-stage + .story-stage{border-block-start:1px dashed var(--line);margin-block-start:var(--space-3)}
.story-stage__anchor{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sky-300);margin:0 0 .5rem 0}
.story-stage p{font-size:1.02rem;line-height:1.7;color:var(--ink);margin:0 0 .85rem 0}

/* post-detail sticky stages (compact) */
.post-stages{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-block-end:var(--space-3);padding-block-end:var(--space-3);border-block-end:1px solid var(--line)}
.post-stages__label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500);margin-inline-end:.25rem}
.post-stage-chip{padding:.3rem .7rem;border-radius:999px;border:1px solid var(--line);background:rgba(56,189,248,.08);color:var(--sky-300);font-size:.8rem;font-weight:600}

/* Reddit-style comments teaser (under each full story) */
.story-teaser{display:flex;align-items:center;gap:var(--space-3);margin-block-start:var(--space-5);padding-block-start:var(--space-4);border-block-start:1px solid var(--line)}
.story-teaser__reply{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:10px;background:rgba(56,189,248,.08);color:var(--sky-300);text-decoration:none;font-weight:600;font-size:.88rem;transition:background .15s,color .15s}
.story-teaser__reply:hover{background:var(--sky-400);color:#fff}
.story-teaser__avatars{display:flex;list-style:none;margin:0;padding:0}
.story-teaser__avatar{--ac:#3DDC97;inline-size:28px;block-size:28px;border-radius:50%;background:var(--ac);color:#06080d;font-weight:700;font-size:.78rem;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--surface);margin-inline-start:-8px;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.story-teaser__avatar:first-child{margin-inline-start:0}
.story-teaser__open{margin-inline-start:auto;color:var(--ink-400);text-decoration:none;display:inline-flex;align-items:center;padding:.4rem;border-radius:8px;transition:background .15s,color .15s}
.story-teaser__open:hover{background:var(--surface-2);color:var(--sky-300)}

/* share.html — stage chip checkbox group */
.stage-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:.4rem}
.stage-chip{display:inline-flex;align-items:center;cursor:pointer;user-select:none}
.stage-chip input{position:absolute;opacity:0;pointer-events:none}
.stage-chip span{display:inline-flex;align-items:center;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-300);font-size:.88rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}
.stage-chip:hover span{border-color:var(--sky-400);color:var(--ink)}
.stage-chip input:checked + span{background:linear-gradient(135deg,var(--sky-400),#7b2db5);color:#fff;border-color:transparent;box-shadow:0 3px 10px rgba(123,45,181,.3)}
.stage-chip input:focus-visible + span{outline:2px solid var(--sky-300);outline-offset:2px}

/* RTL mirrors */
[dir="rtl"] .story-stages__label,[dir="rtl"] .post-stages__label{margin-inline-end:0;margin-inline-start:.25rem}
[dir="rtl"] .story-teaser__avatar:first-child{margin-inline-start:0}
[dir="rtl"] .story-teaser__open{margin-inline-start:0;margin-inline-end:auto}

/* ------------------------------------------------------------------ */
/* 4436 — Founder story (skipped_beat.html) stage tagging             */
/* ------------------------------------------------------------------ */
.skipped-stages-line{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-block-start:var(--space-3);font-size:.85rem;color:var(--ink-400)}
.skipped-stages-line__label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500);margin-inline-end:.25rem}
.skipped-stage-pill{padding:.3rem .7rem;border-radius:999px;border:1px solid var(--line);background:rgba(56,189,248,.10);color:var(--sky-300);font-weight:600}

.skipped-stage-nav{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.65rem .9rem;margin-block:var(--space-4);background:linear-gradient(180deg,var(--surface) 80%,rgba(0,0,0,0));backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-1)}
.skipped-stage-nav__label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500);margin-inline-end:.25rem}
.skipped-stage-chip{padding:.35rem .8rem;border-radius:999px;border:1px solid var(--line);background:rgba(56,189,248,.08);color:var(--sky-300);text-decoration:none;font-size:.85rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}
.skipped-stage-chip:hover{background:var(--sky-400);color:#fff;border-color:var(--sky-400)}

.skipped-stage-block{margin-block-start:var(--space-6);padding-block-start:var(--space-4);border-block-start:2px solid var(--line);scroll-margin-block-start:120px}
.skipped-stage-block:first-of-type{border-block-start:none;padding-block-start:0;margin-block-start:0}
.skipped-stage-block__title{font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sky-300);margin:0 0 var(--space-4) 0;font-weight:700}

.skipped-comments{margin-block-start:var(--space-7);padding-block-start:var(--space-5);border-block-start:1px solid var(--line)}
.skipped-comments h2{font-size:1.2rem;margin:0 0 var(--space-4) 0}
.skipped-comments .reply{padding:var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-block-end:var(--space-3)}
.skipped-comments .reply p{margin:.4rem 0 0 0}

[dir="rtl"] .skipped-stage-nav__label,[dir="rtl"] .skipped-stages-line__label{margin-inline-end:0;margin-inline-start:.25rem}

/* ============================================================ */
/* 4436 — Hero carousel                                         */
/* ============================================================ */
.hero-carousel{position:relative;overflow:hidden;border-radius:0;background:linear-gradient(180deg,var(--navy-800) 0%,var(--navy-900) 100%);isolation:isolate}
.hero-carousel__track{display:flex;width:100%;transition:transform .6s cubic-bezier(.45,.05,.2,1)}
.hero-slide{flex:0 0 100%;min-block-size:420px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:var(--space-7);padding:clamp(var(--space-5),6vw,var(--space-8)) clamp(var(--space-4),5vw,var(--space-8));background:transparent}
.hero-slide__media{border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.45);aspect-ratio:6/4;background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(123,45,181,.18))}
.hero-slide__media img{inline-size:100%;block-size:100%;object-fit:cover;display:block}
.hero-slide__body{max-inline-size:520px}
.hero-slide__title{font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.08;margin:0 0 var(--space-4) 0;color:var(--ink);font-weight:800;letter-spacing:-.01em}
.hero-slide__body-text{font-size:1.05rem;line-height:1.6;color:var(--ink-300);margin:0 0 var(--space-5) 0;max-inline-size:50ch}
.hero-slide__cta{font-size:1rem;padding:.7rem 1.3rem}

.hero-carousel__dots{position:absolute;inset-block-end:var(--space-4);inset-inline-start:50%;transform:translateX(-50%);display:flex;gap:.5rem;z-index:3}
.hero-carousel__dot{inline-size:10px;block-size:10px;border-radius:50%;border:1px solid var(--ink-500);background:transparent;padding:0;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}
.hero-carousel__dot.is-active{background:var(--sky-300);border-color:var(--sky-300);transform:scale(1.3)}
.hero-carousel__dot:hover{background:var(--ink-300);border-color:var(--ink-300)}
.hero-carousel__dot.is-active:hover{background:var(--sky-300);border-color:var(--sky-300)}

.hero-carousel__arrow{position:absolute;inset-block-start:50%;transform:translateY(-50%);inline-size:42px;block-size:42px;border-radius:50%;background:rgba(10,14,26,.7);border:1px solid var(--line);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;z-index:3;backdrop-filter:blur(6px)}
.hero-carousel__arrow:hover{background:var(--sky-400);color:#fff;border-color:var(--sky-400)}
.hero-carousel__arrow--prev{inset-inline-start:var(--space-4)}
.hero-carousel__arrow--next{inset-inline-end:var(--space-4)}

@media (max-width:780px){
  .hero-slide{grid-template-columns:1fr;gap:var(--space-4);min-block-size:auto;padding-block:var(--space-7)}
  .hero-slide__media{order:2;aspect-ratio:16/10}
  .hero-slide__body{order:1}
  .hero-carousel__arrow{display:none}
}

/* ============================================================ */
/* 4436 — Sponsors: slow auto-scrolling marquee                  */
/* ============================================================ */
.sponsors{position:relative;padding-block:var(--space-5) var(--space-7)}
.sponsors__marquee{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
.sponsors__track{display:flex;gap:var(--space-5);inline-size:max-content;animation:scarstories-sponsor-scroll 50s linear infinite;will-change:transform}
.sponsors__track:hover{animation-play-state:paused}
.sponsor{flex:0 0 220px;padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;text-decoration:none;color:var(--ink);transition:transform .2s,border-color .2s,background .2s}
.sponsor:hover{transform:translateY(-3px);border-color:var(--sky-400);background:var(--surface-2)}
.sponsor__logo{inline-size:84px;block-size:84px;object-fit:contain;border-radius:12px}
.sponsor b{font-size:.95rem;color:var(--ink);font-weight:700}
.sponsor small{font-size:.78rem;color:var(--ink-400);line-height:1.35}
@keyframes scarstories-sponsor-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============================================================ */
/* 4436 — Scroll-driven reveals                                 */
/* ============================================================ */
.js-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.js-reveal.is-visible{opacity:1;transform:translateY(0)}
.js-reveal--left{transform:translateX(-32px)}
.js-reveal--left.is-visible{transform:translateX(0)}
.js-reveal--right{transform:translateX(32px)}
.js-reveal--right.is-visible{transform:translateX(0)}
.js-reveal--zoom{transform:scale(.94)}
.js-reveal--zoom.is-visible{transform:scale(1)}

/* respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .js-reveal,.js-reveal--left,.js-reveal--right,.js-reveal--zoom{opacity:1;transform:none;transition:none}
  .sponsors__track{animation:none}
  .hero-carousel__track{transition:none}
}

/* ============================================================ */
/* 4436 — Admin panel                                           */
/* ============================================================ */
.nav-admin{color:var(--coral);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;padding-inline:.4rem;border-inline-start:1px solid var(--line);margin-inline-start:.5rem}

.admin-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-block-end:var(--space-5)}
.admin-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-block-start:var(--space-5)}
.admin-tile{display:flex;flex-direction:column;gap:.4rem;padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--ink);transition:transform .2s,border-color .2s,background .2s}
.admin-tile:hover{transform:translateY(-2px);border-color:var(--sky-400);background:var(--surface-2)}
.admin-tile__count{font-size:1.9rem;font-weight:800;color:var(--sky-300);line-height:1}
.admin-tile__count small{font-size:.7rem;color:var(--ink-500);font-weight:600}
.admin-tile__label{font-size:.9rem;color:var(--ink-400);font-weight:600;letter-spacing:.04em;text-transform:uppercase}

.admin-table{inline-size:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.admin-table th,.admin-table td{padding:.7rem .85rem;text-align:start;vertical-align:middle;border-block-end:1px solid var(--line)}
.admin-table th{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500);background:rgba(255,255,255,.02);font-weight:700}
.admin-table tr:last-child td{border-block-end:0}
.admin-table__logo img{inline-size:48px;block-size:48px;object-fit:contain;border-radius:8px;background:var(--surface-2)}
.admin-table__actions{display:flex;gap:.4rem;justify-content:flex-end}
.admin-table .empty{padding:var(--space-6);text-align:center;color:var(--ink-500)}

.admin-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-block-start:var(--space-4)}
.admin-hero-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.admin-hero-card.is-inactive{opacity:.5}
.admin-hero-card__media{aspect-ratio:3/2;background:var(--surface-2);overflow:hidden}
.admin-hero-card__media img{inline-size:100%;block-size:100%;object-fit:cover}
.admin-hero-card__body{padding:var(--space-3) var(--space-4);flex:1}
.admin-hero-card__body h3{margin:0 0 .25rem 0;font-size:1rem;color:var(--ink)}
.admin-hero-card__order{position:absolute;inset-block-start:.4rem;inset-inline-start:.4rem;background:rgba(10,14,26,.85);color:var(--sky-300);padding:.15rem .5rem;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.06em}
.admin-hero-card__actions{display:flex;gap:.4rem;padding:var(--space-3) var(--space-4);border-block-start:1px solid var(--line);background:rgba(0,0,0,.15)}

.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
@media (max-width:600px){.form-row{grid-template-columns:1fr}}
.form-narrow{max-inline-size:720px;margin-inline:auto}
.form-actions{display:flex;gap:var(--space-3);margin-block-start:var(--space-4)}
.admin-toggle .checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}
.admin-toggle input{inline-size:18px;block-size:18px;accent-color:var(--sky-400)}

.admin-messages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}
.admin-message{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:var(--space-4)}
.admin-message.is-unread{border-inline-start:3px solid var(--sky-300)}
.admin-message header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-block-end:.4rem}
.admin-message header a{color:var(--sky-300);text-decoration:none}
.admin-message header a:hover{text-decoration:underline}
.admin-message p{margin:0;color:var(--ink-200);line-height:1.55;white-space:pre-wrap}

.admin-thanks{text-align:center;padding:var(--space-6)}
.admin-thanks h2{color:var(--sky-300);margin:0 0 var(--space-3) 0}

/* ============================================================ */
/* 4436 — Support-Us page                                       */
/* ============================================================ */

/* ============================================================ */
/* 4436 — Questions page: community Q&A strip                   */
/* ============================================================ */
.library-community{margin-block:var(--space-5) var(--space-7);padding-block:var(--space-5);border-block-start:1px solid var(--line);border-block-end:1px solid var(--line)}
.library-community__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3);margin-block-start:var(--space-3)}
.thread--card{padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);transition:transform .2s,border-color .2s,background .2s;display:block}
.thread--card:hover{transform:translateY(-2px);border-color:var(--sky-400);background:var(--surface-2)}
.thread--card h3{margin:0 0 .3rem 0;font-size:1rem;line-height:1.35;color:var(--ink);font-weight:700}
.thread--card p{margin:.4rem 0 0 0;font-size:.88rem;color:var(--ink-300);line-height:1.5}
.thread--card .thread__meta{font-size:.75rem;color:var(--ink-500);margin:.2rem 0 .3rem 0}
.thread--card .thread__foot{display:flex;gap:var(--space-3);margin-top:.5rem;font-size:.78rem;color:var(--ink-400)}
.thread--card .avatar{inline-size:32px;block-size:32px;font-size:.78rem}

/* ============================================================ */
/* 4436 — Home page: larger stacked brand lockup               */
/* Mark centred above the wordmark. Two-class selector so it    */
/* beats the base `.brand img{height:44px;width:204px}` rule.   */
/* ============================================================ */
.brand--stacked{align-self:center;padding-block:2px}
/* direct child only: the Arabic lockup keeps its mark inside a wrapper */
.site-head__inner .brand--stacked > img{height:92px;width:auto;object-fit:contain}
@media (max-width:640px){
  .site-head__inner .brand--stacked > img{height:68px}
}

/* ============================================================ */
/* 4436 — Arabic brand lockup (mark + live Arabic wordmark)     */
/* English keeps its drawn SVG lockups. Arabic composes the     */
/* mark with real text so it renders in the page's Tajawal      */
/* webfont and inherits the theme colour on its own.            */
/* ============================================================ */
.brand-ar{display:inline-flex;align-items:center;gap:10px}
.brand-ar .brand-mark{height:40px;width:auto;display:block;flex:0 0 auto}
.brand-ar .brand-word{font-size:1.35rem;font-weight:700;line-height:1;white-space:nowrap;color:var(--ink-050)}
/* the stacked (home) build stacks the word under the mark */
.brand--stacked .brand-ar{flex-direction:column;gap:0}
.brand--stacked .brand-ar .brand-mark{height:54px}
.brand--stacked .brand-ar .brand-word{font-size:1.7rem}
@media (max-width:640px){
  .brand--stacked .brand-ar .brand-mark{height:44px}
  .brand--stacked .brand-ar .brand-word{font-size:1.35rem}
}

/* ============================================================ */
/* 4436 — founder story: print / PDF action in the hero         */
/* ============================================================ */
.skipped-actions{margin:var(--space-5) 0 0;display:flex;flex-wrap:wrap;gap:.6rem}

/* ============================================================ */
/* 4436 — a story body may carry light structure                */
/* '## Section' and '### Caption — Chapter title' lines become  */
/* real headings (see app.story_body), so long multi-part       */
/* stories read properly in the standard story template.        */
/* ============================================================ */
.article__body h2{font-size:clamp(1.5rem,3vw,2.1rem);margin-block:var(--space-7) var(--space-4);padding-block-start:var(--space-5);border-block-start:1px solid var(--line-soft);color:var(--ink-050)}
.article__body h2:first-child{margin-block-start:0;padding-block-start:0;border-block-start:0}
.article__body h3{font-size:1.3rem;margin-block:var(--space-6) var(--space-3);color:var(--ink-050)}
.article__body h3 .chapter__caption{display:block;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--coral-400);margin-block-end:4px}
/* Arabic does not letter-space: it breaks the joins between letters */
[dir="rtl"] .article__body h3 .chapter__caption{letter-spacing:0}