.manual-page{background:#f5f9ff;color:#173052;font-size:16px}.manual-page .header-inner{max-width:1440px}.manual-page .site-header nav{display:flex;gap:28px}.manual-page .site-header nav a{color:#4c6383}.manual-page .site-header nav [aria-current]{color:#0057ef;font-weight:700}.manual-hero{background:radial-gradient(ellipse at 90% 10%,#d7eaff 0,transparent 60%),linear-gradient(110deg,#eef6ff,#fff);border-bottom:1px solid #e0ebfa}.manual-hero-inner{max-width:1440px;margin:auto;padding:34px 48px 40px}.manual-breadcrumb{display:flex;gap:12px;font-size:14px;color:#58708f;margin-bottom:30px}.manual-breadcrumb a{color:#0057dd}.manual-hero h1{font-size:clamp(30px,3.2vw,46px);letter-spacing:-1px;line-height:1.3;margin:16px 0}.manual-hero p{font-size:18px;line-height:1.8;color:#4c6383;margin:0}.manual-modes{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.manual-modes a{display:inline-flex;align-items:center;padding:13px 22px;background:white;border:1px solid #d4e3fa;border-radius:12px;color:#3b5374;font-size:16px;font-weight:600;transition:background .18s,box-shadow .18s}.manual-modes a[aria-current]{background:#0057ff;color:white;border-color:#0057ff;box-shadow:0 5px 20px #0057ff26}.manual-modes a:hover{box-shadow:0 5px 20px #0057ff19}.manual-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;margin-top:24px;color:#536987;font-size:13px}.manual-meta button{margin-left:auto;border:1px solid #d4e3fa;background:white;border-radius:8px;padding:8px 14px;font:inherit;color:#315072;cursor:pointer}.manual-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px;padding:36px 48px 60px}.manual-sidebar{min-width:0}.manual-toc{position:sticky;top:108px;max-height:calc(100dvh - 130px);overflow:auto;scrollbar-width:thin}.manual-toc summary{list-style:none;font-weight:700;display:flex;justify-content:space-between;align-items:center;font-size:17px;cursor:pointer;padding:12px 10px}.manual-toc summary::-webkit-details-marker{display:none}.manual-toc-body{padding:8px 8px 18px}.manual-toc label{display:block;font-size:13px;color:#536987;margin-bottom:8px}.manual-toc input{width:100%;box-sizing:border-box;border:1px solid #c9dcf5;border-radius:10px;background:white;padding:12px;font:inherit;font-size:14px;outline-offset:3px}.manual-toc input::placeholder{color:#627894}.manual-toc nav{display:flex;flex-direction:column;gap:3px;margin-top:18px}.manual-toc nav a{display:flex;gap:10px;align-items:baseline;font-size:14px;line-height:1.6;padding:9px 10px;border-radius:8px;color:#49617f;border-left:3px solid transparent}.manual-toc nav a span{font-size:12px;color:#647995;flex-shrink:0}.manual-toc nav a:hover{background:#eaf2ff;color:#0057ef}.manual-toc nav a[aria-current]{background:#e5efff;color:#0049d6;border-left-color:#0057ff;font-weight:600}.manual-back{display:block;margin-top:20px;padding:10px;font-size:14px;color:#0057dd}.manual-content{min-width:0}.quickstart,.manual-step,.manual-faq{background:white;border:1px solid #e1ebf9;border-radius:20px;padding:30px;margin-bottom:24px;scroll-margin-top:110px;box-shadow:0 5px 24px #2c62b005}.quickstart{background:linear-gradient(130deg,white,#eff6ff)}.quickstart h2{margin:10px 0;font-size:25px;line-height:1.5}.quickstart p,.manual-faq>p{color:#49617f;line-height:1.8}.quickstart-path{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.quickstart-path a{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #d8e6f9;border-radius:12px;padding:14px;font-size:15px;font-weight:600;color:#25446e}.quickstart-path b{width:30px;height:30px;line-height:30px;text-align:center;background:#edf4ff;border-radius:9px;color:#0057ff;flex-shrink:0}.manual-tip{display:flex;align-items:baseline;gap:12px;background:#eaf2ff;padding:14px 16px;border-radius:10px;font-size:14px;line-height:1.8}.manual-tip b{white-space:nowrap;color:#0057dc}.manual-tip span{color:#49617f}.step-heading{display:flex;gap:16px;align-items:center}.manual-step-number{display:flex;align-items:center;justify-content:center;background:#edf4ff;border:1px solid #dbe9ff;color:#0057ed;border-radius:13px;width:48px;height:48px;font-size:19px;font-weight:700;flex-shrink:0}.step-kicker{color:#59708d;font-size:12px}.step-heading h2{font-size:24px;line-height:1.5;margin:3px 0 0}.section-permalink{margin-left:auto;font-size:20px;color:#879bb5;padding:10px}.section-permalink:hover{color:#0057ff}.step-lead{font-size:16px;color:#49617f;line-height:1.9;margin:20px 0}.instruction-list{list-style:none;counter-reset:instruction;display:flex;flex-direction:column;gap:18px;padding:0;margin:25px 0}.instruction-list li{counter-increment:instruction;position:relative;padding-left:42px;color:#254363;line-height:1.95;font-size:16px;overflow-wrap:anywhere}.instruction-list li::before{content:counter(instruction);position:absolute;left:0;top:4px;width:27px;height:27px;text-align:center;font:600 14px/27px "Segoe UI",sans-serif;background:#eef4fd;color:#0057df;border-radius:50%}.manual-figure{margin:24px 0;border:1px solid #dce8f9;border-radius:12px;overflow:hidden;background:#f5f9ff}.manual-image-open{display:block;border:0;padding:0;background:#f5f9ff;width:100%;cursor:zoom-in}.manual-image-open img{display:block;width:100%;height:auto}.manual-figure figcaption{padding:13px 16px;background:#f9fbff;font-size:13px;line-height:1.8;color:#49617f;border-top:1px solid #e1ebf9}.manual-figure figcaption span{display:block;color:#0057dd;margin-top:4px}.narrow-figure{max-width:440px;margin-left:auto;margin-right:auto}.manual-callout,.manual-success{padding:17px 20px;border-radius:12px;margin:22px 0;font-size:15px;line-height:1.85}.manual-callout{background:#fff7eb;border-left:3px solid #e9a340;color:#745322}.manual-success{background:#ecfaf6;border-left:3px solid #26a88a;color:#19644f}.manual-callout p,.manual-success p{margin:6px 0 0}.step-next{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#0057da;padding-top:20px;margin-top:22px;border-top:1px solid #e6eef9;font-size:14px;line-height:1.6}.manual-table-wrap{overflow:auto;border:1px solid #dce8f9;border-radius:10px;margin:22px 0}.manual-table-wrap table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.7}.manual-table-wrap th{background:#f0f5fd;text-align:left;color:#25436a;padding:12px 16px}.manual-table-wrap td{padding:12px 16px;border-top:1px solid #e2ebf8;color:#49617f}.manual-table-wrap td:first-child{font-weight:600;width:36%;color:#25436a}.install-diagram{margin:22px 0;padding:22px;background:#f3f8ff;border:1px solid #dce8f9;border-radius:14px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center;text-align:center}.install-diagram div{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.diagram-icon{font-size:25px;color:#0057ff;background:#e4efff;display:grid;place-items:center;width:44px;height:44px;border-radius:12px}.install-diagram b{font-size:15px}.install-diagram small{font-size:12px;overflow-wrap:anywhere;color:#49617f}.install-diagram i{color:#769ac8;font-style:normal}.install-diagram figcaption{grid-column:1/-1;font-size:12px;color:#536987;padding-top:10px}.inline-download{color:#0057dd;font-size:14px}.extension-diagram{margin:20px 0;background:#f4f8ff;border:1px solid #dce8f9;border-radius:14px;overflow:hidden}.mock-address{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px;background:#eaf1fc;font-size:14px}.mock-address small{font-size:12px;color:#536987}.mock-extension-toolbar{display:flex;justify-content:space-between;gap:12px;padding:20px}.mock-extension-toolbar span{display:flex;gap:10px;align-items:center;font-size:13px;color:#49617f}.mock-extension-toolbar i{display:inline-block;width:32px;height:18px;background:#0057ff;border-radius:10px;position:relative}.mock-extension-toolbar i:after{content:"";position:absolute;right:3px;top:3px;width:12px;height:12px;border-radius:50%;background:white}.mock-extension-buttons{display:flex;flex-wrap:wrap;gap:12px;padding:0 20px 20px}.mock-extension-buttons span{font-size:14px;padding:10px 13px;border:1px solid #c7daf7;border-radius:8px;background:white;color:#25446e}.extension-diagram figcaption{font-size:12px;line-height:1.7;color:#536987;padding:12px 20px;border-top:1px solid #dce8f9}.copy-addresses{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.copy-addresses button{font:inherit;font-size:13px;color:#0057dd;background:#f4f8ff;border:1px solid #cbdcf6;padding:10px 12px;border-radius:8px;cursor:pointer}.copy-addresses a{font-size:14px;color:#0057dd;padding:10px}.manual-faq h2{font-size:28px;margin:14px 0}.manual-faq-list details{border-bottom:1px solid #e0eaf7}.manual-faq-list summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;gap:20px;color:#254363;line-height:1.6;font-size:16px;font-weight:600}.manual-faq-list summary::-webkit-details-marker{display:none}.manual-faq-list summary span{color:#0057ff;flex-shrink:0}.manual-faq-list details[open] summary span{transform:rotate(45deg)}.manual-faq-list p{line-height:1.9;color:#49617f;padding:0 30px 20px 0;margin:0;font-size:15px}.manual-finish{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 8px}.manual-finish h2{font-size:23px;line-height:1.5}.manual-finish p{font-size:14px;line-height:1.8;color:#49617f;max-width:520px}.manual-finish .button{flex-shrink:0}.manual-footer{max-width:1344px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 48px 36px;border-top:1px solid #dce8f9;color:#536987;font-size:13px;line-height:1.8}.manual-footer a{color:#0057dd}.manual-search-count,.search-empty{font-size:14px;color:#536987;line-height:1.8}.search-empty{padding:24px;border:1px solid #dce8f9;border-radius:14px;background:white}.manual-image-dialog{width:calc(100vw - 32px);max-width:1600px;max-height:calc(100dvh - 32px);border:1px solid #d1e1f7;border-radius:16px;padding:0;box-shadow:0 24px 100px #142e5b55;background:#f8fbff;color:#173052}.manual-image-dialog::backdrop{background:#102440bd;backdrop-filter:blur(4px)}.manual-image-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px}.manual-image-dialog header div{display:flex;gap:8px}.manual-image-dialog button{font:inherit;font-size:14px;border:1px solid #cbdcf6;background:white;color:#25446e;border-radius:8px;padding:9px 12px;cursor:pointer}.manual-image-scroll{max-height:calc(100dvh - 165px);overflow:auto;background:#e9f2ff}.manual-image-scroll img{display:block;width:auto;max-width:100%;height:auto;margin:auto}.manual-image-scroll img.zoomed{width:auto;max-width:none;margin:0}.manual-image-dialog>p{font-size:13px;margin:0;padding:12px 20px;color:#536987}.manual-toast{position:fixed;z-index:100;bottom:24px;left:50%;transform:translateX(-50%);background:#173052;color:white;padding:14px 20px;border-radius:12px;max-width:calc(100vw - 32px);font-size:14px;box-shadow:0 8px 30px #17305233}.manual-page [hidden]{display:none!important}.manual-page :focus-visible{outline:3px solid #0057ff;outline-offset:4px}
@media(max-width:1100px){.manual-layout{padding:28px;gap:24px;grid-template-columns:230px minmax(0,1fr)}.manual-hero-inner{padding-left:28px;padding-right:28px}.manual-step,.quickstart,.manual-faq{padding:24px}.step-heading h2{font-size:22px}.manual-finish{flex-direction:column;align-items:flex-start}.install-diagram{gap:8px;padding:18px 12px}}
@media(max-width:800px){.manual-page .site-header nav{display:none}.manual-page .header-inner{padding:0 20px}.manual-hero-inner{padding:26px 20px 30px}.manual-breadcrumb{margin-bottom:24px}.manual-hero p{font-size:16px}.manual-meta button{margin-left:0}.manual-layout{display:block;padding:20px}.manual-toc{position:static;max-height:none;background:#fff;border:1px solid #dce8f9;border-radius:14px;margin-bottom:22px}.manual-toc summary{padding:16px}.manual-toc-body{padding:0 16px 16px}.manual-toc nav{max-height:300px;overflow:auto;scrollbar-width:thin}.manual-toc input{font-size:16px}.manual-step,.quickstart,.manual-faq{padding:22px 18px;border-radius:16px;scroll-margin-top:100px}.manual-step-number{width:38px;height:38px;border-radius:10px;font-size:16px}.step-heading{gap:12px}.step-heading h2{font-size:21px}.section-permalink{padding:5px}.quickstart h2{font-size:22px}.quickstart-path{grid-template-columns:1fr}.manual-tip{display:block}.manual-tip b{display:block;margin-bottom:4px}.instruction-list li{font-size:16px;padding-left:36px}.manual-callout,.manual-success{padding:15px}.install-diagram{grid-template-columns:1fr;gap:8px;padding:20px}.install-diagram i{transform:rotate(90deg);padding:4px}.install-diagram div{width:100%}.install-diagram small{font-size:13px}.mock-address{gap:8px;font-size:13px}.mock-extension-toolbar{padding:16px;font-size:15px}.mock-extension-buttons{padding:0 16px 16px}.manual-modes a{padding:12px 16px;font-size:15px}.manual-footer{padding:24px 20px}.manual-image-dialog header{padding:12px}.manual-image-dialog header strong{font-size:14px}.manual-image-dialog button{font-size:12px;padding:8px}.manual-figure figcaption{padding:12px}.manual-faq-list summary{font-size:16px}}
@media print{body.manual-page{background:white!important}.site-header,.manual-sidebar,.manual-modes,.manual-meta button,.section-permalink,.step-next,.copy-addresses,.manual-finish,.manual-footer,.manual-image-dialog,.manual-toast{display:none!important}.manual-hero{background:white}.manual-hero-inner{padding:20px 0}.manual-layout{display:block;padding:0;max-width:none}.manual-step,.quickstart,.manual-faq{box-shadow:none;border-radius:0;padding:20px 0;border:0;border-bottom:1px solid #ddd}.step-heading,.manual-figure,.manual-callout,.manual-success,.instruction-list li{break-inside:avoid}.manual-figure{max-width:100%}.narrow-figure{max-width:330px}.manual-image-open{background:white}.manual-step h2{break-after:avoid}.manual-faq-list details p{display:block!important}.manual-hero h1{font-size:30px}.manual-figure figcaption span{display:none}.manual-page [hidden]{display:block!important}.manual-toast[hidden],.search-empty[hidden]{display:none!important}}
/* Keep the manual header aligned with the public website navigation. */
.manual-page .header-inner{box-sizing:border-box;height:80px;margin:auto;padding:0 48px;display:flex;align-items:center;gap:32px}
@media(max-width:800px){.manual-page .header-inner{height:68px;gap:12px;padding:0 20px;justify-content:space-between}.manual-page .header-inner .logo{font-size:17px;gap:8px}.manual-page .header-inner .logo img{width:30px;height:30px}.manual-page .nav-download{font-size:12px;padding:9px 12px;white-space:nowrap}}
/* Each guide section reserves the header offset itself. */
html:has(body.manual-page){scroll-padding-top:0}
