:root{
  --bg:#080b14;--bg-soft:#0b1020;--surface:#101625;--surface-2:#161d31;--text:#f5f7ff;--muted:#aeb8cc;--line:#2a3550;--control-line:#52658f;--focus:#dce8ff;--line-soft:rgba(255,255,255,.08);--accent:#83b8ff;--accent-2:#9c7cff;--silver:#dce8ff;--accent-soft:rgba(131,184,255,.11);--danger:#ff7387;--max:1160px;--reading:760px;--radius:18px;--shadow:0 20px 60px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 88% 5%,rgba(93,129,255,.12),transparent 28rem),radial-gradient(circle at 8% 36%,rgba(156,124,255,.07),transparent 25rem),var(--bg);line-height:1.6}a{color:inherit}img{max-width:100%}button,input{font:inherit}button{color:inherit}.sr-only,.skip-link{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;padding:.7rem 1rem;z-index:9999;background:#fff;color:#000;border-radius:8px}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);background:rgba(9,11,15,.86);border-bottom:1px solid var(--line-soft)}.nav-wrap{max-width:var(--max);margin:0 auto;padding:.82rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-weight:800;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(131,184,255,.38);border-radius:50%;color:var(--accent);font-size:.85rem;background:rgba(131,184,255,.06)}.brand-name strong{color:var(--accent)}.nav-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:.52rem .75rem}#primary-nav ul{display:flex;list-style:none;gap:.2rem;margin:0;padding:0;align-items:center}#primary-nav a{display:block;text-decoration:none;color:var(--muted);padding:.55rem .68rem;border-radius:9px;font-size:.95rem}#primary-nav a:hover,#primary-nav a[aria-current="page"]{color:var(--text);background:rgba(255,255,255,.055)}.nav-cta{border:1px solid rgba(131,184,255,.38);color:var(--text)!important;margin-left:.25rem}.container{max-width:var(--max);margin:0 auto;padding:0 1.25rem}.section{padding:5.5rem 0}.section.compact{padding:3.8rem 0}.eyebrow,.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:.76rem}.lede{color:var(--muted);font-size:clamp(1.05rem,1.4vw,1.22rem);max-width:760px}.muted{color:var(--muted)}.small{font-size:.9rem}.narrow-center{max-width:820px;text-align:center}.narrow-center .lede{margin-left:auto;margin-right:auto}h1,h2,h3{line-height:1.08;margin-top:0}h1{font-size:clamp(3.2rem,8vw,7.3rem);margin-bottom:1.2rem;letter-spacing:-.045em}h2{font-size:clamp(2rem,4.2vw,3.7rem);letter-spacing:-.03em}h3{font-size:1.25rem}.hero{padding:7.1rem 0 5.8rem}.hero-copy{max-width:760px}.hero-question{font-size:clamp(1.22rem,2vw,1.55rem);color:#e6eaf0}.starline{color:var(--accent);letter-spacing:.3em;font-size:clamp(1.1rem,2vw,1.55rem);margin-bottom:1rem}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem 1.1rem;border-radius:10px;text-decoration:none;font-weight:760;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease}.btn.primary{background:var(--accent);color:#111;border-color:var(--accent)}.btn.ghost{background:transparent}.btn:hover{transform:translateY(-1px)}.trust-strip{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.15rem}.trust-strip span,.status-pill,.read-time{border:1px solid var(--line);border-radius:999px;padding:.3rem .6rem;color:var(--muted);font-size:.8rem}.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.split.align-start{align-items:start}.quote-card{border-left:2px solid var(--accent);padding:1rem 0 1rem 1.5rem}.quote-card p{font-size:clamp(1.35rem,2.6vw,2.15rem);line-height:1.22;margin:0 0 1rem}.grid{display:grid;gap:1rem}.grid.three{grid-template-columns:repeat(3,1fr)}.card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem}.card p{color:var(--muted)}.card-link{text-decoration:none;transition:border-color .2s ease,transform .2s ease,background .2s ease}.card-link:hover{border-color:rgba(131,184,255,.58);transform:translateY(-2px);background:linear-gradient(180deg,rgba(131,184,255,.06),rgba(255,255,255,.012))}.featured-card{border-color:rgba(131,184,255,.32)}.protected-card{border-style:dashed}.step-num{font-size:2.6rem;line-height:1;color:#4b5563;font-weight:900;margin-bottom:2rem}.text-link{display:inline-block;color:var(--accent);font-weight:750;text-decoration:none}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.series-track{display:flex;align-items:center;margin-top:1.8rem}.series-node{min-width:150px;border:1px solid var(--line);border-radius:14px;padding:1rem;background:var(--surface);display:grid;gap:.2rem}.series-node span{color:var(--accent);font-weight:900}.series-node small{color:var(--muted)}.series-node.active{border-color:rgba(131,184,255,.48);background:linear-gradient(135deg,rgba(131,184,255,.09),rgba(255,255,255,.02))}.series-connector{height:1px;background:var(--line);flex:1;min-width:24px}.signup{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center;border:1px solid var(--line);border-radius:24px;padding:clamp(1.5rem,4vw,3rem);background:linear-gradient(135deg,rgba(131,184,255,.09),rgba(255,255,255,.02))}.signup-form{display:flex;gap:.6rem;flex-wrap:wrap}.signup-form input{min-width:240px;flex:1;background:#0a0f1c;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:.85rem .95rem}.notice{color:var(--muted);font-size:.84rem;margin-top:.7rem}.form-result{min-height:1.3em}.page-hero{padding:5.8rem 0 2.8rem}.page-hero h1{font-size:clamp(2.8rem,7vw,6rem)}.start-hero{padding-bottom:1rem}.breadcrumbs{color:var(--muted);font-size:.9rem;margin-bottom:1rem}.breadcrumbs a{color:var(--muted);text-decoration:none}.route{max-width:900px;display:grid;gap:.8rem}.route-step{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:1.1rem;border:1px solid var(--line);border-radius:16px;padding:1.2rem 1.35rem;text-decoration:none;background:rgba(255,255,255,.018)}.route-step h2{font-size:1.5rem;margin:.15rem 0}.route-step p{margin:0;color:var(--muted)}.route-step.featured{border-color:rgba(131,184,255,.46);background:linear-gradient(135deg,rgba(131,184,255,.08),rgba(255,255,255,.015))}.route-step.locked{border-style:dashed}.route-index{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-weight:900}.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.5rem}.fact-grid div{border:1px solid var(--line);border-radius:12px;padding:.9rem}.fact-grid span,.fact-grid strong{display:block}.fact-grid span{color:var(--muted);font-size:.8rem}.series-list{display:grid;gap:1rem}.book-row{display:grid;grid-template-columns:90px 1fr auto;gap:1.2rem;align-items:center;border:1px solid var(--line);border-radius:16px;padding:1rem}.book-num{width:90px;aspect-ratio:2/3;border:1px solid var(--line);border-radius:5px;display:grid;place-items:center;background:var(--surface);font-weight:900;color:var(--accent)}.status{color:var(--muted);font-size:.88rem;white-space:nowrap}.bridge-card{border:1px solid var(--line);border-radius:22px;padding:clamp(1.35rem,4vw,2.4rem);background:linear-gradient(135deg,rgba(131,184,255,.09),rgba(255,255,255,.02))}.story-list{display:grid;gap:.8rem}.story-item{border-bottom:1px solid var(--line);padding:1.2rem 0}.featured-story{border:1px solid rgba(131,184,255,.30);border-radius:var(--radius);padding:1.6rem;background:linear-gradient(135deg,rgba(131,184,255,.07),rgba(255,255,255,.015));margin-bottom:1.2rem}.featured-story h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:.7rem}.featured-story h2 a{text-decoration:none}.story-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.2rem}.future-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.future-story{border:1px dashed var(--line);border-radius:14px;padding:1rem;display:flex;gap:.85rem;align-items:center}.future-story>span{color:#687384;font-weight:900}.future-story strong,.future-story small{display:block}.future-story small{color:var(--muted)}.prose{max-width:760px}.prose p{color:#d9dee5;font-size:1.05rem}.prose h2{margin-top:2.5rem;font-size:2rem}.placeholder-box,.protected-banner{border:1px dashed #596474;border-radius:14px;padding:1.2rem;color:var(--muted);background:rgba(255,255,255,.02)}.protected-banner{display:flex;gap:1rem;align-items:flex-start}.protected-banner strong{color:var(--text)}.protected-banner p{margin-bottom:0}.lock-icon{color:var(--accent)}.test-preview{margin-top:3rem}.yes-no{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.yes-no button{padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:#7c8796}.brand-principles{border:1px solid var(--line);border-radius:18px;padding:1.5rem;background:linear-gradient(135deg,rgba(131,184,255,.06),rgba(255,255,255,.015))}.brand-principles strong{font-size:1.35rem}.channel-stack{display:grid;gap:.7rem}.channel-stack div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:.7rem 0}.channel-stack span{color:var(--muted)}.rating-options{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.rating-options button,.decision-grid button{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:.65rem .9rem;cursor:pointer}.rating-options button:hover,.rating-options button.selected,.decision-grid button:hover,.decision-grid button.selected{border-color:var(--accent);background:rgba(131,184,255,.08)}.rating-result{min-height:1.6em;margin-top:.8rem;color:var(--accent)}.reading-shell{max-width:var(--reading);margin:0 auto;padding:0 1.35rem}.story-hero{padding:5.8rem 0 2.6rem;border-bottom:1px solid var(--line)}.story-hero h1{font-size:clamp(3rem,8vw,6.6rem);margin-bottom:.7rem}.story-deck{color:var(--muted);font-size:1.1rem;margin:0}.story-meta{display:flex;flex-wrap:wrap;gap:.65rem 1rem;margin-top:1.25rem;color:var(--muted);font-size:.88rem}.story-meta span{border:1px solid var(--line);border-radius:999px;padding:.35rem .65rem}.story-article{padding:4rem 0 1rem}.story-copy{max-width:720px}.story-copy>p{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.08rem,1.7vw,1.22rem);line-height:1.82;color:#eef0f3;margin:0 0 1.45rem}.story-copy>p:first-child::first-letter{float:left;font-family:Georgia,"Times New Roman",serif;font-size:4.2rem;line-height:.8;padding:.14rem .5rem 0 0;color:var(--accent)}.review-quote{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:.94rem!important;line-height:1.55!important;letter-spacing:.05em;border:1px solid var(--line);border-left:3px solid var(--danger);background:var(--surface);padding:1rem 1.1rem;border-radius:8px}.author-note{margin:4rem 0 1rem;padding:1.5rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.author-note h2{font-size:1.6rem;margin-bottom:.7rem}.author-note p{color:var(--muted);margin-bottom:0}.story-after{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.story-after h2{font-size:clamp(1.8rem,4vw,3rem);max-width:700px}.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.5rem}.decision-grid button{text-align:left;border-radius:12px;padding:.9rem 1rem}.site-footer{border-top:1px solid var(--line);padding:2.2rem 0 3rem;margin-top:3rem;color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;flex-wrap:wrap}.footer-brand{color:var(--text);font-weight:800;text-decoration:none}.footer-links{display:flex;flex-wrap:wrap;gap:1rem}.footer-links a{color:var(--muted);text-decoration:none}.reveal{animation:fadeUp .55s ease both}.delay-1{animation-delay:.08s}@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:900px){.signup,.split{grid-template-columns:1fr}.hero{padding-top:5rem}.grid.three,.future-stories{grid-template-columns:repeat(2,1fr)}.series-track{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.series-connector{display:none}.desktop-link{display:none}}
@media(max-width:720px){.nav-toggle{display:inline-block}#primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#0a0f1c;border-bottom:1px solid var(--line)}#primary-nav.open{display:block}#primary-nav ul{flex-direction:column;align-items:stretch;padding:.75rem 1.25rem 1rem}#primary-nav a{padding:.75rem}.nav-cta{margin-left:0}.grid.three,.future-stories{grid-template-columns:1fr}.book-row{grid-template-columns:66px 1fr}.book-num{width:66px}.book-row .status{grid-column:2}.section{padding:4rem 0}.route-step{grid-template-columns:44px 1fr}.route-step>span:last-child{grid-column:2}.fact-grid{grid-template-columns:1fr}.channel-stack div{display:grid;gap:.1rem}.series-track{grid-template-columns:1fr}.yes-no{grid-template-columns:1fr}}
@media(max-width:620px){.story-article{padding-top:3rem}.story-copy>p{font-size:1.08rem;line-height:1.76}.decision-grid{grid-template-columns:1fr}.story-meta{gap:.45rem}.signup-form{display:grid}.signup-form input{min-width:0;width:100%}.hero{padding-top:4.5rem}.trust-strip{gap:.4rem}.section-heading{align-items:start}.page-hero{padding-top:4.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}.btn,.card-link{transition:none}}

/* v0.4 architecture + maintenance additions */
.section-nav{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem}.section-nav a{border:1px solid var(--line);border-radius:999px;padding:.45rem .75rem;text-decoration:none;color:var(--muted);font-size:.86rem}.section-nav a:hover{color:var(--text);border-color:rgba(131,184,255,.48)}
.principle-list{display:grid;gap:.75rem}.principle-list div{border-bottom:1px solid var(--line);padding:.8rem 0;display:grid;grid-template-columns:130px 1fr;gap:1rem}.principle-list span,.boundary-note span{color:var(--muted)}
.boundary-note{border:1px solid var(--line);border-radius:18px;padding:1.4rem;background:rgba(255,255,255,.018)}.boundary-note .grid{margin-top:1rem}.boundary-note .grid>div{display:grid;gap:.2rem}.next-path{border-left:2px solid var(--accent);padding-top:1rem;padding-bottom:1rem}.next-path h2{font-size:clamp(1.65rem,3vw,2.5rem);margin-bottom:.6rem}
@media(max-width:620px){.principle-list div{grid-template-columns:1fr;gap:.15rem}}
@media print{.site-header,.site-footer,.story-after,.signup,.next-path,.bridge-card,.nav-toggle{display:none!important}body{background:#fff;color:#111}.story-hero{border:0;padding:1rem 0}.story-copy>p,.author-note p,.story-deck,.story-meta,.breadcrumbs{color:#111!important}.story-copy>p{font-size:12pt;line-height:1.55}.review-quote{border:1px solid #777;background:#fff!important;color:#111!important}.author-note{border-color:#777}.reading-shell{max-width:100%;padding:0}.story-copy>p:first-child::first-letter{color:#111}}


/* v0.5 connected brand + Kit integration */
body{background:radial-gradient(circle at 84% 4%,rgba(93,129,255,.14),transparent 30rem),radial-gradient(circle at 10% 32%,rgba(156,124,255,.08),transparent 28rem),linear-gradient(180deg,#080b14 0%,#090d18 52%,#080b14 100%)}
.brand-name strong{color:var(--silver)}
.brand-mark{box-shadow:0 0 24px rgba(131,184,255,.08)}
.starline,.signal-stars{background:linear-gradient(90deg,var(--silver),var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.connected-signup{background:linear-gradient(135deg,rgba(66,111,255,.11),rgba(156,124,255,.07),rgba(255,255,255,.018));border-color:rgba(131,184,255,.27)}
.kit-embed{min-width:0}.kit-embed .formkit-form{max-width:none!important;margin:0!important}.kit-embed .formkit-fields{gap:.6rem!important}.kit-embed input{background:#0a0f1c!important;color:var(--text)!important;border-color:var(--line)!important}.kit-embed button,.kit-embed .formkit-submit{border-radius:10px!important;font-weight:800!important;letter-spacing:.015em!important}
.contact-email{color:var(--silver);text-decoration:none}.contact-email:hover{color:var(--accent)}
.rated-signal{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(66,111,255,.06),rgba(156,124,255,.045))}.signal-card{min-height:330px;border:1px solid rgba(131,184,255,.3);border-radius:22px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:radial-gradient(circle at 50% 78%,rgba(81,112,255,.18),transparent 34%),radial-gradient(circle at 50% 20%,rgba(156,124,255,.14),transparent 28%),#0a0f1c;box-shadow:var(--shadow)}.signal-card:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 96%,rgba(255,255,255,.04) 96%),linear-gradient(90deg,transparent 96%,rgba(255,255,255,.025) 96%);background-size:28px 28px;mask-image:linear-gradient(to top,#000,transparent 75%);opacity:.55}.signal-card>*{z-index:1}.signal-stars{letter-spacing:.28em;font-size:1.1rem;margin-bottom:2.3rem}.signal-card strong{font-size:clamp(2.7rem,6vw,4.8rem);letter-spacing:.11em}.signal-card span{color:var(--silver);letter-spacing:.08em}.signal-card small{color:var(--muted);margin-top:2rem}.signal-beam{position:absolute;width:2px;height:42%;top:10%;left:50%;background:linear-gradient(transparent,var(--silver),transparent);box-shadow:0 0 30px var(--accent),0 0 60px rgba(156,124,255,.4);opacity:.8}

/* v0.5.1 clean READ list */
a.book-row.story-row-active{color:inherit;text-decoration:none;}
a.book-row.story-row-active:hover{border-color:var(--accent);transform:translateY(-1px);}


/* v0.5.3 homepage hierarchy refinement */
.home-reader-list{padding-top:6.8rem;padding-bottom:6.8rem;background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(66,111,255,.035),rgba(255,255,255,.012));}
.home-reader-list .connected-signup{margin-top:0;}
.home-reader-list h2{margin-bottom:.8rem;}
@media(max-width:720px){.home-reader-list{padding-top:5rem;padding-bottom:5rem;}}


/* v0.6 controlled story-release system */
.release-note{border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;margin-bottom:1rem;background:rgba(131,184,255,.045);color:var(--muted)}
.release-note strong{color:var(--text)}
.release-note .text-link{margin-left:.35rem}
.future-release{opacity:.88}
.release-banner{margin-top:1.3rem;border:1px solid rgba(255,196,92,.32);background:rgba(255,196,92,.055);border-radius:12px;padding:.8rem 1rem;color:var(--muted);font-size:.9rem}
.release-banner strong{color:var(--text)}


/* v0.6.1 accessibility + master-spec compliance */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid var(--focus);
  outline-offset:3px;
}
.nav-toggle,.btn.ghost,.section-nav a,.rating-options button,.decision-grid button{
  border-color:var(--control-line);
}
a.book-row.story-row-active,.route-step{
  border-color:var(--control-line);
}
.route-step.featured{
  border-color:rgba(131,184,255,.58);
}
.section-nav a:hover{
  border-color:var(--accent);
}
.kit-embed .formkit-input{
  border-color:var(--control-line)!important;
}
.kit-embed .formkit-input:focus-visible,
.kit-embed .formkit-submit:focus-visible,
.kit-embed .formkit-button:focus-visible,
.kit-embed a:focus-visible{
  outline:3px solid var(--focus)!important;
  outline-offset:3px!important;
}
.rating-options button[aria-pressed="true"],
.decision-grid button[aria-pressed="true"]{
  border-color:var(--accent);
  box-shadow:inset 0 0 0 2px var(--accent);
  font-weight:800;
}
.choice-check{
  display:inline-block;
  margin-left:.45em;
  font-weight:900;
}
h1,h2,h3,.contact-email{
  overflow-wrap:anywhere;
}
[id]{scroll-margin-top:5.25rem}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}
@media(forced-colors:active){
  :where(a,button,input,select,textarea,[tabindex]):focus-visible{
    outline:3px solid Highlight;
  }
  .rating-options button[aria-pressed="true"],
  .decision-grid button[aria-pressed="true"]{
    outline:2px solid Highlight;
    outline-offset:-4px;
  }
}

/* CONNECT Bureau Survey entry — restrained website-side Bureau layer */
.bureau-connect-entry{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2rem;
  align-items:center;
  border:1px solid var(--control-line);
  border-left:3px solid #b9676b;
  border-radius:var(--radius);
  padding:clamp(1.4rem,3vw,2.1rem);
  background:linear-gradient(135deg,rgba(185,103,107,.055),rgba(255,255,255,.018) 38%,rgba(131,184,255,.035));
}
.bureau-connect-label{
  margin-bottom:.65rem;
  color:#d7a9ab;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-size:.76rem;
  font-weight:750;
  letter-spacing:.1em;
  line-height:1.5;
  text-transform:uppercase;
}
.bureau-connect-entry h2{margin-bottom:.65rem;font-size:clamp(1.9rem,3.8vw,3.1rem)}
.bureau-connect-entry .lede{margin:0}
.bureau-connect-action{display:flex;justify-content:flex-end}
.bureau-connect-btn{
  min-height:48px;
  border-color:#82666f;
  white-space:nowrap;
  letter-spacing:.025em;
}
.bureau-connect-btn:hover{border-color:#d7a9ab;background:rgba(185,103,107,.07)}
@media(max-width:900px){
  .bureau-connect-entry{grid-template-columns:1fr;gap:1.35rem}
  .bureau-connect-action{justify-content:flex-start}
}
@media(max-width:520px){
  .bureau-connect-btn{width:100%;white-space:normal;text-align:center}
}
@media(forced-colors:active){
  .bureau-connect-entry,.bureau-connect-btn{border-color:CanvasText}
}

/* Reader List Kit attribution contrast — Home + CONNECT only */
.kit-embed .formkit-powered-by-convertkit{
  background-color:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
  filter:invert(1) grayscale(1) brightness(1.85);
  opacity:.78!important;
  transform:none!important;
  background-size:66.5px 18px!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.kit-embed .formkit-powered-by-convertkit:hover,
.kit-embed .formkit-powered-by-convertkit:focus,
.kit-embed .formkit-powered-by-convertkit:focus-visible{
  background-color:transparent!important;
  transform:none!important;
  opacity:1!important;
}




.brand-monogram,
  .brand-wordmark{height:18px}
  .brand-divider{height:20px}
}


/* 2026-09-03 — L.A. Mullins author identity v3
   Visual proportions matched to the approved header reference. */
.brand-lockup{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  white-space:nowrap;
  flex:0 1 auto;
  min-width:0;
}
.brand-monogram,
.brand-wordmark{
  display:block;
  width:auto;
  object-fit:contain;
  flex:0 0 auto;
}
.brand-monogram{height:46px}
.brand-wordmark{height:28px}
.brand-divider{
  display:block;
  width:1px;
  height:50px;
  background:rgba(203,213,225,.22);
  flex:0 0 1px;
}
@media(max-width:1050px){
  .brand-lockup{gap:10px}
  .brand-monogram{height:40px}
  .brand-wordmark{height:24.5px}
  .brand-divider{height:44px}
}
@media(max-width:720px){
  .nav-wrap{gap:.65rem}
  .brand-lockup{gap:8px}
  .brand-monogram{height:28px}
  .brand-wordmark{height:17px}
  .brand-divider{height:31px}
}
@media(max-width:420px){
  .brand-lockup{gap:7px}
  .brand-monogram{height:24px}
  .brand-wordmark{height:14.7px}
  .brand-divider{height:27px}
}


/* 2026-09-10 — Story #1 motion-comic integration */
.story-video-section{
  padding:3.25rem 0 2.9rem;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(131,184,255,.035),rgba(255,255,255,.008));
}
.story-video-section h2{
  margin:.45rem 0 .75rem;
  font-size:clamp(1.9rem,4vw,3rem);
}
.story-video-section .lede{margin-bottom:1.35rem}
.video-embed{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  background:#05070c;
  box-shadow:0 16px 44px rgba(0,0,0,.22);
}
.video-embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.video-external-link{margin:.85rem 0 0}
.story-reading-heading{padding:2.4rem 0 0}
.story-reading-heading + .story-article{padding-top:1.6rem}

.story-row-media h2 a{
  color:inherit;
  text-decoration:none;
}
.story-row-media h2 a:hover,
.story-row-media h2 a:focus-visible{
  color:var(--accent);
}
.story-media-links{
  display:grid;
  justify-items:end;
  gap:.35rem;
}
.story-media-links a{
  color:var(--muted);
  text-decoration:none;
}
.story-media-links a:hover,
.story-media-links a:focus-visible{
  color:var(--text);
}
.story-media-links .watch-link{
  color:var(--accent);
  font-size:.82rem;
  font-weight:750;
}
@media(max-width:720px){
  .story-media-links{
    grid-column:2;
    justify-items:start;
  }
}
@media(max-width:520px){
  .story-video-section{padding:2.6rem 0 2.4rem}
  .video-embed{border-radius:12px}
  .story-reading-heading{padding-top:2rem}
}
@media print{
  .story-video-section,.story-reading-heading{display:none!important}
}


/* 2026-09-11 — OSS01 static-comic integration */
.story-format-switcher{
  display:flex;
  align-items:center;
  gap:.72rem;
  margin-top:1.45rem;
  font-family:var(--font-sans,system-ui,sans-serif);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.16em;
}
.story-format-switcher a{
  color:var(--accent);
  text-decoration:none;
  padding:.45rem 0;
}
.story-format-switcher a:hover,
.story-format-switcher a:focus-visible{color:var(--text)}
.story-format-switcher span{color:var(--muted)}

.story-comic-section{
  padding:3.4rem 0 3.1rem;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.008),rgba(131,184,255,.025));
}
.comic-reading-shell{max-width:940px}
.story-comic-section > .reading-shell > h2{
  margin:.45rem 0 .65rem;
  font-size:clamp(2rem,4.2vw,3.2rem);
}
.comic-slate{
  margin:2rem 0;
  padding:clamp(2.4rem,7vw,5rem) clamp(1.25rem,5vw,3rem);
  text-align:center;
  border:1px solid var(--line);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 35%,rgba(123,167,255,.11),transparent 42%),
    #070a12;
}
.comic-slate h3{
  margin:.55rem 0 .45rem;
  font-size:clamp(2.15rem,6vw,4.6rem);
  letter-spacing:.02em;
}
.comic-slate p{margin:.35rem auto;color:var(--muted)}
.comic-stars{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:.65rem;
  margin-bottom:1rem;
  font-size:clamp(1.6rem,4vw,2.3rem);
  line-height:1;
}
.comic-star{color:#f1f4f8}
.comic-star-primary{color:#c7a94a}

.comic-page-group{
  margin:2.15rem 0 3.25rem;
  scroll-margin-top:5.5rem;
}
.comic-page-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:1rem;
  padding-bottom:.8rem;
  margin-bottom:1rem;
  border-bottom:1px solid var(--line);
}
.comic-page-heading h3{margin:.2rem 0 0;font-size:1.35rem}
.comic-permalink{
  color:var(--accent);
  font-size:.8rem;
  font-weight:750;
  text-decoration:none;
  white-space:nowrap;
}
.comic-panel-stack{display:grid;gap:1.4rem}
.comic-panel{
  margin:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:15px;
  background:#080b14;
  box-shadow:0 14px 36px rgba(0,0,0,.16);
}
.comic-panel img{
  display:block;
  width:100%;
  height:auto;
  background:#05070c;
}
.comic-panel figcaption{
  padding:1.05rem 1.15rem 1.15rem;
  color:var(--text);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1rem,1.8vw,1.14rem);
  line-height:1.62;
}
.comic-panel figcaption strong{font-weight:800}
.comic-credit-lines{
  margin:1.15rem auto 1.45rem;
  max-width:650px;
  font-size:.92rem;
}
.comic-slate-actions{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:.7rem;
  margin-top:1.4rem;
}

.story-share-panel{
  margin:2.5rem 0 0;
  border:1px solid var(--line);
  border-radius:15px;
  background:rgba(255,255,255,.018);
}
.story-share-panel > summary{
  cursor:pointer;
  padding:1.1rem 1.2rem;
  color:var(--text);
  font-family:var(--font-sans,system-ui,sans-serif);
  font-weight:800;
  letter-spacing:.05em;
}
.story-share-body{padding:0 1.2rem 1.25rem}
.caption-preview{
  margin:.85rem 0;
  padding:1rem;
  white-space:pre-wrap;
  border:1px solid var(--line);
  border-radius:10px;
  background:#070a12;
  color:var(--muted);
  font-size:.93rem;
  line-height:1.5;
}
.share-copy-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
}
.compact-btn{padding:.62rem .85rem;font-size:.82rem}
.share-status{
  min-height:1.35rem;
  margin:.55rem 0;
  color:var(--accent);
  font-size:.86rem;
}
.nested-details{margin:1rem 0}
.nested-details > summary{cursor:pointer;color:var(--accent)}
.share-platform-label{margin:1.35rem 0 .7rem}
.story-social-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.55rem;
}
.story-social-grid button{
  min-height:44px;
  padding:.7rem .65rem;
  border:1px solid var(--line);
  border-radius:9px;
  background:rgba(255,255,255,.025);
  color:var(--text);
  cursor:pointer;
  font:700 .78rem/1.2 var(--font-sans,system-ui,sans-serif);
}
.story-social-grid button:hover,
.story-social-grid button:focus-visible{
  border-color:var(--accent);
  background:rgba(123,167,255,.08);
}
.share-help{margin:.8rem 0;color:var(--muted);font-size:.83rem}
.story-youtube-comment{display:inline-block;margin-top:.35rem}

.comic-route-main{padding:3rem 0 4rem}
.comic-route-intro{margin-bottom:1.8rem}
.comic-route-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1.25rem;
}
.comic-route-nav{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  margin-top:2rem;
  padding-top:1.25rem;
  border-top:1px solid var(--line);
}
.comic-route-nav a{color:var(--accent);text-decoration:none;font-weight:750}

