:root { color-scheme: light; --ink:#212529; --primary:#3A6FAC; --line:#dee2e6; --paper:#f1f1f1; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { scroll-padding-top:88px; }
body { margin:0; color:var(--ink); background:var(--paper); font:14px/1.8 system-ui,-apple-system,"Noto Sans TC",sans-serif; }
main a { color:var(--primary); text-underline-offset:4px; }
main a:hover { text-decoration-thickness:2px; }
main a:focus-visible,main input:focus-visible,main summary:focus-visible,main [tabindex]:focus-visible { outline:3px solid #c98c21; outline-offset:4px; }
main { max-width:1140px; margin:auto; padding:0 24px; }
main .intro { padding:28px 0 24px; max-width:820px; }
main .eyebrow { color:#6c757d; letter-spacing:2px; font-size:12px; font-weight:650; text-transform:uppercase; }
main h1 { font-size:30px; line-height:1.3; letter-spacing:-1px; margin:18px 0 24px; }
main h2 { font-size:24px; line-height:1.4; }
main h3 { font-size:20px; margin:4px 0 12px; }
main h4 { font-size:16px; margin:22px 0 6px; }
main p { margin:10px 0; }
main li { margin-bottom:8px; }
main .english,main .review-date { color:#6c757d; font-size:14px; }
main .downloads { display:flex; gap:12px; margin-top:24px; flex-wrap:wrap; }
main .downloads a { padding:8px 16px; border:1px solid var(--line); border-radius:6px; background:white; }
main .section-nav { display:flex; flex-wrap:wrap; gap:10px 24px; padding:20px 0; border-block:1px solid var(--line); }
main section { padding:32px 0; }
main .section-heading { display:flex; justify-content:space-between; align-items:baseline; gap:12px; flex-wrap:wrap; }
main .section-heading span { font-size:14px; color:#6c757d; }
main .search-box { padding:20px; background:#DADADA; border-radius:8px; margin:12px 0 24px; }
main .search-box label { display:block; font-weight:600; }
main input { width:100%; margin-top:8px; padding:12px 14px; font:inherit; border:1px solid #adb5bd; border-radius:4px; background:white; }
main .search-box p { font-size:13px; margin-bottom:0; }
main .workflow-nav { display:flex; flex-wrap:wrap; gap:8px 18px; margin:0 0 24px; font-size:14px; }
main .workflow { padding:30px; background:white; border:1px solid var(--line); border-radius:8px; margin-bottom:18px; scroll-margin-top:84px; }
main .access { font-size:14px; color:#6c757d; }
main .route-links { font:13px/1.8 ui-monospace,monospace; overflow-wrap:anywhere; }
main .verification { border-left:3px solid #3A6FAC; padding:4px 18px; background:#f1f1f1; margin:20px 0; }
main .verification h4 { margin-top:6px; }
main details { border-top:1px solid var(--line); padding-top:12px; font-size:13px; }
main summary { cursor:pointer; font-weight:600; }
main code { overflow-wrap:anywhere; }
main .table-scroll { overflow-x:auto; border:1px solid var(--line); border-radius:6px; }
main table { border-collapse:collapse; width:100%; min-width:650px; font-size:14px; background:white; }
main th,main td { padding:14px 16px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
main th { background:#DADADA; }
main td:last-child { font-size:12px; }
main footer { display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between; border-top:1px solid var(--line); padding:28px 0; font-size:13px; }
.skip-link { position:fixed; top:-100px; left:12px; z-index:5; padding:10px; background:white; }
.skip-link:focus { top:8px; }

@media(max-width:600px) {body {font-size:15px;}
main {padding:0 16px;}
main .intro {padding-top:36px;}
main .workflow {padding:20px;}
main h2 {font-size:20px;}
 }

@media print {main {max-width:none;}
main .workflow {break-inside:avoid;}
main .table-scroll {overflow:visible;}
main table {min-width:0;}
 }
main .raw-document { white-space:pre-wrap; overflow-wrap:anywhere; padding:24px; border:1px solid var(--line); background:white; font:14px/1.8 ui-monospace,monospace; }
main .prompt-section { margin-top:28px; padding:24px; border:1px solid var(--line); border-radius:8px; background:white; }
main .prompt-section h2 { margin-top:0; }
main .prompt-text { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; line-height:1.8; background:var(--paper); padding:20px; border-radius:6px; }
main #copy-agent-prompt { padding:12px 20px; border:0; border-radius:6px; background:var(--primary); color:white; font:inherit; cursor:pointer; }
main #copy-agent-prompt:focus-visible { outline:3px solid #c98c21; outline-offset:4px; }
main #copy-agent-prompt:disabled { opacity:.65; cursor:wait; }
main #prompt-copy-status { min-height:1.8em; margin-bottom:0; }

@media(max-width:600px) {main .prompt-section { padding:18px; }
main .prompt-text { padding:14px; }
 }
main .setup-entry { margin:28px 0 0; padding:16px 20px; border:1px solid var(--line); border-radius:8px; background:white; font-size:14px; }


body { padding-top:0; }

main { padding-top:24px; padding-bottom:24px; }

#header-container { height:56px; font:12px/1.5 var(--bs-body-font-family); }

@media print { #header-container { display:none; }
 body { padding-top:0; }
 }
