.page-guide{--guide-shell:780px}html[lang="zh-Hans"] .page-guide{font-family:"Noto Sans SC","Noto Sans JP",system-ui,sans-serif}
html[lang^="zh-Hant"] .page-guide{font-family:"Noto Sans TC","Noto Sans JP",system-ui,sans-serif}
.guide-main{padding-top:96px}.guide-shell{width:min(calc(100% - 48px), var(--guide-shell));margin-inline:auto}
.guide-hero{padding:72px 0 64px;background:radial-gradient(circle at 92% 8%,rgba(139,182,217,.18),transparent 34%),linear-gradient(180deg,rgba(242,233,212,.6),rgba(250,250,248,0));border-bottom:1px solid rgba(44,34,31,.1)}
.guide-languages{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:52px;color:rgba(44,34,31,.48);font-size:12px}
.guide-breadcrumb{display:flex;min-width:0;align-items:center;gap:9px;margin-bottom:18px;color:rgba(44,34,31,.48);font-size:11px;line-height:1.6}
.guide-breadcrumb a{flex:0 0 auto;transition:color .25s ease}.guide-breadcrumb a:hover,.guide-breadcrumb a:focus-visible{color:var(--brand)}
.guide-breadcrumb [aria-current="page"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.guide-languages a{transition:color .25s ease}.guide-languages a:hover,.guide-languages a:focus-visible,.guide-languages a[aria-current="page"]{color:var(--brand)}
.guide-languages a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
.guide-eyebrow,.guide-number,.guide-note-label{color:var(--brand);font:500 10px/1.4 "Inter",sans-serif;letter-spacing:.22em}
.guide-hero h1{max-width:18em;margin-bottom:28px;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.38}
.guide-lead{max-width:46em;margin-bottom:0;color:rgba(44,34,31,.68);font-size:16px;line-height:2.05}
.guide-dates{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:-12px 0 24px;color:rgba(44,34,31,.52);font-size:11px}
.guide-edition{padding:5px 9px;border:1px solid rgba(139,182,217,.5);border-radius:999px;color:var(--brand);font:500 10px/1 "Inter",sans-serif;letter-spacing:.12em}
.guide-content{padding-block:42px 110px}.guide-summary,.guide-scope,.guide-pitfalls,.guide-contract-checklist,.guide-faq{margin:30px 0 72px}
.guide-summary{padding:30px 32px;border:1px solid rgba(139,182,217,.38);background:rgba(139,182,217,.09)}
.guide-summary>p:last-child,.guide-scope>p:not(.guide-eyebrow),.guide-contract-checklist>p:not(.guide-eyebrow){margin:0;color:rgba(44,34,31,.74);font-size:14px;line-height:1.95}
.guide-scope h2,.guide-pitfalls h2,.guide-contract-checklist h2,.guide-faq h2{margin:10px 0 18px;font-size:clamp(1.45rem,3vw,2rem);line-height:1.5}
.guide-scope dl{margin-top:28px;border-top:1px solid rgba(44,34,31,.12)}.guide-scope dl>div{display:grid;grid-template-columns:140px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid rgba(44,34,31,.12)}
.guide-scope dt{color:var(--ink);font-weight:500}.guide-scope dd{color:rgba(44,34,31,.68)}
.guide-question{padding:58px 0 10px;border-top:1px solid rgba(44,34,31,.12)}.guide-question:first-child{border-top:0}
.guide-number{margin-bottom:10px}.guide-question h2{margin-bottom:20px;font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.55}
.guide-question>p:not(.guide-number){margin-bottom:20px;color:rgba(44,34,31,.75);font-size:15px;line-height:2.05}
.guide-question>p a{color:var(--brand);text-decoration:underline;text-decoration-color:rgba(139,182,217,.55);text-underline-offset:4px}
.guide-checks{margin:24px 0;padding:24px 26px;background:rgba(242,233,212,.48)}.guide-checks>p{margin-bottom:12px;color:rgba(44,34,31,.58);font-size:11px;font-weight:500;letter-spacing:.08em}
.guide-check-list,.guide-contract-list,.guide-feature-points{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.guide-check-list li,.guide-contract-list li,.guide-feature-points li{position:relative;padding-left:24px;color:rgba(44,34,31,.74);font-size:13px;line-height:1.75}
.guide-check-list li::before,.guide-contract-list li::before,.guide-feature-points li::before{position:absolute;top:.66em;left:2px;width:8px;height:4px;border-bottom:1.5px solid var(--brand);border-left:1.5px solid var(--brand);content:"";transform:rotate(-45deg)}
.guide-warning{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:18px 20px;border-left:2px solid #bd826f;background:rgba(189,130,111,.08);font-size:13px !important;line-height:1.8 !important}
.guide-warning strong{color:#9f5e4d;font-size:11px;letter-spacing:.1em}.guide-pitfalls>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;border-top:1px solid rgba(44,34,31,.12);border-left:1px solid rgba(44,34,31,.12)}
.guide-pitfalls article{padding:26px 24px;border-right:1px solid rgba(44,34,31,.12);border-bottom:1px solid rgba(44,34,31,.12)}
.guide-pitfalls article>span{color:var(--brand);font:500 10px/1 "Inter",sans-serif}
.guide-pitfalls h3{margin:18px 0 10px;font-size:16px;line-height:1.6}.guide-pitfalls article p,.guide-faq-item p{margin:0;color:rgba(44,34,31,.68);font-size:13px;line-height:1.85}
.guide-contract-checklist{padding:36px;background:#2c221f;color:#fff}.guide-contract-checklist .guide-eyebrow{color:#8bb6d9}
.guide-contract-checklist>p:not(.guide-eyebrow),.guide-contract-list li{color:rgba(255,255,255,.72)}
.guide-contract-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 26px;margin-top:26px}
.guide-faq>div{border-top:1px solid rgba(44,34,31,.14)}.guide-faq-item{border-bottom:1px solid rgba(44,34,31,.14)}
.guide-faq-item summary{position:relative;padding:22px 42px 22px 0;cursor:pointer;font-size:15px;font-weight:500;line-height:1.65;list-style:none}
.guide-faq-item summary::-webkit-details-marker{display:none}.guide-faq-item summary::after{position:absolute;top:24px;right:4px;color:var(--brand);content:"+";font:400 20px/1 "Inter",sans-serif}
.guide-faq-item[open] summary::after{content:"−"}.guide-faq-item p{padding:0 44px 24px 0}
.guide-section-links{display:flex;flex-wrap:wrap;gap:10px 24px}.guide-text-link{display:inline-flex;gap:9px;align-items:center;padding:5px 0;border-bottom:1px solid rgba(139,182,217,.55);color:var(--brand);font-size:13px;font-weight:500}
.guide-text-link span{transition:transform .25s ease}.guide-text-link:hover span,.guide-text-link:focus-visible span{transform:translateX(4px)}
.guide-note{margin-top:72px;padding:28px 30px;border:1px solid rgba(44,34,31,.1);border-left:3px solid var(--brand);background:#fff}
.guide-note-label{margin-bottom:12px}.guide-note p:last-child,.guide-closing{margin-bottom:0;color:rgba(44,34,31,.7);font-size:14px;line-height:1.95}
.guide-closing{margin-top:58px;padding-top:38px;border-top:1px solid rgba(44,34,31,.12)}
.guide-related{padding:96px 0;background:var(--accent);text-align:center}.guide-related h2{margin:0 auto 22px;max-width:22em;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.5}
.guide-related>.guide-shell>p:not(.guide-eyebrow){max-width:42em;margin:0 auto;color:rgba(44,34,31,.66);font-size:14px}
.guide-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px}
.guide-index-main{padding-top:96px}.guide-index-shell{width:min(calc(100% - 80px), 1180px);margin-inline:auto}
.guide-index-hero{padding:72px 0 78px;background:radial-gradient(circle at 88% 12%,rgba(139,182,217,.2),transparent 34%),linear-gradient(180deg,rgba(242,233,212,.62),rgba(250,250,248,0));border-bottom:1px solid rgba(44,34,31,.1)}
.guide-index-hero h1{max-width:13em;margin-bottom:28px;font-size:clamp(2.35rem,5.5vw,4.6rem);line-height:1.25}
.guide-index-hero .guide-lead{max-width:50em}.guide-index-library{padding:82px 0 120px}
.guide-index-library>.guide-index-shell>.guide-eyebrow{margin-bottom:28px}.guide-index-heading{display:flex;gap:24px;align-items:start}
.guide-index-heading span{margin-top:12px;padding:7px 10px;border:1px solid rgba(139,182,217,.6);border-radius:999px;color:var(--brand);font:500 11px/1 "Inter",sans-serif;letter-spacing:.12em}
.guide-library-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.85fr);gap:64px;align-items:start}
.guide-featured-article{position:relative;padding:clamp(34px,5vw,64px);border:1px solid rgba(44,34,31,.12);background:radial-gradient(circle at 100% 0,rgba(139,182,217,.2),transparent 42%),#fff}
.guide-featured-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:rgba(44,34,31,.52);font-size:11px}
.guide-featured-meta>span{color:var(--brand);font-weight:500}.guide-featured-kicker{margin:66px 0 14px;color:rgba(44,34,31,.52);font-size:12px;letter-spacing:.08em}
.guide-featured-article h2{max-width:15em;margin-bottom:22px;font-size:clamp(1.75rem,3.5vw,2.75rem);line-height:1.45}
.guide-featured-article h2 a::after{position:absolute;inset:0;content:""}
.guide-featured-article>p:not(.guide-featured-kicker){max-width:48em;color:rgba(44,34,31,.68);font-size:14px;line-height:1.9}
.guide-feature-points{margin:30px 0 38px}.guide-featured-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px}
.guide-sidebar{position:sticky;top:124px}.guide-sidebar-heading{padding-bottom:20px;border-bottom:1px solid rgba(44,34,31,.18)}
.guide-sidebar-heading h2{margin-top:8px;font-size:19px}.guide-sidebar ol{margin:0;padding:0;list-style:none}
.guide-sidebar-item{border-bottom:1px solid rgba(44,34,31,.12)}.guide-sidebar-item a{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;padding:21px 0}
.guide-sidebar-number,.guide-sidebar-item time{color:rgba(44,34,31,.42);font:500 9px/1.4 "Inter",sans-serif;letter-spacing:.08em}
.guide-sidebar-item strong{display:block;margin-top:5px;font-size:14px;font-weight:500;line-height:1.55}
.guide-sidebar-item a>span:last-child{color:var(--brand);transition:transform .25s ease}
.guide-sidebar-item a:hover>span:last-child{transform:translateX(4px)}@media(max-width:1023px){.guide-main{padding-top:82px}
.guide-index-main{padding-top:82px}}@media(max-width:767px){.guide-index-shell{width:min(calc(100% - 36px), 1180px)}
.guide-index-hero{padding:46px 0 54px}.guide-index-library{padding:62px 0 88px}.guide-library-layout{grid-template-columns:1fr;gap:52px}
.guide-sidebar{position:static}}@media(max-width:640px){.guide-shell{width:min(calc(100% - 36px), var(--guide-shell))}
.guide-hero{padding:46px 0 52px}.guide-languages{margin-bottom:38px;gap:5px;font-size:11px}
.guide-lead,.guide-question>p:not(.guide-number){font-size:14px}.guide-content{padding-bottom:82px}
.guide-summary,.guide-contract-checklist{padding:26px 22px}.guide-scope dl>div,.guide-contract-list,.guide-pitfalls>div{grid-template-columns:1fr}
.guide-scope dl>div{gap:6px}.guide-featured-kicker{margin-top:44px}.guide-question{padding-top:44px}
.guide-note{padding:23px 21px}.guide-related{padding:78px 0}}