/* KB021: all styles are scoped. No external fonts, tracking or global overrides. */
.kb021{--kb021-bg:#fff;--kb021-panel:#f1f5fa;--kb021-ink:#172a43;--kb021-muted:#42556e;--kb021-blue:#193e82;--kb021-line:#71839b;--kb021-warn:#fff2df;--kb021-warnink:#6a3209;--kb021-focus:#9b4300;background:var(--kb021-bg);color:var(--kb021-ink);max-width:1120px;margin:40px auto;padding:clamp(16px,3vw,32px);border:1px solid var(--kb021-line);border-radius:20px;font:400 16px/1.8 system-ui,-apple-system,"Segoe UI","Noto Sans TC",sans-serif;overflow-wrap:anywhere;scroll-margin-top:100px}
.kb021 *{box-sizing:border-box}.kb021 [hidden]{display:none!important}.kb021 h2,.kb021 h3,.kb021 p,.kb021 figure{margin:0}.kb021 h2,.kb021 h3{color:var(--kb021-blue);text-wrap:balance}.kb021 h2{font-size:clamp(24px,3vw,34px);line-height:1.45;margin-bottom:12px}.kb021 h3{font-size:clamp(20px,2.4vw,25px);line-height:1.5}.kb021 p+p{margin-top:10px}.kb021 .kb021-eyebrow{color:var(--kb021-blue);font-weight:750;font-size:14px;letter-spacing:.09em;margin-bottom:8px}.kb021-header>p:last-child{max-width:67ch}.kb021 .kb021-warning{margin:24px 0;padding:18px 20px;border-left:5px solid var(--kb021-focus);border-radius:8px;background:var(--kb021-warn);color:var(--kb021-warnink)}.kb021-warning strong{display:block;font-size:18px;margin-bottom:6px}.kb021-fieldset{border:0;border-top:1px solid var(--kb021-line);min-width:0;padding:18px 0 0;margin:26px 0}.kb021 legend{max-width:100%;font-weight:750;padding:0 10px 0 0;font-size:18px}.kb021 legend span{display:block;font-weight:400;font-size:14px;color:var(--kb021-muted)}.kb021-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kb021-options label,.kb021-layer-picker label{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 14px;border:1px solid var(--kb021-line);border-radius:10px;background:var(--kb021-bg);cursor:pointer}.kb021 input[type=checkbox],.kb021 input[type=radio]{margin:0;width:22px;height:22px;min-width:22px;accent-color:var(--kb021-blue)}.kb021-options label:has(input:checked),.kb021-layer-picker label:has(input:checked){border-color:var(--kb021-blue);background:var(--kb021-panel);box-shadow:inset 0 0 0 1px var(--kb021-blue)}.kb021-action-row{display:flex;flex-wrap:wrap;gap:12px}.kb021 button{font:700 16px/1.5 inherit;font-family:inherit;font-size:16px;line-height:1.5;min-height:48px;padding:12px 20px;background:var(--kb021-blue);color:#fff;border:2px solid var(--kb021-blue);border-radius:10px;max-width:100%;white-space:normal;cursor:pointer}.kb021 button.kb021-secondary{color:var(--kb021-blue);background:var(--kb021-bg)}.kb021 :is(button,input,summary):focus-visible,.kb021 .kb021-results:focus-visible{outline:3px solid var(--kb021-focus);outline-offset:4px}.kb021-results{margin-top:24px;padding:22px;background:var(--kb021-panel);border:1px solid var(--kb021-line);border-radius:12px;scroll-margin-top:110px}.kb021-results h3{font-size:20px;margin-bottom:8px}.kb021-result-item{margin-top:18px;padding-top:16px;border-top:1px solid var(--kb021-line)}.kb021-result-item h4{font-size:17px;color:var(--kb021-blue);margin:0 0 5px}.kb021-result-item p{margin:0}.kb021-results[data-kb021-risk=true]{border:2px solid var(--kb021-focus);background:var(--kb021-warn);color:var(--kb021-warnink)}.kb021-results[data-kb021-risk=true] :is(h3,h4){color:var(--kb021-warnink)}.kb021-layers{margin-top:40px;padding-top:30px;border-top:1px solid var(--kb021-line)}.kb021-section-head>p:last-child{margin-top:12px}.kb021-layer-picker{border:0;margin:20px 0;padding:0;min-width:0}.kb021-layer-picker legend{margin-bottom:10px;font-size:16px}.kb021-layer-picker>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kb021-layer-picker label{padding:10px;gap:8px;font-weight:650}.kb021 .kb021-figure{margin:20px 0 0;overflow:hidden;border:1px solid var(--kb021-line);border-radius:14px;background:var(--kb021-panel)}.kb021-figure img{display:block;width:100%;height:auto;background:#f4f7fb;max-width:800px;margin:auto}.kb021-figure figcaption{padding:20px 24px}.kb021-figure figcaption strong{color:var(--kb021-blue);font-size:19px}.kb021-figure figcaption p{margin-top:8px}.kb021 .kb021-note{font-size:14px;color:var(--kb021-muted);margin-top:14px}.kb021 :is(.kb021-calculator,.kb021-recall){margin-top:26px;border:1px solid var(--kb021-line);border-radius:12px;padding:0 20px;background:var(--kb021-panel)}.kb021 summary{min-height:48px;padding:14px 0;cursor:pointer;font-weight:750;color:var(--kb021-blue)}.kb021 details[open]{padding-bottom:18px}.kb021-calc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.kb021-calc-grid label{font-weight:650;min-width:0}.kb021 input[type=number]{display:block;width:100%;min-width:0;min-height:48px;margin-top:6px;padding:10px;border:1px solid var(--kb021-line);border-radius:7px;background:var(--kb021-bg);color:var(--kb021-ink);font:inherit}.kb021 input::placeholder{color:var(--kb021-muted);opacity:1}.kb021 input[aria-invalid=true]{outline:2px solid var(--kb021-focus);outline-offset:1px}.kb021 .kb021-calc-result{margin-top:18px;font-weight:700}.kb021 .kb021-formula{font-size:15px;margin-top:14px}
@media(max-width:620px){.kb021-options,.kb021-calc-grid{grid-template-columns:1fr}.kb021-layer-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.kb021 .kb021-warning,.kb021-results{padding:16px}.kb021-figure figcaption{padding:16px}.kb021 :is(.kb021-calculator,.kb021-recall){padding-left:14px;padding-right:14px}.kb021 button{flex:1 1 auto}}
@media(prefers-color-scheme:dark){.kb021{--kb021-bg:#101e33;--kb021-panel:#1b2c45;--kb021-ink:#f1f5fa;--kb021-muted:#bccce0;--kb021-blue:#b9d2ff;--kb021-line:#8196b0;--kb021-warn:#352a1d;--kb021-warnink:#ffe0b6;--kb021-focus:#ffb571;color-scheme:dark}.kb021 button{color:#101e33}.kb021 button.kb021-secondary{color:var(--kb021-blue)}}
@media(prefers-reduced-motion:reduce){.kb021 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.kb021{border:1px solid #555;padding:16px;color:#172a43;background:#fff;break-inside:auto}.kb021 .kb021-action-row,.kb021-layer-picker{display:none}.kb021 [data-kb021-layer][hidden]{display:block!important}.kb021-figure{break-inside:avoid}}
.kb021 button{font-weight:700}.kb021 #kb021-summary-area{margin-top:22px;border-top:1px solid var(--kb021-line);padding-top:18px}.kb021 #kb021-summary-area label{display:block;font-weight:700}.kb021 #kb021-summary{display:block;width:100%;max-width:100%;min-height:160px;resize:vertical;border:1px solid var(--kb021-line);border-radius:8px;padding:12px;margin:8px 0 12px;background:var(--kb021-bg);color:var(--kb021-ink);font:inherit}.kb021 #kb021-copy-status{font-size:14px;margin-top:10px}.kb021 textarea:focus-visible{outline:3px solid var(--kb021-focus);outline-offset:4px}