.breadcrumbs{font-size:13px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}.guide-heading{padding:28px 0 38px;max-width:850px}.guide-heading h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.02em;margin:12px 0 18px}.guide-layout{display:grid;grid-template-columns:218px minmax(0,1fr);gap:42px}.guide-nav{align-self:start;position:sticky;top:24px;font-size:14px}.guide-nav details{border-top:2px solid var(--green);padding-top:14px}.guide-nav summary{font-weight:700;cursor:pointer;padding:6px 0 14px}.guide-nav nav{display:flex;flex-direction:column;gap:3px}.guide-nav nav a{padding:8px 12px;border-radius:7px;line-height:1.55;min-height:44px}.guide-nav a[aria-current=page]{background:var(--tint);font-weight:700;border-left:3px solid var(--green)}.guide-body{min-width:0}.guide-body h2{font-size:25px;margin:0 0 16px}.quick-start{background:var(--green);color:white;border-radius:16px;padding:28px;margin-bottom:32px}.quick-start a{color:white}.quick-start ol{display:flex;gap:28px;flex-wrap:wrap;padding-left:24px;margin-bottom:0}.guide-search label{display:block;font-size:15px;font-weight:700;margin:0 0 8px}.guide-search input{width:100%;padding:15px 18px;font:inherit;border:1px solid #889c91;border-radius:10px;background:white;color:var(--ink)}.guide-search input:focus-visible{outline:3px solid #ab6400;outline-offset:3px}.guide-search p{font-size:14px;color:var(--muted);margin:8px 0 20px}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.topic-card{border:1px solid var(--line);border-radius:14px;background:#fffefa;padding:24px;display:flex;flex-direction:column}.topic-card h2{font-size:20px;margin:9px 0 10px}.topic-card h2 a{text-decoration:none;color:var(--ink)}.topic-card p{font-size:15px;color:var(--muted);margin:0 0 18px}.topic-number{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--green)}.topic-go{margin-top:auto;font-size:14px;font-weight:700;min-height:44px;display:flex;align-items:center}.faq-card{background:var(--tint)}.article-toc{display:flex;flex-direction:column;gap:4px;border-left:3px solid var(--line);padding:0 0 0 20px;font-size:15px;margin-bottom:32px}.article-toc a{min-height:36px}.screen-guide{background:#e8eee7;border:1px solid var(--line);border-radius:14px;padding:20px;margin:28px 0 36px}.screen-guide>summary{font-weight:700;cursor:pointer;min-height:44px}.guide-screens{display:flex;flex-wrap:wrap;gap:26px;justify-content:center;padding-top:14px}.guide-figure{flex:1 1 260px;max-width:360px;margin:0}.annotated-screen{position:relative;line-height:0;border-radius:16px;overflow:hidden;box-shadow:0 5px 22px #19352f15;background:var(--bg)}.annotated-screen img{display:block;width:100%;height:auto}.annotated-screen svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.annotated-screen ellipse{fill:none;stroke:#bb352b;stroke-width:10}.annotated-screen circle{fill:#bb352b;stroke:white;stroke-width:6}.annotated-screen text{fill:white;stroke:none;text-anchor:middle;font:700 58px sans-serif}.guide-figure figcaption{font-size:14px;margin-top:18px}.marker-legend{list-style:none;padding:0;margin:10px 0}.marker-legend li{display:flex;gap:9px;align-items:center;margin:8px 0;line-height:1.6}.step-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:#bb352b;color:white;border-radius:50%;width:24px;height:24px;font-weight:700;font-size:13px}.guide-section{margin:40px 0;padding-bottom:28px;border-bottom:1px solid var(--line);scroll-margin-top:28px}.guide-section p{margin:14px 0;line-height:1.95}.instruction-steps{list-style:none;counter-reset:steps;padding:0}.instruction-steps li{counter-increment:steps;position:relative;padding:0 0 20px 44px;line-height:1.95}.instruction-steps li::before{content:counter(steps);position:absolute;left:0;top:3px;width:28px;height:28px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;font-size:14px;font-weight:700}.guide-contact{margin-top:44px;padding:26px;background:var(--tint);border-radius:14px}.guide-contact h2{font-size:22px}.guide-contact p{font-size:15px;overflow-wrap:anywhere}.guide-meta{font-size:12px;color:var(--muted);line-height:1.9;margin:28px 0}.guide-pagination{display:flex;justify-content:space-between;gap:16px}.guide-pagination a{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;padding:15px;flex:1;font-weight:600;font-size:14px}.guide-pagination small{color:var(--muted);font-weight:400;margin-bottom:5px}.back-top{font-size:14px;display:inline-block;padding:12px 0}.faq-list details{background:#fffefa;border:1px solid var(--line);border-radius:12px;margin:14px 0;padding:0 22px}.faq-list summary{padding:20px 0;cursor:pointer;font-weight:600;line-height:1.7}.faq-list summary span{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-bottom:5px}.faq-list details>div{padding:0 0 22px}.faq-list details[open] summary{border-bottom:1px solid var(--line);margin-bottom:14px}summary:focus-visible{outline:3px solid #ab6400;outline-offset:4px}[hidden]{display:none!important}@media(max-width:900px){.guide-layout{grid-template-columns:1fr;gap:26px}.guide-nav{position:static}.guide-nav nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.guide-nav details{border-bottom:1px solid var(--line);padding-bottom:12px}.guide-heading{padding-bottom:24px}.guide-body{max-width:760px;width:100%}.guide-figure{max-width:340px}}@media(max-width:480px){.topic-grid{grid-template-columns:1fr}.guide-nav nav{font-size:13px}.guide-heading h1{font-size:30px}.quick-start{padding:22px}.quick-start ol{display:block}.quick-start li{padding:6px 0}.guide-section h2{font-size:23px}.guide-pagination{flex-direction:column}.screen-guide{padding:14px}.guide-figure{max-width:100%}.guide-contact{padding:22px}.topic-card{padding:22px}}@media print{header,footer,.guide-nav,.guide-search,.guide-pagination,.back-top{display:none}.guide-layout{display:block}.guide-figure{max-width:250px}.guide-section{break-inside:avoid}main{padding:0}.screen-guide{background:white}a{color:inherit}}
