.guide-body{font-size:1rem}
.guide-wrap{width:min(100%,900px);margin:auto;padding-inline:24px}
.guide-body h1{font-size:clamp(2rem,4vw,3rem)}
.guide-hero{background:var(--cream);padding:30px 0 42px}
.breadcrumb{display:inline-flex;min-height:44px;align-items:center;font-size:.875rem}
.guide-kicker{color:var(--muted);font-size:.875rem;margin:18px 0 12px}
.guide-intro{color:var(--muted);margin-top:20px;line-height:1.9}
.guide-search{margin-top:26px;max-width:580px}
.guide-search[hidden]{display:none}
.guide-search label{display:block;font-weight:700;font-size:.9rem;margin-bottom:8px}
.guide-search input{width:100%;min-height:52px;font:inherit;font-size:1rem;background:white;color:var(--ink);border:1px solid #7890a7;border-radius:8px;padding:12px 16px}
.guide-search input::placeholder{color:#586a7c;opacity:1}
.guide-search input:focus-visible{outline:3px solid #c46b00;outline-offset:3px}
#search-status{font-size:.875rem;color:var(--muted);margin-top:10px}
#search-status:empty{display:none}
#search-results{list-style:none;padding:0;margin:12px 0 0}
#search-results:empty{display:none}
#search-results a{display:block;padding:10px 0;min-height:44px;border-bottom:1px solid var(--line)}
.task-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:22px 0 32px}
.task-nav>a{display:block;text-decoration:none;padding:20px 0;border-bottom:1px solid var(--line)}
.task-nav strong{display:block;font-size:1rem}
.task-nav span{display:block;color:var(--muted);font-size:.875rem;margin-top:6px}
.task-nav a:hover strong{text-decoration:underline;text-underline-offset:5px}
.guide-body .quickstart{background:#e7f1fa;border-left:4px solid var(--blue);padding:26px;margin:12px 0 32px}
.quickstart h2{font-size:1.45rem;margin-bottom:12px}
.quickstart p{color:var(--muted)}
.guide-toc{border-block:1px solid var(--line);margin:0 0 20px;scroll-margin-top:100px}
.guide-toc summary{font-size:1rem;padding:18px 4px;min-height:54px}
.guide-toc nav ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:4px 26px;margin:0;padding:0 4px 20px}
.guide-toc nav a{display:block;min-height:44px;padding:8px 0;font-size:.9rem}
.guide-body .content section{padding:44px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.content h2{font-size:1.6rem;margin-bottom:22px}
.content h3{font-size:1.12rem;margin:30px 0 12px}
.content p{margin:12px 0;line-height:1.95}
.content ul,.content ol{padding-left:1.5em;margin:16px 0}
.content li{margin:10px 0}
.content .lead{font-size:1rem}
.content .pill{display:inline;background:#e7f1fa;padding:2px 6px;border-radius:4px;color:#063b70;font-size:.95em;font-weight:700}
.content .pill.green{background:#e7f3eb;color:#12603a}
.content .pill.amber{background:#fff0d6;color:#795100}
.content .pill.gray{background:#edf1f5;color:#3e4e60}
.call{padding:18px 20px;border-left:3px solid #5e85a8;margin:24px 0;line-height:1.95;font-size:.95rem}
.call.info,.call.tip{background:#edf4fa;color:var(--ink)}
.call.warn{background:#fff5e6;border-color:#a8670a;color:#624210}
.content .steps,.quickstart .steps{list-style:none;counter-reset:step;padding:0;margin:20px 0}
.steps>li{position:relative;counter-increment:step;margin:0;padding:4px 0 22px 42px}
.steps>li::before{content:counter(step);position:absolute;left:0;top:4px;width:28px;height:28px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center;font-size:.875rem;line-height:1}
.steps>li:last-child{padding-bottom:0}
.guide-shot{max-width:310px;margin:30px auto}
.guide-shot .device{width:280px}
.guide-shot a{display:block}
.guide-shot figcaption{font-size:.75rem;text-align:center}
.guide-shot> a img{border:1px solid var(--line);border-radius:10px}
.terms{width:100%;border-collapse:collapse;font-size:.95rem;table-layout:fixed;margin-top:18px}
.terms th,.terms td{border-bottom:1px solid var(--line);padding:16px 12px;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.terms th{width:30%;font-weight:700}
.content details{margin:16px 0;border-block:1px solid var(--line)}
.content summary{font-size:1rem;line-height:1.8;padding:16px 4px;min-height:54px}
.content details .a{padding:0 6px 16px}
.platform-info{padding:10px 20px;background:#e7f1fa;border-left:3px solid var(--blue)}
.toplink{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;margin-top:22px}
.guide-body .header{position:static}
.guide-body .bar nav a:not(.nav-download){display:inline-flex}
.guide-body .bar .brand{min-width:0}
.guide-body .bar .nav-download{min-height:44px}
@media(max-width:700px){
.guide-wrap{padding-inline:22px}
.guide-hero{padding:18px 0 30px}
.guide-body h1{font-size:2rem}
.guide-intro{font-size:.95rem}
.task-nav{grid-template-columns:1fr;padding:8px 0 24px}
.task-nav>a{padding:16px 0}
.guide-body .quickstart{padding:22px 18px;margin-bottom:24px}
.quickstart h2{font-size:1.3rem}
.guide-toc nav ul{grid-template-columns:1fr}
.guide-body .content section{padding:34px 0}
.content h2{font-size:1.45rem}
.guide-body .bar nav a:not(.nav-download){display:none}
.guide-shot .device{width:260px}
.terms,.terms tbody,.terms tr,.terms th,.terms td{display:block;width:100%}
.terms th{border-bottom:0;padding:16px 0 4px}
.terms td{padding:0 0 16px}
.call{padding:16px}
.platform-info{padding:8px 16px}
}
@media(max-width:360px){.guide-wrap{padding-inline:16px}.guide-body h1{font-size:1.85rem}.guide-shot .device{width:250px}}