.guide-page{line-height:1.65}
.guide-page .site-header{height:auto;min-height:82px;flex-wrap:wrap;padding-block:18px;gap:18px}
.guide-page .site-header nav{display:flex;gap:24px}
.guide-page .site-header nav a,.guide-page .language,.guide-page .button{font-size:.875rem}
.guide-page .language{display:inline-flex;align-items:center;justify-content:center;min-height:42px}
.guide-page a:focus-visible{outline:2px solid #69e6f7;outline-offset:5px}
.guide-skip{position:absolute;top:8px;left:16px;z-index:10;transform:translateY(-160%);background:#5cdef2;color:#09202c;padding:10px 16px;border-radius:5px}
.guide-skip:focus{transform:none}
.guide-heading{padding-block:48px 30px;max-width:860px}
.guide-kicker{margin:0 0 12px;color:#61dff3;font-size:.875rem;font-weight:750;letter-spacing:.12em}
.guide-heading h1{margin:0 0 16px;font-size:clamp(2rem,4vw,3rem);line-height:1.14;letter-spacing:-.035em}
.guide-summary{max-width:720px;margin:0;color:#b5ccdd;font-size:1.0625rem}
.guide-meta{display:flex;gap:8px 20px;flex-wrap:wrap;margin-top:18px;color:#9bb7cb;font-size:.875rem}
.guide-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:48px;padding-block:12px 70px}
.guide-toc{align-self:start;position:sticky;top:24px;border-left:2px solid #31556b;padding-left:18px;font-size:.875rem}
.guide-toc p{margin:0 0 12px;color:#89a8be;font-weight:700}
.guide-toc a{display:block;padding:7px 0;color:#c3dcea}
.guide-toc a:hover{color:#5cdef2}
.guide-content{min-width:0;max-width:850px}
.guide-content section{scroll-margin-top:24px;margin-bottom:42px}
.guide-content h2{margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #2b4d62;font-size:1.5rem;line-height:1.3;letter-spacing:-.025em}
.guide-content h3{font-size:1.0625rem;line-height:1.4;margin:0 0 8px;color:#e5f5ff}
.guide-content p{margin:0 0 16px;color:#b4cbdc;font-size:1rem}
.guide-content strong{color:#edf7fd}
.guide-content a:not(.button){color:#6ce4f5;text-decoration:underline;text-underline-offset:3px}
.guide-steps{padding-left:24px;margin:0 0 22px;color:#b4cbdc}
.guide-steps li{padding-left:6px;margin-bottom:14px}
.guide-steps li::marker,.guide-examples>li::marker{color:#60dcec;font-weight:750}
.guide-steps li>strong:first-child{display:block}
.guide-stop{border-left:3px solid #53d4e9;padding:14px 18px;background:#102b3b;color:#d8ebf5!important;border-radius:0 7px 7px 0}
.guide-examples{display:grid;grid-template-columns:1fr 1fr;gap:22px 32px;padding-left:24px;margin:0 0 20px}
.guide-examples>li{padding-left:5px}
.guide-examples p{margin-bottom:0}
.guide-page code{font-family:Consolas,"Courier New",monospace;font-size:.9em;overflow-wrap:anywhere;color:#d0ecf7}
.guide-page kbd{font:inherit;font-size:.875em;display:inline-block;border:1px solid #406279;border-bottom-width:2px;border-radius:4px;background:#142c3e;color:#e7f6ff;padding:1px 6px;white-space:nowrap}
.guide-table-wrap{overflow-x:auto;border:1px solid #2b4d62;border-radius:8px;margin-bottom:16px}
.guide-table-wrap table{border-collapse:collapse;width:100%;min-width:370px;text-align:left;font-size:1rem}
.guide-table-wrap caption{text-align:left;padding:12px 16px;background:#122d3f;color:#c6deec;font-size:.875rem}
.guide-table-wrap th,.guide-table-wrap td{padding:12px 16px;border-top:1px solid #28475c}
.guide-table-wrap thead th{font-weight:650;color:#95b8cf;font-size:.875rem}
.guide-table-wrap tbody th{font-weight:500;color:#e1f0f9}
.guide-faq{margin:0}
.guide-faq dt{font-size:1.0625rem;font-weight:700;line-height:1.45;margin-top:24px;color:#e5f5ff}
.guide-faq dd{margin:8px 0 0;color:#b4cbdc}
.guide-faq dd p{margin:0}
.guide-page footer .footer-line,.guide-page footer p{font-size:.875rem}
.guide-page footer p{color:#9bb7cb}
@media(max-width:800px){.guide-layout{grid-template-columns:1fr;gap:28px;padding-bottom:32px}.guide-toc{position:static;display:flex;flex-wrap:wrap;gap:4px 20px;padding:12px 16px;background:#102536;border-left-color:#4ea6ba}.guide-toc p{flex-basis:100%;margin:0}.guide-heading{padding-top:36px}.guide-page .site-header nav{margin-left:auto}.guide-page .language{margin-left:0}.guide-page .site-header{gap:12px}.guide-examples{grid-template-columns:1fr;gap:20px}.guide-meta{gap:5px 16px}}
@media(max-width:430px){.guide-page .brand{font-size:.75rem;letter-spacing:.06em;gap:8px}.guide-page .site-header nav{gap:12px}.guide-page .language{padding-inline:10px}.guide-content h2{font-size:1.375rem}.guide-table-wrap th,.guide-table-wrap td{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-page .button{transition:none}.guide-page .button:hover{transform:none}}