/* Buying guides extends the existing graphite/white/blue identity in Read mode. */
:root{--guide-reading-width:70ch}
.site-header nav{gap:18px}.site-header nav>a{font-size:13px}
.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--muted);margin-bottom:24px;flex-wrap:wrap}.breadcrumbs a:hover{text-decoration:underline;color:var(--accent)}
.guides-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;padding-block:46px 34px;border-bottom:1px solid var(--line);align-items:end}.guides-intro h1{font-size:clamp(34px,3.7vw,54px);line-height:1.17;max-width:640px;margin:0;letter-spacing:-.035em}.guides-intro-copy p{font-size:17px;line-height:1.7;margin:0 0 16px}.draft-label{display:inline-block;font-size:12px;line-height:1.5;padding:3px 8px;background:#edf1f7;color:#47566d;border:1px solid #dce3ed;border-radius:3px;letter-spacing:0;font-weight:400}
.guides-library{padding-top:32px;padding-bottom:48px}.guide-card{display:grid;align-items:center}.guide-featured{grid-template-columns:1.1fr 1fr;gap:48px;padding-bottom:36px;border-bottom:1px solid var(--line)}.guide-cover{display:block;overflow:hidden;border-radius:6px;background:var(--surface)}.guide-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.guide-card:hover .guide-cover img{transform:scale(1.035)}.guide-featured .guide-cover{height:310px}.guide-meta{font-size:13px!important;line-height:1.6!important;color:#59616c!important;margin:0 0 12px!important;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.guide-card h2{font-size:clamp(26px,2.65vw,38px);line-height:1.21;margin:0 0 16px;letter-spacing:-.025em}.guide-card h2 a:hover{color:var(--accent)}.guide-card-copy>p:not(.guide-meta){font-size:16px;line-height:1.65;margin:0 0 22px;max-width:60ch}.guide-row{grid-template-columns:210px 1fr;gap:32px;padding:28px 0;border-bottom:1px solid var(--line)}.guide-row .guide-cover{height:150px}.guide-row h2{font-size:27px;max-width:830px}.guide-row .guide-card-copy>p:not(.guide-meta){max-width:86ch;margin-bottom:12px}.guide-row .guide-meta{margin-bottom:7px!important}.guide-image-note{font-size:13px;margin:16px 0 0;color:#626975}.guide-help{padding-block:36px;background:var(--surface)}.guide-help>.container{display:flex;align-items:center;justify-content:space-between;gap:32px}.guide-help h2{font-size:29px;margin:0 0 10px}.guide-help p{font-size:16px;margin:0;max-width:65ch;line-height:1.6}.guide-help .button{flex-shrink:0}
.article-header{padding-top:32px;padding-bottom:32px;border-bottom:1px solid var(--line)}.article-title-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:56px;align-items:center}.article-header h1{font-size:clamp(32px,3.5vw,49px);line-height:1.16;letter-spacing:-.03em;margin:10px 0 20px;max-width:850px}.article-deck{font-size:18px;line-height:1.65;margin:0;max-width:65ch}.article-cover{margin:0}.article-cover img{width:100%;height:215px;object-fit:cover;border-radius:5px;display:block}.article-cover figcaption{font-size:12px;line-height:1.6;margin-top:9px;color:var(--muted)}
.article-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 180px;gap:38px;align-items:start;padding-block:36px 48px}.article-rail{height:100%;position:relative}.article-rail>div{position:sticky;top:112px}.article-rail h2,.article-materials h2{font-size:16px;line-height:1.5;letter-spacing:0;margin:0 0 16px}.article-rail ol{margin:0;padding:0;list-style:none}.article-rail li{margin:0 0 12px}.article-rail li a{display:block;padding-left:12px;border-left:1px solid #d9dfe6;font-size:14px;line-height:1.6;color:#606773}.article-rail a[aria-current="location"]{color:var(--accent);border-color:var(--accent);font-weight:600}.rail-quote{display:block;margin-top:24px;font-size:14px;line-height:1.6;color:var(--accent);border-top:1px solid var(--line);padding-top:18px}.article-materials>a{display:block;padding-block:12px;border-top:1px solid var(--line);color:var(--accent);font-size:14px;line-height:1.5}.article-body{min-width:0;max-width:var(--guide-reading-width)}.article-body p,.article-body li{font-size:17px;line-height:1.85;color:#434b57}.article-body p{margin:0 0 18px}.article-body h2{font-size:27px;line-height:1.3;letter-spacing:-.02em;margin:0 0 18px;text-wrap:pretty}.article-body ul{padding-left:23px;margin:14px 0 0}.article-body li{padding-left:3px;margin-bottom:10px}.article-section{margin-top:38px;scroll-margin-top:112px}.article-summary{padding:22px 26px;background:#f3f5f8;border-radius:4px}.article-summary h2{font-size:17px;margin-bottom:9px;letter-spacing:0}.article-summary p{margin:0;font-size:16px;line-height:1.8}.article-checklist{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.article-checklist .button{margin-top:20px}.guide-next{padding-block:32px 52px;border-top:1px solid var(--line);display:grid;grid-template-columns:190px 1fr;column-gap:38px}.guide-next h2{font-size:24px;margin:0;grid-row:span 3}.guide-next>a{padding:15px 0;font-size:19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;line-height:1.5}.guide-next>.text-link{font-size:14px;justify-content:flex-start;border:0;margin-top:10px}.reading-progress{position:fixed;top:88px;left:0;width:100%;height:2px;z-index:20;pointer-events:none}.reading-progress>span{display:block;height:100%;background:var(--accent);transform:scaleX(var(--reading-progress,0));transform-origin:left}
/* Article reading is static and fully visible; scroll drives only the reading aid. */
.page-guides .motion-text,.page-guides .motion-media,.page-guides .motion-word{opacity:1!important;transform:none!important;clip-path:none!important}.page-guides .motion-heading{opacity:1!important}.page-guides .button{border-radius:5px}.page-guides h2 .motion-word-mask{overflow:visible!important}
.home-guides{padding-block:50px;display:grid;grid-template-columns:1fr 1.4fr;gap:64px;border-bottom:1px solid var(--line)}.home-guides h2{font-size:34px;line-height:1.2;margin:0 0 18px}.home-guides p{font-size:16px;line-height:1.7;margin:0 0 20px;max-width:400px}.home-guide-links>a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-top:1px solid var(--line);font-size:20px;line-height:1.5}.home-guide-links>a:hover{color:var(--accent)}
.guide-source-note{padding:14px 18px;margin:0 0 24px;background:#eaf0f8;color:#294666;font-size:14px;line-height:1.6;border-radius:4px}
@media(min-width:1101px) and (max-width:1300px){.site-header nav{gap:12px}.site-header nav>a{font-size:12px}.site-header .nav-wrap{gap:18px}.site-header .brand strong{font-size:21px}.site-header nav>.nav-contact{padding-inline:12px}}
@media(max-width:1100px){.article-layout{grid-template-columns:170px minmax(0,1fr);gap:30px}.article-materials{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.article-materials h2{grid-column:1/-1}.article-title-grid{gap:28px;grid-template-columns:1.3fr .7fr}.article-cover img{height:200px}.reading-progress{top:76px}.guide-featured{gap:32px}.guide-featured .guide-cover{height:290px}.guides-intro{gap:36px}.guide-next{grid-template-columns:170px 1fr;gap:0 30px}}
@media(max-width:760px){.guides-intro{grid-template-columns:1fr;gap:20px;padding-block:28px}.guides-intro h1{max-width:580px}.guides-intro-copy{display:flex;gap:22px;align-items:start}.guides-intro-copy p{font-size:16px;flex:1;margin:0}.draft-label{white-space:nowrap}.guide-featured{grid-template-columns:1fr;gap:22px}.guide-featured .guide-cover{height:270px}.guide-row{grid-template-columns:150px 1fr;gap:22px}.guide-row .guide-cover{height:145px}.guide-row h2{font-size:23px}.guide-row .guide-card-copy>p:not(.guide-meta){font-size:15px}.guide-help>.container{align-items:flex-start;flex-direction:column;gap:22px}.article-title-grid{grid-template-columns:1fr;gap:22px}.article-cover{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:end}.article-cover img{height:106px}.article-cover figcaption{max-width:36ch;margin:0}.article-deck{font-size:17px}.article-layout{grid-template-columns:1fr;padding-top:24px;gap:28px}.article-rail>div{position:static}.article-rail nav{border-bottom:1px solid var(--line);padding-bottom:20px}.article-rail ol{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.article-rail li{margin-bottom:10px}.article-rail .rail-quote{display:none}.article-materials{grid-column:1}.article-body{max-width:none}.article-body p,.article-body li{font-size:17px}.article-summary{padding:20px}.article-body h2{font-size:25px}.guide-next{grid-template-columns:1fr;gap:16px}.guide-next h2{grid-row:auto}.guide-next>a{font-size:18px}.home-guides{grid-template-columns:1fr;gap:24px}.home-guides p{max-width:none}.reading-progress{top:72px}}
@media(max-width:480px){.guides-intro-copy{display:block}.guides-intro-copy .draft-label{margin-top:14px}.guide-row{grid-template-columns:100px 1fr;gap:18px}.guide-row .guide-cover{height:118px;align-self:start}.guide-row h2{font-size:21px;line-height:1.3}.guide-row .guide-card-copy>p:not(.guide-meta){display:none}.guide-row .guide-meta{font-size:12px!important}.guide-featured .guide-cover{height:220px}.guide-featured h2{font-size:28px}.article-rail ol{grid-template-columns:1fr}.article-header h1{font-size:32px;line-height:1.2}.article-summary{padding:18px}.article-cover{grid-template-columns:130px 1fr}.article-cover img{height:92px}.article-materials{grid-template-columns:1fr}.article-materials h2{grid-column:auto}.article-header .guide-meta{row-gap:10px}.home-guide-links>a{font-size:18px}}
@media(prefers-reduced-motion:reduce){.guide-cover img{transition:none!important;transform:none!important}}
/* Launch hardening: readable inputs, comfortable contact targets, no false submit. */
#inquiry-form button:disabled{opacity:.55;cursor:not-allowed;transform:none}.contact-details dd a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}.wechat-copy{display:block;min-height:44px;font-size:14px}.contact-details #wechat-copy-status{display:block;font-size:13px;line-height:1.6;color:var(--muted)}
@media(max-width:760px){.article-rail li a{min-height:44px;display:flex;align-items:center}.guide-card .text-link{min-height:44px;display:inline-flex;align-items:center}.language-picker summary{min-height:44px}input,select,textarea{font-size:16px}}