.article{max-width:790px;padding:50px 30px 70px;font-size:15px;line-height:1.85}.article h1{font:700 36px/1.15 var(--sans);letter-spacing:-1px;margin:15px 0 22px}.article .lead{font-size:18px;color:var(--muted);line-height:1.65}.article h2{font:700 25px/1.25 var(--sans);margin:37px 0 12px}.article li{padding:5px 0}.article table{width:100%;border-collapse:collapse;font-size:14px;margin:25px 0}.article th,.article td{border-bottom:1px solid var(--line);padding:10px;text-align:left}.article code{font-size:12px;overflow-wrap:anywhere}.article .updated{font:12px var(--mono);color:var(--muted);margin-top:35px}@media(max-width:600px){.article{padding:30px 20px 50px}.article h1{font-size:36px}.article .lead{font-size:16px}.article h2{font-size:25px}.bar>.btn{margin-left:auto;font-size:12px;padding:10px}.article th,.article td{padding:7px 4px;font-size:12px}}
.article h1 .h1-kicker{display:block;font:600 16px/1.4 var(--sans);letter-spacing:0;color:var(--accent);margin:0 0 12px}.nf-links{padding-left:20px}.nf-links li{margin:4px 0}.nf-links a{display:inline-flex;align-items:center;min-height:44px;font-size:17px}
/* 2026-10-29 guides: breadcrumbs, screenshots, sources, related links, hub, calculator */
.crumbs{font-size:13px;color:var(--muted)}.crumbs a{color:var(--muted)}
.article .shot{margin:26px 0;padding:0}.article .shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;background:var(--canvas)}.article .shot figcaption{font-size:13px;line-height:1.55;color:var(--muted);margin-top:8px}
.article .table-wrap{overflow-x:auto;margin:22px 0}.article .table-wrap table{margin:0}.article .table-wrap table:has(th:nth-child(4)){min-width:520px}.article th{background:#f5f7fb}
.article ol.steps{padding-left:22px}.article ol.steps li{padding:6px 0}
.article .cta{margin:34px 0 0}
.article .sources{margin-top:44px;padding-top:6px;border-top:1px solid var(--line);font-size:14px;line-height:1.6}.article .sources h2,.article .related h2{font-size:19px;margin:22px 0 8px}.article .sources ol{padding-left:20px}.article .sources li{overflow-wrap:anywhere}.article .sources p{color:var(--muted)}
.article .related{margin-top:30px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px 20px 14px}.article .related ul,.article ul.hub{list-style:none;padding:0;margin:0}.article .related li,.article ul.hub li{display:flex;flex-direction:column;padding:9px 0;border-bottom:1px solid var(--line)}.article .related li:last-child,.article ul.hub li:last-child{border-bottom:0}.article .related a,.article ul.hub a{font-weight:700}.article .related span,.article ul.hub span{color:var(--muted);font-size:14px;line-height:1.5}
.article .calc{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px 20px 16px;margin:22px 0}.article .calc fieldset{border:0;padding:0;margin:12px 0 4px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.article .calc legend{font-weight:700;margin-bottom:4px}.article .calc label{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.4}.article .calc input{font:inherit;font-size:16px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fafbfd;min-height:44px;box-sizing:border-box}.article .calc output{display:block;margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--blue-soft)}.article .calc output p{margin:0 0 6px}.article .calc output table{margin:6px 0 0;background:var(--card)}.article .calc .small{font-size:13px;color:var(--muted);margin:10px 0 0;line-height:1.5}
@media(max-width:600px){.article .shot{margin:20px -6px}.article .calc{padding:4px 14px 14px}}