@media(max-width:720px){
  .story-comic-section{padding:2.7rem 0 2.55rem}
  .comic-page-heading{align-items:start;flex-direction:column}
  .comic-permalink{white-space:normal}
  .story-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .comic-panel figcaption{padding:.95rem 1rem 1.05rem}
}
@media(max-width:440px){
  .story-format-switcher{gap:.55rem;font-size:.7rem;letter-spacing:.12em}
  .story-social-grid{grid-template-columns:1fr}
  .comic-slate-actions{flex-direction:column}
  .comic-slate-actions .btn{width:100%}
}
@media print{
  .story-format-switcher,
  .story-share-panel,
  .comic-permalink,
  .comic-route-actions,
  .comic-route-nav{display:none!important}
}


/* 2026-09-11 — OSS01 UX refinement */
.story-meta-quiet{margin:1.1rem 0 0;color:var(--muted);font-size:.96rem}
.story-format-chooser{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,720px);max-width:720px;
  margin-top:1.2rem;padding:.25rem;gap:.25rem;border:1px solid var(--line);
  border-radius:12px;background:rgba(255,255,255,.018)
}
.story-format-chooser button{
  min-height:44px;border:0;border-radius:9px;background:transparent;color:var(--muted);
  cursor:pointer;font:800 .78rem/1 var(--font-sans,system-ui,sans-serif);letter-spacing:.13em
}
.story-format-chooser button:hover,.story-format-chooser button:focus-visible{
  color:var(--text);background:rgba(255,255,255,.045)
}
.story-format-chooser button[aria-pressed="true"]{
  background:var(--accent);color:#07101c;box-shadow:0 6px 18px rgba(90,150,235,.18)
}
.story-mode-panel[hidden]{display:none!important}
.story-mode-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.25rem 0 2.4rem}
.story-read-end-actions{margin-top:1.4rem}
#share-eight-oh-five{scroll-margin-top:6rem}

