.howto-entry{margin-top:28px;background:#fff;border:1px solid #dae2e8;border-left:6px solid #19a34b;border-radius:14px;padding:19px 23px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.howto-entry p{margin:0;color:#344653;line-height:1.5}
.howto-entry a,.guide-back{color:#1c405a;font-weight:800;text-underline-offset:4px}
.howto-entry a{white-space:nowrap}
body:not([data-level="home"]) .howto-entry{display:none}
body[data-level^="guide"] .explorer{display:none}
.howto-panel[hidden]{display:none}
.howto-panel{max-width:980px;margin:0 auto}
.guide-back{display:inline-block;margin-bottom:22px}
.guide-header{background:#fff;border:1px solid #dae2e8;border-top:8px solid var(--guide-face,#19a34b);border-radius:20px;padding:30px 36px}
.guide-kicker{font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;color:#526777;font-weight:800;margin:0 0 13px}
.guide-kicker.guide-intro-kicker{text-transform:none}
.guide-header h2{font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.12;letter-spacing:-.055em;margin:0 0 15px}
.guide-header>p:last-child{font-size:1.08rem;line-height:1.6;color:#3c5364;margin:0;max-width:75ch}
.guide-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}
.guide-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #dae2e8;border-top:7px solid var(--guide-face);border-radius:17px;padding:23px;text-decoration:none;color:#17191c;min-height:210px}
.guide-card:hover{border-color:#7993a5;transform:translateY(-2px)}
.guide-card .guide-number{color:#5b7080;font-size:.78rem;font-weight:800;letter-spacing:.12em}
.guide-card strong{font-size:1.27rem;line-height:1.28}
.guide-card span:last-child{margin-top:auto;color:#36556b;font-weight:750}
.guide-content{display:grid;gap:16px;margin-top:19px}
.guide-block{background:#fff;border:1px solid #dae2e8;border-radius:17px;padding:22px 26px}
.guide-block h3{margin:0 0 10px;font-size:1.2rem;letter-spacing:-.025em}
.guide-block p{margin:0;color:#344653;line-height:1.6}
.guide-block p+p{margin-top:10px}
.guide-say{border-left:5px solid #19a34b}
.guide-say strong{color:#17191c}
.guide-steps{margin-top:8px;display:grid;gap:11px}
.guide-step{display:grid;grid-template-columns:190px 1fr;gap:18px;border:1px solid #dae2e8;border-radius:15px;background:#fff;padding:13px}
.guide-face{background:var(--face);color:var(--ink);border:2px solid var(--edge,var(--face));border-radius:11px;padding:15px;font-weight:850;min-height:94px;display:flex;flex-direction:column;justify-content:space-between}
.guide-face small{font-size:.76rem;letter-spacing:.08em}
.guide-step-body{padding:6px 8px 6px 0}
.guide-step-body a{color:#1a415b;font-weight:800;text-underline-offset:3px}
.guide-step-body p{margin:8px 0 0;color:#344653;line-height:1.5}
.guide-step-body .guide-prompt{color:#233e52;font-weight:650}
.guide-steps-title{font-size:1.55rem;letter-spacing:-.04em;margin:20px 0 2px}
.guide-notice{border-left:5px solid #19a34b}
.guide-next{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px}
.guide-next a{font-weight:800;color:#1c405a;text-underline-offset:3px}
.dashboard-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:22px 0 12px}
.dashboard-heading h3{margin:0;font-size:1.3rem;letter-spacing:-.03em}
.dashboard-heading p{margin:0;color:#536777}
.dashboard-guard-note{margin:0 0 15px;padding:14px 17px;border-left:5px solid #f4d819;background:#fffbe3;color:#344653;line-height:1.55;font-style:italic;border-radius:0 10px 10px 0}
.dashboard-start{display:grid;grid-template-columns:190px minmax(0,1fr);background:#fff;border:1px solid #dae2e8;border-radius:16px;overflow:hidden}
.dashboard-start-label{background:#17191c;color:#fff;padding:20px;display:flex;flex-direction:column;gap:8px}
.dashboard-start-label small{color:#cdd5d9;font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.dashboard-start-label strong{font-size:1.2rem;margin-top:15px}
.dashboard-start-label span{color:#e0e5e9}
.dashboard-start-content{padding:19px 22px}
.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:13px 0 16px}
.dashboard-card{position:relative;background:#fff;border:1px solid #dae2e8;border-radius:16px;overflow:hidden;padding:20px 21px}
.dashboard-card:before{content:"";height:7px;position:absolute;inset:0 0 auto;background:var(--dashboard-face)}
.dashboard-card[data-face="Align"]:before{box-shadow:inset 0 0 0 1px #9ca8b0}
.dashboard-card-head{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin:5px 0 13px}
.dashboard-card-head small{color:#536777;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800}
.dashboard-card-head strong{font-size:1.1rem}
.dashboard-check{font-style:italic;color:#445a69;line-height:1.5;margin:0 0 14px}
.dashboard-driver{border-top:1px solid #dae2e8;padding-top:13px;margin-top:13px}
.dashboard-driver:first-of-type{border:0;padding:0;margin:0}
.dashboard-driver a{display:inline-block;background:#eaf0f4;color:#1a415b;padding:6px 10px;border-radius:99px;font-weight:800;text-underline-offset:3px}
.dashboard-driver p{margin:9px 0 0;color:#344653;line-height:1.52}
.dashboard-driver .dashboard-ask{color:#1b435c;font-weight:650}
.dashboard-ask span{color:#536777;font-weight:500}
.dashboard-grid+.guide-notice{margin-top:0}
.dashboard-signal span{display:inline-block;width:1.4em;color:#16733c;font-weight:800}
.dashboard-watch span{color:#9a5c05}
.howto-entry a:focus-visible,.howto-panel a:focus-visible{outline:3px solid #d27b26;outline-offset:4px}
@media(max-width:850px){.guide-list{grid-template-columns:1fr}.guide-card{min-height:0}}
@media(max-width:650px){.howto-entry{align-items:flex-start;flex-direction:column}.howto-entry a{white-space:normal}.guide-header{padding:25px 22px}.guide-block{padding:21px}.guide-step{grid-template-columns:1fr}.guide-face{min-height:0;gap:14px}.guide-step-body{padding:3px 5px 8px}.guide-face small{font-size:.84rem}.dashboard-start{grid-template-columns:1fr}.dashboard-start-label{gap:4px}.dashboard-start-label strong{margin-top:4px}.dashboard-grid{grid-template-columns:1fr}.dashboard-heading p{display:none}}
@media(prefers-reduced-motion:no-preference){.guide-card{transition:transform .18s,border-color .18s}}
