*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffef7;color:#1e3a28;font:16px/1.85 system-ui,-apple-system,"Noto Sans TC",sans-serif}a{color:#145e37;text-underline-offset:4px}a:hover{color:#072c1a}a:focus-visible{outline:3px solid #a17500;outline-offset:4px}.skip{position:absolute;top:-80px;left:16px;background:white;padding:10px}.skip:focus{top:8px}.top{border-bottom:1px solid #d4f0df;padding:18px max(20px,calc((100% - 960px)/2));display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.brand{font-size:1.3rem;font-weight:750;letter-spacing:.12em;text-decoration:none;color:#072c1a}nav{display:flex;gap:12px 22px;flex-wrap:wrap}main{max-width:960px;margin:auto;padding:48px 24px 70px}h1{font-size:clamp(2rem,6vw,3rem);line-height:1.3;color:#072c1a;margin:12px 0 20px}h2{font-size:1.45rem;line-height:1.5;margin:40px 0 12px;color:#072c1a}h3{font-size:1.12rem;margin:25px 0 8px}p{margin:12px 0}.meta{color:#5a7a65;font-size:.92rem}.intro,.notice{background:#f0faf4;border:1px solid #d4f0df;border-radius:12px;padding:20px 24px;margin:24px 0}.notice{border-left:4px solid #2e6b45}.toc{padding:20px 24px;background:white;border:1px solid #d4f0df;border-radius:12px}.toc ol{margin-bottom:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:white;margin:20px 0;font-size:.94rem}th,td{border:1px solid #d4f0df;padding:14px;text-align:left;vertical-align:top}th{background:#f0faf4}td:first-child{min-width:120px}section{scroll-margin-top:20px}li{margin:7px 0}code{font-size:.86em;overflow-wrap:anywhere}.button{display:inline-block;padding:10px 18px;border-radius:8px;background:#145e37;color:white;text-decoration:none;margin:8px 0}.button:hover{color:white;background:#072c1a}footer{border-top:1px solid #d4f0df;padding:28px 24px;text-align:center;font-size:.92rem}footer nav{justify-content:center}small{color:#5a7a65}@media(max-width:600px){main{padding:28px 18px 48px}.top{padding:16px 18px}.top nav{font-size:.9rem}.intro,.notice,.toc{padding:16px}th,td{padding:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{body{background:white;font-size:10pt}.top,.toc,.skip{display:none}main{max-width:none;padding:0}h2,h3{break-after:avoid}.table-wrap{overflow:visible}a{color:inherit}.button{background:white;color:#072c1a;border:1px solid #145e37}footer{margin-top:25px}}

/* Account deletion controls. Native semantics remain usable without JavaScript. */
button, input { font: inherit; }
button { min-height: 44px; padding: .65rem 1rem; cursor: pointer; }
button:disabled { cursor: wait; opacity: .6; }
input:not([type="checkbox"]) { box-sizing: border-box; max-width: 100%; width: 30rem; padding: .65rem; }
input[type="checkbox"] { width: 1.25rem; height: 1.25rem; vertical-align: middle; }
button:focus-visible, input:focus-visible { outline: 3px solid #2764c5; outline-offset: 3px; }
[hidden] { display: none !important; }

/* Match the home page's cream background and forest-green language switch. */
.top { position: sticky; top: 0; z-index: 10; background: rgba(255,254,247,.95); backdrop-filter: blur(12px); padding-top: 10px; padding-bottom: 10px; }
.lang-toggle { display: flex; border: 1px solid #9fdbb8; border-radius: 8px; overflow: hidden; background: #f0faf4; }
.lang-btn { border: 0; border-radius: 0; padding: 6px 13px; font-size: 12px; color: #5a7a65; background: transparent; }
.lang-btn.active { background: #2e6b45; color: white; }
main { max-width: 860px; }
h1, h2 { text-wrap: balance; }
section, [id] { scroll-margin-top: 90px; }
button:not(.lang-btn) { background: #145e37; color: white; border: 1px solid #145e37; border-radius: 8px; }
form { padding: 20px; background: #f0faf4; border: 1px solid #d4f0df; border-radius: 12px; }
#status-form { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; }
#status-form label { flex: 1 1 240px; min-width: 0; }
#receipt { display: block; width: 100%; }
#result, #request-status, #account { overflow-wrap: anywhere; }
@media print { .top { display: none; } }