.story-comic-section{padding:3.15rem 0 3rem}
.comic-reading-shell{max-width:940px}
.comic-reader-orientation{margin:.75rem 0 1rem;color:var(--muted);font-size:.9rem}
.comic-fullscreen-open{display:none;margin-bottom:1rem}
.comic-reader-frame{outline:none;border-radius:18px}
.comic-reader-frame:focus-visible{box-shadow:0 0 0 3px rgba(123,167,255,.48)}
.comic-reader-page{
  margin:0;padding:clamp(1rem,2vw,1.35rem);border:1px solid var(--line);border-radius:18px;
  background:#070a12;box-shadow:0 16px 44px rgba(0,0,0,.18)
}
.comic-reader-page[hidden]{display:none!important}
.comic-reader-page-label{
  display:flex;justify-content:space-between;align-items:end;gap:1rem;
  margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)
}
.comic-reader-page-label h3{margin:.15rem 0 0}
.comic-reader-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;margin-top:1rem}
.comic-reader-nav [data-comic-prev]{justify-self:start}
.comic-reader-nav [data-comic-next]{justify-self:end}
.comic-reader-nav button:disabled{opacity:.38;cursor:not-allowed}
.comic-reader-counter{color:var(--muted);font-size:.88rem;font-weight:750}

