/* Readability pass shared across classic, redesign, entry and project story. */
html[data-theme="dark"] body{--muted:#b7c2d6}
html[data-theme="light"] body{--muted:#4f5e78}
html[data-theme] .cta{background:linear-gradient(110deg,#2b1a49,#172345 60%,#0c2334);color:#fff;border:1px solid #8e72bc}
html[data-theme] .cta .cta-label{color:#fff;font-weight:750}
html[data-theme] .cta .cta-sub{font-size:15px;font-weight:600;line-height:1.6;opacity:1;color:#f1edff;max-width:720px}
html[data-theme] .cta .cta-arrow{width:56px;height:56px;min-width:56px;min-height:56px;background:#e2d3ff;color:#321b5b;border:1px solid #fff9;font-size:34px;font-weight:800;opacity:1;box-shadow:0 2px 10px #0003}
html[data-theme] .cta:hover .cta-arrow{background:#fff;color:#321b5b}
html[data-theme] .workspace-stats small,html[data-theme] .workspace-page .jump a span,html[data-theme] .workspace-page .tt .by,html[data-theme] .workspace-page .lu-label,html[data-theme] .workspace-page footer{font-size:12px;line-height:1.6}
html[data-theme] .workspace-page .ck li,html[data-theme] .workspace-page .jump a b{font-size:14px}
html[data-theme] .workspace-intro p{font-size:15px}
html[data-theme] .context-row label,html[data-theme] .context-card header small,html[data-theme] .context-progress{font-size:11px}
html[data-theme] .context-row strong{font-size:13px;font-weight:600}
html[data-theme] .guide-status small{font-size:11px;max-width:none;color:var(--muted)}
html[data-theme] .guide-status strong{font-size:11px}
html[data-theme] .workspace-heading p,html[data-theme] .rec-eyebrow{font-size:11px;font-weight:600}
html[data-theme] .tokfield label{font-size:11px;color:#c3cee2;letter-spacing:.04em}
html[data-theme="light"] body:not(.theme-classic) .tokfield label{color:#47566f}
html[data-theme] .tokfield input::placeholder{color:#aebbd1;opacity:1}
html[data-theme="light"] body:not(.theme-classic) .tokfield input::placeholder{color:#586780}
html[data-theme] .railstep .s,html[data-theme] #railprog,html[data-theme] .compare-link,html[data-theme] .quickbtns button{font-size:12px}
html[data-theme] .stepgoal{font-size:13px;color:var(--muted);line-height:1.6}
html[data-theme] table.ref td,html[data-theme] .dockbody table.ref td,html[data-theme] .prodtbl td:first-child{font-size:13px}
html[data-theme] table.ref th,html[data-theme] .blk>.bh{font-size:12px;letter-spacing:.04em}
html[data-theme] .prodlead,html[data-theme] .prodnote,html[data-theme] .prodrider .rbody,html[data-theme] .prodrider .rwhen,html[data-theme] .prodfine,html[data-theme] .contact-desc,html[data-theme] .crmnote,html[data-theme] .mgrnotice{font-size:13px;line-height:1.65}
html[data-theme] .objcount,html[data-theme] .prodh,html[data-theme] .modetag,html[data-theme] .ptag{font-size:11px}
html[data-theme] .dockbody .objcard>button,html[data-theme] .prodrider>button,html[data-theme] .branchgrid button,html[data-theme] .painchip{font-size:13px}
html[data-theme] .rec-muted,html[data-theme] .story-foot,html[data-theme] .story-stat small{font-size:13px;line-height:1.65}
html[data-theme] .rec-meta,html[data-theme] #rec-notice{font-size:12px;line-height:1.6}
html[data-theme] .pausechip small{opacity:1;font-weight:500}
html[data-theme] .orditem.dim{opacity:1;background:var(--card2)}
html[data-theme="dark"] .pcar.on,html[data-theme="dark"] .pplan.on,html[data-theme="dark"] .objcats button.on,html[data-theme="dark"] #drawer .dtabs button.on{background:#6540a5;border-color:#b08ae9;color:#fff}
html[data-theme="dark"] .sysbadge,html[data-theme="dark"] .workspace-page .ck .sys,html[data-theme="dark"] .switchb .sh{background:#323659;color:#fff}
html[data-theme] body.entry-page .note,html[data-theme] body.entry-page .bottom,html[data-theme] body.entry-page .sub{font-size:13px;line-height:1.7}
html[data-theme] body.entry-page .chips span,html[data-theme] body.entry-page .eyebrow,html[data-theme] body.entry-page .status{font-size:12px}
html[data-theme="dark"] body.entry-page .note,html[data-theme="dark"] body.entry-page .bottom,html[data-theme="dark"] body.entry-page .sub{color:#b7c2d6}
@media(max-width:840px){html[data-theme] .cta .cta-sub{font-size:14px}html[data-theme] .cta{gap:14px}html[data-theme] .cta .cta-arrow{width:48px;height:48px;min-width:48px;min-height:48px;font-size:30px}html[data-theme] .guide-status{flex-wrap:wrap}html[data-theme] .guide-status small{margin-left:0;text-align:left;font-size:11px}html[data-theme] .view-switch button{font-size:11px}html[data-theme] .demo-banner{font-size:11px;line-height:1.55}}
/* Keep all three fast call controls visible on phones, without horizontal clipping. */
@media(max-width:840px){
 #topbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;padding:10px 12px!important;width:100%;height:auto}
 #topbar .brand{grid-column:1 / 3;grid-row:1;width:auto!important;min-width:0;font-size:16px!important;letter-spacing:-.02em;white-space:normal}
 #topbar .theme-switch{grid-column:3;grid-row:1;margin:0!important;justify-self:end}
 #topbar #recordings-open{grid-column:1;grid-row:2;margin:0;width:100%;min-width:0;justify-content:center;font-size:11px;gap:5px;padding:8px 5px}
 #topbar #quick-record{grid-column:2;grid-row:2;width:100%;min-width:0;font-size:11px;gap:5px;padding:8px 5px}
 #topbar #resetwrap{grid-column:3;grid-row:2;margin:0!important;width:100%;min-width:0;flex-wrap:wrap;justify-content:center}
 #topbar #newcall{display:inline-flex!important;width:100%;font-size:11px!important;min-height:35px;padding:7px 5px!important;white-space:normal;line-height:1.2;justify-content:center}
 #topbar #newcall .ic{display:none}#topbar #newcall .lb{display:inline!important}
 #mnavreset{display:none!important}#topbar #undobtn{font-size:11px;padding:5px 8px}#topbar .byline,#topbar #contactbtn{display:none}
 #topbar #tokrow{grid-column:1 / -1;grid-row:3;order:unset;width:100%}
 html[data-theme] .sysbadge{font-size:11px;white-space:normal}
}
html[data-theme] .sysbadge .d{background:currentColor;opacity:1}
/* Disabled controls should still be legible; availability is shown by styling and state. */
#rec-dialog button:disabled{opacity:1;background:#384053;color:#dde4ef;border-color:#6e7b93;cursor:not-allowed}
#quick-record:disabled{opacity:1;background:#8f3449;color:#fff;border-color:#c7788b}
html[data-theme="light"] .workspace-intro h2 span,html[data-theme="light"] body.entry-page h1 span{background:linear-gradient(100deg,#7341a8,#4945aa,#1a57aa);background-clip:text;color:transparent}
html[data-theme] .workspace-page .iu{font-size:11px;font-weight:700}
html[data-theme] .objsearch::placeholder{color:var(--muted);opacity:1}
html[data-theme] .sysbadge,html[data-theme] #rail h2{font-size:11px}
html[data-theme] .railstep .t,html[data-theme] .objcats button,html[data-theme] #drawer .dtabs button{font-size:12px}
html[data-theme] .demo-banner{font-size:11px;line-height:1.55}

/* Visible creator attribution on the entry and overview pages in both layouts. */
.creator-credit{display:block;font:500 15px/1.6 system-ui,sans-serif;color:#b7c2d6;margin:18px 0 22px}
.creator-credit strong{font-weight:750;color:#e7dcff}
html[data-theme="light"] .creator-credit{color:#4f5e78}
html[data-theme="light"] .creator-credit strong{color:#55308c}

/* Keep the classic unlock label readable when overriding a dark OS theme. */
html[data-theme] .entry-page.theme-classic #demo-unlock button{background:#162747;color:#fff}