/* Tutorial-specific layout; shared navigation and brand remain unchanged. */
.guide-wrap{width:min(1120px,calc(100% - 48px));margin:40px auto 64px}.guide-wrap .lang-panel{padding:0}.guide-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:36px;align-items:center;padding:44px 0 32px}.guide-kicker{color:#7ae8f0;font-size:13px;letter-spacing:.12em;font-weight:700}.guide-hero h1{font-size:clamp(36px,4.8vw,62px);line-height:1.18;letter-spacing:-.035em;margin:20px 0;text-wrap:balance}.guide-hero p{color:#b7ccd5;max-width:650px;font-size:18px;line-height:1.85}.guide-devices{display:block;color:#7ae8f0;font-size:14px;margin-top:24px}.guide-art{background:#f3f8f7;border-radius:32px;padding:28px;transform:rotate(-3deg)}.route-art{width:100%;height:auto;display:block}.guide-toc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:30px 0 46px}.guide-toc a{display:flex;align-items:center;gap:12px;background:rgba(122,232,240,.06);border:1px solid #274552;border-radius:12px;padding:15px;color:#edf7f7;text-decoration:none;min-height:60px;line-height:1.45}.guide-toc span{color:#7ae8f0;font:600 14px ui-monospace,monospace}.guide-toc a:hover{background:#164653}.guide-step{background:#f4f8f7;color:#102735;border-radius:26px;padding:clamp(24px,4vw,44px);margin:24px 0;scroll-margin-top:190px}.step-heading{display:flex;gap:20px;align-items:center;margin-bottom:24px}.step-number{font-size:40px;font-weight:300;color:#007c93;line-height:1}.guide-wrap h2{font-size:clamp(23px,3vw,32px);margin:0;line-height:1.35;letter-spacing:-.02em}.guide-wrap h3{font-size:20px;margin:22px 0 8px;line-height:1.45}.guide-step p{font-size:17px;line-height:1.85;color:#354e5a;margin:12px 0}.guide-split{display:grid;grid-template-columns:1.55fr 1fr;gap:36px;align-items:center}.guide-tip{border-left:3px solid #007c93;padding:14px 18px;background:#e3f1f1;border-radius:0 12px 12px 0;margin-top:22px;line-height:1.75;color:#125667}.guide-illustration{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;background:#e2f0f0;border-radius:20px;padding:32px;color:#007c93}.guide-illustration span{text-align:center;font-size:15px;line-height:1.6}.step-icon{width:40px;height:40px;flex-shrink:0;color:#007c93}.guide-illustration .step-icon{width:58px;height:58px}.diagram-plus{width:100%;font-size:28px!important}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guide-mini{border:1px solid #c6dfe1;border-radius:16px;padding:22px;min-width:0}.guide-mini h3{margin:12px 0 8px}.guide-mini p{margin:0;font-size:16px}.connection-required{margin:26px 0;padding:24px;border:2px solid #007c93;border-radius:20px;background:#e6f3f3}.guide-label{display:inline-block;padding:5px 14px;margin-bottom:20px;color:#fff;background:#007c93;border-radius:30px;font-size:14px;font-weight:700}.connection-required .guide-mini{background:#f8fbfa}.connection-gate{color:#006779!important;font-size:19px!important;font-weight:700;padding-top:10px}.guide-video{margin:26px 0 0}.guide-video video{display:block;width:100%;height:auto;border-radius:16px;background:#081422}.guide-video figcaption{font-size:13px;line-height:1.6;margin-top:12px;color:#526b75}.save-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.save-options .guide-mini:first-child{background:#dff2f1;border-color:#007c93}.guide-trial{display:flex;gap:32px;align-items:center;background:#123743;border:1px solid #316673;border-radius:26px;padding:40px;margin:40px 0}.trial-number{font-size:100px;font-weight:200;line-height:1;color:#7ae8f0}.guide-trial p{color:#c6dde1;font-size:17px;line-height:1.8}.guide-faq{padding:20px 0}.guide-faq details{border-bottom:1px solid #294552;padding:22px 0}.guide-faq summary{cursor:pointer;font-weight:600;font-size:18px}.guide-faq details p{color:#b7ccd5;line-height:1.85}.guide-link{display:inline-block;color:#7ae8f0;margin-top:24px;font-weight:600}.guide-wrap a:focus-visible,.guide-wrap summary:focus-visible{outline:3px solid #007c93;outline-offset:5px}.guide-wrap p,.guide-wrap h1,.guide-wrap h2,.guide-wrap h3{overflow-wrap:anywhere}
@media(max-width:760px){.guide-wrap{width:calc(100% - 32px);margin-top:20px}.guide-hero{grid-template-columns:1fr;padding:20px 0;gap:26px}.guide-art{max-width:480px;transform:none;padding:16px}.guide-hero h1{font-size:38px}.guide-toc{grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0}.guide-toc a{font-size:14px;padding:12px;gap:8px}.guide-step{padding:24px 20px;border-radius:20px;scroll-margin-top:24px}.guide-split{grid-template-columns:1fr;gap:22px}.guide-illustration{padding:20px}.guide-grid,.save-options{grid-template-columns:1fr}.connection-required{padding:16px}.step-heading{gap:14px}.step-number{font-size:32px}.guide-mini{padding:18px}.guide-mini .step-icon{width:32px;height:32px}.guide-trial{padding:26px 22px;gap:18px;align-items:flex-start;flex-direction:column}.trial-number{font-size:64px}.guide-wrap .site-header{position:static}.guide-hero p{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Light tutorial cards need their own heading contrast, independent of dark site headings. */
.guide-step h2,.guide-step h3{color:#102735}.guide-hero h1{max-width:none}.guide-hero h1:lang(zh-Hans),.guide-hero h1:lang(zh-Hant){max-width:10em;word-break:normal;overflow-wrap:normal}
@media(max-width:760px){body[data-page="guide"] .site-header{position:static}.guide-hero h1:lang(zh-Hans),.guide-hero h1:lang(zh-Hant){font-size:34px;max-width:10em}}
.guide-wrap h2{padding-top:0;border-top:0}