.comic-reader-slate{
  min-height:min(78vh,880px);display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:clamp(2rem,5vw,4rem) clamp(1.25rem,5vw,3rem);background:#071616
}
.comic-slate-topline{
  width:100%;text-align:left;color:var(--accent);
  font:500 clamp(.9rem,2vw,1.1rem)/1.2 var(--font-sans,system-ui,sans-serif)
}
.comic-slate-rule{width:100%;height:1px;margin:1rem 0 0;background:rgba(145,188,238,.38)}
.comic-reader-slate .comic-stars{
  margin-top:clamp(3.7rem,10vw,7rem);margin-bottom:clamp(4.2rem,12vw,8rem)
}
.comic-reader-slate h3{margin:0;font-size:clamp(2.6rem,8vw,5.1rem);letter-spacing:.01em}
.comic-gold-rule{width:min(58%,460px);height:2px;margin:2rem auto;background:#d6b437}
.comic-opening-hook{
  margin:clamp(2.6rem,6vw,4.8rem) auto 0;max-width:720px;color:#f2f2ee;
  font:400 clamp(1.25rem,3.5vw,2rem)/1.35 Georgia,"Times New Roman",serif
}
.comic-opening-format{margin-top:auto;padding-top:4rem;color:var(--accent);font-size:1rem}
.comic-opening-author{margin-top:4.5rem;color:#f3f5f6;font-weight:650}
.comic-opening-site{margin-top:.55rem;color:var(--accent);font-size:1rem}
.comic-closing-live .comic-stars{margin-bottom:clamp(3.4rem,8vw,6rem)}
.comic-closing-actions{display:grid;gap:.65rem;width:min(100%,520px);margin:clamp(2.8rem,6vw,4rem) auto 0}
.comic-closing-rights{margin-top:2.7rem;max-width:760px;color:#edf0ee;font-size:clamp(.92rem,2vw,1.08rem)}
.comic-closing-rights p{margin:.35rem auto}
.comic-closing-rights p:first-child{font-weight:650}
.comic-closing-rights p:last-child{margin-top:.75rem;color:var(--accent);font-size:1.05em}
.comic-closing-live .comic-credit-lines{
  margin-top:4rem;max-width:720px;color:#edf0ee;font-family:Georgia,"Times New Roman",serif
}
.comic-slate-rule-short{width:min(68%,520px);margin-top:2.1rem}
.comic-thanks{
  margin-top:2.5rem;color:#95a5b1!important;font-family:Georgia,"Times New Roman",serif;font-size:1.05rem
}

.comic-fullscreen-dialog{
  width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;
  background:#050913;color:var(--text)
}
.comic-fullscreen-dialog::backdrop{background:rgba(0,0,0,.82)}
.comic-dialog-bar{
  position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;
  gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--line);background:rgba(6,10,19,.96)
}
.comic-dialog-slot{width:min(100%,980px);margin:0 auto;padding:1rem 1rem 2rem}
.comic-fullscreen-dialog .comic-reader-page{border-radius:12px}
.comic-fullscreen-dialog .comic-reader-nav{
  position:sticky;bottom:0;z-index:18;margin:1rem -.25rem 0;padding:.65rem;
  border:1px solid var(--line);border-radius:12px;background:rgba(6,10,19,.96)
}

@media(max-width:720px){
  .story-format-chooser{max-width:none}
  .story-mode-actions{display:grid;grid-template-columns:1fr}
  .story-mode-actions .btn{width:100%}
  .comic-fullscreen-open{display:inline-flex}
  .comic-reader-page-label{align-items:start;flex-direction:column}
  .comic-reader-nav{grid-template-columns:1fr 1fr}
  .comic-reader-counter{grid-column:1/-1;grid-row:1;text-align:center}
  .comic-reader-nav [data-comic-prev]{grid-column:1;grid-row:2}
  .comic-reader-nav [data-comic-next]{grid-column:2;grid-row:2}
  .comic-reader-slate{min-height:72vh}
}
@media(max-width:440px){
  .story-format-chooser{gap:.12rem;padding:.18rem}
  .story-format-chooser button{min-width:0;font-size:.66rem;letter-spacing:.075em;padding-inline:.2rem}
  .comic-dialog-slot{padding:.65rem .6rem 1.5rem}
  .comic-reader-page{padding:.65rem}
}
@media(prefers-reduced-motion:reduce){.story-format-chooser button{transition:none!important}}
@media print{
  .story-format-chooser,.story-mode-actions,.comic-fullscreen-open,.comic-reader-nav,.comic-fullscreen-dialog{display:none!important}
}


/* 2026-09-11 — Update 004 final hosted-QA safeguards */
.story-share-panel{
  width:min(calc(100% - 2rem),940px);
  margin:2.5rem auto 0;
}

/* Match the locked closing-slate hierarchy while keeping actions live. */
.comic-closing-actions{
  gap:.35rem;
  width:min(100%,620px);
}
.comic-closing-actions .btn{
  min-height:52px;
  border:0;
  background:transparent;
  box-shadow:none;
  color:#f4f5f2;
  font-size:clamp(1rem,2.6vw,1.5rem);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.01em;
}
.comic-closing-actions .btn:hover{
  background:rgba(255,255,255,.035);
  color:#fff;
}
.comic-closing-actions .btn:focus-visible{
  background:rgba(123,167,255,.08);
  box-shadow:0 0 0 2px var(--accent);
}
.comic-closing-actions .btn:last-child{
  color:var(--accent);
}
.comic-fullscreen-dialog{
  overflow-y:auto;
  overscroll-behavior:contain;
}


/* 2026-09-11 — Production Update 005 / OSS01 final UX polish */

/* Give mode and engagement anchors comfortable clearance below the sticky header. */
:root{--oss-story-anchor-clearance:8rem}
#story-format-anchor{scroll-margin-top:var(--oss-story-anchor-clearance)}
#eight-oh-five-proof-question,
#the-empty-saturday-impact-question{
  scroll-margin-top:var(--oss-story-anchor-clearance);
}
@media(max-width:720px){
  :root{--oss-story-anchor-clearance:7rem}
}

/* Restore the approved lamullins.com blue-black/navy field on both live slates. */
.comic-reader-slate{
  background:linear-gradient(180deg,var(--bg-soft) 0%,var(--bg) 100%);
}

/* The detailed share tool is now one modal invoked from READ, WATCH, or COMIC. */
.story-share-dialog{
  width:min(calc(100% - 2rem),940px);
  max-width:940px;
  max-height:min(88dvh,900px);
  margin:auto;
  padding:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--surface);
  color:var(--text);
  box-shadow:0 24px 80px rgba(0,0,0,.52);
}
.story-share-dialog::backdrop{
  background:rgba(3,6,12,.76);
  backdrop-filter:blur(5px);
}
.story-share-dialog-shell{
  display:flex;
  flex-direction:column;
  max-height:min(88dvh,900px);
}
.story-share-dialog-bar{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.2rem;
  border-bottom:1px solid var(--line);
  background:rgba(16,22,37,.97);
}
.story-share-dialog-bar h2{
  margin:.2rem 0 0;
  font-size:clamp(1.35rem,3vw,2rem);
}
.story-share-dialog .story-share-body{
  overflow-y:auto;
  padding:1.15rem 1.2rem 1.35rem;
  overscroll-behavior:contain;
}
@media(max-width:520px){
  .story-share-dialog{
    width:calc(100% - 1rem);
    max-height:92dvh;
    border-radius:13px;
  }
  .story-share-dialog-shell{max-height:92dvh}
  .story-share-dialog-bar{
    align-items:center;
    padding:.85rem .9rem;
  }
  .story-share-dialog .story-share-body{
    padding:1rem .9rem 1.15rem;
  }
}
@media print{
  .story-share-dialog{display:none!important}
}

