/* styles.css */
:root{color-scheme:dark;--bg:#090f18;--panel:#101a27;--deep:#0c1521;--line:#253348;--text:#f0f5fb;--muted:#a9b8ca;--dim:#8599ae;--cyan:#63d7ff;--blue:#57a7ff;--ring:0 0 0 3px #8ad9ff;--max:1336px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55}
*{box-sizing:border-box}html{min-width:286px;scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button{border:0;background:none}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.14;letter-spacing:-.035em}p+p{margin-top:.65em}svg.ico{width:1.24em;height:1.24em;display:inline-block;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.21em;flex:none}a,button{-webkit-tap-highlight-color:transparent}.skip,.sr{width:1px;height:1px;overflow:hidden;position:absolute;clip-path:inset(50%)}.skip:focus{clip-path:none;width:auto;height:auto;z-index:50;top:14px;left:14px;background:#133652;padding:10px;border-radius:8px}.top{position:sticky;z-index:6;top:0;border-bottom:1px solid var(--line);background:#0a111bed;backdrop-filter:blur(14px)}.top-in{max-width:var(--max);padding:0 38px;margin:auto;height:72px;display:flex;justify-content:space-between;align-items:center}.brand,.head-actions,.search-launch,.nav-launch{display:flex;align-items:center}.brand{gap:8px}.brand img{object-fit:contain}.brand strong{font-size:22px;font-weight:850;letter-spacing:.08em}.word-sep{width:1px;height:21px;background:#3a485a;margin:0 8px}.brand-sub{font-size:14px;color:var(--muted)}.head-actions{gap:8px}.search-launch,.nav-launch{background:#111c2a;border:1px solid #2a394b;border-radius:9px;padding:8px 12px;gap:10px;font-size:13px;color:var(--muted);min-height:39px}.search-launch:hover,.nav-launch:hover{border-color:var(--blue)}.search-launch kbd{background:#1c293a;border:1px solid #33465a;padding:0 6px;border-radius:4px;color:#b6c6d6;font-size:12px}.nav-launch{display:none}
.layout{width:100%;max-width:var(--max);display:grid;grid-template-columns:230px minmax(0,1fr);margin:auto;padding:0 38px;gap:38px}.sidebar{align-self:start;position:sticky;top:72px;border-right:1px solid #1d2a39;padding:34px 20px 30px 0;height:calc(100dvh - 72px);overflow:auto}.nav-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:#aebed1;min-height:42px;margin-bottom:3px;font-size:14px;line-height:1.35;position:relative}.nav-row:hover{color:#fff;background:#152233}.nav-row.active{background:linear-gradient(90deg,#123049,#13304a80);color:#88deff;font-weight:650}.nav-row.active:before{content:"";position:absolute;width:3px;left:0;top:11px;bottom:11px;border-radius:10px;background:var(--cyan)}.nav-caption,.eyebrow{font-weight:700;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--dim)}.nav-caption{margin:29px 12px 11px}.nav-row .ico{width:18px;height:18px}.nav-home{margin-bottom:10px}#main{min-width:0;padding:30px 0 36px;outline:none}.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:var(--dim);font-size:12px;margin:0 0 19px}.crumbs a:hover{color:var(--cyan)}.crumbs .ico{width:13px}.crumbs [aria-current]{color:#bfcedc}
.hero{overflow:hidden;isolation:isolate;position:relative;min-height:282px;display:flex;align-items:center;border:1px solid #29475d;border-radius:22px;background:linear-gradient(105deg,#14293b 0%,#10243a 48%,#0c2337 100%);padding:42px clamp(22px,4vw,55px)}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#72caff55 .9px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent 15%,black 87%);z-index:-1}.hero-copy{max-width:65%;z-index:1}.hero-tag{font-size:12px;font-weight:700;color:#94dfff;display:flex;align-items:center;gap:9px;margin-bottom:12px}.hero-tag:before{content:"";display:block;width:23px;height:2px;background:var(--cyan)}.hero h1{font-size:clamp(36px,4.2vw,62px);max-width:12em;line-height:1.01}.hero p{margin-top:15px;color:#c6d9e8;font-size:16px;max-width:34em}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.btn{border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:8px 15px;font-size:14px;font-weight:650}.btn.primary{background:#66d5ff;color:#082031}.btn.primary:hover{background:#9ee4ff}.btn.ghost{color:#d4e9f6;border:1px solid #3d596c;background:#142c3d}.btn.ghost:hover{border-color:#80bcd7}.hero-art{position:absolute;display:grid;place-items:center;top:50%;right:0;transform:translateY(-50%);width:37%;height:100%;pointer-events:none;z-index:0;background:radial-gradient(ellipse,#288ac244 0%,transparent 65%)}.orbit{position:absolute;inset:50% auto auto 50%;width:88%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #61caff30;border-radius:50%}.orbit.o2{width:69%;border-style:dashed}.orbit.o3{width:110%}.orbit.o1:before,.orbit.o2:after{content:"";position:absolute;top:18%;left:11%;width:7px;height:7px;border-radius:50%;background:#78d8ff;box-shadow:0 0 16px #64d6ff}.orbit.o2:after{top:85%;left:84%;width:5px;height:5px}.hero-art img{width:58%;aspect-ratio:1;object-fit:contain;transform:rotate(-9deg);filter:drop-shadow(0 14px 28px #00121f80)}
.section{margin-top:33px}.section h2,.article h2{font-size:clamp(21px,2.1vw,29px)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.topic{border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#142131,#0f1925);padding:19px 19px 17px;display:flex;flex-direction:column;min-height:163px;position:relative;transition:border-color .15s,transform .15s}.topic:hover{border-color:#4c7e9c;transform:translateY(-2px)}.icon-box{color:var(--cyan);display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:11px;background:#19364a;border:1px solid #284a61}.topic .arrow{position:absolute;top:23px;right:17px;color:#788c9e}.topic h3{font-size:19px;margin-top:16px}.topic p,.link-list p{color:var(--muted);font-size:14px;line-height:1.45;margin-top:6px}.situation{padding:20px 23px 22px;border:1px solid var(--line);border-radius:16px;background:#101b28}.tabs{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 18px}.chip{padding:7px 12px;min-height:38px;border:1px solid #304156;border-radius:8px;color:#b8c7d8;font-size:13px;font-weight:600}.chip[aria-pressed=true]{color:#9be5ff;border-color:#457a95;background:#18374b}.tab-answer{font-size:16px;max-width:50em;color:#d9e7f4}.inline-link{color:var(--cyan);font-weight:600;display:inline-flex;align-items:center;gap:6px;margin-top:9px;font-size:14px}.inline-link:hover{text-decoration:underline}.sitefoot{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--dim);font-size:12px;margin-top:30px;padding-top:15px;border-top:1px solid var(--line)}.sitefoot a{color:#b6c9da}
.article{max-width:900px}.art-head{padding:18px 0 26px;border-bottom:1px solid var(--line)}.art-head .eyebrow{color:var(--cyan);margin-bottom:12px}.art-head h1{font-size:clamp(34px,4.2vw,57px);line-height:1.06;overflow-wrap:anywhere}.lead{font-size:clamp(17px,1.6vw,20px);max-width:41em;color:#c1d0df;margin-top:15px}.share{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:12px;color:var(--dim);padding:6px 0}.share:hover{color:var(--cyan)}.article-section{margin-top:27px;scroll-margin-top:95px}.article h2{margin:0 0 14px}.article section p{color:#c4d2df}.flow,.rows,.choice,.shot-card{border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}.flow-item,.row{display:flex;gap:15px;align-items:flex-start;padding:16px 19px}.flow-item+.flow-item,.row+.row{border-top:1px solid var(--line)}.step{flex:0 0 29px;height:29px;border:1px solid #38677d;background:#153247;color:#92e2ff;display:grid;place-items:center;border-radius:50%;font-size:13px;font-weight:700}.flow h3,.choice h3,.row b{font-size:17px;margin:1px 0 5px}.flow p,.choice p,.row p{font-size:15px}.row{align-items:center;justify-content:space-between}.row strong{font-size:15px;white-space:nowrap;color:#94dfff}.row span{font-size:15px}.progress-fig{margin:0;border:1px solid #2b4b61;border-radius:15px;background:linear-gradient(110deg,#11273a,#111e31);padding:20px}.time-track{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.time-track b{display:block;margin:3px 0 5px;font-size:25px;line-height:1.1}.time-track span{color:var(--muted);font-size:13px}.time-track .line{color:var(--cyan);font-size:21px}.progress-fig figcaption{font-size:13px;color:#c0d0df;border-top:1px solid #294052;margin-top:15px;padding-top:11px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.choice{padding:18px}.choice .icon-box{margin-bottom:13px}.notice{border-left:3px solid #55c5ef;background:#112636;border-radius:0 10px 10px 0;padding:13px 16px;margin:16px 0 0;font-size:15px;color:#cde4ef}.link-list{display:grid;gap:8px}.link-row{display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid var(--line);background:var(--deep);border-radius:11px}.link-row:hover{border-color:#477393}.link-row>.ico:first-child{color:var(--cyan)}.link-row>.ico:last-child{margin-left:auto;color:#83a4be}.link-row strong{font-size:15px}.links-after{padding-top:18px;border-top:1px solid var(--line);margin-top:30px}.status-demo{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.status-demo .tabs{margin-top:0}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:3px 10px;border-radius:20px;color:#91e8c6;background:#13342e;border:1px solid #285046;font-size:12px;font-weight:700}.status-badge:before{content:"";border-radius:50%;width:7px;height:7px;background:currentColor}.status-badge.closed{color:#ffdc9a;border-color:#584930;background:#31291e}.status-example{padding:16px;border:1px solid #32465a;background:#0c1622;border-radius:12px}.status-example h3{margin:12px 0 7px;font-size:21px}.status-demo small{display:block;margin-top:11px;color:var(--dim)}.shot-card{max-width:470px}.shot-card button{display:block;width:100%;padding:0;background:#12191f}.shot-card img{display:block;width:100%;max-height:420px;object-fit:contain}.shot-cap{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;color:#c7d8e7;font-size:13px}
.dialog{padding:0;background:#101a28;color:var(--text);border:1px solid #3a4a60;border-radius:16px;box-shadow:0 24px 90px #0009;max-height:82dvh;width:min(570px,calc(100vw - 24px));overflow:auto}.dialog::backdrop{background:#040810bd;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px 10px;gap:12px}.dialog-head h2{font-size:20px}.dialog-head button{background:#1b283a;border-radius:8px;min-width:34px;min-height:34px}.query{margin:8px 18px;display:flex;align-items:center;gap:10px;background:#0b141f;border:1px solid #43596e;padding:10px 12px;border-radius:9px;color:var(--cyan)}.query input{color:#fff;background:none;border:0;outline:0;width:100%;min-width:0}.query:focus-within{outline:2px solid var(--cyan)}.search-count{margin:13px 20px 4px;font-size:12px;color:var(--dim)}.results{padding:4px 12px 14px}.result{display:flex;align-items:center;gap:12px;padding:11px 9px;border-radius:8px}.result:hover,.result:focus-visible{background:#1b3043}.result span{min-width:0}.result b,.result small{display:block}.result small{color:var(--muted);font-size:13px}.result>.ico{color:var(--cyan)}.no-results{padding:10px;color:var(--muted)}.nav-dialog nav{padding:2px 14px 16px}.photo-dialog{width:min(650px,calc(100vw - 24px))}.photo-dialog>img{display:block;max-width:100%;width:auto;max-height:71dvh;margin:auto;object-fit:contain}.nojs{padding:24px}.empty{padding:30px}.mini{font-size:13px;color:var(--dim)}
@media(min-width:1500px){.layout{grid-template-columns:244px minmax(0,1fr);gap:46px}}
@media(max-width:1040px){.top-in{padding:0 24px}.layout{padding:0 24px;grid-template-columns:195px minmax(0,1fr);gap:24px}.sidebar{padding-right:13px}.topic-grid{gap:9px}.topic{padding:15px}.topic h3{font-size:17px}.hero{padding:30px 26px;min-height:260px}}
@media(max-width:800px){.top-in{height:60px}.layout{display:block;max-width:760px}.sidebar{display:none}.nav-launch{display:flex}.search-launch kbd{display:none}#main{padding-top:19px}.hero h1{font-size:42px}.hero{min-height:240px}.sitefoot{margin-top:25px}.head-actions .search-launch{min-height:38px}.brand strong{font-size:20px}}
@media(max-width:550px){.top-in,.layout{padding-left:16px;padding-right:16px}.brand-sub{font-size:12px}.word-sep{margin:0 3px}.brand{gap:5px}.brand img{width:30px;height:30px}.search-label{display:none}.search-launch,.nav-launch{min-height:38px;min-width:38px;justify-content:center;padding:8px}.crumbs{margin-bottom:14px;font-size:11px}.hero{padding:23px 18px;min-height:0;border-radius:16px;align-items:flex-start}.hero-copy{max-width:none;width:100%}.hero h1{font-size:35px;max-width:74%}.hero p{font-size:14px;max-width:80%}.hero-tag{font-size:11px;margin-bottom:9px}.hero-art{width:30%;height:115px;right:-4%;top:46px;transform:none}.hero-art img{width:84%}.hero-actions{margin-top:16px}.btn{font-size:13px;min-height:40px}.hero .btn.ghost{display:none}.section{margin-top:24px}.topic-grid{grid-template-columns:1fr;gap:8px}.topic{min-height:70px;display:grid;grid-template-columns:40px minmax(0,1fr) 17px;grid-template-rows:auto auto;align-content:center;column-gap:12px;padding:13px}.topic .icon-box{grid-row:1/3;align-self:center}.topic .arrow{position:static;grid-column:3;grid-row:1/3;align-self:center}.topic h3{grid-column:2;grid-row:1;font-size:16px;margin:0}.topic p{grid-column:2;grid-row:2;font-size:13px;margin-top:4px}.section-title{margin-bottom:11px}.situation,.status-demo,.choice{padding:15px}.tabs{gap:5px}.chip{padding:6px 9px;min-height:36px}.choice-grid{grid-template-columns:1fr}.flow-item,.row{padding:13px}.article-section{margin-top:23px}.progress-fig{padding:15px}.time-track{gap:8px}.time-track b{font-size:22px}.sitefoot{font-size:11px}.art-head{padding:8px 0 20px}}
@media(max-width:345px){.brand-sub,.word-sep{display:none}.hero-art{opacity:.66}.hero h1{font-size:30px}.time-track b{font-size:19px}.row{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.hero-art img{height:auto;max-width:100%;min-width:0}
.sidebar{scrollbar-width:thin;scrollbar-color:#2b4257 transparent}.platform-pills{display:flex;gap:8px;flex-wrap:wrap}.platform-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel);padding:8px 12px;border-radius:8px;font-size:14px}.platform-pill .ico{color:var(--cyan)}.platform-pill:hover{border-color:#4c7e9c}.external{margin:15px 0}.shot-card{margin:0}.shot-label{display:block;text-align:left;background:#172838;padding:7px 14px;font-size:12px;line-height:1.4;color:#c6d9e8}.shot-fragment{position:relative;display:block;overflow:hidden;background:#212226}.tab-fragment{aspect-ratio:591/85}.date-fragment{aspect-ratio:591/53}.shot-fragment img{width:100%;height:auto;max-height:none;max-width:none;position:absolute;left:0;top:0;object-fit:fill}.tab-fragment img{transform:translateY(-53.8%)}.date-fragment img{transform:translateY(-94.05%)}.photo-dialog>img[hidden]{display:none}.shot-card button:hover .shot-cap{color:var(--cyan)}.time-track>div{min-width:0}.rows .row strong{white-space:normal;text-align:right;max-width:50%}.topic .arrow{z-index:1}.query input::placeholder{color:#94a8bd}


/* navigation.css */
/* Permanent left navigation; independent of the header and article scroll. */
.sidebar{padding-top:0;overflow:hidden;display:flex;flex-direction:column}
.sidebar-heading{display:flex;align-items:center;gap:10px;flex:none;font-weight:700;font-size:15px;color:#dfedf7;padding:20px 10px 14px}
.sidebar-heading svg{color:var(--cyan);width:19px;height:19px}
#side{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:0 5px 24px 0;scrollbar-width:thin;scrollbar-color:#365168 transparent}
.nav-group{margin:0}.nav-group h3.nav-caption{line-height:1.3;letter-spacing:.085em;color:#8fa7ba;margin:21px 11px 7px}
.nav-row{min-height:35px;padding:7px 10px;margin-bottom:2px}
.edge-rail{display:none}
.nav-dialog{position:fixed;inset:0 auto 0 0;margin:0;width:min(344px,90vw);height:100dvh;max-width:none;max-height:100dvh;border:0;border-right:1px solid #3c5368;border-radius:0 14px 14px 0;overflow:hidden;box-shadow:12px 0 50px #02061088}
.nav-dialog[open]{display:flex;flex-direction:column}
.nav-dialog .dialog-head{flex:none;min-height:66px;padding:15px 16px;border-bottom:1px solid var(--line)}
.nav-dialog #mobile-nav{overflow-y:auto;overscroll-behavior:contain;padding:12px 13px max(24px,env(safe-area-inset-bottom));min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#3b5971 transparent}
.nav-dialog .nav-row{min-height:42px;margin-bottom:1px}
.drawer-open{overflow:hidden}
@media (min-width:650px) and (max-width:800px){
 .layout{display:grid;max-width:var(--max);grid-template-columns:174px minmax(0,1fr);gap:18px}
 .sidebar{display:flex;top:60px;height:calc(100dvh - 60px);padding-right:10px}
 .nav-row{font-size:13px;gap:8px}.hero-copy{max-width:77%}.hero-art{width:26%}
 .topic-grid{grid-template-columns:1fr}.topic{min-height:86px;display:grid;grid-template-columns:42px 1fr 20px;grid-template-rows:auto auto;align-content:center;column-gap:12px}
 .topic .icon-box{grid-column:1;grid-row:1/3;align-self:center}.topic h3{grid-column:2;grid-row:1;margin:0}
 .topic p{grid-column:2;grid-row:2;margin-top:3px}.topic .arrow{position:static;grid-column:3;grid-row:1/3;align-self:center}
}
@media (max-width:649px){
 :root{--rail:48px}
 .sidebar{display:none}.layout{display:block;padding-left:calc(var(--rail) + 14px);padding-right:14px}
 .edge-rail{display:flex;position:fixed;z-index:5;inset:60px auto 0 0;width:var(--rail);padding-top:14px;align-items:center;flex-direction:column;gap:14px;background:#0d1926;border-right:1px solid #263a4c;overflow:auto;scrollbar-width:none}
 .edge-rail::-webkit-scrollbar{display:none}
 .edge-open.nav-launch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#9fe8ff;background:#15384c;border:1px solid #346078;border-radius:9px;min-width:0;width:38px;min-height:0;padding:10px 2px;font-size:14px;font-weight:700;line-height:1}
 .edge-open .ico{width:20px;height:20px}.edge-text{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);letter-spacing:.02em;white-space:nowrap}
 .rail-groups{display:grid;gap:4px;width:100%;justify-items:center}
 .rail-jump{display:grid;place-items:center;width:41px;min-height:42px;border-radius:7px;color:#8da7bc}
 .rail-jump:hover,.rail-jump.is-current{color:var(--cyan);background:#142b3b}
 .section-title{align-items:flex-start}.section-title .inline-link{margin-top:0}
 .topic{grid-template-columns:33px minmax(0,1fr) 14px;column-gap:9px}.topic .icon-box{width:32px;height:32px}
 #main{padding-top:15px}.hero h1{font-size:clamp(29px,7.9vw,37px);max-width:78%}
 .art-head h1{font-size:clamp(28px,7.5vw,39px)}.article h2,.section h2{overflow-wrap:anywhere}
 .row{flex-wrap:wrap;gap:4px 12px}.rows .row strong{max-width:100%}
 .time-track b{font-size:clamp(17px,4.5vw,22px)}.time-track{gap:5px}
}
@media(max-width:360px){:root{--rail:43px}.layout{padding-left:calc(var(--rail) + 10px);padding-right:10px}.hero{padding:18px 14px}.hero p{max-width:100%}.hero-art{display:none}.hero h1{max-width:100%}.art-head h1{overflow-wrap:anywhere}.topic p{font-size:12px}.progress-fig{padding:11px}.btn{padding-inline:12px}}
@media(max-height:540px) and (max-width:649px){.edge-rail{padding-top:5px;gap:5px}.rail-groups{gap:1px}.rail-jump{min-height:31px}}


/* reading.css */
/* PULSE reading surfaces — plain HTML, no third-party assets or tracking. */
:root{--ink-2:#b9cad9;--paper:#101d2a;--rim:#2c4253;--accent:#83ddfa;--soft-teal:#a2ebd1;--soft-amber:#ffdfa7}
:root{font-size:100%}
.layout,#main,.article,.article-section,.hero-copy,.section,.topic,.flow-item>div,.choice,.link-row strong,.time-track>div{min-width:0}
#main,.nav-row,.search-dialog,.nav-dialog{overflow-wrap:anywhere}
.art-head{position:relative;padding-bottom:23px}
.art-head .eyebrow{display:flex;align-items:center;gap:8px;letter-spacing:.095em}
.art-head .eyebrow::before{content:"";width:1.4rem;height:2px;background:var(--cyan)}
.article-section>p{max-width:70ch}
.art-head .share{min-height:38px}.share:focus-visible,.section-jump a:focus-visible{border-radius:5px}
.hero-tag{letter-spacing:.085em;text-transform:uppercase}
.hero h1{font-weight:760;letter-spacing:-.055em}
.hero p{line-height:1.55}
.home-platforms{border-top:1px solid var(--line);padding-top:22px}
.section-title .inline-link{flex-shrink:0;margin-top:0}
.article .rows .row{align-items:baseline}
.row strong,.platform-summary strong,.calculator output,.time-track{font-variant-numeric:tabular-nums}
.choice p,.flow p,.status-example p{line-height:1.55}
.status-pair,.platform-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.status-example{min-width:0;padding:18px;background:linear-gradient(130deg,#14242e,#101b26);border-color:#2b4450}
.status-example.is-closed{background:linear-gradient(130deg,#222528,#151e27);border-color:#41434a}
.enrolment-figure{max-width:340px;margin:0}.enrolment-figure img{display:block;width:100%;height:auto}
.status-example h3{font-size:1.12rem;line-height:1.26}
.status-example p{font-size:.94rem}
.section-jump{margin-top:14px}
.pay-strip{display:flex;align-items:center;gap:clamp(10px,3vw,32px);margin:22px 0;background:linear-gradient(105deg,#122c39,#101e2d);border:1px solid #2e495c;border-radius:14px;padding:18px 21px}
.pay-strip>div{display:flex;align-items:center;gap:12px;min-width:0}.pay-strip>.ico{color:var(--accent);width:1.4rem}
.pay-strip .icon-box{flex:none}.pay-strip b,.pay-strip small,.platform-summary strong,.platform-summary small,.platform-tile small,.platform-tile strong{display:block}
.pay-strip b{font-size:1.18rem;font-weight:710}.pay-strip small,.platform-summary small,.platform-tile small{color:var(--muted);font-size:.8rem;line-height:1.35}
.platform-summary,.platform-tile,.calculator,.message-builder{border:1px solid var(--rim);background:var(--paper);border-radius:14px}
.platform-summary{display:flex;align-items:center;gap:16px;padding:18px 20px;margin:20px 0}
.platform-summary>div+div{border-left:1px solid var(--rim);padding-left:clamp(15px,2.5vw,28px)}
.platform-summary strong{font-size:1.05rem;line-height:1.3;margin-top:4px}
.platform-mark{display:inline-grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:10px;font:750 1.08rem/1 system-ui;color:#d1ebf2;background:#1e3441;border:1px solid #456278}
.platform-mark.map{background:#35262c;color:#ffafa3;border-color:#664048}
.platform-mark.browser{background:#392b23;color:#ffd2a1;border-color:#685044}
.platform-mark.google{background:#1b3147;color:#aacfff;border-color:#355a78}
.platform-mark.gis{background:#14362b;color:#a3f0b7;border-color:#3b604e}
.platform-mark.avito{background:#25263f;color:#cdc3ff;border-color:#4e4c73}
.platform-tile{display:flex;align-items:center;gap:12px;padding:13px 15px;min-height:65px}
.platform-tile>.ico{margin-left:auto;color:#87a4b9;width:17px}
.platform-tile strong{font-size:1rem;line-height:1.3}.platform-tile small{margin-top:3px}
.platform-tile:hover,.platform-pill:hover,.copy-sample:hover{background:#192c3b;border-color:#527d95}
.platform-pills .platform-mark{width:25px;height:25px;flex-basis:25px;border-radius:7px;font-size:.85rem}
.platform-pill{padding:6px 12px 6px 7px;border-radius:10px;min-height:42px}
.platform-selector{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.platform-selector label,.message-builder label,.calculator label{font-weight:650;color:#e1eef8;font-size:.96rem}
select,input[type="datetime-local"]{color:var(--text);background:#0b1621;border:1px solid #435c70;border-radius:9px;min-width:0;max-width:100%;min-height:44px;padding:8px 10px;color-scheme:dark}
select{cursor:pointer}
.photo-instruction{display:flex;align-items:flex-start;gap:13px;margin:16px 0;padding:15px 17px;border:1px solid var(--rim);border-radius:12px;background:var(--paper)}
.photo-instruction h3{margin:0 0 4px;font-size:1rem;line-height:1.35}
.photo-instruction p{line-height:1.47;font-size:.95rem}
.profile-plate{margin:12px 0 0;display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);align-items:center;gap:clamp(16px,3vw,32px);padding:clamp(16px,2.8vw,27px);background:radial-gradient(ellipse at 10% 0,#203747,transparent 65%),#101c28;border:1px solid #365064;border-radius:16px}
.portrait-original{max-width:205px;justify-self:center;width:100%;border:1px solid #3e5261;background:#161e28;border-radius:11px;overflow:hidden;box-shadow:0 8px 20px #0003}
.portrait-original img{display:block;width:100%;height:auto}
.photo-details{min-width:0}.photo-kicker{display:inline-flex;gap:8px;align-items:center;color:#a6e5fd;font-weight:650;font-size:.86rem;margin-bottom:15px}
.detail-part+.detail-part{margin-top:15px}
.detail-part strong{display:block;font-size:.96rem;margin-bottom:7px}
.detail-part .shot-fragment{border:1px solid #414954;border-radius:8px;isolation:isolate}
.detail-part .tab-fragment{aspect-ratio:340/61}
.detail-part .date-fragment{aspect-ratio:340/52}
.detail-part .shot-fragment img{max-width:none;width:173.824%;height:auto;position:absolute;left:0;top:0}
.detail-part .tab-fragment img{transform:translate(-18.61%,-54.8%)}
.detail-part .date-fragment img{transform:translate(-4.75%,-94.2%)}
.simple-shot{margin:15px 0}.simple-shot img{display:block;border-radius:10px;max-width:100%;height:auto}.simple-shot figcaption{color:var(--muted);font-size:.85rem}
.calculator,.message-builder{margin-top:12px;padding:18px 20px}
.calculator label,.message-builder label{display:block;margin-bottom:9px}
.calc-body{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.calculator output{color:#9fe3d4;font-weight:650}.calculator input:placeholder-shown+output{color:var(--muted)}
.calculator small,.message-builder small{display:block;margin-top:10px;color:var(--muted);font-size:.82rem;line-height:1.45}
.message-builder select{width:min(100%,500px)}
.message-builder #sample-message{margin:15px 0 11px;border-left:2px solid #57829a;padding:4px 0 4px 13px;color:#e4eef6;line-height:1.6;max-width:65ch}
.recipient{display:flex;align-items:center;gap:7px;font-size:.85rem;color:var(--accent);margin-top:15px}
.message-builder .recipient+#sample-message{margin-top:7px}
.copy-sample{border:1px solid #426277;background:#173347;color:#c1edff;min-height:40px}
.article .links-after h2{font-size:1.15rem}
.links-after .link-list{display:flex;flex-wrap:wrap;gap:8px}
.links-after .link-row{border-radius:10px;max-width:100%;padding:8px 11px;gap:7px;min-height:42px}
.links-after .link-row strong{font-size:.86rem;font-weight:600}.links-after .link-row>.ico{width:16px}
.links-after .link-row>.ico:last-child{width:12px}
.search-dialog[open]{display:flex;flex-direction:column;overflow:hidden;max-height:min(80dvh,calc(var(--usable-vh,100dvh) - 18px))}
.search-dialog .dialog-head,.search-dialog .query,.search-dialog .search-count{flex:none}
.search-dialog .results{overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#39586b transparent}
.dialog-head button{width:42px;height:42px;flex:none}
.query input{font-size:1rem}
@media(min-width:1024px){.article{max-width:858px}.art-head{padding-top:17px}.hero{min-height:268px}.section{margin-top:29px}}
@media(max-width:860px){.platform-summary,.pay-strip{gap:12px;padding:14px}.pay-strip>div{gap:9px}.pay-strip .icon-box{width:31px;height:31px}.profile-plate{gap:16px}.platform-tiles{gap:8px}}
@media(max-width:649px){
 .edge-rail{padding-bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left)}
 .top-in{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
 .layout{padding-left:calc(var(--rail) + 12px + env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
 .nav-dialog{padding-top:env(safe-area-inset-top);height:var(--usable-vh,100dvh);max-height:100dvh}
 .search-dialog[open]{inset:max(8px,env(safe-area-inset-top)) auto auto 50%;transform:translateX(-50%);margin:0;max-height:calc(var(--usable-vh,100dvh) - 18px - env(safe-area-inset-top))}
 .hero h1{font-size:clamp(1.8rem,7.5vw,2.55rem)}.hero-copy p{font-size:.94rem}
 .status-pair{grid-template-columns:1fr}.status-example{padding:14px 16px}
 .pay-strip{gap:8px;padding:13px 11px;align-items:center}.pay-strip b{font-size:1rem}
 .pay-strip>div{display:block;flex:1}.pay-strip .icon-box{margin-bottom:8px}
 .pay-strip>.ico{width:16px}
 .platform-summary{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px 12px}
 .platform-summary>div+div{grid-column:2;border-left:0;border-top:1px solid var(--rim);padding:9px 0 0}
 .platform-tiles{grid-template-columns:1fr}.platform-tile{min-height:58px}
 .profile-plate{grid-template-columns:1fr;padding:14px}.photo-details{grid-row:1}
 .portrait-original{max-width:180px;justify-self:start}
 .platform-selector{display:grid;gap:6px}.platform-selector select{width:100%}
 .photo-instruction{padding:12px;gap:10px}.photo-instruction .platform-mark{width:27px;height:27px;flex-basis:27px}
 .calculator,.message-builder{padding:14px}
 .calc-body{display:grid;gap:8px}.calculator input{width:100%}
 .message-builder select{white-space:normal}
 .links-after .link-row{padding:8px 10px}
 .search-dialog .query{margin:6px 12px}.search-dialog .dialog-head{padding:8px 12px}.search-dialog .search-count{margin:6px 13px 2px}
 .platform-pills{gap:6px}.platform-pill{flex-shrink:1;font-size:.85rem}
}
@media(max-width:360px){
 .layout{padding-left:calc(var(--rail) + 10px + env(safe-area-inset-left));padding-right:max(9px,env(safe-area-inset-right))}
 .time-track{grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr);gap:4px}
 .time-track .line{font-size:14px}.topic{padding:11px}
 .section-title{flex-wrap:wrap}.sitefoot{flex-wrap:wrap}
}
.home-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.43fr);gap:14px}
.home-head .hero{min-height:295px;padding:clamp(23px,2.8vw,42px);background:radial-gradient(ellipse at 92% 85%,#173d53,transparent 64%),linear-gradient(115deg,#14293b,#0d2033)}
.home-head .hero-art{width:39%;right:-2%;height:100%}
.home-head .hero-copy{max-width:73%}
.home-head .hero h1{font-size:clamp(2.4rem,3.4vw,3.65rem);line-height:1.03;max-width:9em}
.home-head .hero p{max-width:30ch}
.home-platforms{padding:17px 18px;background:linear-gradient(135deg,#162330,#101b27);border:1px solid var(--rim);border-radius:16px}
.home-platforms h2{font-size:1.12rem;letter-spacing:-.025em;margin:0 0 9px}
.home-platforms .platform-pills{display:grid;gap:0}
.home-platforms .platform-pill{border:0;border-radius:0;background:transparent;padding:5px 0;min-height:39px;font-size:.88rem;gap:10px}
.home-platforms .platform-pill+.platform-pill{border-top:1px solid #26394a}
.home-platforms .platform-pill>.ico{margin-left:auto;color:#95abbc;width:12px}
.home-platforms .platform-pill:hover span:not(.platform-mark){color:var(--cyan);text-decoration:underline}
.detail-part .shot-fragment{max-width:100%;background:#212226}
.detail-part .tab-fragment{width:158px;aspect-ratio:158/64}
.detail-part .date-fragment{width:265px;aspect-ratio:265/50}
.detail-part .tab-fragment img{width:374.05%;transform:translate(-29.3%,-54.6%)}
.detail-part .date-fragment img{width:223.02%;transform:translate(-5.58%,-94.42%)}
.profile-plate{grid-template-columns:minmax(120px,200px) minmax(0,1fr);max-width:630px}
@media(min-width:1024px){.home-head .hero-copy{max-width:71%}.home-platforms{display:flex;justify-content:center;flex-direction:column}.home-platforms .platform-pill{min-height:40px}}
@media(max-width:900px){
 .home-head{grid-template-columns:1fr}
 .home-head .hero{min-height:0}.home-platforms{padding:12px 14px}
 .home-platforms .platform-pills{display:flex;flex-wrap:wrap;gap:6px}
 .home-platforms .platform-pill,.home-platforms .platform-pill+.platform-pill{border:1px solid #324352;border-radius:8px;padding:4px 7px;min-height:35px;gap:5px}
 .home-platforms .platform-pill>.ico{display:none}
 .home-platforms .platform-mark{width:21px;height:21px;flex-basis:21px;font-size:.76rem;border-radius:6px}
}
@media(max-width:649px){
 .home-head{gap:11px}.home-head .hero{padding:22px 17px}
 .home-head .hero-copy{max-width:100%}
 .home-head .hero h1{font-size:clamp(1.9rem,7.6vw,2.6rem);max-width:77%}
 .home-head .hero p{max-width:83%}
 .home-head .hero-art{width:26%;height:90px;right:-2%;top:40px}
 .home-platforms h2{font-size:.94rem}.home-platforms .platform-pill{font-size:.79rem}
 .profile-plate{grid-template-columns:1fr;gap:13px}.portrait-original{max-width:195px;justify-self:center}
 .photo-details{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start}
 .photo-details .photo-kicker{margin-bottom:10px}
 .detail-part{width:100%}.detail-part+.detail-part{margin-top:11px}
 .detail-part .tab-fragment{width:142px}.detail-part .date-fragment{width:238px}
}
@media(max-width:360px){.home-head .hero h1,.home-head .hero p{max-width:100%}}
.article-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;min-height:36px}
.article-tools .crumbs{margin:0;font-size:.8rem}
.article-tools .share{margin:0;flex:none;min-height:38px;padding:5px 9px;border:1px solid #304353;border-radius:8px}
.article-tools .share:hover{border-color:#55798b}
.start-route{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(14px,2.3vw,26px)}
.start-route .article-section h2{font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.2}
.start-route .enrolment-figure{width:100%;max-width:265px}
.moderation-table{background:var(--paper);border:1px solid var(--rim);border-radius:12px;overflow:hidden}
.moderation-table table{width:100%;border-collapse:collapse;table-layout:fixed}
.moderation-table th,.moderation-table td{text-align:left;padding:0 16px;border-bottom:1px solid var(--line);font-weight:500}
.moderation-table thead th{background:#142333;color:#adc1cf;font-size:.77rem;padding-block:9px}
.moderation-table tr:last-child td,.moderation-table tbody tr:last-child th{border-bottom:0}
.moderation-table th:first-child{width:61%}.moderation-table th:nth-child(2),.moderation-table td{text-align:right}
.moderation-table td{color:#a2e8ff;font-weight:650;font-size:.94rem;line-height:1.3;font-variant-numeric:tabular-nums}
.moderation-table a{display:flex;align-items:center;gap:9px;min-height:45px;font-size:.96rem}
.moderation-table a:focus-visible{outline-offset:-2px}
.moderation-table a>.ico{width:12px;color:#829bad}
.moderation-table a:hover{color:var(--cyan)}
.moderation-table .platform-mark{width:24px;height:24px;flex-basis:24px;font-size:.83rem;border-radius:7px}
.article .table-note{margin:9px 1px;color:var(--muted);font-size:.83rem;line-height:1.5}
.progress-fig .example-caption{padding:0 0 10px;margin:0 0 12px;border:0;border-bottom:1px solid #385265;color:#a8dff3;font-size:.83rem;font-weight:650}
.search-presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.search-presets button{color:#bceaff;background:#162f40;border:1px solid #395668;border-radius:8px;font-size:.88rem;padding:6px 11px;min-height:40px}
@media(max-width:850px){.start-route{grid-template-columns:1fr}.start-route .enrolment-figure{max-width:330px}}
@media(max-width:649px){
 .art-head{padding-top:0}
 .article-tools{margin-bottom:13px;gap:4px}
 .article-tools .share span{display:none}
 .article-tools .share{min-width:38px;color:#b0c8d9}
 .edge-open.nav-launch{width:calc(var(--rail) - 4px);gap:4px;padding:9px 1px;min-height:57px}
 .edge-text{writing-mode:horizontal-tb;transform:none;white-space:normal;font-size:10.5px;line-height:1.15;letter-spacing:0;font-weight:650}
 .home-head .hero h1{text-wrap:balance}
 .moderation-table th,.moderation-table td{padding-inline:9px}
 .moderation-table a{font-size:.88rem;gap:5px}
 .moderation-table td{font-size:.87rem}
 .moderation-table .platform-mark{width:20px;height:20px;flex-basis:20px;font-size:.72rem}
}


/* guide.css */
/* Shared layout for the pinned channel menu and its articles. */
.top .edge-open{display:none}
.guide-home{max-width:1040px}
.guide-heading{display:flex;align-items:center;gap:13px;margin:4px 0 20px}
.guide-heading h1{font-size:clamp(1.9rem,3.5vw,3rem);font-weight:750;letter-spacing:-.05em;line-height:1.05}
.brand-stroke{width:5px;height:2.3rem;border-radius:10px;background:linear-gradient(180deg,#61effe,#4676ff)}
.pin-board{display:grid;grid-template-columns:minmax(195px,.7fr) minmax(0,1.5fr);gap:0;border:1px solid #304a60;background:#101c2b;border-radius:19px;overflow:hidden;isolation:isolate}
.start-cover{position:relative;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;min-height:205px;border-right:1px solid #31506a;background:#06192b;gap:12px;padding:clamp(18px,2.4vw,30px);color:#fff}
.start-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#071627 2%,#07162724 59%,transparent),url('./assets/brand-flow.webp') center/cover}
.start-art::after{position:absolute;content:"";inset:7% 12% 25%;background:url('./assets/brand-art.webp') center/contain no-repeat;filter:drop-shadow(0 12px 18px #00122480)}
.cover-title{font-size:clamp(1.3rem,2vw,1.7rem);font-weight:700;letter-spacing:-.03em}
.cover-cue{display:grid;place-items:center;margin-left:auto;border-radius:50%;width:38px;height:38px;flex:none;background:#79dcff;color:#062940}
.cover-cue svg{width:18px}.pin-links{padding:10px 17px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:17px}
.pin-link{display:flex;align-items:center;gap:10px;border-bottom:1px solid #293c4e;min-height:53px;font-size:.93rem;font-weight:580;line-height:1.3;color:#dfeef8;padding:7px 4px}
.pin-link:nth-last-child(-n+2){border-bottom:0}
.pin-link>svg:first-child{color:#89d9fc;width:18px}.pin-link>svg:last-child,.brand-links a>svg:last-child{margin-left:auto;color:#82aec8;width:13px}
.pin-link:hover,.pin-link:focus-visible,.brand-links a:hover,.platform-tile:hover,.related-row .link-row:hover{color:#b1edff;background:#183043}
.pin-board a:focus-visible{outline-offset:-3px}
.platform-hub{margin-top:27px}.hub-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.hub-head h2{font-size:clamp(1.16rem,1.7vw,1.5rem)}.hub-more{display:flex;align-items:center;gap:7px;color:#8edfff;font-size:.87rem;font-weight:640;min-height:36px}
.brand-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.brand-links a{display:flex;align-items:center;flex-wrap:wrap;gap:8px 7px;background:#101e2b;border:1px solid #2e4355;border-radius:12px;min-height:76px;padding:12px;font-size:.87rem;line-height:1.25}
.brand-links a>span{flex:1 0 100%;order:2;font-weight:620}
img.platform-mark{border:0;object-fit:contain;box-shadow:0 0 0 1px #ffffff15;display:inline-block;background:transparent;color:transparent;width:32px;height:32px;flex:0 0 auto;border-radius:8px}
.nav-row img.platform-mark{width:19px;height:19px;border-radius:5px}
.platform-tile>strong{min-width:0}.platform-tile .ico{margin-left:auto}
.art-head{border-bottom:0;padding:0 0 4px}
.article .art-head h1{font-size:clamp(1.9rem,3.8vw,3.05rem);line-height:1.1;letter-spacing:-.044em;max-width:21ch;text-wrap:balance}
.art-head h1 img.platform-mark{height:.92em;width:.92em;vertical-align:-.055em;margin-right:.29em;border-radius:.2em}
.article .lead{font-size:clamp(1rem,1.4vw,1.14rem);max-width:61ch;margin-top:13px;line-height:1.55}
.article-tools{margin-bottom:14px}
.article-tools .share{display:grid;place-items:center;min-width:37px;min-height:37px}
.article h2{font-size:clamp(1.12rem,1.75vw,1.5rem);line-height:1.25;margin-bottom:10px}
.article-section{margin-top:20px}
.article-section p{line-height:1.57;max-width:63ch}
.channel-art{margin:20px 0 0;max-width:680px;border-radius:13px;overflow:hidden;border:1px solid #28415a;background:#071522}
.channel-art img{display:block;width:100%;height:auto}
.related-row{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 0}
.related-row .link-row,.external .inline-link{font-size:.88rem;background:#132838;border:1px solid #35566a;color:#c7ecff;border-radius:9px;min-height:41px;padding:8px 13px}
.related-row .link-row strong{font-size:inherit;font-weight:620}.external{margin:14px 0}
.article .platform-selector{gap:9px}.platform-selector select{cursor:pointer;border-color:#4b758f}
.article .photo-instruction{background:none;border:0;border-radius:0;padding:0;gap:0}
.photo-instruction p{max-width:59ch}
.article .platform-selector{display:flex;align-items:center;gap:9px}
.article .platform-selector select{max-width:15rem;flex:0 1 auto;width:auto;padding-inline:10px 18px}
#shot-brand{display:flex}.article .shot-direction{margin:10px 0;font-size:.94rem}
.payment-story{margin:18px 0 22px;padding:15px 17px 17px;border:1px solid #355167;border-radius:14px;background:linear-gradient(115deg,#132a3a,#142337 66%,#112b31)}
.payment-story figcaption{font-size:.79rem;color:#b3c7d9;font-weight:600;margin-bottom:10px}
.payment-story ol{list-style:none;margin:0;padding:0;display:grid;gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.payment-story li{position:relative;display:grid;justify-items:start;align-content:start;min-width:0;padding-right:9px}
.payment-story li>svg{display:block;width:31px;height:31px;padding:6px;border-radius:9px;color:#80dfff;background:#163b50;border:1px solid #396079;z-index:1}
.payment-story li:not(:last-child)::before{content:"";position:absolute;left:36px;right:5px;top:15px;height:1px;background:linear-gradient(90deg,#4d819c,#2a4b60)}
.payment-story li:last-child>svg{background:#133831;color:#99edc8;border-color:#376c58}
.milestone-day{display:block;font-weight:730;font-size:clamp(1.05rem,2vw,1.43rem);color:#f3fbff;margin-top:7px;letter-spacing:-.03em}
.payment-story strong{font-size:.86rem;font-weight:540;color:#c8dbea;line-height:1.25}
.sitefoot{font-size:.73rem;margin-top:27px;color:#91a6ba}
@media(pointer:fine) and (prefers-reduced-motion:no-preference){
 .pin-link,.brand-links a,.related-row a,.platform-tile,.nav-row,.cover-cue,.start-art,.pin-link>svg:last-child,.hub-more svg,.brand-links a>svg:last-child{transition:background-color .16s,border-color .16s,transform .18s,color .16s}
 .start-cover:hover .cover-cue{transform:translateX(3px);background:#a8edff}.start-cover:hover .start-art{transform:scale(1.025)}
 .pin-link:hover>svg:last-child,.brand-links a:hover>svg:last-child,.hub-more:hover svg{transform:translateX(3px)}
}
@media(max-width:980px){.pin-board{grid-template-columns:minmax(145px,.65fr) minmax(0,1.6fr)}.pin-links{padding-inline:11px;column-gap:10px}.pin-link{gap:6px;font-size:.85rem}.brand-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:650px) and (max-width:800px){.pin-board{grid-template-columns:1fr}.start-cover{min-height:88px;border-right:0;border-bottom:1px solid #31506a}.start-art::after{inset:8% 10% 7% 55%}.brand-links a{min-height:48px}.brand-links a>span{order:0;flex:1}}
@media(max-width:649px){
 :root{--safe-top:env(safe-area-inset-top,0px)}
 html{scroll-padding-top:calc(68px + var(--safe-top));overscroll-behavior-y:none}
 .top{position:sticky;inset:0 0 auto;z-index:8;padding-top:var(--safe-top);background:#0a1420;backdrop-filter:none}
 .top-in{display:flex;align-items:center;gap:10px;justify-content:space-between;height:58px;padding:0 max(13px,env(safe-area-inset-right)) 0 max(13px,env(safe-area-inset-left))}
 .top .edge-open.nav-launch{display:inline-flex;flex:none;align-items:center;justify-content:center;flex-direction:row;gap:6px;width:auto;min-width:0;min-height:42px;background:#17364a;color:#a8e9ff;border:1px solid #395c73;border-radius:9px;padding:7px 11px}
 .top .edge-text{writing-mode:horizontal-tb;transform:none;white-space:nowrap;font-size:.84rem;line-height:1.25;letter-spacing:0}
 .top .edge-open .ico{height:18px;width:18px}.top .head-actions{margin-left:auto}
 .top .brand-sub,.top .word-sep{display:none}.top .brand{margin-right:auto;gap:4px}.top .brand strong{font-size:1.03rem}.top .brand img{width:25px;height:25px}
 .layout{padding:0 max(15px,env(safe-area-inset-right)) 0 max(15px,env(safe-area-inset-left));max-width:100%}
 #main{padding-top:16px;padding-bottom:20px}.guide-heading{margin:1px 0 13px;gap:9px}.brand-stroke{height:1.7rem;width:4px}
 .guide-heading h1{font-size:clamp(1.68rem,6.4vw,2.4rem)}
 .pin-board{grid-template-columns:1fr;border-radius:14px}
 .start-cover{min-height:105px;align-items:center;padding:18px 16px;border-right:0;border-bottom:1px solid #304a60}
 .start-art::after{inset:7% 13% 7% 57%}.cover-title{z-index:1;font-size:1.38rem}.cover-cue{width:32px;height:32px}
 .pin-links{padding:3px 10px;gap:0 8px}.pin-link{font-size:.83rem;min-height:48px;gap:5px}.pin-link>svg:first-child{width:16px}.pin-link>svg:last-child{width:11px}
 .platform-hub{margin-top:18px}.brand-links{display:flex;flex-wrap:wrap;gap:7px}.brand-links a{min-height:43px;flex:1 1 auto;padding:6px 8px;flex-wrap:nowrap;font-size:.83rem}.brand-links a>span{order:0;flex:0 1 auto}
 .brand-links img.platform-mark{width:23px;height:23px;border-radius:6px}
 .article .art-head h1{font-size:clamp(1.8rem,6.5vw,2.4rem)}.article .lead{font-size:1rem}
 .payment-story{padding:12px}.payment-story strong{font-size:.8rem}
 .related-row{margin:17px 0 0}.related-row .link-row{min-height:41px}
}
@media(max-width:360px){.layout{padding-inline:12px}.pin-link>svg:first-child{display:none}.pin-link{font-size:.85rem}.brand-links a>svg:last-child{display:none}}
.channel-art picture{display:block}
@media(max-width:649px){
 .top-in{height:auto;min-height:58px;padding-block:6px;display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr) auto;gap:8px}
 .top .edge-open.nav-launch{min-width:0;max-width:100%;height:auto;white-space:normal}
 .top .edge-text{white-space:normal;overflow-wrap:anywhere}
 .top .brand{min-width:0;max-width:100%;overflow:hidden;margin:0}
 .top .brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .top .brand img,.top .head-actions{flex:none}.top .search-launch{min-width:40px}
 .article[data-page=start] .channel-art{max-width:375px}

}
@media(max-width:360px){.top .brand strong{display:none}}

/* The actual account screen leads the example. Insets explain just the two details. */
.hub-index{display:inline-flex;align-items:center;color:inherit;min-height:36px}
.hub-index:hover,.hub-index:focus-visible{text-decoration:underline;text-decoration-color:var(--cyan);text-underline-offset:4px}
/* The home page follows the width of the reading pane, including beside the index. */
.guide-home {
 container-type:inline-size;
 --directory-line:#293c50;
 --directory-muted:#adc2d5;
}
.first-task {
 position:relative;
 isolation:isolate;
 overflow:hidden;
 border:1px solid #375777;
 border-radius:18px;
 background:linear-gradient(110deg,#112a42 0%,#0c2036 64%,#0a1a30);
}
.first-copy {position:relative;z-index:1;padding:clamp(22px,3.2cqw,34px);max-width:65%}
.guide-kicker {
 display:flex;align-items:center;gap:9px;
 color:#9adfff;font-size:.73rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
}
.guide-kicker>span {width:20px;height:3px;background:#74d9ff;box-shadow:5px -4px 0 -1px #4f94e7}
.first-copy h1 {font-size:clamp(2.2rem,5.8cqw,3.7rem);line-height:1.04;letter-spacing:-.055em;margin:10px 0 9px;font-weight:720}
.first-hint {font-size:1rem;color:#c7d9e9;max-width:42ch;line-height:1.45;text-wrap:pretty}
.first-action {
 display:inline-flex;align-items:center;gap:24px;min-height:44px;margin-top:18px;
 padding:9px 18px;border:1px solid #a3e9ff;border-radius:8px;
 background:#80dcff;color:#08253b;font-size:1rem;font-weight:700;line-height:1.35;
}
.first-action .ico {width:19px}
.first-action:hover {background:#b3edff}
.first-action:focus-visible {outline:3px solid #ecfaff;outline-offset:4px}
.pulse-graphic {
 position:absolute;inset:0 0 0 56%;display:grid;place-items:center;pointer-events:none;
 background:linear-gradient(90deg,#0f243a,transparent 28%),url('./assets/brand-flow.webp') center/cover;
 mask-image:linear-gradient(90deg,transparent,#000 24%);
}
.pulse-graphic::before {
 content:"";position:absolute;inset:0;
 background-image:linear-gradient(#72baff15 1px,transparent 1px),linear-gradient(90deg,#72baff15 1px,transparent 1px);
 background-size:23px 23px;
}
.pulse-orbit {
 position:relative;width:min(72%,217px);aspect-ratio:1;display:grid;place-items:center;
 border:1px solid #83cbff66;border-radius:50%;background:radial-gradient(circle,#2479b344,transparent 65%);
}
.pulse-orbit::before,.pulse-orbit::after {content:"";position:absolute;border-radius:50%}
.pulse-orbit::before {inset:7%;border:1px dashed #6eb5e666}
.pulse-orbit::after {inset:-14%;border:1px solid #70b4f12c}
.pulse-orbit img {display:block;width:78%;height:auto;filter:drop-shadow(0 8px 16px #001526)}
.directory {margin:24px 0 0}
.directory-title,.platform-hub h2 {font-size:1.35rem;font-weight:680;letter-spacing:-.028em}
.directory-title {margin:0 0 12px}
.directory-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.directory-section {
 min-width:0;overflow:hidden;border:1px solid var(--directory-line);
 border-radius:12px;background:#101c2a;
}
.chapter-heading {
 position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:12px;
 min-height:47px;padding:10px 17px;border-bottom:1px solid var(--directory-line);
 background:linear-gradient(105deg,#183249,#14283b);
}
.chapter-number {
 flex:none;color:#9fdcf9;font:600 .75rem/1.2 ui-monospace,Consolas,monospace;letter-spacing:.05em;
 border-right:1px solid #4b697c;padding-right:11px;
}
.chapter-heading h3 {position:relative;z-index:1;font-size:1.1rem;line-height:1.25;font-weight:660;letter-spacing:-.023em}
.topic-name {flex:1;min-width:0}
.topic-art {width:36px;height:32px;flex:none;margin-block:-3px;pointer-events:none}
.art-intervals {
 display:grid;place-items:center;
 background:url('./assets/interval-art.webp') 84% center/auto 100% no-repeat;
 mask-image:radial-gradient(ellipse,#000 50%,transparent 76%);filter:brightness(2.2);
}
.art-admins {background:url('./assets/admins-art.webp') center/contain no-repeat;mix-blend-mode:lighten}
.chapter-links {--row-inset:17px}
.directory-link {
 display:flex;align-items:center;justify-content:space-between;gap:10px;
 min-height:44px;padding:9px var(--row-inset);color:#e4eff9;font-size:.97rem;line-height:1.35;
}
.directory-link+.directory-link {border-top:1px solid #263647}
.directory-link .ico {width:14px;height:14px;color:#90b3cd}
.directory-link .art-intervals .ico {width:17px;height:17px;color:#77bddb}
.directory-link:hover,.directory-link:focus-visible {color:#97e4ff;background:#172d40}
.directory-link:focus-visible {outline:2px solid var(--cyan);outline-offset:-3px}
.directory-link:last-child {border-radius:0 0 11px 11px}
.guide-home .platform-hub {margin-top:24px}
.guide-home .hub-head {gap:8px 14px;margin-bottom:9px;flex-wrap:wrap}
.guide-home .hub-more {white-space:normal;line-height:1.3;min-height:40px}
.guide-home .brand-links {--brand-columns:5;display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
.guide-home .brand-links a {flex:0 0 calc((100% - (var(--brand-columns) - 1)*7px)/var(--brand-columns));min-width:0;min-height:48px;flex-wrap:nowrap;padding:8px 10px;border-radius:9px}
.guide-home .brand-links a>span {flex:1;order:0}
.guide-home .brand-links img {width:24px;height:24px;border-radius:6px}
.guide-home .brand-links a>.ico {display:none}
@container (max-width:690px) {
 .directory-grid {gap:10px}
 .chapter-heading {padding-inline:12px;gap:8px}
 .chapter-number {padding-right:8px}
 .chapter-links {--row-inset:13px}
 .guide-home .brand-links {--brand-columns:3}
}
@container (max-width:540px) {
 .first-copy {max-width:none;padding:20px}
 .first-copy h1 {max-width:6.6em;font-size:clamp(1.95rem,8.25cqw,2.65rem);margin:10px 0 8px}
 .first-hint {position:relative;max-width:70%;font-size:.94rem}
 .first-action {margin-top:16px;min-height:48px;width:100%;justify-content:space-between}
 .pulse-graphic {inset:0 0 0 auto;width:42%;align-items:start;padding-top:20px}
 .pulse-orbit {width:82%}
 .directory {margin-top:20px}
 .directory-title,.platform-hub h2 {font-size:1.22rem}
 .directory-grid {grid-template-columns:minmax(0,1fr);gap:10px}
 .chapter-heading {min-height:44px;padding-inline:14px}
 .chapter-links {--row-inset:15px}
 .directory-link {font-size:.98rem;min-height:44px}
 .guide-home .brand-links {--brand-columns:2}
}
@container (max-width:355px) {
 .first-copy {padding:17px}
 .first-copy h1 {max-width:6em}
 .first-hint {max-width:82%}
 .pulse-graphic {width:39%;padding-top:20px;bottom:auto;height:120px;mask-image:linear-gradient(90deg,transparent,#000 24%),linear-gradient(0deg,transparent,#000 20%);mask-composite:intersect}
}
@media (prefers-reduced-motion:no-preference) and (pointer:fine) {
 .first-action,.directory-link {transition:background-color .15s,color .15s}
}
.profile-plate{display:grid;grid-template-columns:minmax(175px,248px) minmax(0,1fr);grid-template-areas:"title title" "screen notes";align-items:center;max-width:636px;gap:15px 27px;margin:13px 0 0;padding:19px 23px 22px}
.example-heading{grid-area:title;display:flex;align-items:center;gap:8px;color:#c4eefe;font-size:.92rem;font-weight:660}
.example-heading .ico{color:#79d7ff}
.profile-plate .portrait-original{grid-area:screen;max-width:248px;position:relative;width:100%;justify-self:center;line-height:0;overflow:hidden}
.profile-plate .portrait-original>img{width:100%;height:auto}
.profile-plate .photo-details{grid-area:notes;display:grid;grid-template-columns:1fr;align-content:center;gap:22px;justify-items:start}
.profile-plate .detail-part{width:100%;min-width:0;margin:0}
.detail-dot,.profile-plate strong i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:100%;background:#85dcfb;color:#082336;font:700 .76rem/1 system-ui;box-shadow:0 0 0 2px #0e2231}
.detail-dot{position:absolute;right:6px;pointer-events:none}
.dot-tab{top:57%;transform:translateY(-50%)}.dot-date{bottom:1.1%}
.profile-plate .detail-part strong{font-size:.92rem;display:flex;align-items:center;gap:8px;line-height:1.25;margin:0 0 9px}
.profile-plate .shot-fragment{max-width:100%}
.profile-plate .date-fragment{width:148px;aspect-ratio:148/42}
.profile-plate .date-fragment img{width:399.325%;transform:translate(-27.5%,-95.0%)}
.profile-plate .tab-fragment{width:158px;aspect-ratio:158/64}
@media(max-width:649px){
 .article[data-page=screens] .lead{margin-top:9px}
 .article[data-page=screens] .article-section{margin-top:14px}
 .article[data-page=screens] .shot-direction{margin:8px 0}
 .profile-plate{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "screen" "notes";padding:13px;gap:12px;max-width:430px}
 .profile-plate .portrait-original{max-width:min(76%,260px);border-radius:10px}
 .profile-plate .photo-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;padding-top:4px}
 .profile-plate .detail-part strong{font-size:.83rem;align-items:flex-start;gap:6px}
 .profile-plate strong i{width:16px;height:16px;flex:none;font-size:.62rem}
 .hub-head{align-items:center}
}

/* Keep the navigation independent from the pane that centers the reading column. */
@media(min-width:1400px){
 :root{--max:1920px}
 .layout,.top-in{padding-inline:clamp(40px,3vw,64px)}
 .layout{grid-template-columns:clamp(240px,15vw,286px) minmax(0,1fr);gap:clamp(34px,2.8vw,60px)}
 .article .art-head h1{max-width:36ch}
}
.guide-list{padding-left:1.3em;margin:6px 0;color:#ccdae8;max-width:70ch}
.guide-list li{padding-left:4px;margin-block:6px}
.guide-list li::marker{color:#87d8fb}
.compact-platforms{display:flex;flex-wrap:wrap;gap:7px}
.compact-platforms .platform-tile{display:flex;min-height:42px;align-items:center;gap:7px;padding:6px 10px;border-radius:8px}
.compact-platforms img.platform-mark{width:22px;height:22px}.compact-platforms .platform-tile strong{font-size:.9rem}
.platform-aside{margin-top:10px;color:var(--muted)}
.safety-note{display:flex;align-items:flex-start;gap:10px;margin:16px 0;padding:13px 15px;max-width:70ch;border-left:3px solid #ff7880;border-radius:4px;background:#371e2b;color:#ffd8dd}
.safety-note svg{margin-top:3px}
.article[data-page=pay] .external .inline-link,.article[data-page=admins] .external .inline-link{background:#8addff;color:#092138;padding:9px 15px;min-height:44px}
.status-guide{max-width:min(100%,265px);margin-top:16px}
.status-guide img{height:auto;border-radius:10px}
.status-guide figcaption{font-size:.8rem;margin-top:5px;color:var(--muted)}
.review-checks{margin:0;display:grid;gap:0;border-block:1px solid var(--line)}
.review-checks>div{padding:12px 0;display:grid;grid-template-columns:145px 1fr;gap:14px}
.review-checks>div+div{border-top:1px solid var(--line)}.review-checks dt{font-weight:650;display:flex;align-items:flex-start;gap:7px}
.review-checks img.platform-mark{width:22px;height:22px;border-radius:5px}
.review-checks dd{max-width:67ch;margin:0;color:#c4d4e3;line-height:1.5}
.review-checks dd a{display:inline-flex;align-items:center;gap:3px;color:#91deff;font-size:.85rem;text-decoration:underline;text-underline-offset:3px}
.review-checks dd a .ico{width:12px}.interval-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:4px}
@media(max-width:800px){.review-checks>div{grid-template-columns:1fr;gap:5px}}

.rule-details,.archive-rates{max-width:76ch;margin:12px 0 0;border-top:1px solid var(--line)}
.rule-details div{padding:10px 0;border-bottom:1px solid var(--line)}
.rule-details dt{color:#e2edf8;font-weight:650}.rule-details dd{margin:3px 0 0;color:#c4d4e3;line-height:1.5;max-width:66ch}
.archive-rates{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
.archive-rates th,.archive-rates td{border-bottom:1px solid var(--line);padding:7px 10px;text-align:left;font-size:.94rem}
.archive-rates thead th{background:#162b3e;color:#bad7e9;font-size:.82rem}
.archive-rates tbody th{font-weight:550}.archive-rates td,.archive-rates th:last-child{text-align:right}



#main{--reading-column:48rem;--home-column:72rem}
#main>.article,#main>.empty,#main>.sitefoot{
 width:min(100%,var(--reading-column));max-width:none;margin-inline:auto;
}
#main>.guide-home,#main>.guide-home+.sitefoot{
 width:min(100%,var(--home-column));max-width:none;margin-inline:auto;
}
@media(min-width:650px){
 .layout{max-width:none;column-gap:0;padding-inline-end:0}
 #main{padding-inline:clamp(18px,2.35vw,44px)}
 .article .channel-art{width:100%;max-width:none}
}
.article .profile-plate,.article .status-guide,.article .channel-art{margin-inline:auto}
.article .safety-note,.article .rule-details,.article .archive-rates{max-width:100%}
@media(min-width:1024px){
 .compact-platforms .platform-tile{flex:1 1 auto;justify-content:center}
 .compact-platforms .platform-tile>.ico{display:none}
}
#moderation-checks:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:3px}

/* Repeating targets own their padding, so their focus and pointer areas agree. */
.moderation-table tbody th:first-child{padding:0}
.moderation-table tbody a{padding-inline:16px}
.moderation-table tbody a:hover,.moderation-table tbody a:focus-visible{background:#172d40}
:is(.platform-tile,.brand-links a,.related-row a,.nav-row,.result,.moderation-table a):focus-visible{outline:2px solid var(--cyan);outline-offset:-3px}
.compact-platforms{justify-content:center}
@media(max-width:649px){
 .compact-platforms{--columns:2;display:flex;gap:7px}
 .compact-platforms .platform-tile{min-width:0;flex:0 0 calc((100% - (var(--columns) - 1)*7px)/var(--columns));justify-content:center;gap:5px;padding:6px}
 .compact-platforms .platform-tile>.ico{display:none}
 .moderation-table tbody a{padding-inline:9px}
}
@media(min-width:490px) and (max-width:649px){.compact-platforms{--columns:3}}
.steps-mobile{display:none}
@media(max-width:649px){
 .article[data-page=start] .first-steps{max-width:none}
 .first-steps .steps-landscape{display:none}
 .steps-mobile{display:block;padding:16px;background:#102337}
 .steps-mobile h2{margin:0 0 9px}
 .steps-mobile ol{margin:0;padding:0;list-style:none;counter-reset:step}
 .steps-mobile li{counter-increment:step;display:flex;align-items:baseline;gap:12px;padding:8px 0;color:#edf5fb;font-size:1rem;line-height:1.4}
 .steps-mobile li+li{border-top:1px solid #2a4358}
 .steps-mobile li::before{content:counter(step,decimal-leading-zero);min-width:2ch;color:#90dcfb;font:600 .86rem/1.5 Consolas,monospace}
}
.recruit-demo{margin:20px 0 0}
.recruit-demo figcaption{font-weight:680;color:#cce8f9;margin-bottom:10px}
.demo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.demo-pair section{min-width:0;padding:16px 18px;border:1px solid #345169;border-top:3px solid #6bd4fc;border-radius:12px;background:#102236}
.demo-pair section+section{border-top-color:#8c9eb4;background:#141f2c}
.demo-pair section h2{font-size:1.2rem}
.demo-status,.demo-pair dt{font-size:.85rem;color:#b4cbdb}
.demo-pair dl{margin:10px 0 0}.demo-pair dd{margin:1px 0 9px;color:#eff7fc}.demo-pair dd:last-child{margin-bottom:0}
.demo-previous{padding-top:9px;border-top:1px solid #334354}
@media(max-width:760px){.demo-pair{grid-template-columns:1fr}.demo-pair section{padding:13px 15px}}
.article[data-page=screens] .profile-plate{width:100%;max-width:none}
.article[data-page=screens] .platform-selector,.article[data-page=screens] .example-heading{justify-content:center}
.article[data-page=screens] .shot-direction{margin:10px auto;text-align:left;width:fit-content;max-width:100%}
.article[data-page=screens] .photo-details{justify-items:center}
.article[data-page=screens] .photo-details .detail-part{max-width:210px}
.text-link{color:#95e0ff;text-decoration:underline;text-underline-offset:3px}
.section-jump .inline-link,.article[data-page=prices] .related-row a{border:1px solid #91dbfc;background:#8addff;color:#092138;min-height:44px;border-radius:8px;padding:9px 16px}
.article[data-page=admins] .external .inline-link{width:100%;min-height:50px;justify-content:center;font-size:1rem}
.article-support{display:flex;justify-content:center;margin:21px 0 0}
.support-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 14px;border:1px solid #4e788d;border-radius:9px;background:#173348;color:#cef0ff;font-size:.95rem;font-weight:640}
.support-action .ico:last-child{width:15px}
.support-action:hover,.support-action:focus-visible{background:#224b63}
.article .interval-footer{display:flex;justify-content:center}
.rule-groups details,.rate-transcript{border:1px solid #314859;border-radius:9px;background:#101e2c}
.rule-groups details+details{margin-top:7px}
.rule-groups summary,.rate-transcript summary{cursor:pointer;min-height:44px;padding:10px 14px;font-weight:630;color:#c9e9fb}
.rule-groups summary:hover,.rate-transcript summary:hover{background:#1a344a;border-radius:9px}
.rule-groups summary:focus-visible,.rate-transcript summary:focus-visible{outline-offset:-3px}
.rule-groups .guide-list{margin:0 16px 14px 22px}
.rates-card{margin:14px 0}
.rate-transcript{margin-top:8px}
.rate-transcript p{margin:0 14px 12px}
.rate-transcript ul{list-style:none;padding:0;margin:0 14px 12px}
.rate-transcript li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #2d4153;padding:6px 0}

@media(min-width:650px){.platform-tiles>a:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 12px)/2);justify-self:center}}

.related-row{justify-content:center}
@media(max-width:649px){
 .related-row .link-row{flex:1 1 11rem;min-width:0;justify-content:center;text-align:center}
 .related-row .link-row strong{overflow-wrap:normal}
}

/* Center the printed lines as well as their containing blocks. The side index and
   tabular values keep their separate alignment. */
#main>.article,#main>.guide-home,#main>.empty{text-align:center}
.article :is(h1,h2,h3,p,figcaption),.guide-home :is(h1,h2,h3,p){margin-inline:auto;text-align:center}
.article .art-head h1,.article .lead,.article .article-section>p,.article .guide-list{margin-inline:auto}
.article .art-head h1:has(.platform-mark){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}
.art-head h1 img.platform-mark{margin:0}
.article-tools{justify-content:center;padding:0}
.article-tools .crumbs{justify-content:center}
.article .notice,.article .safety-note{border-inline:3px solid #55c5ef;border-radius:8px;text-align:center}
.article .safety-note{display:block;border-inline-color:#ff7880;position:relative;padding-inline:36px}
.safety-note>.ico{position:absolute;left:10px;top:50%;transform:translateY(-50%);margin:0}
.article .guide-list,.rule-groups .guide-list{padding:0;list-style:none;margin:8px auto;width:min(100%,68ch)}
.guide-list li{padding:7px 10px;margin:0;text-align:center}
.guide-list li+li{border-top:1px solid #263a4b}
.rule-groups details,.rate-transcript{text-align:center}
.article :is(.rule-groups,.rate-transcript) summary{display:block;list-style:none;position:relative;padding-inline:32px;text-align:center}
.article summary::-webkit-details-marker{display:none}
.article :is(.rule-groups,.rate-transcript) summary::after{content:"+";position:absolute;right:12px;color:#9bdfff}
.article details[open]>summary::after{content:"−"}
.article .shot-direction,.article[data-page=screens] .shot-direction{text-align:center}
.review-checks dt{flex-direction:column;align-items:center;justify-content:center;text-align:center}
.review-checks dd{margin-inline:auto;width:100%;text-align:center}
.payment-story li{justify-items:center;padding-inline:4px;text-align:center}
.payment-story li:not(:last-child)::before{left:calc(50% + 20px);right:calc(-50% + 20px)}
.article .photo-details strong,.example-heading{justify-content:center}
.example-heading::after,.photo-details strong::after{content:"";width:1.24em;flex:none}
.photo-details strong::after{width:20px}
.article .shot-fragment{margin-inline:auto}
.sitefoot{justify-content:center}

.first-copy{width:100%;max-width:none;padding-inline:clamp(18px,3cqw,40px)}
.first-copy h1,.first-copy .first-hint{margin-inline:auto;max-width:100%}
.guide-kicker{justify-content:center}
.guide-kicker::after{content:"";width:20px;height:3px;background:#74d9ff;box-shadow:-5px -4px 0 -1px #4f94e7}
.pulse-graphic{inset:0 0 0 auto;width:23%}
.pulse-orbit{width:min(70%,135px)}
.first-action,.hub-more,.inline-link,.support-action,.related-row .link-row{display:inline-grid;align-items:center;justify-content:center;grid-template-columns:1.2rem minmax(0,auto) 1.2rem;column-gap:8px;text-align:center}
.first-action::before,.hub-more::before,.inline-link::before{content:""}
.first-action>.ico,.hub-more>.ico,.inline-link>.ico,.support-action>.ico,.related-row .link-row>.ico{width:1.2rem;height:1.2rem;justify-self:center;margin:0}
.hub-head{flex-direction:column;align-items:center;justify-content:center}
.guide-home .hub-head{gap:0}
.chapter-heading{position:relative;display:block;padding-inline:45px;text-align:center}
.chapter-number{position:absolute;left:12px;top:50%;transform:translateY(-50%)}
.directory-link{display:block;position:relative;padding-inline:45px;align-content:center;text-align:center}
.directory-link .topic-art,.directory-link>.ico{position:absolute;top:50%;transform:translateY(-50%);margin:0}
.directory-link .topic-art{left:5px}.directory-link>.ico{right:var(--row-inset)}
.topic-name{display:block}
.guide-home .brand-links a,.compact-platforms .platform-tile,.platform-tiles .platform-tile{display:grid;align-items:center;justify-content:stretch;grid-template-columns:1.4rem minmax(0,1fr) 1.4rem;gap:4px;padding-inline:5px;text-align:center}
:is(.brand-links,.compact-platforms,.platform-tiles) .platform-mark{grid-column:1;justify-self:center}
:is(.brand-links,.compact-platforms,.platform-tiles) :is(strong,span){grid-column:2;text-align:center}
.platform-tiles .platform-tile>.ico{grid-column:3;margin:0;justify-self:center}
@container(max-width:690px){
 .first-copy{padding-top:16px}
 .first-copy h1{max-width:none;margin-inline:auto}
 .first-task{display:flex;flex-direction:column;align-items:center}
 .pulse-graphic{order:-1;position:relative;inset:auto;width:100%;height:64px;padding:0;display:grid;place-items:center;mask-image:none;background-position:center 37%}
 .pulse-orbit{width:52px}
 .first-action{justify-content:center}
}
@media(max-width:649px){
 .photo-details strong::after{width:16px}
 .compact-platforms .platform-tile{gap:3px;padding-inline:4px}
}
.source-art{margin:18px auto;text-align:center}
.art-caption{color:#b4c8da;font-size:.87rem;margin-top:7px}

.portrait-card{display:none}
@media(max-width:649px){
 .source-art{border:1px solid #34546b;border-radius:13px;background:#0c1c2c;overflow:hidden}
 .source-art .art-description,.source-art>.original-art-image{display:none}
 .source-art .art-caption{padding:0 10px 8px;font-size:.82rem}
 .portrait-card{display:block;padding:15px 12px;background:linear-gradient(140deg,#10283bea,#071423f5),url('./assets/brand-flow.webp') center/cover;color:#edf7ff}
 .portrait-card>header{padding:1px 4px 12px}
 .portrait-eyebrow::before{content:"";display:block;width:28px;height:28px;margin:0 auto 5px;background:url('./assets/brand-small.webp') center/contain no-repeat}
 .portrait-card .portrait-eyebrow{font-size:.79rem;color:#88dcff;letter-spacing:.09em;text-transform:uppercase;font-weight:650}
 .article .portrait-card h2{font-size:1.44rem;line-height:1.15;margin:8px auto;max-width:24ch;text-wrap:balance}
 .portrait-card .portrait-subtitle{max-width:31ch;color:#cbdeed;font-size:1rem;line-height:1.4;margin:0 auto}
 .portrait-rows,.payment-steps{margin:0;padding:0;list-style:none}
 .portrait-rows{display:grid;gap:6px}
 .portrait-rows li{position:relative;min-height:54px;display:grid;align-content:center;padding:6px 42px;border:1px solid #2a4d65;border-radius:9px;background:#0a1c2c}
 .portrait-rows li>div{min-width:0}
 .portrait-rows strong,.portrait-rows li>div>span{display:block;text-align:center;line-height:1.3}
 .portrait-rows strong{font-weight:670;font-size:1rem;color:#eff8ff}
 .portrait-rows li>div>span{font-size:1rem;color:#9ae4ff}
 .original-symbol,.step-index{position:absolute;left:8px;top:50%;transform:translateY(-50%)}
 .step-index{font:650 .92rem/1.2 Consolas,monospace;color:#85dfff}
 [data-card="intervals"] .original-symbol{width:31px;height:31px;border-radius:8px;background-image:url('./assets/07-intervals-v2.png');background-size:640px 360px}
 [data-card="income"] .original-symbol{width:42px;height:42px;border-radius:50%;background-image:url('./assets/10-income-v2.png');background-size:418px 235.25px}
 [data-card="income"] li{padding-inline:53px;min-height:59px}
 .portrait-footer{margin:10px auto 0;padding:9px 10px;border:1px solid #3b7b97;border-radius:8px;color:#d7f4ff;font-size:1rem;font-weight:650;line-height:1.36}
 .original-shield{display:block;width:126px;height:165px;margin:0 auto 5px}
 .article .portrait-card h3{font-size:1.04rem;margin:1px auto 8px;color:#97dffe}
 .payment-steps{border:1px solid #2d4f62;border-radius:9px;background:#0a1c2c}
 .payment-steps li{padding:8px 6px;font-size:1rem}.payment-steps li+li{border-top:1px solid #263d51}
 .sample-receipts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
 .sample-receipt{padding:9px 5px;background:#e8f2f9;color:#102a40;border-radius:10px;display:grid;gap:3px;justify-items:center}
 .sample-receipt span,.sample-receipt small,.sample-receipt b{font-size:.8rem;line-height:1.25}
 .sample-receipt strong{font-size:1.4rem}.sample-receipt b{padding:3px 6px;border-radius:4px;background:#d2f4e4;color:#19543e}
}

/* The outside tracks are identical even when the reading pane has a sidebar. */
.top .top-in{
 display:grid;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);align-items:center;
 width:100%;max-width:var(--max);height:64px;min-height:56px;margin-inline:auto;
 padding:4px max(16px,env(safe-area-inset-left),env(safe-area-inset-right));gap:6px;
}
.top .edge-open.nav-launch,.top .search-launch{
 display:grid;place-items:center;box-sizing:border-box;width:44px;min-width:44px;height:44px;min-height:44px;
 max-width:none;gap:0;margin:0;padding:0;border:1px solid #365167;border-radius:10px;background:#14293a;color:#c4e8fa;
}
.top .edge-open.nav-launch{justify-self:start}
.top .head-actions{justify-self:end;margin:0}
.top :is(.edge-open,.search-launch)>span{display:grid;place-items:center}
.top .edge-open .ico,.top .search-launch .ico{width:23px;height:23px;stroke-width:1.8}
.top .brand{justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0;overflow:visible}
.top .brand img{width:30px;height:30px}
.top .brand strong{display:block;max-width:none;overflow:visible;font-size:1.15rem;white-space:nowrap}
.top :is(.edge-open,.search-launch):is(:hover,:focus-visible){border-color:#7bcff6;background:#203c51}
@media(max-width:649px){.top .top-in{height:56px}}
@media(max-width:225px){
 html{min-width:0}
 .top .top-in{padding-inline:3px;gap:2px}
 .top .brand{gap:3px}
 .top .brand img{width:16px;height:16px}
 .top .brand strong{font-size:.75rem;letter-spacing:.035em}
}
.rates-card>picture,.rates-card>picture img,.source-art>.original-art-image{display:block;width:100%;height:auto}
.rates-card>picture,.source-art>.original-art-image{border:1px solid #3a596f;border-radius:10px;overflow:hidden}
@media(max-width:649px){.source-art>.original-art-image{display:none}}
.article .notice small{display:block;margin:5px auto 0;font-size:.91rem;line-height:1.44;color:#c6dceb}
.article .visibility-notice{margin:14px auto 13px;padding:15px 16px;max-width:none;border:1px solid #4e92b4;border-radius:12px;background:#123248}
.visibility-notice small,.visibility-notice strong{display:block}
.visibility-notice small,.pay-eyebrow{font-size:.78rem;letter-spacing:.08em;color:#92dfff;text-transform:uppercase}
.visibility-notice strong{margin-top:4px;color:#f1f8ff;font-size:clamp(1.1rem,2.3vw,1.45rem);line-height:1.3}
.reading-steps{
 box-sizing:border-box;list-style:decimal outside;padding-inline:2.3rem;margin:8px auto 14px;max-width:68ch;
}
.reading-steps li,.article .numbered-rules li{display:list-item;line-height:1.45;text-align:center;padding:9px 0}
.reading-steps li::marker{color:#95ddff;font-weight:700;font-variant-numeric:tabular-nums}
.article .numbered-rules,.article .rule-groups .numbered-rules{
 width:100%;max-width:none;margin:8px 0 14px;padding:0;list-style:decimal outside;
}
.article .numbered-rules>li{position:relative;padding-inline:2.8rem}
.article .numbered-rules>li::marker{font-size:0}
.article .numbered-rules>li::before{
 content:counter(list-item) "." / "";position:absolute;inset-inline-start:var(--rule-inset,12px);
 color:#95ddff;font-weight:700;font-variant-numeric:tabular-nums;text-align:start;
}
@media(max-width:649px){
 .article .numbered-rules{--rule-inset:23px}
 .article .rule-groups .numbered-rules{--rule-inset:22px}
 .article .numbered-rules>li::before{font-size:.9rem}
}
.browser-options.reading-steps{list-style-type:disc}
.browser-options strong{color:#e3f2ff}
.reading-steps li+li{border-top:1px solid #2a4256}
.pay-guide{margin:16px auto;padding:17px;border:1px solid #345169;border-radius:12px;background:linear-gradient(135deg,#122a40,#0a1928)}
.pay-guide h2{margin:6px auto 12px}
.pay-guide .reading-steps{background:#0b1d2d;border:1px solid #2c4b62;border-radius:9px}
.pay-guide figure{margin:12px auto 0}
.pay-guide figcaption{font-size:.85rem;color:#c8daeb}
.pay-guide .sample-receipts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:430px;margin:9px auto 0}
.pay-guide .sample-receipt{display:grid;align-content:center;justify-items:center;gap:3px;padding:9px 6px;border-radius:9px;background:#e8f2f9;color:#122c41}
.pay-guide .sample-receipt span,.pay-guide .sample-receipt small{font-size:.8rem;line-height:1.3}
.pay-guide .sample-receipt strong{font-size:1.35rem}
.directory-link,.platform-tiles .platform-tile,.related-row .link-row{
 display:flex;align-items:center;justify-content:flex-start;gap:10px;padding-inline:var(--row-inset,15px);text-align:start;
}
.directory-link .topic-name,.platform-tiles .platform-tile strong,.related-row .link-row strong{flex:1;min-width:0;text-align:start}
.directory-link .topic-art,.directory-link>.ico{position:static;inset:auto;transform:none}
.directory-link .topic-art{order:-1;flex:none}
.directory-link>.ico,.platform-tiles .platform-tile>.ico,.related-row .link-row>.ico:last-child,.nav-row[target="_blank"]>.ico:last-child,.moderation-table a>.ico:last-child{margin-inline-start:auto;flex:none}
.platform-tiles .platform-tile>.platform-mark,.related-row .link-row>.ico:first-child{flex:none;margin:0}
@media(max-width:285px){
 html{min-width:0}
 .layout{padding-inline:6px}
 .guide-home .brand-links,.compact-platforms{--brand-columns:1;--columns:1}
 .guide-home .brand-links a,.compact-platforms .platform-tile{flex-basis:100%}
 .directory-link,.platform-tiles .platform-tile,.related-row .link-row{gap:5px;padding-inline:8px}
 .directory-link .topic-art{width:21px;height:21px}
 .article .art-head h1,.first-copy h1{font-size:1.35rem}
 .article .portrait-card h2{font-size:1.1rem}
 .portrait-card{padding-inline:5px}
 .portrait-rows li{padding-inline:24px}
 .portrait-rows .original-symbol{left:0;scale:.62;transform-origin:left top}
 .pay-guide{padding:8px 5px}
 .pay-guide .sample-receipts,.payment-story ol,.profile-plate .photo-details{grid-template-columns:1fr}
 .payment-story li::before{display:none}
 .profile-plate{padding-inline:4px}
 .support-action,.inline-link,.first-action{padding-inline:3px;gap:2px;grid-template-columns:1rem minmax(0,auto) 1rem;max-width:100%}
 .reading-steps,.article .numbered-rules,.article .rule-groups .numbered-rules{padding-inline:1.6rem}
}


/* canvas.css */
/* Showcase + Rubik. Visual layer over the unchanged guide and media.
 * Images keep their intrinsic colours. No duplicated page content.
 */
@font-face{font-family:Rubik;font-style:normal;font-weight:400 700;font-display:swap;src:url("./fonts/rubik-variable.woff2") format("woff2")}
:root{
 --font:Rubik,Arial,sans-serif;font-family:var(--font);font-synthesis:none;
 --canvas-edge:#080a0c;--canvas-base:#101315;--canvas-light:#1a1e21;--canvas-glow:#8ce0df12;
 --hairline:#354044;--glint:#ffffff04;--well:#8bdedc0c;
 --bg:#0d1012;--panel:#1b2225;--deep:#11171a;--paper:#171e21;--rim:#405154;--line:#405154;
 --text:#e2ecec;--muted:#b5c9ca;--dim:#b5c9ca;--ink-2:#b5c9ca;
 --heading:#f0f8f7;--accent:#8fd5d0;--cyan:#8fd5d0;--blue:#8fd5d0;--link:#a9e1dd;
 --header:#0d1113;--side:#0c1012;--active:#243a3c;--hover:#233638;--control:#19282b;
 --cta:#a6dcd7;--cta-ink:#102725;--focus:#c2f2eb;--shadow:#00000080;
 --ring:0 0 0 3px var(--focus);--ink-strong:#d6eeea;--directory-line:var(--hairline);
 color-scheme:dark;
}
:root[data-tone="light"]{
 --canvas-edge:#e3ebf3;--canvas-base:#f0f4f8;--canvas-light:#ffffffb8;--canvas-glow:#aecde653;
 --hairline:#365d813d;--glint:#ffffffad;--well:#c8dbe949;
 --bg:#e9f0f6;--panel:#edf3f8;--deep:#e5edf5;--paper:#edf3f8;--rim:#b6c9da;--line:#b6c9da;
 --text:#263f59;--muted:#4d657d;--dim:#465f77;--ink-2:#4d657d;
 --heading:#1c456f;--accent:#255987;--cyan:#255987;--blue:#255987;--link:#255987;
 --header:#e9f0f6;--side:#e5edf5;--active:#ccdeed;--hover:#d8e7f2;--control:#edf3f9;
 --cta:#1b4f94;--cta-ink:#fff;--focus:#1760a8;--shadow:#243e5c13;--ink-strong:#234d76;
 color-scheme:light;
}
/* Reserve the classic scrollbar before content arrives or a drawer locks scroll.
 * Overlay-scrollbar devices keep the full width; the header never sizes to 100vw. */
html{scrollbar-gutter:stable}
body{background:var(--bg);color:var(--text);font-family:var(--font)}
button,input,select,textarea{font-family:var(--font)}
::selection{color:var(--cta-ink);background:var(--cta)}
:is(a,button,input,select,summary):focus-visible{outline-color:var(--focus)}
body :is(h1,h2,h3){color:var(--heading);font-weight:550;letter-spacing:-.015em}
.top{background:var(--header);border-color:var(--hairline);backdrop-filter:none;box-shadow:0 1px 0 var(--glint);inline-size:min(100%,var(--usable-inline-size,100%));inset-inline:auto}
.top .top-in{width:auto;max-width:100%;height:64px;gap:4px}
.top .brand{color:var(--heading);gap:5px;min-height:44px}
.top .brand strong{font-weight:600;letter-spacing:.055em}
.top .brand img{width:28px;height:28px}
.top .head-actions{gap:4px}
.top .edge-open.nav-launch,.top .search-launch,.top .appearance-toggle{
 display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;
 color:var(--link);background:var(--control);border:1px solid var(--line);border-radius:50%;
}
.top :is(.edge-open,.search-launch,.appearance-toggle):is(:hover,:focus-visible){background:var(--hover);border-color:var(--focus)}
.top .appearance-toggle .ico{width:21px;height:21px}
/* The sticky control is already visible; cancel the article's 100px scroll padding. */
.top :is(a,button){scroll-margin-top:-100px}
.layout{max-width:none;padding:0;gap:0;grid-template-columns:clamp(220px,20vw,280px) minmax(0,1fr)}
.sidebar{
 padding:0 12px 0 18px;top:64px;height:calc(100dvh - 64px);
 background:linear-gradient(90deg,var(--side) 82%,var(--canvas-edge));border-color:var(--hairline);
}
.sidebar-heading{color:var(--heading);font-size:.9rem;font-weight:600;padding:21px 9px 14px}
.nav-group h3.nav-caption{color:var(--dim);font-weight:600;letter-spacing:.09em}
.nav-row{color:var(--text);border-radius:4px;min-height:42px;font-size:.875rem}
.nav-row.active{color:var(--heading);background:var(--active);font-weight:600}
.nav-row.active:before{background:var(--accent)}
.nav-row:hover{color:var(--heading);background:var(--hover)}
body #main{
 padding:30px clamp(20px,3.2vw,54px) 32px;
 background:radial-gradient(ellipse 65% 470px at 72% 190px,var(--canvas-glow),transparent),
  linear-gradient(110deg,var(--canvas-edge),var(--canvas-base) 35%,var(--canvas-light) 78%,var(--canvas-base));
 --reading-column:49rem;--home-column:70rem;
}
.first-task{
 display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;
 gap:24px;min-height:330px;border:0;border-radius:0;background:transparent;padding:12px 0 30px;overflow:visible;
}
.first-copy{padding:24px 0;width:100%}
.first-copy h1{font-size:clamp(2.4rem,4.3vw,4.1rem);line-height:1.12;max-width:12ch;font-weight:550}
.first-copy .first-hint{color:var(--muted);font-size:1.08rem;margin:18px auto;max-width:27ch}
.guide-kicker{color:var(--dim);font-family:var(--font);font-weight:600}
.guide-kicker span,.guide-kicker::after{background:var(--accent);box-shadow:none}
.first-action{background:var(--cta);color:var(--cta-ink);border:1px solid var(--cta);border-radius:8px;min-height:46px;box-shadow:0 5px 14px -8px var(--shadow);font-weight:600}
.first-action:is(:hover,:focus-visible){color:var(--cta-ink);background:var(--cta);filter:brightness(1.05)}
.guide-home .first-action{width:auto;margin-top:10px;justify-self:center}
.pulse-graphic{position:relative;inset:auto;width:100%;height:280px;padding:0;display:grid;place-items:center;background:none;mask-image:none}
.pulse-graphic::before{display:none}
.pulse-orbit{width:210px;background:radial-gradient(circle,var(--canvas-glow),transparent 70%);border-color:var(--hairline)}
.pulse-orbit::before,.pulse-orbit::after{border-color:var(--hairline)}
.pulse-orbit img{width:78%;filter:none}
.directory{margin:0;padding-top:24px;border-top:1px solid var(--hairline);box-shadow:inset 0 1px 0 var(--glint)}
.directory-title{font-size:clamp(1.4rem,2.3vw,2rem);margin:0 0 22px;font-weight:550}
.directory-grid{gap:0}
.directory-section{border:0;border-radius:0;background:transparent;border-top:1px solid var(--hairline);padding:16px 24px 18px 0;overflow:visible}
.directory-section:nth-child(even){padding-right:0;padding-left:24px;border-left:1px solid var(--hairline)}
.chapter-heading{border:0;background:none;min-height:44px}
.chapter-heading h3{color:var(--ink-strong);font-weight:550}
.chapter-number{color:var(--dim);border-color:var(--hairline);font-family:var(--font)}
.directory-link{color:var(--text);min-height:46px;border-radius:0}
.directory-link+.directory-link{border-color:var(--hairline)}
.directory-link:last-child{border-radius:0}
.directory-link>.ico,.directory-link .art-intervals .ico{color:var(--link)}
.directory-link>.ico:first-child{width:20px;height:20px;flex:0 0 20px;margin-inline-start:0}
.directory-link:is(:hover,:focus-visible){color:var(--heading);background:var(--hover)}
.art-admins{mix-blend-mode:normal}
.directory-link .art-admins{border-radius:50%}
.art-intervals{filter:none}
.guide-home .platform-hub{border-top:1px solid var(--hairline);padding-top:25px;margin-top:0}
.hub-head h2{font-size:clamp(1.4rem,2.3vw,2rem);font-weight:550}
.hub-more,.hub-index{color:var(--link)}
.guide-home .hub-head{margin-bottom:18px}
body :is(.brand-links,.compact-platforms,.platform-tiles){gap:0;justify-content:center;border-block:1px solid var(--hairline)}
body :is(.brand-links a,.compact-platforms .platform-tile,.platform-tiles .platform-tile){
 background:transparent;border:0;border-bottom:1px solid var(--hairline);border-radius:0;min-height:58px;color:var(--text);
}
body .guide-home .brand-links{--brand-columns:5;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
body .guide-home .brand-links a{flex-basis:calc(100% / var(--brand-columns));border-left:1px solid var(--hairline)}
body .guide-home .brand-links a:first-child{border-left:0}
body :is(.brand-links a,.platform-tile):is(:hover,:focus-visible){color:var(--heading);background:var(--hover)}
.art-head{padding-top:8px;background:none}
.article .art-head h1{color:var(--heading);font-size:clamp(2rem,4.1vw,3.5rem);line-height:1.12;font-weight:550;max-width:23ch;overflow-wrap:normal}
.article .lead{color:var(--muted);max-width:52ch;font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.65;margin-top:20px}
.article h2{font-size:clamp(1.25rem,2.1vw,1.75rem);font-weight:550}
.article h3{font-weight:500}
.article :is(.article-section>p,.photo-instruction p,.shot-direction,.platform-aside){color:var(--text);line-height:1.65}
.article-section{margin-top:27px}
.crumbs,.crumbs [aria-current]{color:var(--dim)}
.guide-list,.browser-options strong,.row strong{color:var(--text)}
.guide-list li+li,.reading-steps li+li{border-color:var(--hairline)}
.reading-steps li::marker,.article .numbered-rules>li::before{color:var(--accent)}
.article .text-link,.inline-link,.external .inline-link,.related-row .link-row{color:var(--link)}
.article .text-link{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.article .text-link:is(:hover,:focus-visible){color:var(--heading);text-decoration-thickness:2px}
.article :is(.notice,.safety-note,.visibility-notice){
 color:var(--text);background:linear-gradient(90deg,transparent,var(--well) 25%,var(--well) 75%,transparent);
 border:0;border-block:1px solid var(--hairline);border-radius:0;padding:22px 18px;box-shadow:inset 0 1px 0 var(--glint);
}
.article .notice small{color:var(--muted)}
.article .safety-note{padding-inline:36px}
.visibility-notice strong{color:var(--heading)}
.visibility-notice small,.pay-eyebrow{color:var(--dim)}
.article .pay-eyebrow{color:var(--dim)}
.article .safety-note{border-block-color:#a14d674d}
.article .safety-note>.ico{color:var(--link)}
.article .section-jump .inline-link,.article[data-page=prices] .related-row a,
.related-row .link-row,.external .inline-link,.support-action,.interval-footer .inline-link,
.guide-home .hub-index,.guide-home .hub-more{
 color:var(--link);background:var(--control);border:1px solid var(--line);border-radius:8px;
 min-height:46px;padding:11px 14px;font-weight:500;max-width:100%;
}
:is(.section-jump,.external,.interval-footer) .inline-link:is(:hover,:focus-visible),
.support-action:is(:hover,:focus-visible),.related-row .link-row:is(:hover,:focus-visible),
.guide-home :is(.hub-index,.hub-more):is(:hover,:focus-visible){color:var(--heading);background:var(--hover);border-color:var(--focus)}
:is(.section-jump,.external,.interval-footer) .inline-link:focus-visible,
.support-action:focus-visible,.related-row .link-row:focus-visible,.guide-home :is(.hub-index,.hub-more):focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.guide-home :is(.hub-index,.hub-more){font-size:1rem;line-height:1.35;text-decoration:none}
.guide-home .hub-head{gap:12px}
.article :is(.flow,.rows,.choice,.pay-guide,.payment-story,.rule-groups details,.rate-transcript,.moderation-table){
 background:transparent;border:0;border-block:1px solid var(--hairline);border-radius:0;
}
.pay-guide{padding:24px 0;margin:26px auto}
.pay-guide .reading-steps{border:0;border-radius:0;background:transparent}
.pay-guide .sample-receipts{margin-top:14px}
.pay-guide figcaption,.payment-story figcaption,.art-caption{color:var(--muted)}
.payment-story{padding:22px 0}
.payment-story li{padding-inline:2px}
.payment-story strong,.milestone-day{color:var(--text)}
.payment-story li>svg,.payment-story li:last-child>svg{color:var(--accent);border-color:var(--line);background:var(--control)}
.payment-story li:last-child>svg{color:#88d9b6;border-color:#52796a;background:#193d33}
:root[data-tone="light"] .payment-story li:last-child>svg{color:#245e45;border-color:#81a693;background:#d8eade}
.payment-story li:not(:last-child)::before{background:var(--line)}
.article .rule-groups summary,.rate-transcript summary{color:var(--heading)}
.article :is(.rule-groups,.rate-transcript) summary::after{color:var(--accent)}
.rule-groups summary:hover,.rate-transcript summary:hover{background:var(--hover);border-radius:0}
.rate-transcript li{border-color:var(--hairline)}
.moderation-table thead th{background:var(--well);color:var(--muted)}
.moderation-table td{color:var(--link)}
.moderation-table tbody a:is(:hover,:focus-visible){background:var(--hover)}
.moderation-table a>.ico{color:var(--link)}
.platform-selector select{color:var(--text);background:var(--control);border-color:var(--line)}
.recruit-demo figcaption{color:var(--heading)}
.demo-pair{gap:0}
.demo-pair section,.demo-pair section+section{background:transparent;border:0;border-block:1px solid var(--hairline);border-radius:0}
.demo-pair section+section{border-left:1px solid var(--hairline)}
.demo-pair :is(p,dt,.demo-status){color:var(--muted)}
.demo-pair dd{color:var(--text)}
.demo-previous{border-color:var(--hairline)}
.article .profile-plate{background:transparent;border-color:var(--hairline);border-radius:0}
.example-heading,.photo-details strong,.photo-kicker{color:var(--heading)}
.portrait-original,.shot-fragment{isolation:isolate}
.detail-dot,.detail-part strong i{background:#165891;color:#fff;border-color:#fff}
.row+.row,.flow-item+.flow-item{border-color:var(--hairline)}
.flow-item .step,.icon-box{color:var(--accent);background:var(--control);border-color:var(--line)}
.sitefoot{color:var(--muted);border-color:var(--hairline);padding-top:24px;margin-top:32px}
.interval-footer{border-color:var(--hairline)}
/* Branded illustrations retain their original image colours and portrait text. */
.article .source-art{border-color:var(--line)}
.article .portrait-card{color:#edf7ff}
.article .portrait-card :is(h2,h3){color:#edf7ff}
.article .portrait-card :is(p,.portrait-subtitle){color:#cbdeed}
.article .portrait-card .portrait-eyebrow{color:#88dcff}
.article .portrait-card .portrait-footer{color:#d7f4ff}
/* One native income card on every screen: the retired PNG order cannot reappear. */
.article .source-art.native-income{border:0;border-block:1px solid var(--hairline);border-radius:0;background:transparent;padding:24px 0;overflow:visible}
.article .native-income .portrait-card{display:block;padding:0;color:var(--text);background:none}
.article .native-income .portrait-card>header{padding:0 0 20px}
.article .native-income .portrait-eyebrow{color:var(--dim);font-size:.8rem;font-weight:550;letter-spacing:.08em;text-transform:uppercase}
.article .native-income .portrait-eyebrow::before{display:none}
.article .native-income .portrait-card h2{color:var(--heading);font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.2;max-width:none;margin:8px auto}
.article .native-income .portrait-subtitle{color:var(--muted);max-width:36ch;margin:0 auto;line-height:1.45}
.article .native-income .portrait-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;list-style:none;margin:0;padding:0;border-top:1px solid var(--hairline)}
.article .native-income .portrait-rows li{display:flex;align-items:center;justify-content:flex-start;gap:14px;min-height:76px;padding:16px;border:0;border-bottom:1px solid var(--hairline);border-radius:0;background:transparent}
.article .native-income .portrait-rows li:nth-child(even){border-left:1px solid var(--hairline)}
.article .native-income .portrait-rows li>.ico{width:24px;height:24px;flex:0 0 24px;color:var(--accent)}
.article .native-income .portrait-rows strong{display:block;color:var(--heading);font-size:1rem;font-weight:550;line-height:1.4;text-align:start}
.article .native-income .portrait-rows a{display:inline-flex;align-items:center;min-height:44px;color:var(--link);text-underline-offset:.2em}
.article .source-art.native-income .art-caption{color:var(--muted)}
@media(max-width:649px){
 .article .native-income .portrait-rows{grid-template-columns:1fr}
 .article .native-income .portrait-rows li{padding:10px 12px;min-height:64px}
 .article .native-income .portrait-rows li:nth-child(even){border-left:0}
}
.dialog{color:var(--text);background:var(--panel);border-color:var(--line);box-shadow:0 18px 80px var(--shadow)}
.dialog::backdrop{background:#07142380}
.dialog-head{border-color:var(--line)}
.dialog-head h2{color:var(--heading)}
.dialog-head button{background:var(--control);color:var(--link);border:1px solid var(--line);border-radius:50%;width:44px;height:44px}
.query{background:var(--control);border-color:var(--line);color:var(--text)}
.query input{color:var(--text)}
.query input::placeholder{color:var(--muted)}
.search-count,.result small,.no-results{color:var(--muted)}
.result{color:var(--text);border-color:var(--hairline);background:transparent}
.result .ico{color:var(--link)}
.result:is(:hover,:focus-visible){background:var(--hover);color:var(--heading)}
.search-presets button{color:var(--link);background:var(--control);border-color:var(--line)}
#side,#mobile-nav,.results{scrollbar-color:var(--line) transparent}
.appearance-dialog{width:min(420px,calc(100vw - 28px));padding:18px;max-height:calc(100dvh - 28px);border-radius:12px}
.appearance-dialog .dialog-head{padding:0 0 16px}
.appearance-options{display:grid;gap:7px}
.appearance-options button{min-height:48px;text-align:start;padding:10px 15px;border:1px solid var(--line);border-radius:6px;color:var(--text);background:transparent}
.appearance-options [aria-pressed=true]{background:var(--active);box-shadow:inset 3px 0 var(--accent)}
.appearance-dialog>p{color:var(--muted);font-size:.9rem;margin-top:16px;line-height:1.5}
.skip:focus{background:var(--control);color:var(--text)}
/* Motion is a response to an action, never a loading gate or a reading effect. */
.top .edge-open[aria-expanded=true]{background:var(--active);border-color:var(--focus)}
.dialog::backdrop{backdrop-filter:none}
@media(prefers-reduced-motion:no-preference){
 :is(.first-action,.directory-link,.nav-row,.link-row,.inline-link,.hub-more,.hub-index,.support-action,.platform-tile,.brand-links a,.result,.search-presets button,.appearance-options button,.rule-groups summary,.rate-transcript summary),
 .top :is(button,.preview-return),.dialog-head button{
  transition:background-color 150ms ease-out,border-color 150ms ease-out,color 150ms ease-out,translate 140ms cubic-bezier(.22,1,.36,1);
 }
 :is(.first-action,.support-action,.related-row .link-row,.platform-tile,.search-presets button,.appearance-options button):active,
 .top button:active,.dialog-head button:active{translate:0 1px;transition-duration:80ms}
 .nav-dialog[open]{animation:pulse-drawer-in 190ms cubic-bezier(.22,1,.36,1)}
 .dialog[open]:not(.nav-dialog){animation:pulse-dialog-in 160ms cubic-bezier(.22,1,.36,1)}
 .dialog[open]::backdrop{animation:pulse-backdrop-in 160ms ease-out}
 #main.route-entering>.article>.art-head,#main.route-entering>.guide-home>.first-task{
  animation:pulse-section-in 180ms cubic-bezier(.22,1,.36,1);
 }
 @keyframes pulse-drawer-in{from{opacity:.97;translate:-10px 0}to{opacity:1;translate:0 0}}
 @keyframes pulse-dialog-in{from{opacity:.97;translate:0 3px}to{opacity:1;translate:0 0}}
 @keyframes pulse-backdrop-in{from{opacity:.75}to{opacity:1}}
 @keyframes pulse-section-in{from{opacity:.97;translate:0 3px}to{opacity:1;translate:0 0}}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 :is(.first-action,.hub-more,.inline-link,.support-action,.related-row .link-row)>.ico:last-child{transition:transform 130ms ease-out}
 :is(.first-action,.hub-more,.inline-link,.support-action,.related-row .link-row):hover>.ico:last-child{transform:translateX(2px)}
}
@media(max-width:840px){
 .layout{display:block}
 .sidebar{display:none}
 body #main{padding:25px 20px 30px;background:radial-gradient(ellipse 130% 380px at 75% 150px,var(--canvas-glow),transparent),linear-gradient(105deg,var(--canvas-edge),var(--canvas-base) 45%,var(--canvas-light))}
 .first-task{display:flex;flex-direction:column;gap:0;padding:0 0 28px;min-height:0}
 .first-copy{padding:18px 0 10px}
 .first-copy h1{font-size:clamp(2.25rem,8.5vw,3.7rem);max-width:none}
 .pulse-graphic{order:1;height:190px;width:100%;margin-top:8px}
 .pulse-orbit{width:160px}
}
@media(max-width:649px){
 .top .top-in{height:58px;padding-inline:12px}
 .top .brand{gap:3px}
 .top .brand img{width:23px;height:23px}
 .top .brand strong{font-size:1rem}
 .directory-grid{grid-template-columns:1fr}
 .directory-section,.directory-section:nth-child(even){padding:16px 0;border-left:0}
 .article .art-head h1{font-size:clamp(1.8125rem,7.9vw,2.125rem);max-width:19ch}
 .article .lead{font-size:1rem}
 .article .notice,.article .visibility-notice{padding-inline:10px}
 body .guide-home .brand-links{--brand-columns:2;grid-template-columns:repeat(2,minmax(0,1fr))}
 body .guide-home .brand-links a{min-height:58px}
 body .guide-home .brand-links a:nth-child(odd){border-left:0}
 body .guide-home .brand-links a:last-child:nth-child(odd){flex-basis:100%;grid-column:1/-1}
 .article .compact-platforms{--columns:2;gap:0}
 .article .compact-platforms .platform-tile{flex-basis:50%;padding:10px 6px}
 .article .compact-platforms .platform-tile:last-child:nth-child(odd){flex-basis:100%}
 .demo-pair{grid-template-columns:1fr}
 .demo-pair section+section{border-left:0;border-top:0}
 .article .safety-note{padding-inline:36px}
 .article .source-art .art-caption{color:#b4c8da}
}
@media(max-width:359px){
 .top .top-in{padding-inline:8px;gap:2px}
 .top .brand img{width:21px;height:21px}
 .top .brand strong{font-size:.9rem}
 .top .head-actions{gap:2px}
 .payment-story strong{font-size:.75rem}
 .payment-story li{padding-inline:0}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}


/* screenshot-steps.css */
/* Load after canvas.css. All selectors are scoped to the screenshot component. */
.screenshot-walkthrough{
 --shot-blue:#2386d8;--shot-blue-light:#67c5ff;--shot-badge-bg:#163b52;--shot-badge-text:#afe2ff;
 width:100%;max-width:100%;color:var(--text);text-align:start;
}
:root[data-tone="light"] .screenshot-walkthrough{--shot-badge-bg:#dceefa;--shot-badge-text:#17547c}
.screenshot-walkthrough .screenshot-intro{max-width:48rem;margin:12px auto 26px;text-align:center;color:var(--muted);line-height:1.6}
.screenshot-walkthrough .screenshot-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border-block:1px solid var(--hairline)}
.screenshot-walkthrough .screenshot-step{min-width:0;margin:0;padding:23px 18px 15px;display:grid;grid-template-rows:auto 1fr auto;align-content:start;background:transparent;border:0}
.screenshot-walkthrough .screenshot-step+.screenshot-step{border-inline-start:1px solid var(--hairline)}
.screenshot-walkthrough .screenshot-step-heading{display:flex;gap:10px;align-items:center;min-height:45px}
.screenshot-walkthrough .screenshot-step-number{font-size:.8rem;letter-spacing:.05em;font-weight:600;color:var(--link);flex:0 0 auto;align-self:flex-start;padding-block-start:4px}
.screenshot-walkthrough .screenshot-step-heading h3{font-size:1rem;font-weight:550;line-height:1.35;text-align:start;margin:0;color:var(--heading);min-width:0}
.screenshot-walkthrough .screenshot-step-copy{font-size:.9rem;line-height:1.5;text-align:start;margin:10px 0 18px;color:var(--muted);min-height:4.5em}
.screenshot-walkthrough .screenshot-frame{margin:0;padding:0;min-width:0;width:100%;max-width:300px;justify-self:center;border:0;background:transparent}
.screenshot-walkthrough .screenshot-enlarge{display:block;position:relative;width:100%;aspect-ratio:367/800;border-radius:15px;overflow:hidden;background:#101315;border:1px solid var(--rim);box-shadow:0 8px 22px -14px var(--shadow);isolation:isolate;touch-action:manipulation;text-decoration:none;color:#fff;cursor:zoom-in;padding:0;font:inherit;appearance:none}
.screenshot-walkthrough .screenshot-enlarge img{display:block;width:100%;height:auto;aspect-ratio:367/800;margin:0;padding:0;border:0;border-radius:0;object-fit:contain;filter:none;mix-blend-mode:normal}
.screenshot-walkthrough .screenshot-enlarge:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.screenshot-walkthrough .screenshot-annotation{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;overflow:visible}
.screenshot-annotation g{fill:none;stroke-linecap:round;stroke-linejoin:round}
.screenshot-annotation :is(circle,rect,path,polyline){vector-effect:non-scaling-stroke}
.screenshot-annotation .screenshot-annotation-halo{stroke:#fff;stroke-width:5;opacity:.92}
.screenshot-annotation .screenshot-annotation-ink{stroke:var(--shot-blue);stroke-width:2.4}
.screenshot-walkthrough .screenshot-zoom-label{position:absolute;inset-inline-end:9px;inset-block-end:9px;display:inline-flex;align-items:center;gap:5px;padding:7px 9px;background:#122332ed;color:#fff;border:1px solid #ffffff42;border-radius:8px;font-size:.7rem;line-height:1;box-shadow:0 2px 7px #0004;pointer-events:none}
.screenshot-walkthrough .screenshot-zoom-label svg{flex:none}
.screenshot-walkthrough .screenshot-caption{display:flex;align-items:center;justify-content:center;min-height:50px;margin:0;padding:10px 0 0;color:var(--muted);font-size:.78rem;text-align:center;line-height:1.4}
.screenshot-walkthrough .screenshot-final-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border-radius:8px;color:var(--shot-badge-text);background:var(--shot-badge-bg);font-size:.78rem;line-height:1.35;font-weight:550}
.screenshot-walkthrough .screenshot-final-badge svg{flex:0 0 18px}
.screenshot-walkthrough .screenshot-send-note{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;align-items:start;padding:24px 0;margin:0;border-block-end:1px solid var(--hairline);background:transparent}
.screenshot-walkthrough .screenshot-send-symbol{color:var(--link);padding-top:2px}
.screenshot-walkthrough .screenshot-send-symbol svg{display:block;width:26px;height:26px}
.screenshot-walkthrough .screenshot-send-note h3{margin:0 0 9px;font-size:1.05rem;line-height:1.4;color:var(--heading);text-align:start;font-weight:550}
.screenshot-walkthrough .screenshot-send-note p{margin:0 0 9px;text-align:start;line-height:1.6;font-size:.95rem;color:var(--text)}
@media(max-width:1050px){.screenshot-walkthrough .screenshot-step{padding-inline:11px}.screenshot-walkthrough .screenshot-step-heading{gap:7px}.screenshot-walkthrough .screenshot-step-heading h3{font-size:.94rem}.screenshot-walkthrough .screenshot-step-copy{font-size:.85rem;min-height:6em}}
@media(max-width:760px){
 .screenshot-walkthrough .screenshot-steps{grid-template-columns:minmax(0,1fr)}
 .screenshot-walkthrough .screenshot-step{padding:22px 0 15px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}
 .screenshot-walkthrough .screenshot-step+.screenshot-step{border-inline-start:0;border-block-start:1px solid var(--hairline)}
 .screenshot-walkthrough .screenshot-step-heading{min-height:0;gap:12px}
 .screenshot-walkthrough .screenshot-step-heading h3{font-size:1.05rem}
 .screenshot-walkthrough .screenshot-step-copy{min-height:0;font-size:.95rem;margin:9px 0 18px}
 .screenshot-walkthrough .screenshot-frame{max-width:330px}
 .screenshot-walkthrough .screenshot-enlarge{border-radius:17px}
 .screenshot-walkthrough .screenshot-intro{text-align:start;margin:10px 0 20px;font-size:.95rem}
 .screenshot-walkthrough .screenshot-send-note{gap:10px;padding-block:22px;grid-template-columns:24px minmax(0,1fr)}
 .screenshot-walkthrough .screenshot-send-symbol svg{width:23px;height:23px}
}
@media(prefers-reduced-motion:no-preference){.screenshot-walkthrough .screenshot-enlarge{transition:border-color .16s ease,box-shadow .16s ease}.screenshot-walkthrough .screenshot-enlarge:hover{border-color:var(--link);box-shadow:0 9px 28px -12px var(--shadow)}}
.dialog.screenshot-viewer{--shot-blue:#2386d8;width:min(570px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 28px);margin:auto;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);overflow:hidden;overscroll-behavior:contain;box-shadow:0 20px 90px #0009}
.dialog.screenshot-viewer[open]{display:flex;flex-direction:column}
.dialog.screenshot-viewer::backdrop{background:#050a10c9}
.screenshot-viewer .screenshot-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;border-bottom:1px solid var(--hairline);flex:0 0 auto}
.screenshot-viewer .screenshot-viewer-head h2{margin:0;font-size:1rem;line-height:1.4;text-align:start;color:var(--heading);font-weight:550}
.screenshot-viewer .screenshot-viewer-head button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--control);color:var(--link);cursor:pointer}
.screenshot-viewer .screenshot-viewer-head button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.screenshot-viewer .screenshot-viewer-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.screenshot-viewer .screenshot-viewer-media{position:relative;width:100%;max-width:460px;aspect-ratio:367/800;margin:0 auto;isolation:isolate;overflow:hidden;border-radius:12px;background:#101315}
.screenshot-viewer .screenshot-viewer-media img{display:block;width:100%;height:auto;aspect-ratio:367/800;margin:0;filter:none;mix-blend-mode:normal}
.screenshot-viewer .screenshot-annotation{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;overflow:visible}
@media(max-width:480px){.dialog.screenshot-viewer{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:14px}.screenshot-viewer .screenshot-viewer-head{padding:10px;gap:10px}.screenshot-viewer .screenshot-viewer-head h2{font-size:.9rem}.screenshot-viewer .screenshot-viewer-body{padding:10px}.screenshot-viewer .screenshot-viewer-media{border-radius:8px}}


/* recruitment-options.css */
/* Load after canvas.css. Scoped to the recruitment illustrations. */
.recruit-illustration{margin-top:20px}
.recruit-options{
 --recruit-bubble:#1b2a38;--recruit-text:#edf4fa;--recruit-quote:#233e53;--recruit-quote-line:#63b6ee;
 --recruit-icon:#83c9fa;--recruit-button:#316e9c;--recruit-button-hover:#3e7dab;--recruit-button-text:#fff;
 --recruit-stage:#10181f;--recruit-stage-edge:#17262f;--recruit-message-shadow:#00000025;
 width:100%;min-width:0;max-width:100%;color:var(--text);text-align:start;font-family:var(--font,Rubik,Arial,sans-serif);
}
:root[data-tone="light"] .recruit-options{
 --recruit-bubble:#fff;--recruit-text:#162d42;--recruit-quote:#e5f1fb;--recruit-quote-line:#3892ce;
 --recruit-icon:#216a9e;--recruit-button:#327eb6;--recruit-button-hover:#266a9c;--recruit-button-text:#fff;
 --recruit-stage:#e5edf3;--recruit-stage-edge:#d9e7f1;--recruit-message-shadow:#173d5b19;
}
.recruit-options *{box-sizing:border-box}
.recruit-options .recruit-option{margin:0;padding:25px 0 30px;border-block-start:1px solid var(--hairline);background:none}
.recruit-options .recruit-option+.recruit-option{margin-top:14px}
.recruit-options .recruit-option-header{display:flex;align-items:center;gap:14px;margin:0 0 22px;padding:0;text-align:start}
.recruit-options .recruit-option-letter{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;font-size:.85rem;font-weight:600;color:var(--link);background:var(--control)}
.recruit-options .recruit-option-header h2{margin:0 0 5px;font-size:1.25rem;font-weight:550;line-height:1.3;text-align:start;color:var(--heading)}
.recruit-options .recruit-option-header p{margin:0;font-size:.88rem;color:var(--muted);text-align:start;line-height:1.5}
.recruit-options .recruit-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0}
.recruit-options .recruit-state{min-width:0;margin:0;padding:0;border:0;background:transparent}
.recruit-options .recruit-state-caption{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:0;color:var(--muted);text-align:start;font-size:.85rem;font-weight:500;line-height:1.4}
.recruit-options .recruit-state-mark{width:7px;height:7px;border-radius:50%;flex:none;background:var(--muted)}
.recruit-options .recruit-state-mark-open{background:#54b995;box-shadow:0 0 0 3px #54b99517}
.recruit-options .recruit-state-mark-closed{background:#8396a2}
.recruit-options .recruit-stage{min-width:0;padding:20px 14px;border:1px solid var(--hairline);border-radius:17px;background:radial-gradient(ellipse at 20% 0,var(--recruit-stage-edge),transparent 80%),var(--recruit-stage);overflow:hidden}
.recruit-options .recruit-stage-native{display:flex;align-items:flex-start;min-height:390px}
.recruit-options .recruit-message{width:100%;max-width:410px;min-width:0;margin:0 auto;text-align:start;color:var(--recruit-text);font-family:Arial,sans-serif;font-size:14px;line-height:1.45;letter-spacing:normal}
.recruit-options .recruit-bubble{position:relative;padding:15px 14px 16px;border-radius:13px 13px 13px 4px;background:var(--recruit-bubble);box-shadow:0 3px 12px var(--recruit-message-shadow);overflow-wrap:anywhere}
.recruit-options .recruit-bubble>p{margin:0 0 17px;padding:0;font-size:14px;line-height:1.45;color:var(--recruit-text);text-align:start}
.recruit-options .recruit-bubble>p:last-child{margin-bottom:0}
.recruit-options .recruit-bubble strong{color:inherit;font-weight:700}
.recruit-options .recruit-post-title,.recruit-options .recruit-platform,.recruit-options .recruit-payment,.recruit-options .recruit-description>p{display:flex;align-items:center;gap:7px;min-width:0}
.recruit-options .recruit-bubble .recruit-post-title{margin-bottom:20px;font-size:14px;letter-spacing:.012em}
.recruit-options .recruit-icon{display:inline-block;flex:0 0 19px;width:19px;height:19px;color:var(--recruit-icon);vertical-align:middle;overflow:visible}
.recruit-options .recruit-platform img{display:block;width:21px;height:21px;flex:0 0 21px;object-fit:contain;margin:0;border-radius:4px;border:0;filter:none;mix-blend-mode:normal}
.recruit-options .recruit-description{margin:0;padding:0}
.recruit-options .recruit-description>p{margin:0 0 6px;text-align:start;font-size:14px;line-height:1.45;color:var(--recruit-text)}
.recruit-options .recruit-bubble blockquote{display:block;margin:0;padding:8px 10px;border:0;border-inline-start:3px solid var(--recruit-quote-line);border-radius:3px 6px 6px 3px;background:var(--recruit-quote);color:var(--recruit-text);text-align:start;font-family:inherit;font-size:14px;line-height:1.45;font-style:normal;font-weight:400;box-shadow:none;letter-spacing:normal}
.recruit-options .recruit-bubble blockquote::before,.recruit-options .recruit-bubble blockquote::after{content:none}
.recruit-options .recruit-bubble .recruit-notification{display:flex;gap:7px;align-items:flex-start}
.recruit-options .recruit-notification .recruit-icon{margin-top:1px;flex-basis:18px;width:18px;height:18px}
.recruit-options .recruit-keyboard{display:grid;gap:4px;margin-top:5px}
.recruit-options .recruit-key-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;min-width:0}
.recruit-options .recruit-key-row-full{grid-template-columns:minmax(0,1fr)}
.recruit-options .recruit-key{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:41px;padding:9px 5px;border:0;border-radius:6px;background:var(--recruit-button);color:var(--recruit-button-text);font-family:Arial,sans-serif;font-size:12px;font-weight:600;line-height:1.25;text-align:center;text-decoration:none;letter-spacing:normal;overflow-wrap:anywhere;box-shadow:none}
.recruit-options .recruit-key .recruit-icon{flex:0 0 15px;width:15px;height:15px;color:inherit}
.recruit-options .recruit-key-static{cursor:default;user-select:text}
.recruit-options .recruit-key-start{min-height:44px;font-size:12.5px}
.recruit-options .recruit-key-start .recruit-icon:last-child{position:absolute;right:10px;width:12px;height:12px;opacity:.8}
.recruit-options .recruit-key-start{position:relative;padding-inline:25px}
.recruit-options a.recruit-key:hover{color:var(--recruit-button-text);background:var(--recruit-button-hover);text-decoration:none}
.recruit-options a.recruit-key:focus-visible{outline:3px solid var(--focus);outline-offset:3px;z-index:1}
.recruit-options .recruit-stage-screenshot{padding:14px}
.recruit-options .recruit-capture-image{display:block;width:100%;height:auto;max-width:410px;margin:0 auto;padding:0;border:0;border-radius:10px;object-fit:contain;filter:none;mix-blend-mode:normal;box-shadow:0 4px 15px var(--recruit-message-shadow)}
.recruit-options .recruit-capture-crop{overflow:hidden;isolation:isolate}
.recruit-options .recruit-capture-crop image{filter:none;mix-blend-mode:normal}
.recruit-options .recruit-capture-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:350px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);background:transparent;font-size:.9rem}
.recruit-options .recruit-capture-slot>.recruit-icon{width:30px;height:30px;flex-basis:30px;color:var(--muted)}
@media(max-width:760px){
 .recruit-options .recruit-pair{grid-template-columns:minmax(0,1fr);gap:24px}
 .recruit-options .recruit-stage{padding:20px 16px}
 .recruit-options .recruit-stage-native{min-height:0}
 .recruit-options .recruit-state{max-width:470px;width:100%;margin-inline:auto}
 .recruit-options .recruit-bubble{padding:16px}
 .recruit-options .recruit-key{font-size:13px}
 .recruit-options .recruit-key-start{font-size:13.5px}
}
@media(max-width:390px){
 .recruit-options .recruit-stage{padding:16px 10px;border-radius:13px}
 .recruit-options .recruit-bubble{padding:13px 12px}
 .recruit-options .recruit-key{font-size:11.5px;gap:4px}
 .recruit-options .recruit-key .recruit-icon{flex-basis:13px;width:13px;height:13px}
 .recruit-options .recruit-option-header{align-items:flex-start;gap:11px}
 .recruit-options .recruit-option-header h2{font-size:1.15rem}
}
@media(prefers-reduced-motion:no-preference){
 .recruit-options a.recruit-key{transition:background-color .15s ease,translate .14s cubic-bezier(.22,1,.36,1)}
 .recruit-options a.recruit-key:active{translate:0 1px;transition-duration:80ms}
}


/* motion-preview.css */
/* Deliberately scoped: approved guide pages keep their existing appearance. */
.motion-preview{--motion-surface:#132126;--motion-card:#162a32;--motion-edge:#315360;--motion-glow:#55c8ff26;--motion-button:#2378a7;--motion-button-end:#318db6;--motion-highlight:#99e4ff;--motion-copy:#d8e9ee}
:root[data-tone="light"] .motion-preview{--motion-surface:#e6eff7;--motion-card:#f7fbff;--motion-edge:#c0d5e4;--motion-glow:#218dc522;--motion-button:#246f9f;--motion-button-end:#328caf;--motion-highlight:#277aa9;--motion-copy:#284c68}
.motion-preview .motion-eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;margin-bottom:18px}
.motion-preview .motion-stage{max-width:760px;margin:30px auto 0;min-width:0}
.motion-preview .motion-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.motion-preview .motion-choice{display:flex;align-items:center;gap:12px;position:relative;isolation:isolate;min-width:0;min-height:72px;padding:16px;border:1px solid var(--motion-edge);border-radius:15px;background:var(--motion-surface);color:var(--text);text-align:start;font-size:.95rem;line-height:1.4;overflow:hidden}
.motion-preview .motion-choice[aria-selected="true"]{border-color:var(--motion-highlight);background:linear-gradient(120deg,var(--motion-glow),transparent 90%),var(--motion-card);box-shadow:inset 0 1px 0 var(--motion-glow),0 5px 25px -18px var(--motion-highlight)}
.motion-preview .motion-choice>svg{width:18px;height:18px;margin-left:auto;flex:none;color:var(--motion-highlight)}
.motion-preview .motion-choice-icon{display:grid;place-items:center;flex:none;width:33px;height:33px;border:1px solid var(--motion-edge);border-radius:10px;color:var(--motion-highlight)}
.motion-preview .motion-frame{position:relative;padding:1px;border:1px solid var(--motion-edge);border-radius:24px;background:linear-gradient(135deg,var(--motion-glow),transparent 65%),var(--motion-card);box-shadow:0 18px 48px -32px #0008;overflow:hidden}
.motion-preview .motion-frame:focus-within{border-color:var(--motion-highlight);box-shadow:0 0 0 1px var(--motion-glow),0 12px 42px -24px var(--motion-highlight)}
.motion-preview .motion-panels{display:grid;min-width:0;isolation:isolate}
.motion-preview .motion-panel{grid-area:1/1;display:flex;flex-direction:column;gap:0;min-width:0;padding:32px;opacity:0;visibility:hidden;pointer-events:none;translate:0 5px}
.motion-preview .motion-panel[data-active="true"]{opacity:1;visibility:visible;pointer-events:auto;translate:0 0}
.motion-preview .motion-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:16px}
.motion-preview .motion-panel-icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid var(--motion-edge);border-radius:16px;color:var(--motion-highlight);background:var(--motion-glow)}
.motion-preview .motion-panel-icon .ico{width:24px;height:24px}
.motion-preview .motion-panel-number{font-size:.7rem;letter-spacing:.14em;color:var(--muted)}
.motion-preview .motion-panel h2{text-align:start;margin:0 0 16px;font-size:clamp(1.5rem,3vw,2rem);color:var(--heading)}
.motion-preview .motion-panel>p{text-align:start;margin:0 0 28px;max-width:54ch;color:var(--motion-copy);line-height:1.65;font-size:1rem}
.motion-preview .motion-open{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:24px;align-self:flex-start;min-width:210px;max-width:100%;min-height:50px;margin-top:auto;padding:13px 18px;border:1px solid #8cd5ff5c;border-radius:11px;background:linear-gradient(110deg,var(--motion-button),var(--motion-button-end));color:#fff;font-size:.95rem;font-weight:500;line-height:1.4;text-decoration:none;overflow:hidden}
.motion-preview .motion-open>svg,.motion-preview .motion-replay>svg,.motion-preview .section-jump svg{width:19px;height:19px;flex:none}
.motion-preview .motion-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;padding:16px 0;border-bottom:1px solid var(--hairline);color:var(--muted);font-size:.75rem;line-height:1.5}
.motion-preview .motion-details>span{display:flex;align-items:center;gap:9px}
.motion-preview .motion-details i{font-style:normal;color:var(--motion-highlight);font-size:.65rem}
.motion-preview .motion-replay{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;max-width:100%;margin:20px auto 0;padding:11px 17px;border:1px solid var(--motion-edge);border-radius:10px;color:var(--link);background:var(--motion-surface);overflow:hidden;font-size:.85rem;line-height:1.4}
.motion-preview .motion-shine::after{content:"";position:absolute;z-index:1;pointer-events:none;inset:-30% auto -30% 0;width:42%;opacity:0;background:linear-gradient(90deg,transparent,#d9f7ff55,transparent);transform:translateX(-180%) skewX(-18deg)}
.motion-preview .motion-shine:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
@media(prefers-reduced-motion:no-preference){
 .motion-preview .motion-choice,.motion-preview .motion-frame,.motion-preview .motion-open,.motion-preview .motion-replay{transition:border-color 180ms ease,box-shadow 180ms ease,translate 150ms cubic-bezier(.22,1,.36,1)}
 .motion-preview .motion-panel{transition:opacity 180ms ease,translate 180ms cubic-bezier(.22,1,.36,1),visibility 180ms;transition-delay:0s}
 .motion-preview .motion-shine:active{translate:0 1px;transition-duration:70ms}
 .motion-preview .motion-shine[data-shine="a"]::after{animation:pulse-lab-glint-a 440ms cubic-bezier(.2,.7,.3,1)}
 .motion-preview .motion-shine[data-shine="b"]::after{animation:pulse-lab-glint-b 440ms cubic-bezier(.2,.7,.3,1)}
 @keyframes pulse-lab-glint-a{0%{opacity:0;transform:translateX(-180%) skewX(-18deg)}18%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(420%) skewX(-18deg)}}
 @keyframes pulse-lab-glint-b{0%{opacity:0;transform:translateX(-180%) skewX(-18deg)}18%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(420%) skewX(-18deg)}}
}
@media(hover:hover) and (pointer:fine){
 .motion-preview .motion-frame:hover{border-color:var(--motion-highlight);box-shadow:0 0 0 1px var(--motion-glow),0 16px 48px -25px var(--motion-highlight)}
 .motion-preview .motion-choice:hover,.motion-preview .motion-open:hover,.motion-preview .motion-replay:hover{border-color:var(--motion-highlight);box-shadow:0 5px 24px -12px var(--motion-highlight)}
}
@media(max-width:600px){
 .motion-preview .motion-tabs{gap:9px}
 .motion-preview .motion-choice{min-height:90px;padding:12px;flex-wrap:wrap;gap:8px;font-size:.8rem;border-radius:12px}
 .motion-preview .motion-choice>span:nth-child(2){flex:1 0 calc(100% - 40px);min-width:0}
 .motion-preview .motion-choice>svg{display:none}
 .motion-preview .motion-choice-icon{width:28px;height:28px;border-radius:8px}
 .motion-preview .motion-frame{border-radius:18px}
 .motion-preview .motion-panel{padding:22px}
 .motion-preview .motion-panel h2{font-size:1.5rem}
 .motion-preview .motion-panel>p{font-size:.95rem;line-height:1.6}
 .motion-preview .motion-open{align-self:stretch;min-width:0;width:100%}
 .motion-preview .motion-details{grid-template-columns:1fr;gap:8px;font-size:.8rem}
 .motion-preview .motion-stage{margin-top:24px}
}
@media(prefers-reduced-motion:reduce){
 .motion-preview .motion-shine::after{display:none}
 .motion-preview .motion-panel{translate:none}
}