:root{font-family:system-ui,"Microsoft JhengHei",sans-serif;color:#172d39;background:#f4f8f8;line-height:1.7}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1000px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;border-bottom:1px solid #d4e2e2}a{color:#006c66}header>a:first-child{font-size:25px;font-weight:800;text-decoration:none}h1{font-size:clamp(26px,4vw,38px);line-height:1.3}h2{font-size:22px}h3{font-size:20px}p{margin:12px 0}.eyebrow{color:#00716a;font-weight:700}.intro{font-size:19px}.note{font-size:14px;color:#53646b}#roles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}button,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #a9c4c1;border-radius:10px;padding:12px 18px;background:white;color:#17483f}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true],.primary{background:#006b62;color:white}#roles button{text-align:left;padding:22px}#roles strong{display:block;font-size:21px}#roles small{display:block;margin-top:8px}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a864df;outline-offset:3px}.common,#case{background:white;border:1px solid #d4e2e2;padding:24px;border-radius:16px;margin:24px 0}textarea,select{display:block;width:100%;border:1px solid #adc5c5;border-radius:8px;padding:12px;background:white;color:#172d39;margin:10px 0;resize:vertical}label{display:block}#criteria label{display:flex;align-items:flex-start;gap:12px;margin:15px 0}input[type=checkbox]{margin-top:8px;min-width:18px;min-height:18px;accent-color:#006b62}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}output{font-variant-numeric:tabular-nums}#guidance{border-top:1px solid #d4e2e2;margin-top:25px;padding-top:12px}#prompt{white-space:pre-line}footer{font-size:14px}[hidden]{display:none!important}@media(max-width:600px){header,main,footer{padding:18px}#roles{grid-template-columns:1fr}#case{padding:18px}.actions button{flex:1}h1{font-size:28px}}
