/* Refine pass, Nov 13 2026 */
/* theme vars mirrored from the hero */
.rd{--ca-page:#FFF7E0;--ca-h1-font:var(--display);--ca-h1-weight:800;--ca-ink:#0F1B2D;--ca-muted:#3A4658;--ca-h1-accent:#0E7490;--ca-accent:#0E7490;--ca-btn:#FFC93C;--ca-btn-ink:#0F1B2D;--ca-bg:#FFFDF6;--ca-side:#FFF5DA;--ca-soft:rgba(34,211,238,.14);--ca-teal:#3DDC97;--ca-gold:#FFC93C;--ca-radius:22px;--ca-line:rgba(15,27,45,.12)}
[data-theme="dark"] .rd{--ca-page:#111A29;--ca-h1:#FFF7E0;--ca-h1-accent:#22D3EE;--ca-text:#C9D2DE;--ca-link:#FFF7E0;--ca-accent:#22D3EE;--ca-accent-ink:#0F1B2D;--ca-bg:#18243A;--ca-side:#141F32}
/* Crayon: approachable, disciplined. Illustrations as occasional accents; no drawn frames around content or controls */
.rd--crayon{--rd-h-weight:800;--rd-step-bg:#0F1B2D;--rd-step-ink:#fff;--rd-eyebrow:#0E7490;background:#FFFDF6;border-top:1px solid rgba(15,27,45,.1)}
[data-theme="dark"] .rd--crayon{background:#13202c;--rd-step-bg:#FFC93C;--rd-step-ink:#0F1B2D;--rd-eyebrow:#67E8F9}
.calm-hero .rv .ca-body{min-height:480px}
/* the one remaining illustration stays small */
.how img,#how img{max-width:220px!important;height:auto!important;animation:none!important;transform:none!important}
/* hand drawn treatments off: offset shadows, tilts, thick outlines, hatching */
:root,html[data-theme="dark"]{--pop:0 1px 2px rgba(15,27,45,.06)!important;--pop-sm:0 1px 2px rgba(15,27,45,.06)!important}
.btn,.btn--sm,.btn--ink,.btn:hover,.btn--ink:hover,html[data-theme="dark"] .btn--ink,html[data-theme="dark"] .btn--ink:hover,.theme-toggle,.sticker--yes,.net__btn--sra,.net__btn--ds,.net__btn--sfp,.film-wrap,.scol--now,.scol--pilot,.scol,.pcard,.pcard--real:hover,.tile__img,.tile:hover .tile__img,.vid{box-shadow:none!important;transform:none!important}
.out,.out:nth-child(2),.out:hover{transform:none!important}
.btn{border-width:1px!important}
.film-wrap,.vid{border-width:1px!important}
.scol,.pcard,.out,.card,.step{border-width:1px!important;border-color:rgba(15,27,45,.14)!important}
[data-theme="dark"] .scol,[data-theme="dark"] .pcard,[data-theme="dark"] .out,[data-theme="dark"] .card,[data-theme="dark"] .step{border-color:rgba(232,238,244,.14)!important}
.pcard--ph,html[data-theme="dark"] .pcard--ph{background:transparent!important;border-style:solid!important}
.top{border-bottom-width:1px!important}
.pill,.pill--next::before,.theme-toggle{border-width:1px!important}