.guide-title{margin-top:var(--space-md)}.toc{background:var(--color-paper-2);border-radius:var(--radius-card);padding:var(--space-md) var(--space-lg)}.toc p{font:500 var(--text-sm)/1 var(--font-body);color:var(--color-muted);margin-bottom:var(--space-sm)}.toc ol{margin:0;padding-left:var(--space-lg);columns:2 16rem;column-gap:var(--space-xl)}.toc a{text-decoration:none;color:var(--color-ink-2)}.toc a:hover{color:var(--color-accent);text-decoration:underline}.faq{display:grid;gap:var(--space-xs)}.faq details{background:var(--color-paper-2);border-radius:12px;padding:var(--space-sm) var(--space-md)}.faq summary{cursor:pointer;font-weight:500}.faq details p{margin-top:var(--space-sm);color:var(--color-ink-2)}.tool{background:var(--color-card);border-radius:var(--radius-card);padding:var(--space-lg);box-shadow:var(--shadow-card);outline:1px solid var(--color-rule);display:grid;gap:var(--space-md);max-width:70ch}.tool fieldset{border:0;padding:0;margin:0;display:grid;gap:var(--space-xs)}.tool legend{font-weight:500;margin-bottom:var(--space-xs)}.tool label{display:flex;gap:var(--space-xs);align-items:center}.tool input[type=radio],.tool input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--color-accent)}.result{background:var(--color-accent-soft);border-radius:16px;padding:var(--space-md) var(--space-lg);min-height:3rem}.result b{display:block;font-size:var(--text-lg);margin-bottom:var(--space-2xs)}.result.ok{background:#d0f7d6}.result.warn{background:oklch(94% .09 85)}.result.no{background:oklch(93% .06 27)}.small{font-size:var(--text-sm);color:var(--color-ink-2)}.b{min-height:44px;padding:0 var(--space-md);border-radius:var(--radius-pill);border:0;box-shadow:inset 0 0 0 1.5px var(--color-rule-2);background:transparent;font:500 var(--text-sm)/1 var(--font-body);cursor:pointer;color:var(--color-ink)}.b--main{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:none}.b:disabled{opacity:.4;cursor:default}.ui-row{display:flex;gap:var(--space-xs);flex-wrap:wrap}.tool :focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tabs{display:flex;gap:var(--space-xs)}.tabs button,.chips button{min-height:44px;padding:0 var(--space-md);border-radius:var(--radius-pill);border:0;background:var(--color-paper-2);font:500 var(--text-sm)/1 var(--font-body);cursor:pointer;color:var(--color-ink)}.tabs button[aria-selected=true],.chips button[aria-selected=true]{background:var(--color-accent);color:var(--color-accent-ink)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.cap-grid{display:grid;grid-template-columns:220px 1fr;gap:var(--space-lg);align-items:start}.step-count{font-size:var(--text-sm);color:var(--color-muted)}.screen{aspect-ratio:16/10;border-radius:12px;background:#11151c;color:#e8ecf2;font:500 13px/1.3 system-ui,sans-serif;display:grid;place-items:center;text-align:center;padding:10px;position:relative;overflow:hidden}.screen .pad{display:grid;gap:6px;width:100%}.screen .row{padding:7px 10px;border-radius:8px;background:#232a36;text-align:left}.screen .row.on{background:var(--color-accent);color:#fff;animation:sel 1.4s var(--ease-in-out) infinite}.screen .ok{color:#6ee7a0;font-size:15px}@keyframes sel{50%{box-shadow:0 0 0 4px #ffffff40}}.bar{position:relative;display:grid;grid-template-columns:2fr 6fr 15fr 7fr;height:14px;border-radius:999px;overflow:hidden;background:var(--color-paper-3)}.bar i:nth-child(1){background:var(--color-yellow-deep)}.bar i:nth-child(2){background:#9cb5f8}.bar i:nth-child(3){background:var(--color-accent)}.bar i:nth-child(4){background:#69ba7c}.bar .needle{position:absolute;top:0;bottom:0;width:3px;background:var(--color-ink);left:0}.sl{display:grid;gap:var(--space-xs);font-weight:500}.sl input[type=range]{width:100%;accent-color:var(--color-accent);min-height:32px}.sl select{min-height:44px;border-radius:10px;border:1px solid var(--color-rule-2);padding:0 var(--space-sm);font:inherit;background:var(--color-paper)}.safe-grid{display:grid;grid-template-columns:180px 1fr;gap:var(--space-lg);align-items:center}.phone{position:relative;width:180px;aspect-ratio:9/16;border-radius:22px;background:#11151c;border:5px solid #11151c;overflow:hidden}.phone .vid{position:absolute;inset:0;background:linear-gradient(160deg,#3b2a6b,#c4527a 55%,#f2a65a);display:grid;place-items:center}.phone .subject{background:#ffffffd9;color:#11151c;font:600 11px/1 system-ui;padding:6px 10px;border-radius:999px}.zone{position:absolute;display:grid;place-items:center;text-align:center;font:600 9px/1.2 system-ui;color:#fff;background:#c81e328c;padding:2px}.zone[hidden]{display:none}.z-top{left:0;right:0;top:0;height:10%}.z-bottom{left:0;right:0;bottom:0;height:22%}.z-right{top:40%;right:0;width:16%;height:40%}.z-safe{inset:12% 20% 24% 4%;background:#28aa6447;outline:2px dashed #6ee7a0;align-content:end}.chk{padding:var(--space-3xs) 0}ul.small{padding-left:var(--space-lg);margin-top:var(--space-sm)}.figs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.figs div{background:var(--color-paper-2);border-radius:16px;padding:var(--space-md)}.figs b{display:block;font:400 var(--text-2xl)/1 var(--font-display);color:var(--color-accent-deep)}.figs span{font-size:var(--text-sm);color:var(--color-ink-2)}.prog{height:10px;border-radius:999px;background:var(--color-paper-3);overflow:hidden}.prog span{display:block;height:100%;width:0;background:var(--color-accent);transition:width var(--dur-short) var(--ease-out)}.ck{list-style:none;padding:0!important;display:grid;gap:var(--space-xs)}.ck li{margin:0!important}.ck label{padding:var(--space-xs) 0;cursor:pointer;align-items:flex-start}.ck input:checked+span{color:var(--color-muted);text-decoration:line-through}@media(max-width:40rem){.cap-grid,.safe-grid{grid-template-columns:1fr}.phone{margin-inline:auto}.figs{grid-template-columns:1fr}.tool{padding:var(--space-md)}}@media(prefers-reduced-motion:reduce){.screen .row.on{animation:none}.prog span{transition:none}}