.guide{& h1,& h2,& h3{font-family:var(--f-display);color:var(--white);text-wrap:balance;margin:0;line-height:1.15}& .mono{font-family:var(--f-mono)}& .rail-cta .btn{min-height:0;padding:9px 16px;font-size:.9rem}& .btn.ghost{border:1px solid var(--line-2);color:var(--white);box-shadow:none;background:0 0}& .btn.ghost:hover{border-color:var(--cyan)}& .wrap{max-width:1180px}font-size:18px;line-height:1.7;& .guide-head{background:radial-gradient(60% 120% at 85% 0,#2b72e838,#0000 60%);padding-block:clamp(56px,7vw,96px)}& .guide-copy{flex-direction:column;gap:22px;display:flex}& .crumbs{font:500 .75rem var(--f-mono);letter-spacing:.08em;color:var(--muted);flex-wrap:wrap;gap:8px;display:flex}& .crumbs a{color:var(--muted);text-decoration:none}& .crumbs a:hover{color:var(--cyan)}& .guide-head h1{max-width:18ch;font-size:clamp(2.2rem,4.6vw,3.4rem);font-weight:800}& .guide-head .lede{max-width:56ch;color:var(--soft);margin:0;font-size:1.15rem}& .guide-actions{flex-wrap:wrap;gap:14px;display:flex}& .meta-row{font:500 .78rem var(--f-mono);color:var(--muted);flex-wrap:wrap;gap:8px 20px;display:flex}& .meta-row b{color:var(--green);font-weight:500}& .guide-head .photo{aspect-ratio:4/3;box-shadow:0 30px 80px -40px #00c8ff73}& .facts-band{background:var(--alt);border-block:1px solid #00c8ff14;padding-block:56px}& .key-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}& .fact{background:linear-gradient(#1a3160 0%,#13264d 100%);border-color:#00c8ff61;flex-direction:column;gap:10px;padding:28px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}& .fact:hover{border-color:var(--cyan);transform:translateY(-6px);box-shadow:0 26px 50px -22px #00c8ff73}& .fact .ico{background:#00c8ff29;border-radius:14px;width:48px;height:48px}& .fact .ico svg{width:24px;height:24px}& .fact b{font:800 1.9rem var(--f-display);color:var(--white);font-variant-numeric:tabular-nums;line-height:1.1}& .fact span:last-child{color:var(--soft);font-size:.92rem;line-height:1.45}@media (width<=960px){& .key-facts{grid-template-columns:1fr 1fr}}@media (width<=480px){& .key-facts{gap:12px}& .fact{padding:18px}& .fact b{font-size:1.5rem}& .fact span:last-child{font-size:.84rem}}@media (width<=340px){& .key-facts{grid-template-columns:1fr}}& .layout{grid-template-columns:250px minmax(0,1fr);gap:64px;padding-block:88px 112px;display:grid}& .rail{top:calc(var(--header-h) + 24px);align-self:start;gap:22px;display:grid;position:sticky}& .toc{gap:2px;font-size:.9rem;display:grid}& .toc b{font:500 .7rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}& .toc a{color:var(--muted);border-left:2px solid var(--line);padding:4px 0 4px 12px;line-height:1.35;text-decoration:none}& .toc a:hover,& .toc a.on{color:var(--white);border-left-color:var(--cyan)}& .rail-cta{background:var(--card);border:1px solid var(--line-2);border-radius:14px;gap:10px;padding:18px;display:grid}& .rail-cta strong{font:700 1.05rem var(--f-display);color:var(--white);line-height:1.25}& .rail-cta p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}@media (width<=960px){& .layout{grid-template-columns:1fr;gap:0}& .rail{display:none}}& article{min-width:0;max-width:760px}& article.solo{margin-inline:auto;padding-block:72px 96px}& article section{scroll-margin-top:calc(var(--header-h) + 24px);padding-block:8px 64px}& article section+section{border-top:1px solid var(--line);padding-top:64px}& article h2{font-size:clamp(1.6rem,3vw,2.05rem);font-weight:800}& .sec-head{align-items:center;gap:18px;margin-bottom:22px;display:flex}& .sec-head .ico{border-radius:15px;width:52px;height:52px;box-shadow:inset 0 0 0 1px #00c8ff38}& .sec-head .ico svg{width:26px;height:26px}& .sec-head .sec-num{margin-bottom:4px}& .fig{aspect-ratio:2;border:1px solid #00c8ff2e;border-radius:18px;margin:26px 0;overflow:hidden}& .fig img{object-fit:cover;width:100%;height:100%;display:block}& .why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:8px 0 22px;display:grid}& .why{flex-direction:column;gap:12px;padding:24px;transition:transform .25s,border-color .25s;display:flex}& .why:hover{border-color:var(--line-2);transform:translateY(-4px)}& .why .ico{border-radius:13px;width:44px;height:44px}& .why .ico svg{width:22px;height:22px}& .why h3{margin:0;font-size:1.08rem}& .why p{color:var(--soft);margin:0;font-size:.97rem}@media (width<=620px){& .why-grid{grid-template-columns:1fr}}& article h3{margin:26px 0 10px;font-size:1.2rem}& article p{max-width:68ch;margin:0 0 16px}& article ul,& article ol{max-width:68ch;margin:0 0 16px;padding-left:1.3em}& article li{margin-bottom:8px}& article strong{color:var(--white)}& .sec-num{font:500 .74rem var(--f-mono);letter-spacing:.14em;color:var(--cyan);margin-bottom:8px;display:block}& .note{border:1px solid;border-radius:10px;margin:18px 0;padding:16px 18px;font-size:.97rem}& .note.risk{background:#ff5a5a0f;border-color:#ff5a5a4d}& .note.risk b{color:var(--red)}& .note.tip{background:#22d98a0f;border-color:#22d98a47}& .note.tip b{color:var(--green)}& .example{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:18px 0;padding:18px 20px}& .example .lbl{font:500 .7rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:8px;display:block}& .example p:last-child{margin-bottom:0}& .tw{border:1px solid var(--line);border-radius:12px;margin:18px 0;overflow-x:auto}& table{border-collapse:collapse;width:100%;min-width:560px;font-size:.95rem}& th,& td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px 16px}& thead th{font:500 .7rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--navy-2)}& tbody th{color:var(--white);font-weight:600}& tr:last-child td,& tr:last-child th{border-bottom:0}& td.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums;color:var(--white);font-size:.9rem}& caption{caption-side:bottom;text-align:left;color:var(--muted);padding:10px 16px;font-size:.84rem}& .tool{background:linear-gradient(180deg, var(--card-2), var(--card));border:1px solid var(--line-2);border-radius:16px;margin:22px 0;padding:22px}& .tool-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}& .tool-head h3{margin:0;font-size:1.1rem}& .tool-head span{font:500 .7rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--green)}& .fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (width<=620px){& .fields{grid-template-columns:1fr}}& .field{gap:5px;min-width:0;display:grid}& .field label{color:var(--muted);font-size:.8rem;font-weight:600}& .field input,& .field select{border:1px solid var(--line-2);width:100%;color:var(--white);font:500 1rem var(--f-body);background:#04091cb3;border-radius:8px;padding:11px 12px}& .field input:focus,& .field select:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #00c8ff2e}& .seg{border:1px solid var(--line-2);border-radius:8px;display:inline-flex;overflow:hidden}& .seg button{color:var(--muted);font:600 .9rem var(--f-body);cursor:pointer;background:0 0;border:0;flex:1;padding:10px 12px}& .seg button[aria-pressed=true]{color:var(--white);background:#00c8ff29}& .result{border:1px solid var(--line);background:#04091c99;border-radius:10px;gap:4px;margin-top:16px;padding:16px 18px;display:grid}& .result .big{font:800 1.9rem var(--f-display);color:var(--white);font-variant-numeric:tabular-nums}& .result .sub{color:var(--muted);font-size:.92rem}& .result.warn .big{color:var(--amber)}& .tool-foot{color:var(--muted);margin-top:10px;font-size:.82rem}& .clock{grid-template-columns:auto 1fr;align-items:center;gap:18px;display:grid}& .light{border-radius:50%;place-items:center;width:54px;height:54px;display:grid}& .light i{border-radius:50%;width:18px;height:18px;display:block}& .light.open{background:#22d98a24}& .light.open i{background:var(--green);box-shadow:0 0 14px var(--green)}& .light.break{background:#ffb54724}& .light.break i{background:var(--amber)}& .light.closed{background:#ff5a5a1f}& .light.closed i{background:var(--red)}& .clock .state{font:800 1.35rem var(--f-display);color:var(--white)}& .clock .detail{color:var(--muted);font-size:.94rem}& .week{font:500 .68rem var(--f-mono);text-align:center;color:var(--muted);grid-template-columns:repeat(7,1fr);gap:4px;margin-top:18px;display:grid}& .week div{gap:4px;display:grid}& .week span.bar{background:#22d98a59;border-radius:4px;height:26px;position:relative;overflow:hidden}& .week span.bar.closed{background:#ff5a5a2e}& .week span.bar.partial-start{background:linear-gradient(90deg,#ff5a5a2e 75%,#22d98a59 75%)}& .week span.bar.partial-end{background:linear-gradient(90deg,#22d98a59 70.8%,#ff5a5a2e 70.8%)}& .week .today{color:var(--white)}& .steps{counter-reset:st;gap:14px;list-style:none;display:grid;padding:0!important}& .steps li{counter-increment:st;grid-template-columns:34px 1fr;gap:14px;margin:0;display:grid}& .steps li:before{content:counter(st);background:var(--card);border:1px solid var(--line-2);width:34px;height:34px;color:var(--cyan);font:500 .85rem var(--f-mono);border-radius:50%;place-items:center;display:grid}& .plan{border:1px solid var(--line);border-radius:12px;gap:0;list-style:none;display:grid;overflow:hidden;padding:0!important}& .plan li{border-bottom:1px solid var(--line);background:var(--navy-2);grid-template-columns:170px 1fr;gap:16px;margin:0;padding:14px 18px;display:grid}& .plan li:last-child{border-bottom:0}& .plan li b{font:500 .78rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);padding-top:3px}& .plan li span{color:var(--muted)}@media (width<=560px){& .plan li{grid-template-columns:1fr;gap:2px}}& .mistakes{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}& .mistake{grid-template-columns:auto 1fr;gap:14px;padding:20px;display:grid}& .mistake .ico{width:40px;height:40px;color:var(--red);background:#ff8a8a1a;border-radius:12px}& .mistake .ico svg{width:22px;height:22px}& .mistake h3{margin:0 0 4px;font-size:1.02rem}& .mistake p{color:var(--soft);margin:0;font-size:.94rem}@media (width<=620px){& .mistakes{grid-template-columns:1fr}}& details{border-bottom:1px solid var(--line)}& details:first-of-type{border-top:1px solid var(--line)}& summary{cursor:pointer;font:700 1.05rem var(--f-display);color:var(--white);padding:18px 40px 18px 0;list-style:none;position:relative}& summary::-webkit-details-marker{display:none}& summary:after{content:"+";font:500 1.5rem var(--f-mono);color:var(--cyan);transition:transform .2s;position:absolute;top:14px;right:4px}& details[open] summary:after{transform:rotate(45deg)}& details p{color:var(--muted)}& .final .h2{text-align:center;max-width:20ch}& .final .lead{max-width:640px}& .post-grid{margin-top:0}& .center-link{text-align:center;margin:0;font-weight:600}}