.bureau-page{margin:0;background:#f5f3e9;color:#173d32;font-family:system-ui,-apple-system,"Microsoft JhengHei",sans-serif;line-height:1.85}
.bureau-header nav{display:flex;gap:1rem;flex-wrap:wrap}.bureau-header a{color:#173d32}.bureau-shell{max-width:1280px;margin:auto;padding:1rem 1.5rem}.bureau-header-inner{display:flex;justify-content:space-between;gap:1.25rem;align-items:center;flex-wrap:wrap}.guide-reading{max-width:780px;margin:3rem auto 5rem;padding:0 1.5rem;overflow-wrap:anywhere}.guide-reading h1{font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.4}.guide-reading h2{font-size:1.4rem;line-height:1.5;margin-top:2.5rem}.guide-reading h3{font-size:1.12rem}.guide-reading p,.guide-reading li{font-size:1.0625rem}.guide-reading a{color:#215a46;text-underline-offset:.22em}.guide-kicker,.guide-meta{color:#48644f}.guide-toc,.guide-references{background:#fffdf6;border:1px solid #bec8b3;padding:1rem 1.4rem;border-radius:.5rem}.guide-toc ol{margin:0;padding-left:1.3rem}.guide-toc li{padding:.3rem 0}.guide-action a{display:inline-block;background:#173d32;color:#fff;padding:.8rem 1.2rem;border-radius:.3rem}.guide-related article{border-top:1px solid #bec8b3;padding:.5rem 0}.guide-reading section{scroll-margin-top:1rem}a:focus-visible{outline:3px solid #926416;outline-offset:4px}.guide-reading nav{font-size:.92rem}@media(max-width:540px){.bureau-shell{padding:1rem}.guide-reading{padding:0 1rem;margin-top:2rem}.bureau-header nav{gap:.6rem 1rem}.guide-toc,.guide-references{padding:.8rem 1rem}}

/* Machine-translation notice (2026-10-03): the last block of <main>, after the page body.
   Google's attribution asks only that the badge sit next to the translation, so it is a thin
   rule with no box. The badge PNG is 2x (352x32) and shows at its 1x size; the link's padding
   makes a 24px target, and the word space before it (no margin) keeps it on the text edge when
   it wraps on a phone. Muted #48644f is 5.9:1 and links #215a46 are 7.2:1 on the page background. */
.machine-translation{margin:3rem 0 0;padding:1rem 0 0;border-top:1px solid #bec8b3;color:#48644f;overflow-wrap:anywhere}.machine-translation p{margin:0;font-size:.875rem;line-height:1.6}.machine-translation a{color:#215a46;text-underline-offset:.22em}.machine-translation .machine-translation-disclaimer{margin-top:.5rem;font-size:.75rem;line-height:1.5}.machine-translation-badge{display:inline-block;vertical-align:middle;padding-block:4px}.machine-translation-badge img{display:block;width:176px;height:16px}
.guide-reading [lang="zh-TW"]{font-style:normal}
.bureau-page .skip-link{position:absolute;left:1rem;top:-5rem;background:#fff;padding:.6rem;z-index:10}.bureau-page .skip-link:focus{top:1rem}.bureau-page .bureau-shell{box-sizing:border-box;width:100%}.bureau-page .bureau-brand{max-width:100%;min-width:0}.bureau-page .bureau-brand>span:last-child{min-width:0}@media(max-width:540px){.bureau-page .bureau-brand strong{font-size:18px}.bureau-page .bureau-brand strong span{display:block}}

/* WCAG 2.2 target size (UX batch E, 2026-09-21): each of these links is alone in its
   list item or heading, so it is a target in its own right, not a link in a sentence. */
.guide-toc a,.guide-references a{display:inline-block;padding-block:3px}
.guide-related h3 a{display:inline-block;padding-block:2px}
.guide-related>p>a{display:inline-block;padding-block:3px}
/* The breadcrumb keeps its inline " / " separators, so it grows by padding, not by a flex box. */
.guide-reading>nav a{display:inline-block;padding-block:4px}