#content.wh-page{color:#526a7c;min-width:0}
#content.wh-page h1{font-size:1.65rem;line-height:1.5;color:#111827;word-break:keep-all;margin:.55rem 0 1rem;letter-spacing:0}
#content.wh-page h2{font-size:1.25rem;line-height:1.5;color:#10263a;margin:0 0 .7rem;letter-spacing:0}
#content.wh-page h3{font-size:1.05rem;color:#10263a;margin:1.25rem 0 .7rem}
#content.wh-page p{font-size:1rem;line-height:1.8;margin:0 0 1rem;word-break:normal;overflow-wrap:anywhere}
#content.wh-page .wh-heading>p:not(.wh-kicker){color:#526a7c;font-size:1rem;line-height:1.8}
#content.wh-page .wh-kicker{font-size:.85rem;font-weight:700;color:#08776b;margin:1.2rem 0 0}
.wh-breadcrumb{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.8rem}
#content.wh-page a{color:#08776b;text-decoration:underline;text-underline-offset:3px}
.wh-tool{margin:1.7rem 0;padding:1.4rem 0;border-top:1px solid #d8e3ea;border-bottom:1px solid #d8e3ea;min-width:0}
#content.wh-page .wh-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 1.3rem}
#content.wh-page button{border-radius:6px;min-height:44px;padding:.6rem .8rem;font-size:.9rem;line-height:1.45;letter-spacing:0;font-weight:700;background:#08776b;color:#fff;border:1px solid #08776b;box-shadow:none;white-space:normal;height:auto}
#content.wh-page button:hover{background:#065e55}
#content.wh-page button.wh-secondary,#content.wh-page [role=tab]{background:#fff;color:#334c5e;border-color:#cad9e3}
#content.wh-page button.wh-secondary:hover,#content.wh-page [role=tab]:hover{background:#f0f6f6;color:#065e55}
#content.wh-page [role=tab][aria-selected=true]{background:#e7f4f1;color:#076b61;border-color:#08776b}
#content.wh-page :is(button,input,select,summary,a):focus-visible{outline:3px solid #08776b;outline-offset:3px}
#content.wh-page [hidden]{display:none!important}
.wh-ion-grid,.wh-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.wh-select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
#content.wh-page fieldset{min-width:0;padding:0;border:0;margin:0}
#content.wh-page legend{font-size:1.05rem;font-weight:700;color:#10263a;padding:0;margin:0 0 .7rem}
#content.wh-page label{font-size:.9rem;font-weight:600;display:block;color:#334c5e;margin:0 0 .4rem}
#content.wh-page label span{color:#607889;font-weight:400}
#content.wh-page input[type=text],#content.wh-page select{width:100%;min-width:0;max-width:100%;height:46px;line-height:1.3;box-sizing:border-box;font-size:1rem;color:#142c3e;border:1px solid #cbd8e2;border-radius:6px;background:#fff;padding:.6rem .65rem;box-shadow:none}
#content.wh-page select{padding-right:1.6rem}
.wh-field-error{display:block;color:#b3261e;font-size:.8rem;line-height:1.5;margin:.25rem 0 .55rem;overflow-wrap:anywhere}
#content.wh-page [aria-invalid=true]{border-color:#b3261e}
#content.wh-page .wh-hint{font-size:.85rem;color:#607889}
#content.wh-page .wh-note{font-size:.9rem;padding:.65rem .8rem;background:#f0f7f6;border-left:3px solid #08776b;color:#334c5e}
#content.wh-page .wh-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}
#content.wh-page .wh-actions>button{width:auto;flex:0 0 auto}
#wh-error{color:#b3261e}
#wh-result{margin-top:1.5rem}
#content.wh-page .wh-result-banner{background:#08776b;color:#fff;padding:1.25rem;display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-start;gap:.25rem;border-radius:6px;margin-bottom:1rem}
#content.wh-page .wh-result-banner h2{color:#fff;margin:.4rem 0 0;font-size:1rem}
#content.wh-page #wh-total{color:#fff;font-size:2.15rem;line-height:1.35;overflow-wrap:anywhere;max-width:100%;font-weight:800}
#wh-result-context{font-size:.85rem;color:#def2ef}
#wh-class{font-size:1rem;background:#fff;color:#086256;padding:.3rem .6rem;border-radius:4px;margin-top:.65rem}
.wh-figure{margin:1rem 0 1.4rem;max-width:100%}
#wh-gauge{width:100%;height:140px;display:block}
.wh-figure figcaption{font-size:.8rem;text-align:center}
.wh-contribution{margin:.8rem 0}
.wh-contribution>span{display:block;font-size:.9rem;margin-bottom:.4rem}
.wh-contribution>div{height:12px;background:#edf2f6;overflow:hidden;border-radius:3px}
.wh-contribution i{display:block;height:100%;background:#147d6d}
.wh-magnesium i{background:#bf6d26}
.wh-conversions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0 0 1rem}
.wh-conversions>div{border:1px solid #d8e3ea;padding:.65rem .8rem;border-radius:6px;min-width:0}
.wh-conversions dt{font-size:.8rem;color:#526a7c;line-height:1.5;overflow-wrap:anywhere}
.wh-conversions dd{margin:.3rem 0 0;font-size:1.05rem;font-weight:700;color:#142c3e;overflow-wrap:anywhere}
#content.wh-page details{border:1px solid #d8e3ea;padding:.7rem .8rem;border-radius:6px;margin-bottom:.65rem}
#content.wh-page summary{font-size:1rem;font-weight:600;cursor:pointer;color:#334c5e;line-height:1.6}
#content.wh-page details p{font-size:.95rem;margin:.7rem 0 0}
.wh-safety{margin:1.4rem 0 0!important;border-left:3px solid #bd8534;background:#fff9ed;padding:.7rem .8rem;color:#5c4c32;font-size:.9rem!important}
.wh-section{margin:2rem 0;padding-top:1.4rem;border-top:1px solid #d8e3ea}
#content.wh-page .wh-guide h2:not(:first-child){margin-top:1.7rem}
.wh-table-wrap{overflow-x:auto;max-width:100%;margin:1rem 0}
#content.wh-page table{width:100%;margin:0;font-size:.95rem;color:#334c5e}
#content.wh-page table th,#content.wh-page table td{padding:.6rem .7rem;line-height:1.6}
#content.wh-page caption{font-size:.85rem;text-align:left;margin-bottom:.5rem}
.wh-sources{font-size:.9rem;line-height:1.8;padding-left:1.2rem}
.wh-related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
#content.wh-page .wh-related a{border:1px solid #d8e3ea;border-radius:6px;padding:.8rem;color:#334c5e;text-decoration:none;font-size:.95rem;min-width:0}
@media(max-width:600px){#content.wh-page h1{font-size:1.35rem}.wh-ion-grid,.wh-input-grid{grid-template-columns:1fr}.wh-ion-grid{gap:1.3rem}#content.wh-page [role=tab]{font-size:.8rem;padding:.6rem .25rem}.wh-conversions>div{padding:.6rem}.wh-conversions dd{font-size:.95rem}#content.wh-page #wh-total{font-size:1.85rem}.wh-related>div{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.wh-page *{animation:none!important;transition:none!important}}