/* CarbonPilot visual theme. Presentation only; no workflow or data changes. */
:root{--brand-yellow:#ffdd00;--ink:#171717;--paper:#fff;--surface:#f2f2f2;--muted:#626262;font-family:"Noto Sans TC","Microsoft JhengHei","Segoe UI",sans-serif;color:var(--ink);background:var(--surface);line-height:1.65}
body{background:var(--surface);color:var(--ink)}
header{background:var(--brand-yellow);color:var(--ink);border-bottom:0;padding:22px 32px;gap:18px;min-height:90px}
header a,header strong,.brand,header a.brand:last-child{color:#111;letter-spacing:0;font-weight:800}.brand,header strong,header a.brand:last-child{font-size:clamp(18px,1.7vw,25px)}
header a:not(.brand){color:#171717;font-weight:600}
.shell{max-width:1600px}aside{background:#fff;border-color:#e5e5e5;padding-top:32px}.aside-note{color:var(--muted)}
nav button{color:#454545;background:transparent;border-radius:24px}nav button.active{background:var(--brand-yellow);color:#111;font-weight:700}
main{padding-top:30px}.toolbar{border-color:#ddd;padding-bottom:24px}.toolbar span,.eyebrow,footer{color:var(--muted)}
h1,h2,h3,h4{color:var(--ink);letter-spacing:0}h1{font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1.4}h2{font-size:28px}.lead{color:#505050;line-height:1.8}
.hero{background:var(--brand-yellow);border-radius:32px;padding:32px 36px;margin-bottom:28px}.hero .eyebrow,.hero .lead,.hero .muted{color:#292929}.hero h1{margin-top:10px}
button,.technology-primary{background:#ffdd00;color:#252000;border-radius:30px;padding:12px 22px;font-weight:700;transition:background .15s ease}
button:hover,.technology-primary:hover{background:#fff0a3;color:#252000;filter:none}.quiet,.secondary{background:#fff;color:#252525;border:1px solid #c9c9c9}.quiet:hover,.secondary:hover{background:#fff5c4;color:#252000}
nav button:hover,nav button:focus-visible{background:#fff0a3;color:#252000}nav button.active,nav button.active:hover{background:#ffdd00;color:#252000}
button:active,.technology-primary:active{background:#ffe66b;color:#252000}.hero button{background:#fff;color:#252000}.hero button:hover{background:#fff5c4;color:#252000}
.method-stepper button:not(:disabled):hover{background:#fff0a3;color:#252000}.method-stepper button[aria-current=step]:hover{background:#ffdd00;color:#252000}
select{color-scheme:light}option{background:#fff;color:#252525}::selection{background:#fff0a3;color:#252000}
button:disabled{background:#e3e3e3;color:#6a6a6a;opacity:1}.card,section{background:#fff;border-color:#e1e1e1;border-radius:20px}.card{box-shadow:0 4px 16px #00000004}.card p{color:#535353}.card.selected{border-color:#c09e00}
label{color:#3f3f3f}input,select,textarea{color:#222;border-color:#bbb;border-radius:10px;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #937900;outline-offset:2px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #937900;outline-offset:3px}
a,summary{color:#795000}a:hover{color:#3d2b00}.muted,small,td small,nav span{color:var(--muted)}
th{background:#ededed;color:#333}td,th{border-color:#e4e4e4}.badge,.pill{background:#fff3aa;color:#493d00;border-radius:20px}.notice{background:#fff8cf;border-left-color:#b18b00;color:#554400}
#notice{background:#fff3aa;color:#3f3500}#notice.error,.danger,.field-error,#error,#issues{color:#a82d24}#notice.error{background:#ffe7e2}
.metric strong,.technology-kpis strong{color:#111;font-weight:800}.technology-kpis span,.technology-kpis strong small,.technology-disclaimer{color:#626262!important}.technology-warning{color:#795000!important}.technology-reference h3{color:#111}.technology-detail{border-color:#ddd}
details{border-color:#ddd;border-radius:14px}pre,.formula-line{background:#f5f5f5;color:#333}.method-stepper{background:#f2f2f2;border-color:#ddd}.method-stepper button{background:#e5e5e5;color:#484848}.method-stepper button[aria-current=step]{background:var(--brand-yellow);color:#111}.method-stepper button:disabled{color:#707070;background:#e9e9e9}
.method-imported>div{background:#f4f4f4;border-radius:14px}.method-progress{background:#fff7c2;border-radius:16px}progress,input[type=checkbox]{accent-color:#766000}
@media(max-width:800px){header{padding:18px 20px;gap:12px}main{padding:22px 18px}.hero{padding:24px;border-radius:24px}aside{border-radius:0 0 24px 24px}h2{font-size:24px}.method-stepper button{padding:10px 8px}}
@media print{body,:root{background:white}.hero{background:white}.card{box-shadow:none}}
