
:root{--bg:#f2f6f7;--ink:#142a35;--muted:#5c6f78;--line:#d9e4e7;--em:#1b6476;--soft:#edf4f5}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Noto Sans TC","Microsoft JhengHei",sans-serif}
main{max-width:880px;margin:28px auto;padding:clamp(20px,4vw,42px);background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 9px 30px #12334510}
h1{font-size:1.65rem;line-height:1.3;margin:0 0 9px}h2{font-size:1.18rem;margin:22px 0 10px}p{margin:6px 0}.warning{padding:13px 18px;background:#fff9e9;color:#624c16;border-left:4px solid #b38a32;border-radius:4px;margin-bottom:24px;font-size:.88rem}
.meta{color:var(--muted);font-size:.86rem}.meter{height:7px;border-radius:20px;background:var(--soft);margin:14px 0 6px;overflow:hidden}.fill{height:100%;background:var(--em)}
.q{padding:18px 0;border-bottom:1px solid #eaf0f2}.q:last-child{border-bottom:0}.q>label.head{display:block;font-weight:650;margin:0 0 8px;font-size:1.01rem}.q .help{color:var(--muted);font-size:.89rem;margin-bottom:8px}
textarea,input[type=text]{display:block;width:100%;background:white;border:1px solid #b6c9d0;border-radius:9px;padding:11px 12px;color:var(--ink);font:inherit;resize:vertical;min-height:95px}textarea:focus,input:focus{outline:2px solid #abdee6;outline-offset:1px}
.choices{display:grid;gap:7px}.choice{display:flex;gap:10px;align-items:start;cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:9px 12px}.choice:has(input:checked){border-color:#6da7af;background:#edf8f8}.choice input{margin-top:7px}.choice span{flex:1}
.row{display:flex;gap:8px;justify-content:space-between;margin-top:24px}button{border:1px solid #bed2d6;background:white;border-radius:9px;padding:10px 19px;font:inherit;font-weight:600;color:var(--ink);cursor:pointer}button.primary{background:var(--em);border-color:var(--em);color:white}button:disabled{opacity:.35;cursor:not-allowed}.info{background:var(--soft);padding:12px 16px;border-radius:8px}.required{color:#9d4e21;font-size:.84rem}
@media(max-width:620px){main{margin:0;min-height:100vh;border:0;border-radius:0}.row{flex-wrap:wrap}button{flex:1 1 130px}}

.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.language{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;gap:4px;background:white;align-self:flex-start}
.language button{font-size:.9rem;padding:4px 14px;border:0;border-radius:999px;background:transparent;color:var(--muted);white-space:nowrap}
.language button[aria-pressed=true]{background:var(--em);color:white}
.language button:focus-visible{outline:2px solid #0b7c9b;outline-offset:2px}
.contact-validation{font-size:.86rem;color:var(--muted);margin-top:7px}
.contact-validation.invalid{color:#af452a}
.informational{border-left:3px solid #5b9ba5;background:#f6f9fa;padding:14px;border-radius:8px}
.informational .head{font-size:.95rem;line-height:1.6;font-weight:400}
.consent-choice{padding:12px 14px;font-weight:600}
.consent-choice input{width:19px;height:19px;flex:none;margin-top:3px}
.main-head{margin:0}
.intro-note{padding:12px 14px;background:#f6f9fa;border-radius:8px;color:var(--muted);font-size:.9rem;margin:8px 0 12px}
.required{font-size:.84rem;color:#9d4e21;margin-top:7px}
@media(max-width:620px){.topbar{align-items:flex-start}.language{margin-left:auto}.language button{padding:5px 11px}.intro-note{font-size:.88rem}}

input[type=email],input[type=tel]{display:block;width:100%;min-width:0;border:1px solid #b6c9d0;border-radius:9px;padding:11px 12px;font:inherit}
.status{margin-top:14px}.draft-tools{margin-top:16px}.draft-tools button{font-size:.85rem}a{color:var(--em);overflow-wrap:anywhere}
