/* Procurement guide articles: text-first Q&A layout using the full desktop width. */
body.ga-page{--ga-bg:#faf8f4;--ga-ink:#2b2924;--ga-muted:#68645b;--ga-line:#e3ddd1;--ga-soft:#f1ebe0;--ga-accent:#8e6f3e;--site-h1:clamp(30px,3vw,42px);--site-h2:22px;--site-h3:17px;margin:0;background:var(--ga-bg);color:var(--ga-ink);-webkit-font-smoothing:antialiased}
.ga-page *{box-sizing:border-box}
:where(.ga-page main) :where(h1,h2,h3,p,ul,ol,table){margin:0}
.ga-page main a{color:inherit}
.ga-skip{position:fixed;z-index:300;top:-100px;left:20px;background:var(--ga-bg);padding:12px 18px}
.ga-skip:focus{top:12px}
.ga-page :is(a,summary):focus-visible{outline:2px solid var(--ga-accent);outline-offset:4px}
.ga-shell{width:min(1240px,calc(100% - 112px));margin-inline:auto}

/* Header band: title on the left, short answer on the right. */
.ga-hero{background:var(--ga-soft);border-bottom:1px solid var(--ga-line)}
.ga-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:start;padding-block:44px 52px}
.ga-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;color:var(--ga-muted);margin-bottom:22px}
.ga-breadcrumb a{text-decoration:none;border-bottom:1px solid transparent}
.ga-breadcrumb a:hover{border-color:var(--ga-ink)}
.ga-breadcrumb [aria-current]{color:var(--ga-ink)}
html body .ga-lead{margin-top:18px;max-width:540px;color:var(--ga-muted);font-size:16px!important;line-height:1.8!important}
.ga-answer{padding:24px 28px;background:#fff;border-top:3px solid var(--ga-accent)}
html body .ga-answer h2{font-size:16px!important;margin-bottom:12px}
.ga-answer ul{margin:0;padding-left:1.2em}
.ga-answer li+li{margin-top:8px}

/* Body: sticky table of contents beside the article. */
.ga-body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:72px;align-items:start;padding-block:24px 8px}
.ga-aside{position:sticky;top:96px;padding-top:32px}
.ga-toc-label{color:var(--ga-muted);margin-bottom:10px}
.ga-toc ol{margin:0;padding:0;list-style:none;border-left:1px solid var(--ga-line)}
.ga-toc li a{display:flex;gap:10px;padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;text-decoration:none;color:var(--ga-muted)}
.ga-toc li a:hover{color:var(--ga-ink);border-left-color:var(--ga-accent)}
.ga-toc span{color:var(--ga-accent);flex:none}
.ga-aside-cta{margin-top:28px;padding-top:22px;border-top:1px solid var(--ga-line)}
.ga-aside-cta p{color:var(--ga-muted)}
.ga-aside-cta a{display:inline-flex;align-items:center;min-height:42px;margin-top:12px;padding:9px 18px;background:#2f3a33;color:#f3efe6!important;text-decoration:none}

.ga-article{max-width:860px}
.ga-section{padding-top:36px;margin-top:36px;border-top:1px solid var(--ga-line);scroll-margin-top:96px}
.ga-section:first-child{margin-top:0;border-top:0}
.ga-section h2{display:flex;gap:12px;align-items:baseline}
.ga-num{color:var(--ga-accent);flex:none}
.ga-page .ga-section > * + *{margin-top:14px}
.ga-page .ga-section h3{margin-top:22px}
.ga-section ul,.ga-section ol{padding-left:1.3em}
.ga-section li+li{margin-top:6px}

.ga-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ga-table-wrap table{width:100%;border-collapse:collapse}
.ga-table-wrap th,.ga-table-wrap td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--ga-line)}
.ga-table-wrap thead th{background:var(--ga-soft);font-weight:700}
.ga-table-wrap tbody th{font-weight:700;white-space:nowrap}

.ga-note{padding-left:14px;border-left:2px solid var(--ga-line);color:var(--ga-muted)}
.ga-example{padding:18px 22px;background:#fff;border:1px dashed #cdbf9f}
.ga-page .ga-example-label{color:var(--ga-accent);margin-bottom:6px}
.ga-page .ga-example p+p{margin-top:6px}
.ga-check{list-style:none;padding-left:0!important;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 24px}
.ga-page .ga-check li{position:relative;padding-left:24px;margin:0}
.ga-check li::before{content:'';position:absolute;left:0;top:.35em;width:13px;height:13px;border:1px solid var(--ga-accent)}

/* Related guides and closing call to action span the full width. */
.ga-related{margin-top:64px;padding-top:32px;border-top:1px solid var(--ga-line)}
.ga-related ul{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ga-related a{display:flex;flex-direction:column;justify-content:space-between;gap:18px;height:100%;padding:20px 22px;background:#fff;border:1px solid var(--ga-line);text-decoration:none;transition:border-color .2s}
.ga-related a:hover{border-color:var(--ga-accent)}
.ga-related a::after{content:'阅读指南 →';color:var(--ga-accent)}
html[lang="en"] .ga-related a::after{content:'Read guide →'}
.ga-cta{margin-block:48px 88px;padding:28px 36px;background:#2f3a33;color:#f3efe6;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.ga-cta p{color:#d9ddd3}
.ga-cta-actions{display:flex;flex-wrap:wrap;gap:12px}
.ga-cta a{display:inline-flex;align-items:center;min-height:44px;padding:10px 22px;text-decoration:none;border:1px solid #c9a96e}
.ga-cta a.ga-primary{background:#c9a96e;color:#1f2420}

@media(max-width:1100px){
.ga-shell{width:calc(100% - 64px)}
.ga-head{gap:40px}
.ga-body{grid-template-columns:200px minmax(0,1fr);gap:44px}
.ga-check{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
.ga-head{grid-template-columns:1fr;gap:28px;padding-block:32px 36px}
.ga-body{grid-template-columns:1fr;gap:0}
.ga-aside{position:static;padding-top:24px}
.ga-toc ol{display:grid;grid-template-columns:1fr 1fr;border-left:0}
.ga-toc li a{padding-left:0;border-left:0}
.ga-aside-cta{display:none}
.ga-section:first-child{margin-top:32px;border-top:1px solid var(--ga-line)}
.ga-related ul{grid-template-columns:1fr;gap:12px}
}
@media(max-width:760px){
body.ga-page{--site-h1:28px;--site-h2:20px}
.ga-shell{width:calc(100% - 40px)}
.ga-answer{padding:18px 20px}
.ga-toc ol,.ga-check{grid-template-columns:1fr}
.ga-section{margin-top:30px;padding-top:26px}
.ga-table-wrap th,.ga-table-wrap td{padding:9px 6px}
.ga-table-wrap tbody th{white-space:normal}
.ga-cta{padding:20px;margin-bottom:64px}
.ga-cta-actions,.ga-cta a{width:100%;justify-content:center}
}