.guide{--navy:#0a2540;--navy-deep:#061829;--accent:#14508a;--accent-mid:#4b81b5;--accent-soft:#eef4fa;--accent-line:#d8e6f3;--page:#fafafa;--surface:#f4f4f5;--muted:#71717a;--line:#e4e4e7;--line-soft:#f0f0f2;--text:#3f3f46;--frame:#fff;background:var(--page);min-height:100vh;color:var(--navy);font-family:var(--font-geist-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased}.guide a{color:inherit;text-decoration:none}.guide :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.guide ::selection{background:var(--accent-line);color:var(--navy)}.guide-header{z-index:20;-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);background:#fafafaeb;align-items:center;gap:20px;min-height:64px;padding:12px 28px;display:flex;position:sticky;top:0}.guide-brand{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.guide-brand img{border-radius:8px;width:30px;height:30px}.guide-brand span{color:var(--muted);font-weight:600}.guide-roles{scrollbar-width:none;gap:4px;margin-inline-start:12px;display:flex;overflow-x:auto}.guide-roles a{color:var(--muted);white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:13.5px;font-weight:600}.guide-roles a:hover{color:var(--navy);background:var(--surface)}.guide-roles a[aria-current=page]{background:var(--navy);color:#fff}.guide-header-end{align-items:center;gap:10px;margin-inline-start:auto;display:flex}.guide-lang{position:relative}.guide-lang summary{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13.5px;font-weight:600;list-style:none;display:flex}.guide-lang summary::-webkit-details-marker{display:none}.guide-lang summary svg{width:15px;height:15px;color:var(--muted)}.guide-lang ul{inset-inline-end:0;border:1px solid var(--line);background:#fff;border-radius:14px;min-width:170px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);box-shadow:0 12px 30px #0a25401f}.guide-lang li a{border-radius:9px;padding:9px 12px;font-size:14px;display:block}.guide-lang li a:hover{background:var(--page)}.guide-lang li a[aria-current=true]{color:var(--accent);font-weight:700}.guide-button{background:var(--navy);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:700;display:inline-flex;color:#fff!important}.guide-button:hover{background:var(--navy-deep)}.guide-button svg{width:15px;height:15px}.guide-button.is-light{border:1px solid var(--line);background:#fff;color:var(--navy)!important}.guide-button.is-light:hover{background:var(--surface)}.guide-body{grid-template-columns:300px minmax(0,1fr);gap:56px;max-width:1320px;margin:0 auto;padding:0 28px;display:grid}.guide-rail{scrollbar-width:thin;align-self:start;height:calc(100vh - 64px);padding:28px 4px 40px 0;position:sticky;top:64px;overflow-y:auto}.guide-main{min-width:0;padding:44px 0 120px}.guide-column{max-width:780px}.guide-search{margin-bottom:22px;position:relative}.guide-search svg{inset-inline-start:13px;width:16px;height:16px;color:var(--muted);pointer-events:none;position:absolute;top:50%;translate:0 -50%}.guide-search input{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--navy);font:inherit;background:#fff;border-radius:12px;padding:11px 14px 11px 38px;font-size:14px}.guide-search input::placeholder{color:#6b7c74}.guide-toc-label{font:500 10.5px var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.guide-toc ol{margin:0;padding:0;list-style:none}.guide-toc>ol>li{margin-bottom:18px}.guide-toc-chapter{letter-spacing:-.01em;gap:8px;margin-bottom:6px;font-size:13px;font-weight:800;display:flex}.guide-toc-chapter span{font:500 11px var(--font-geist-mono), monospace;color:var(--accent);padding-top:2px}.guide-toc li li a{color:var(--muted);border-inline-start:2px solid #0000;border-radius:8px;margin-inline-start:22px;padding:6px 10px;font-size:13.5px;line-height:1.35;display:block}.guide-toc li li a:hover{color:var(--navy);background:var(--surface)}.guide-toc li li a[aria-current=true]{color:var(--navy);border-inline-start-color:var(--accent-mid);background:#fff;font-weight:700}.guide-toc-empty{color:var(--muted);font-size:14px}.guide-toc-mobile{display:none}.guide-hero{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:34px}.guide .guide-eyebrow{font:500 11px var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}.guide-hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(36px,4.4vw,52px);font-weight:700;line-height:1.04}.guide-hero p{color:var(--muted);max-width:620px;margin:16px 0 0;font-size:18px;line-height:1.6}.guide-hero-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.guide-signin-chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:13.5px;font-weight:700;display:inline-flex}.guide-chapter{padding-top:48px}.guide-chapter-head{align-items:baseline;gap:14px;margin:0 0 6px;display:flex}.guide-chapter-head span{font:500 13px var(--font-geist-mono), monospace;color:var(--accent)}.guide-chapter-head h2{letter-spacing:-.025em;margin:0;font-size:30px;font-weight:700;line-height:1.1}.guide-section{padding-top:34px;scroll-margin-top:84px}.guide-section h3{letter-spacing:-.015em;margin:0 0 14px;font-size:21px;font-weight:700;line-height:1.25}.guide-section p,.guide-section li{color:var(--text);font-size:16.5px;line-height:1.7}.guide-section p{margin:0 0 14px}.guide-section strong{color:var(--navy);font-weight:700}.guide-steps{counter-reset:step;margin:4px 0 18px;padding:0;list-style:none}.guide-steps li{counter-increment:step;padding:0 0 12px 44px;position:relative}.guide-steps li:before{content:counter(step);inset-inline-start:0;background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid;position:absolute;top:1px}.guide-list{margin:4px 0 18px;padding-inline-start:22px;list-style:outside}.guide-list li{padding:0 0 8px 4px}.guide-list li::marker{color:var(--accent)}.guide-callout{border-radius:14px;gap:12px;margin:6px 0 18px;padding:14px 18px;font-size:15.5px;line-height:1.6;display:flex}.guide-callout svg{flex:none;width:18px;height:18px;margin-top:3px}.guide-callout p{margin:0;font-size:15.5px}.guide-callout b{letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-size:12px;display:block}.guide-tip{background:var(--accent-soft);color:var(--navy)}.guide-tip p,.guide-tip strong{color:var(--navy)}.guide-note{border:1px solid var(--line);background:#fff}.guide-note svg{color:var(--accent)}.guide-figure{margin:10px 0 26px}.guide-figure-frame{border:1px solid var(--line);background:var(--frame);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0a25400d,0 14px 34px -18px #0a254047}.guide-figure img{width:100%;height:auto;display:block}.guide-figure.is-phone .guide-figure-frame{border-radius:26px;max-width:300px}.guide-figure figcaption{color:var(--muted);margin-top:10px;font-size:13.5px}.guide-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:70px;padding-top:26px;font-size:14px;display:flex}.guide-footer a{color:var(--navy);font-weight:700}.guide-other{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.guide-other a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600}.guide-other a:hover{border-color:var(--navy)}.guide-cover,.guide-print-toc{display:none}.guide-landing{max-width:1120px;margin:0 auto;padding:72px 28px 120px}.guide-landing h1{letter-spacing:-.035em;margin:0;font-size:clamp(40px,5.6vw,68px);font-weight:700;line-height:.98}.guide-landing>p{color:var(--muted);max-width:640px;margin:20px 0 0;font-size:19px;line-height:1.6}.guide-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:48px;display:grid}.guide-card{border:1px solid var(--line);background:#fff;border-radius:22px;flex-direction:column;gap:10px;padding:26px;transition:border-color .18s,transform .18s;display:flex}.guide-card:hover{border-color:var(--navy);transform:translateY(-2px)}.guide-card-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--navy-deep);border-radius:14px;place-items:center;display:grid}.guide-card-icon svg{width:22px;height:22px}.guide-card h2{letter-spacing:-.02em;margin:6px 0 0;font-size:21px;font-weight:700}.guide-card .guide-who{font:500 10.5px var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.guide-card p{color:var(--muted);flex:1;margin:0;font-size:15px;line-height:1.6}.guide-card-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.guide-langs{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:44px;display:grid}.guide-langs a{border:1px solid var(--line);background:#fff;border-radius:18px;justify-content:space-between;align-items:center;padding:20px 22px;font-size:18px;font-weight:700;display:flex}.guide-langs a:hover{border-color:var(--navy)}.guide-langs a span{font:500 11px var(--font-geist-mono), monospace;color:var(--muted);text-transform:uppercase}@media (max-width:980px){.guide-body{grid-template-columns:minmax(0,1fr);gap:0;padding:0 16px}.guide-rail{display:none}.guide-toc-mobile{border:1px solid var(--line);background:#fff;border-radius:14px;margin:0 0 8px;display:block}.guide-toc-mobile>summary{cursor:pointer;justify-content:space-between;padding:14px 16px;font-size:15px;font-weight:700;list-style:none;display:flex}.guide-toc-mobile>summary::-webkit-details-marker{display:none}.guide-toc-mobile>summary:after{content:"+";color:var(--muted);font-size:18px}.guide-toc-mobile[open]>summary:after{content:"–"}.guide-toc-mobile>div{padding:0 12px 12px}.guide-header{flex-wrap:wrap;gap:10px;padding:10px 16px}.guide-roles{flex-basis:100%;order:3;margin:0}.guide-main{padding-top:24px}.guide-landing{padding:44px 16px 80px}}@media (max-width:560px){.guide-button .guide-hide-sm{display:none}.guide-section p,.guide-section li{font-size:16px}.guide-chapter-head h2{font-size:27px}}@page{size:A4;margin:16mm 15mm 18mm}@media print{.guide{background:#fff}.guide-header,.guide-rail,.guide-toc-mobile,.guide-hero-actions,.guide-footer,.guide-hero{display:none!important}.guide-body{max-width:none;padding:0;display:block}.guide-main{padding:0}.guide-column{max-width:none}.guide-cover{break-after:page;flex-direction:column;justify-content:space-between;height:255mm;padding:6mm 2mm;display:flex}.guide-cover-brand{align-items:center;gap:12px;font-size:18px;font-weight:800;display:flex}.guide-cover-brand img{border-radius:10px;width:40px;height:40px}.guide-cover h1{letter-spacing:-.03em;margin:0 0 18px;font-size:50px;font-weight:700;line-height:1.02}.guide-cover p{color:var(--muted);max-width:140mm;margin:0;font-size:17px;line-height:1.6}.guide-cover-meta{border-top:2px solid var(--navy);color:var(--muted);justify-content:space-between;padding-top:14px;font-size:13px;display:flex}.guide-cover-meta strong{color:var(--navy)}.guide-cover-band{background:linear-gradient(90deg, var(--navy) 0 60%, var(--accent-mid) 60%);border-radius:99px;height:10px;margin-bottom:26px}.guide-print-toc{break-after:page;display:block}.guide-print-toc h2{letter-spacing:-.02em;margin:0 0 18px;font-size:28px;font-weight:700}.guide-print-toc ol{margin:0;padding:0;list-style:none}.guide-print-toc>ol>li{break-inside:avoid;margin-bottom:10px}.guide-print-toc .guide-toc-chapter{font-size:14px}.guide-print-toc li li{color:var(--muted);padding:1px 0 1px 26px;font-size:12.5px}.guide-chapter{break-before:page;padding-top:0}.guide-chapter:first-of-type{break-before:auto}.guide-section{padding-top:22px}.guide-section h3{break-after:avoid;font-size:19px}.guide-section p,.guide-section li{font-size:12pt;line-height:1.55}.guide-steps li,.guide-list li,.guide-callout{break-inside:avoid}.guide-figure{break-inside:avoid;margin:8px 0 18px}.guide-figure-frame{box-shadow:none;border-radius:10px;width:fit-content;max-width:100%;margin:0 auto}.guide-figure figcaption{text-align:center}.guide-figure img{width:auto;max-width:100%;max-height:92mm;margin:0 auto}.guide-figure.is-phone img{max-height:100mm}.guide-callout{border:1px solid var(--line-soft)}}