/* Production Update 006 — approved ownership notice at the footer's lower-left edge. */
.footer-copyright{
  order:3;
  flex-basis:100%;
  text-align:left;
  margin-top:.2rem;
}

/* 2026-09-18 — OSS02 protected staging reader */
.oss02-comic-page .comic-panel-stack{display:grid}
.oss02-comic-page .comic-panel{
  --oss02-panel-label-size:clamp(2.15rem,5.2vw,3.6rem);
  position:relative;
  margin:0;
}
.oss02-comic-page .comic-panel::before,
.oss02-comic-page .comic-panel::after{
  position:absolute;
  top:clamp(.3rem,.8vw,.55rem);
  z-index:2;
  display:flex;
  align-items:center;
  box-sizing:border-box;
  height:var(--oss02-panel-label-size);
  border:1px solid rgba(241,244,248,.62);
  background:rgba(3,6,12,.9);
  color:#f7f8fb;
  box-shadow:0 5px 16px rgba(0,0,0,.38);
  font-family:var(--font-sans);
  font-weight:850;
  line-height:1;
}
.oss02-comic-page .comic-panel::before{
  content:attr(data-panel);
  left:clamp(.3rem,.8vw,.55rem);
  justify-content:center;
  width:var(--oss02-panel-label-size);
  font-size:clamp(1rem,2.7vw,1.9rem);
}
.oss02-comic-page .comic-panel::after{
  content:var(--oss02-panel-title);
  left:calc(var(--oss02-panel-label-size) + clamp(.48rem,1.4vw,.85rem));
  max-width:calc(100% - var(--oss02-panel-label-size) - 1.35rem);
  padding:0 clamp(.65rem,1.8vw,1.15rem);
  overflow:hidden;
  font-size:clamp(.68rem,1.65vw,1.15rem);
  letter-spacing:.075em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.oss02-comic-page .comic-panel[data-panel="1"]{--oss02-panel-title:"Dinner Dispute"}
.oss02-comic-page .comic-panel[data-panel="2"]{--oss02-panel-title:"The Photo"}
.oss02-comic-page .comic-panel[data-panel="3"]{--oss02-panel-title:"One Star"}
.oss02-comic-page .comic-panel[data-panel="4"]{--oss02-panel-title:"Cancellations"}
.oss02-comic-page .comic-panel[data-panel="5"]{--oss02-panel-title:"The Correction"}
.oss02-comic-page .comic-panel[data-panel="6"]{--oss02-panel-title:"Empty Saturday"}
.oss02-comic-page .comic-panel[data-panel="7"]{--oss02-panel-title:"Tomas"}
.oss02-comic-page .comic-panel[data-panel="8"]{--oss02-panel-title:"Noor"}
.oss02-comic-page .comic-panel[data-panel="9"]{--oss02-panel-title:"Malik"}
.oss02-comic-page .comic-panel[data-panel="10"]{--oss02-panel-title:"The Compressor"}
.oss02-comic-page .comic-panel[data-panel="11"]{--oss02-panel-title:"Food Loss"}
.oss02-comic-page .comic-panel[data-panel="12"]{--oss02-panel-title:"Water Shut Off"}
.oss02-comic-page .comic-panel[data-panel="13"]{--oss02-panel-title:"Eviction Notice"}
.oss02-comic-page .comic-panel[data-panel="14"]{--oss02-panel-title:"The Charge"}
.oss02-comic-page .comic-panel[data-panel="15"]{--oss02-panel-title:"Maya"}
.oss02-comic-page .comic-panel[data-panel="16"]{--oss02-panel-title:"Noor"}
.oss02-comic-page .comic-panel[data-panel="17"]{--oss02-panel-title:"The Call"}
.oss02-comic-page .comic-reader-page-label{align-items:center}
.oss02-comic-reader .comic-reader-counter{min-width:9rem;text-align:center}
@media(max-width:720px){
  .oss02-comic-page .comic-reader-page-label{align-items:flex-start}
}


/* 2026-09-22 — Website Build 04 / reusable OSS04+ story architecture */
.story-format-pending{padding:4rem 0 2rem}
.story-format-pending .placeholder-box{max-width:720px;margin-top:1rem}
.story-format-pending .placeholder-box strong{display:block;color:var(--text);font-size:1.05rem;margin-bottom:.35rem}
.story-v2 .story-format-chooser button{min-width:6.5rem}
.story-v2 [data-story-mode-panel][hidden]{display:none!important}
.oss-live-slate{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--bg-soft) 0%,var(--bg) 100%);padding:clamp(1.5rem,5vw,4rem);min-height:50vh;display:grid;align-content:center;text-align:center}
.oss-live-slate .oss-slate-series{color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.oss-live-slate .oss-slate-title{font-size:clamp(2.4rem,7vw,5rem);margin:.8rem 0}
.oss-live-slate .oss-slate-meta{color:var(--muted)}
@media print{.story-format-pending,.story-mode-actions,.story-share-dialog{display:none!important}}

/* 2026-09-24 — ONE STAR SHORT STORIES LISTEN format */
.story-listen-section{padding:3.15rem 0 3rem}
.story-listen-section h2{margin:.2rem 0 .35rem}
.story-audio-player{display:block;width:100%;max-width:100%;margin:1.35rem 0 1.4rem}
.listen-credits{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted)}
.listen-credits p{margin:.45rem 0 0}
.listen-credits a{color:var(--text)}
@media(max-width:620px){.story-audio-player{width:100%}}
@media print{.story-listen-panel{display:none!important}}

