
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');
:root{--ink:#294b38;--body:#4c6655;--muted:#607865;--green:#3c7855;--line:#e2eae3;--bg:#fbfcfa;--paper:#fff;--mint:#eff6ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Outfit,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-underline-offset:3px}button,input{font:inherit}[hidden]{display:none!important}
.site-header{height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.site-header img{height:26px;display:block}.site-header nav{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:600}.site-header nav a{text-decoration:none}.site-header nav a:hover{color:var(--green)}.site-header .pill{border:1px solid #cbdccd;border-radius:999px;padding:8px 15px}.study{max-width:1180px;margin:0 auto;padding:2px 24px 0;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.study span{margin-left:8px;font-weight:400;letter-spacing:0;text-transform:none}.hero{max-width:1180px;margin:auto;padding:60px 24px 70px;text-align:center}.eyebrow{color:var(--green);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(42px,6.5vw,76px);line-height:1.08;letter-spacing:-.045em;font-weight:600;margin:13px 0 18px}.hero .lead{font-size:19px;line-height:1.52;color:var(--body);max-width:740px;margin:0 auto 12px}.hero .identity{max-width:800px;margin:0 auto 30px;font-size:14px;color:var(--body)}.hero .identity strong{color:var(--ink)}.search{max-width:735px;margin:0 auto;display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #d4e1d6;box-shadow:0 4px 18px rgba(27,80,43,.035);border-radius:14px;padding:9px 10px 9px 18px}.search svg{width:21px;height:21px;stroke:var(--muted);fill:none;stroke-width:2;flex:0 0 auto}.search input{min-width:0;width:100%;border:0;outline:0;color:var(--ink);background:transparent}.search button{border:0;border-radius:9px;padding:10px 20px;background:#3b7152;color:#fff;font-weight:600;cursor:pointer}.search button:hover{background:var(--green)}.search-note{font-size:12px;color:var(--muted);margin:10px auto 0}.section{max-width:1180px;margin:0 auto;padding:0 24px 55px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:18px}.section h2{font-size:26px;line-height:1.25;letter-spacing:-.02em;font-weight:600;margin:0}.section-head p{font-size:14px;color:var(--muted);margin:0}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.topic{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;min-height:204px;transition:transform .16s,border-color .16s,box-shadow .16s}.topic:hover{transform:translateY(-2px);border-color:#bfd6c5;box-shadow:0 8px 24px rgba(24,79,43,.035)}.topic .icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#f0f6f0;color:var(--green);font-size:21px;font-weight:600;margin-bottom:19px}.topic h3{font-size:20px;line-height:1.28;font-weight:600;margin:0 0 7px}.topic p{color:var(--body);font-size:14px;line-height:1.5;margin:0 0 15px}.topic small{color:var(--green);font-weight:600}.article-list{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.article-row{display:grid;grid-template-columns:1fr auto;gap:16px;text-decoration:none;padding:21px 26px;border-bottom:1px solid var(--line)}.article-row:last-child{border-bottom:0}.article-row:hover{background:#fcfdfb}.article-row strong{display:block;font-size:17px;line-height:1.35;font-weight:600}.article-row small{display:block;font-size:13px;color:var(--muted);margin-top:5px}.article-row .arrow{font-size:18px;color:var(--green)}.more{font-size:14px;font-weight:600;text-decoration:none;color:var(--green)}.notice{font-size:12px;color:var(--muted);max-width:1180px;padding:0 24px 35px;margin:auto}footer{border-top:1px solid var(--line);background:#fff;padding:24px;color:var(--muted);font-size:13px;text-align:center}
/* Categories use Phantom's article-list clarity, with much less hero space. */
.category-hero{max-width:1180px;margin:auto;padding:31px 24px 42px}.breadcrumbs{font-size:13px;color:var(--muted);display:flex;gap:9px;align-items:center}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:var(--green)}.category-hero .inner{max-width:830px;margin:70px auto 0;text-align:center}.category-hero h1{font-size:clamp(43px,6vw,68px);letter-spacing:-.043em;line-height:1.1;font-weight:600;margin:14px 0 12px}.category-hero p{font-size:18px;color:var(--body);margin:0 0 24px}.category-hero .search{max-width:650px}.category-content{max-width:850px;margin:0 auto 80px;padding:0 24px}.category-content h2{font-size:18px;color:var(--muted);font-weight:600;margin:0 0 15px}.category-content .article-row{padding:22px 27px}.category-content .article-row strong{font-size:18px}.category-content .article-row small{line-height:1.45}
/* Article view: broad headline and narrow reading column. */
body.article{background:#fff}.article-head{max-width:1120px;margin:0 auto;padding:55px 24px 32px}.article-head h1{font-size:clamp(40px,5.5vw,66px);line-height:1.12;letter-spacing:-.043em;font-weight:600;max-width:950px;margin:35px 0 18px}.article-head .dek{font-size:19px;color:var(--body);max-width:850px;margin:0}.article-layout{max-width:1120px;margin:0 auto;padding:15px 24px 110px;display:grid;grid-template-columns:minmax(0,740px) 230px;gap:80px;align-items:start}.article-body{font-size:17px;line-height:1.75;color:var(--body)}.article-body p{margin:0 0 21px}.article-body .answer{font-size:19px;color:var(--ink);font-weight:500}.article-body h2{color:var(--ink);font-size:27px;letter-spacing:-.02em;font-weight:600;line-height:1.25;margin:50px 0 15px}.article-body h3{color:var(--ink);font-size:20px;font-weight:600;margin:27px 0 8px}.article-body ul{margin:0 0 20px;padding-left:24px}.article-body li{margin:0 0 8px}.article-body .callout{border-left:3px solid var(--green);background:#f6faf6;padding:17px 22px;margin:30px 0;font-size:15px}.article-body .related{border-top:1px solid var(--line);padding-top:24px;margin-top:50px}.article-body .related a{color:var(--green)}.toc{position:sticky;top:30px;border-left:1px solid var(--line);padding-left:20px;font-size:13px}.toc strong{display:block;color:var(--ink);margin-bottom:10px}.toc a{display:block;color:var(--muted);text-decoration:none;padding:6px 0}.toc a:hover{color:var(--green)}.article-status{font-size:12px;color:var(--muted);margin-top:24px}
@media(max-width:850px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr;gap:0}.toc{display:none}}
@media(max-width:600px){.site-header{height:62px;padding:0 17px}.site-header img{height:23px}.site-header nav{gap:13px}.site-header nav a:nth-child(2){display:none}.site-header .pill{padding:6px 12px}.study{padding:4px 17px 0}.study span{display:none}.hero{padding:42px 17px 46px}.hero .lead{font-size:17px}.hero .identity{font-size:13px}.search{border-radius:11px}.search button{padding:9px 12px}.section{padding:0 17px 40px}.section-head{display:block}.section-head p{margin-top:5px}.topic-grid{grid-template-columns:1fr}.topic{min-height:unset;padding:20px}.topic .icon{margin-bottom:10px}.category-hero{padding:25px 17px 36px}.category-hero .inner{margin-top:42px}.category-hero p{font-size:16px}.category-content{padding:0 17px 60px}.category-content .article-row{padding:18px}.article-head{padding:36px 17px 20px}.article-head h1{margin-top:24px}.article-head .dek{font-size:17px}.article-layout{padding:5px 17px 70px}.article-body{font-size:16px}}

/* White reading palette selected between the B and C visual concepts. */
:root{--ink:#3e433e;--body:#575e57;--muted:#6e766e;--green:#11865a;--line:#e7ebe6;--bg:#ffffff}
a{text-decoration-color:var(--green)}
.brand{display:flex;align-items:center;text-decoration:none}.brand img{display:block;width:auto;height:26px}
.guide-head{max-width:1120px;margin:0 auto;padding:55px 24px 32px}.guide-head h1{font-size:clamp(40px,5.5vw,66px);line-height:1.12;letter-spacing:-.043em;font-weight:600;margin:30px 0 14px}.guide-head p{font-size:19px;line-height:1.55;color:var(--body);max-width:800px;margin:0}.guide-layout{max-width:1120px;margin:0 auto;padding:0 24px 100px;display:grid;grid-template-columns:minmax(0,740px) 230px;gap:80px;align-items:start}.guide-answers{min-width:0}.answer-block{border-top:1px solid var(--line);padding-top:28px;margin-top:30px;scroll-margin-top:22px}.answer-block:first-child{margin-top:0}.answer-block>h2{font-size:clamp(25px,3vw,32px);line-height:1.25;letter-spacing:-.025em;margin:0 0 19px;font-weight:600}.answer-block .article-body h3{scroll-margin-top:22px}.article-body table{display:block;overflow-x:auto;border-collapse:collapse;width:100%;margin:20px 0 30px;font-size:14px;line-height:1.5}.article-body th,.article-body td{border:1px solid var(--line);padding:11px 13px;text-align:left;min-width:135px;vertical-align:top}.article-body th{background:var(--mint);color:var(--ink)}.article-body strong{color:var(--ink)}.article-body a{color:var(--green)}.guide-toc{position:sticky;top:30px;max-height:calc(100vh - 60px);overflow-y:auto;border-left:1px solid var(--line);padding-left:20px;font-size:13px}.guide-toc strong{display:block;margin-bottom:11px}.guide-toc a{display:block;text-decoration:none;color:var(--muted);padding:7px 0;line-height:1.4}.guide-toc a.subnav{font-size:12px;padding:4px 0 4px 13px}.guide-toc a:hover{color:var(--green)}.topic{min-height:220px}.topic small{display:block;margin-top:18px}body:has(.guide-layout){background:var(--bg)}
@media(max-width:850px){.guide-layout{grid-template-columns:1fr;gap:0}.guide-toc{grid-row:1;position:static;max-height:none;overflow:visible;border-left:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:28px}.guide-toc a{padding:5px 0}.guide-toc a.subnav{display:none}}@media(max-width:600px){.guide-head{padding:36px 17px 24px}.guide-head p{font-size:16px}.guide-layout{padding:0 17px 70px}.answer-block>h2{font-size:25px}}

/* Screenshot-led typography: Inter for letters, the main-site numeral companion, and a readable article scale. */
@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url('./inter-latin.woff2') format('woff2');unicode-range:U+0041-005A,U+0061-007A,U+00C0-00FF,U+0100-024F}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url('./instrument-sans-latin.woff2') format('woff2');unicode-range:U+0030-0039,U+FF10-FF19,U+0024,U+0025,U+002E,U+002C,U+002B,U+002D,U+003C,U+003E,U+003A,U+0028,U+0029,U+002F,U+007E,U+00B1}
:root{--ink:#0d2e20;--body:#4e5b53;--muted:#6d7b72;--green:#11865a;--bg:#fff}
body{font-family:Inter,'Instrument Sans','PingFang SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.guide-head h1{font-size:clamp(44px,5.2vw,68px);font-weight:600;letter-spacing:-.04em}
.guide-head p{color:#74877c;font-size:20px;line-height:1.55}
.article-body{font-size:18px;line-height:1.72;color:var(--body)}
.answer-block>h2{color:var(--ink);font-size:34px;line-height:1.25;letter-spacing:-.03em;font-weight:600}
.article-body h3{color:#203c2d;font-size:24px;line-height:1.35;font-weight:600}
.article-body strong{color:#284033}
.guide-toc{font-size:14px}
.hero .lead{font-size:20px;color:#74877c}
.section h2{font-size:28px}
.topic p{font-size:15px;line-height:1.55}
@media(max-width:600px){.guide-head h1{font-size:44px}.guide-head p{font-size:17px}.article-body{font-size:18px;line-height:1.7}.answer-block>h2{font-size:28px}.article-body h3{font-size:22px}.hero .lead{font-size:18px}}

.category-index{max-width:1120px;margin:0 auto;padding:0 24px 100px}.category-index .article-list{max-width:850px}
.category-index .article-row{align-items:center}.category-index .article-row small{line-height:1.55;max-width:700px}
.article-head{padding-bottom:28px}.article-head h1{max-width:900px;font-size:clamp(34px,4.3vw,54px)}
.article-body>p:first-child{margin-top:0}.article-body img{display:block;width:auto;max-width:min(100%,350px);max-height:540px;object-fit:contain;margin:24px 0 8px;border:1px solid var(--line);border-radius:16px}
.article-body em{color:var(--muted);font-size:14px}.related{border-top:1px solid var(--line);margin-top:48px;padding-top:22px}.related h2{font-size:22px}.related a{display:block;margin:12px 0}
@media(max-width:600px){.category-index{padding:0 17px 70px}.article-head h1{font-size:34px}.article-body img{max-width:100%}}

/* Layout A: quiet search and plain category entries. */
.layout-a{background:#f5f8f5}.layout-a .site-header{background:#f5f8f5;border-bottom:0}.layout-a .study{background:#f5f8f5;color:#879b8d}
.layout-a .hero{background:#f5f8f5;max-width:760px;margin:0 auto;padding:70px 24px 55px;text-align:center;min-height:0}
.layout-a .hero h1{font-size:clamp(39px,5.2vw,58px);letter-spacing:-.04em;line-height:1.15;margin:0 0 30px;color:var(--ink)}
.faq-search{max-width:560px;margin:0 auto;background:#fff;border:1px solid #e5ece6;border-radius:11px;box-shadow:0 2px 8px #1235230a;padding:0 18px}
.faq-search input{width:100%;height:56px;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:var(--ink)}.faq-search input::placeholder{color:#96a89b}
.faq-search-results{position:absolute;left:50%;top:calc(100% - 6px);transform:translateX(-50%);width:min(560px,calc(100% - 36px));padding:8px;background:#fff;border:1px solid #e4ece5;border-radius:10px;box-shadow:0 12px 30px #0c39241a;z-index:5;text-align:left;max-height:390px;overflow:auto}
.faq-search-results[hidden]{display:none}.faq-search-results a{display:flex;justify-content:space-between;gap:15px;padding:10px 12px;text-decoration:none;color:var(--ink);border-bottom:1px solid #edf1ed;font-size:14px}.faq-search-results a:last-child{border:0}.faq-search-results a:hover{background:#f3f8f4}.faq-search-results small{white-space:nowrap;color:#7e9383}.faq-search-results p{margin:8px;color:#778a7c;font-size:14px}
.layout-a .section#topics{max-width:1120px;padding:0 24px;margin:0 auto}.layout-a .topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.layout-a .topic{min-height:128px;padding:25px;border:0;border-radius:15px;background:#fff;box-shadow:0 1px 2px #163a2208;display:flex;align-items:flex-end;text-decoration:none}.layout-a .topic h3{font-size:18px;line-height:1.3;margin:0;color:var(--ink)}
.layout-a .home-quick{max-width:1120px;margin:34px auto 100px;padding:22px 24px;border-top:1px solid #dce8df;display:flex;gap:26px;align-items:center;flex-wrap:wrap;font-size:14px}.layout-a .home-quick strong{color:var(--ink)}.layout-a .home-quick a{color:#597363;text-decoration:none}.layout-a .home-quick a:hover{color:var(--green)}
.page-search{position:relative;background:#f5f8f5;padding:10px 24px 16px}.page-search .faq-search{max-width:720px}.page-search .faq-search-results{width:min(720px,calc(100% - 36px))}.layout-a .hero{position:relative}
.layout-a .guide-head{max-width:850px;text-align:center;padding:65px 24px 40px}.layout-a .guide-head h1{font-size:clamp(36px,4vw,48px);margin:23px 0 9px}.layout-a .guide-head p{font-size:15px;color:#819687}.layout-a .breadcrumbs{font-size:13px;color:#879b8d}.layout-a .category-index{max-width:850px;padding:0 24px 100px}.layout-a .category-index .article-list{background:#fff;border:0;border-radius:15px;overflow:hidden}.layout-a .category-index .article-row{display:flex;justify-content:space-between;min-height:62px;padding:18px 24px;border-bottom:1px solid #edf1ed;font-size:16px;font-weight:600;color:var(--ink);text-decoration:none}.layout-a .category-index .article-row:last-child{border:0}.layout-a .category-index .article-row span{color:var(--green);font-size:22px;font-weight:400}
.layout-a:has(.article-head){background:#fff}.layout-a:has(.article-head) .page-search,.layout-a:has(.article-head) .study{background:#fff}.layout-a .article-head{max-width:1120px;text-align:left;padding:45px 24px 28px}.layout-a .article-head h1{max-width:900px;font-size:clamp(34px,4.3vw,54px)}
@media(max-width:700px){.layout-a .hero{padding:45px 18px 35px}.layout-a .section#topics{padding:0 17px}.layout-a .topic-grid{grid-template-columns:repeat(2,1fr);gap:10px}.layout-a .topic{min-height:100px;padding:18px}.layout-a .topic h3{font-size:16px}.layout-a .home-quick{padding:20px 17px;gap:13px}.layout-a .guide-head{padding:40px 17px 27px}.layout-a .category-index{padding:0 17px 70px}.layout-a .category-index .article-row{padding:15px;font-size:15px}.layout-a .article-head{text-align:left}.page-search{padding:10px 17px 14px}}

/* Simple FAQ header and footer. */
.layout-a .site-header{height:70px;padding:0 30px;background:#fff;border-bottom:1px solid #e9eee9;display:flex;align-items:center;justify-content:space-between;max-width:none;position:relative;z-index:20}
.layout-a .header-identity{display:flex;align-items:center;gap:16px}.layout-a .site-header .brand{display:flex;align-items:center}.layout-a .site-header .brand img{height:27px;width:auto}.layout-a .header-divider{height:20px;width:1px;background:#d7e2d9}.layout-a .header-name{font-size:15px;font-weight:600;color:#2c4d38;white-space:nowrap}.layout-a .site-header nav a{font-size:14px;color:#50695a;text-decoration:none;font-weight:600}.layout-a .site-header nav a:hover{color:#11865a}
.layout-a .simple-footer{background:#fff;border-top:1px solid #e9eee9;padding:29px 30px;text-align:left;color:#809084}.simple-footer-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px}.simple-footer nav{display:flex;gap:26px}.simple-footer a{color:#6b8172;text-decoration:none}.simple-footer a:hover{color:#11865a}
@media(max-width:600px){.layout-a .site-header{height:62px;padding:0 17px}.layout-a .site-header .brand img{height:23px}.layout-a .header-identity{gap:10px}.layout-a .header-name{font-size:13px}.layout-a .site-header nav a{font-size:13px}.layout-a .simple-footer{padding:25px 17px}.simple-footer-inner{align-items:flex-start;flex-direction:column;gap:16px}.simple-footer nav{gap:20px}}

/* Refined home cards: title first, compact height, visible interaction. */
.layout-a .section#topics .topic-heading{font-size:17px;line-height:1.3;letter-spacing:0;font-weight:650;margin:0 0 16px;color:var(--ink)}
.layout-a .topic-grid{gap:13px}
.layout-a .topic{min-height:116px;padding:20px 22px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;border:1px solid #e2eae3;border-radius:12px;box-shadow:0 1px 3px #123b2308;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.layout-a .topic-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%}
.layout-a .topic h3{font-size:18px;font-weight:650;margin:0;line-height:1.35;color:#123525}
.layout-a .topic-arrow{font-size:18px;line-height:1;color:#4c9c72;transition:transform .18s ease,color .18s ease}
.layout-a .topic small{display:block;margin:0;color:#83978a;font-size:12px;font-weight:500;line-height:1.3}
.layout-a .topic:hover{background:#fbfefb;border-color:#93cbaa;box-shadow:0 8px 22px #17432915;transform:translateY(-2px)}
.layout-a .topic:hover .topic-arrow{color:#11865a;transform:translate(2px,-2px)}
.layout-a .topic:focus-visible{outline:3px solid #64bf8a;outline-offset:3px}
.layout-a .topic:active{transform:translateY(0);background:#edf7ef;box-shadow:0 1px 3px #123b2308}
@media(max-width:700px){.layout-a .topic{min-height:108px;padding:16px}.layout-a .topic h3{font-size:16px}.layout-a .topic-grid{gap:10px}.layout-a .section#topics .topic-heading{margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){.layout-a .topic,.layout-a .topic-arrow{transition:none}.layout-a .topic:hover{transform:none}}

.layout-a .header-name{text-decoration:none}.layout-a .header-name:hover{color:#11865a}
.language-chip{display:inline-flex;align-items:center;border:1px solid #dbe8de;background:#f8fbf8;color:#3d6f50;border-radius:9px;padding:9px 12px;font-size:13px;font-weight:600;line-height:1}
.layout-a .category-index .article-row{transition:background .16s ease,color .16s ease,padding-left .16s ease}
.layout-a .category-index .article-row:hover{background:#f5faf6;color:#0c7a4f;padding-left:30px}
.layout-a .category-index .article-row:focus-visible{outline:3px solid #64bf8a;outline-offset:-3px}
@media(max-width:600px){.language-chip{font-size:12px;padding:8px 10px}.layout-a .category-index .article-row:hover{padding-left:19px}}

/* r59: active language switch, distinct popular section, and clearer footer type. */
.language-menu{position:relative;font-family:Inter,'PingFang SC',sans-serif;font-size:13px;font-weight:600;color:#254c38}
.language-menu summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;border:1px solid #dbe8de;background:#fff;border-radius:8px;padding:9px 12px;line-height:1}
.language-menu summary::-webkit-details-marker{display:none}.language-menu summary:hover,.language-menu[open] summary{border-color:#a8cbb4;background:#f8fbf8}
.menu-chevron{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.language-options{position:absolute;right:0;top:calc(100% + 6px);min-width:140px;z-index:30;background:#fff;border:1px solid #dfe8e1;border-radius:9px;padding:5px;box-shadow:0 8px 28px #163a2218}
.language-options a,.language-options span{display:block;padding:9px 10px;color:#284c38;text-decoration:none;border-radius:5px;white-space:nowrap}.language-options span{color:#7e9083;background:#f4f8f5}.language-options a:hover{background:#eef7f0;color:#0e7650}
.layout-a .home-quick{display:block;max-width:1120px;margin:0 auto 84px;padding:25px 24px 0;border-top:1px solid #e3eae4}
.layout-a .home-quick h2{font-size:17px;line-height:1.3;margin:0 0 17px;color:#123525;font-weight:650;letter-spacing:0}
.popular-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.layout-a .home-quick a{display:flex;align-items:center;min-height:66px;padding:17px 18px;border:1px solid #e2eae3;border-radius:10px;background:#fff;color:#173a28;font-size:15px;font-weight:600;line-height:1.35;text-decoration:none;transition:border-color .15s,background .15s}
.layout-a .home-quick a:hover{border-color:#a0cbb0;background:#f9fcf9;color:#0c794f}
.layout-a .simple-footer,.layout-a .simple-footer a{font-family:Inter,'PingFang SC',sans-serif;font-size:14px;line-height:1.5;letter-spacing:-.005em}
.layout-a .simple-footer{color:#526658}.layout-a .simple-footer a{color:#355b42;font-weight:500}
@media(max-width:700px){.popular-links{grid-template-columns:1fr}.layout-a .home-quick{padding:22px 17px 0;margin-bottom:65px}.layout-a .home-quick a{min-height:55px;padding:14px 16px}}

/* r60: selected open article list, aligned category header and search. */
.layout-a:has(.category-index){background:#f6f9f6}
.layout-a:has(.category-index) .page-search{background:#f6f9f6;padding:19px 24px 0}
.layout-a:has(.category-index) .page-search .faq-search{max-width:882px}
.layout-a:has(.category-index) .page-search .faq-search-results{width:min(882px,calc(100% - 36px))}
.layout-a .guide-head:not(.article-head){max-width:930px;text-align:left;padding:49px 24px 28px}
.layout-a .guide-head:not(.article-head) h1{font-size:43px;line-height:1.15;margin:25px 0 0;letter-spacing:-.035em}
.layout-a .category-index{max-width:930px;padding:0 24px 95px}
.layout-a .category-index .article-list{max-width:none;background:transparent;border:0;border-radius:0;overflow:visible;border-top:1px solid #dbe5de}
.layout-a .category-index .article-row{min-height:66px;padding:15px 8px;border-bottom:1px solid #dbe5de;background:transparent;color:#173728;font-size:17px;font-weight:600;line-height:1.45;transition:background .16s ease,color .16s ease}
.layout-a .category-index .article-row:last-child{border-bottom:1px solid #dbe5de}
.layout-a .category-index .article-row:hover{background:#fafdfa;color:#0d8054;padding-left:8px}
.layout-a .category-index .article-row:focus-visible{outline:2px solid #399867;outline-offset:2px;border-radius:3px}
/* Align the home divider with the cards and leave a clear gap after the grid. */
.layout-a .home-quick{position:relative;border-top:0;margin:40px auto 84px;padding:28px 24px 0}
.layout-a .home-quick::before{content:'';position:absolute;top:0;left:24px;right:24px;height:1px;background:#e3eae4}
@media(max-width:700px){.layout-a:has(.category-index) .page-search{padding:14px 17px 0}.layout-a .guide-head:not(.article-head){padding:38px 17px 22px}.layout-a .guide-head:not(.article-head) h1{font-size:35px}.layout-a .category-index{padding:0 17px 70px}.layout-a .category-index .article-row{min-height:59px;padding:12px 5px;font-size:16px}.layout-a .category-index .article-row:hover{padding-left:5px}.layout-a .home-quick{margin:30px auto 65px;padding:22px 17px 0}.layout-a .home-quick::before{left:17px;right:17px}}

/* r61: the footer shares the category surface and rests at the bottom of short pages. */
body.layout-a:has(.category-index){min-height:100vh;display:flex;flex-direction:column;background:#f6f9f6}
body.layout-a:has(.category-index) main{flex:1}
body.layout-a:has(.category-index) .simple-footer{background:#f6f9f6;border-top:1px solid #e1e9e2}

/* r64: direct FAQ navigation, brighter links, compact Phantom-inspired controls. */
:root{--faq-link:#008a57}
.layout-a .site-header{gap:20px}
.header-actions{display:flex;align-items:center;gap:10px}
.language-menu summary{height:38px;border-radius:999px;padding:0 14px;color:#405a4a;border-color:#dce6dd}
.download-menu{position:relative;font-family:Inter,'PingFang SC',sans-serif;font-size:13px;font-weight:600}
.download-menu summary{display:flex;align-items:center;justify-content:center;cursor:pointer;list-style:none;min-height:38px;padding:0 19px;border-radius:999px;background:#078e59;color:#fff;transition:background .15s,box-shadow .15s}
.download-menu summary::-webkit-details-marker{display:none}.download-menu summary:hover,.download-menu[open] summary{background:#047b4d;box-shadow:0 4px 12px #078e592b}
.download-options{position:absolute;right:0;top:calc(100% + 7px);min-width:145px;background:#fff;border:1px solid #dfe8e1;border-radius:10px;padding:5px;box-shadow:0 8px 28px #163a2218;z-index:30}
.download-options a{display:block;padding:9px 10px;border-radius:6px;text-decoration:none;color:#274c38;white-space:nowrap}.download-options a:hover{background:#eef8f1;color:var(--faq-link)}
.layout-a .home-quick{margin-top:38px}.popular-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 32px;margin:0;padding:0;list-style:none}
.layout-a .home-quick .popular-links li{padding:0;margin:0}
.layout-a .home-quick .popular-links a{display:inline;color:var(--faq-link);font-size:16px;font-weight:550;line-height:1.5;min-height:0;padding:2px 0;border:0;border-radius:0;background:transparent;text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:4px}
.layout-a .home-quick .popular-links a:hover{color:#006b44;background:transparent;text-decoration-thickness:2px}
.article-body a,.article-body .related a{color:var(--faq-link);text-decoration-color:currentColor}.article-body a:hover,.article-body .related a:hover{color:#006b44}
.guide-toc{border:0;border-radius:12px;background:#f3f6f3;padding:18px 17px;max-height:calc(100vh - 45px);font-family:Inter,'PingFang SC',sans-serif}
.guide-toc strong{font-size:13px;color:#405a4a;font-weight:650;margin:0 0 11px}.guide-toc a{padding:7px 8px;border-radius:6px;color:#566c5e;font-size:13px;line-height:1.35}.guide-toc a:hover{background:#e7f1e9;color:var(--faq-link)}
@media(max-width:850px){.guide-toc{border:0;background:#f3f6f3;max-height:none;padding:15px;margin-bottom:30px}}
@media(max-width:700px){.popular-links{grid-template-columns:1fr;gap:8px}.layout-a .home-quick .popular-links a{font-size:15px}.header-actions{gap:6px}.language-menu summary{padding:0 10px}.download-menu summary{padding:0 12px}}
@media(max-width:390px){.layout-a .header-divider,.layout-a .header-name{display:none}}

/* r65: white reading surfaces, selected C hover, Rabby-inspired article index. */
body.layout-a,body.layout-a:has(.category-index),.layout-a:has(.category-index){background:#fff}
.layout-a .site-header,.layout-a .simple-footer,body.layout-a:has(.category-index) .simple-footer{background:#fff}
.layout-a .hero{max-width:none;background:#daf3e5;padding:64px 24px 72px}
.layout-a .hero h1{color:#0d3925}
.page-search,.layout-a:has(.category-index) .page-search,.layout-a:has(.article-head) .page-search{background:#daf3e5;padding-top:22px;padding-bottom:22px}
.layout-a .topic:hover{border-color:#62bd8d;box-shadow:inset 0 -3px #19ac6c,0 3px 12px #164d330d;transform:none;background:#fff}
.layout-a .topic:active{box-shadow:inset 0 -3px #19ac6c;transform:none}
.layout-a .home-quick .popular-links a{font-size:16px}
.article-body{color:#535b56}.guide-toc{background:#f5f6f5}.guide-toc strong{color:#3f4943}.guide-toc a{color:#626a65}
.layout-a:has(.category-index) .guide-head{padding-bottom:27px}
.layout-a .guide-head .category-count{font-size:14px;line-height:1.4;color:#77817a;margin:12px 0 0;font-weight:400}
.layout-a .category-index .article-list{max-width:none;background:#fff;border:1px solid #e0e6e1;border-radius:14px;overflow:hidden;padding:10px 0}
.layout-a .category-index .article-row,.layout-a .category-index .article-row:last-child{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:56px;padding:13px 24px;border:0;background:#fff;color:#3f4742;font-size:16px;font-weight:500;line-height:1.4;transition:background .14s,color .14s}
.layout-a .category-index .article-row::after{content:'›';font:22px/1 Inter,'PingFang SC',sans-serif;color:#32a46c;flex:0 0 auto}
.layout-a .category-index .article-row:hover{background:#f5faf6;color:#0b754d;padding-left:24px}
.layout-a .category-index .article-row:hover::after{color:#087c50}
.layout-a .category-index .article-row:focus-visible{outline:2px solid #3db67c;outline-offset:-3px;border-radius:0}
@media(max-width:700px){.layout-a .hero{padding:44px 17px 51px}.page-search,.layout-a:has(.category-index) .page-search,.layout-a:has(.article-head) .page-search{padding:16px 17px}.layout-a .category-index .article-row,.layout-a .category-index .article-row:last-child{min-height:53px;padding:12px 17px;font-size:15px}.layout-a .category-index .article-row:hover{padding-left:17px}.layout-a .home-quick .popular-links a{font-size:16px}}

.layout-a .section#topics{padding-top:38px}
@media(max-width:700px){.layout-a .section#topics{padding-top:28px}}

/* r67 selected palette: light mint header and hero, clear green links, cool gray reading text. */
:root{--faq-link:#008759}
.layout-a .site-header{background:#daf3e5;border-bottom:0}
.layout-a .hero{background:#daf3e5}
.page-search,.layout-a:has(.category-index) .page-search,.layout-a:has(.article-head) .page-search{background:#daf3e5}
.language-menu summary{border-radius:8px;background:#fff;border-color:#bad9c6;color:#234b37}
.language-menu summary:hover,.language-menu[open] summary{background:#f9fffb;border-color:#7dbf95}
.article-body{color:#58616a}.article-body strong{color:#39454b}
.guide-toc{background:#f3f6f7}.guide-toc strong{color:#3c4950}.guide-toc a{color:#69747b}
.article-body a,.article-body .related a,.layout-a .home-quick .popular-links a{color:#008759;text-decoration-color:#008759}
.article-body a:hover,.article-body .related a:hover,.layout-a .home-quick .popular-links a:hover{color:#006f49;text-decoration-color:#006f49}
.guide-toc a:hover{color:#008759;background:#e8f3ed}
.layout-a .category-index .article-row:hover{color:#008759}
@media(max-width:700px){.language-menu summary{border-radius:7px}}

.language-menu summary{border-radius:4px}

/* r68: softened rectangular language selector and quieter article contents panel. */
.language-menu summary{border-radius:10px}
.guide-toc{background:#edf4ef;border:1px solid #e1ebe4}
.guide-toc a:hover{background:#e3efe7}
@media(max-width:700px){.language-menu summary{border-radius:9px}}

/* r69: retain side and top borders on hover; emphasize only the lower edge. */
.layout-a .topic:hover{border-color:#e2eae3;box-shadow:inset 0 -3px #19ac6c,0 1px 3px #123b2308;transform:none;background:#fff}
.layout-a .topic:active{border-color:#e2eae3;box-shadow:inset 0 -3px #19ac6c}