/* Website Build 05 R11.2 — four-format selector locked to one row at all viewport widths. */

/* 2026-09-26 — Cross-format page-end navigation.
   LISTEN is a first-class format, so READ/LISTEN/WATCH expose the other
   available formats at the ordinary page end. */
.story-cross-format-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.7rem 1.1rem;
  margin:1.25rem 0 2.4rem;
}
.story-cross-format-links .story-format-end-link{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  background:transparent;
  padding:.25rem 0;
  cursor:pointer;
  color:var(--accent);
  font-family:var(--font-sans,system-ui,sans-serif);
  font-size:.9rem;
  font-weight:780;
  letter-spacing:.02em;
  text-decoration:none;
}
.story-cross-format-links .story-format-end-link:hover{
  text-decoration:underline;
  text-underline-offset:.22em;
}
.story-cross-format-links .story-format-end-link:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:4px;
  border-radius:3px;
}
@media(max-width:620px){
  .story-cross-format-links{display:grid;grid-template-columns:1fr;gap:.55rem}
  .story-cross-format-links .story-format-end-link{text-align:left;min-height:44px}
}


/* LISTEN CAPTION / TRANSCRIPT SYSTEM v1.0 */
.listen-accessibility{margin-top:1rem}
.listen-caption-controls{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}
.listen-caption-label{font-weight:700;letter-spacing:.02em}
.listen-caption-toggle{appearance:none;border:1px solid rgba(255,255,255,.38);background:transparent;color:inherit;border-radius:999px;padding:.4rem .8rem;min-width:3.5rem;font:inherit;font-weight:700;cursor:pointer}
.listen-caption-toggle[aria-pressed="true"]{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.72)}
.listen-caption-toggle:focus-visible,.listen-transcript summary:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.listen-caption-toggle:disabled{opacity:.55;cursor:not-allowed}
.listen-caption-display{margin-top:.8rem;min-height:3.3em;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.22);border-radius:.5rem;background:rgba(0,0,0,.24);font-size:clamp(1rem,2.8vw,1.125rem);line-height:1.45;max-width:72ch}
.listen-caption-display:empty{visibility:hidden}
.listen-transcript{margin-top:1rem;max-width:72ch;border-top:1px solid rgba(255,255,255,.2);padding-top:.85rem}
.listen-transcript summary{cursor:pointer;font-weight:700;text-decoration:underline;text-underline-offset:.18em;width:max-content;max-width:100%}
.listen-transcript-body{padding-top:.8rem}
.listen-transcript-body h3{font-size:1rem;margin:1.1rem 0 .55rem;text-transform:uppercase;letter-spacing:.05em}
.listen-transcript-body p{margin:.6rem 0;line-height:1.65}
@media (max-width:640px){.listen-caption-display{padding:.7rem .8rem;min-height:3.5em}.listen-transcript summary{width:auto}}
@media (prefers-reduced-motion:reduce){.listen-caption-toggle,.listen-transcript summary{scroll-behavior:auto;transition:none!important}}