:root{--blue:#176ff2;--navy:#092650;--text:#13233e;--muted:#63758e;--line:#d5e2f1;--green:#148542;--amber:#a86600;--red:#c83038}*{box-sizing:border-box}a{color:inherit}button, input, select{font:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:100}.actions{display:flex;gap:10px}.tags{display:flex;flex-wrap:wrap;gap:9px}.tags span{border:1px solid #ffffff55;border-radius:999px;padding:8px 13px}.workspace{max-width:var(--nel-content-max, 1400px);margin:auto;padding:24px 4vw;display:grid;grid-template-columns:minmax(340px,.85fr) minmax(540px,1.15fr);gap:20px}.intro{color:var(--muted);line-height:1.6}.preset{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px;background:#edf5ff;padding:13px;border-radius:12px;margin:18px 0}.preset label, .field label{font-weight:800}.preset select, .field input, .field select{width:100%;padding:12px;border:1px solid #c7d7e9;border-radius:10px;background:#fff}.form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field label{display:block;margin-bottom:7px;font-size:14px}.calculate{width:100%;min-height:50px;margin-top:18px;border:0;border-radius:12px;background:var(--blue);color:#fff;font-weight:900}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}fieldset{min-width:0;margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:14px}legend{padding:0 8px;color:#0d509d;font-weight:900}.module-grid .form{grid-template-columns:1fr 1fr}.headline{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px;background:#edf6ff;border:1px solid #b8d5fb;border-radius:16px}.headline small{color:var(--muted)}.headline strong{display:block;color:var(--blue);font-size:clamp(38px,5vw,58px)}.status{padding:11px 15px;border-radius:999px;font-weight:900;white-space:nowrap}.status.pass{color:var(--green);background:#e9f8ee}.status.warning{color:var(--amber);background:#fff3dc}.status.fail{color:var(--red);background:#ffebed}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.metric{border:1px solid var(--line);border-radius:13px;padding:14px}.metric small{color:var(--muted);display:block;margin-bottom:6px}.metric strong{font-size:20px;color:#0d509d;overflow-wrap:anywhere}.progress{height:13px;background:#e5edf6;border-radius:999px;overflow:hidden;margin:16px 0}.progress span{height:100%;display:block;background:linear-gradient(90deg,#18b8d2,var(--blue))}.advice{min-height:52px;padding:14px;border-radius:12px;background:#fff8e7;color:#77521b;line-height:1.6}.result-actions{display:flex;gap:10px;margin-top:13px}.result-actions button{flex:1;padding:12px;border:1px solid #c7d8ec;border-radius:10px;background:#fff;color:#155fc8;font-weight:800}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.check-list article{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px}.check-list article>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;font-weight:900}.check-list .pass>span{background:#e9f8ee;color:var(--green)}.check-list .fail>span{background:#ffebed;color:var(--red)}.check-list strong, .check-list small{display:block}.check-list small{margin-top:3px;color:var(--muted);overflow-wrap:anywhere}.content{max-width:var(--nel-content-max, 1400px);margin:0 auto 28px;padding:26px 4vw}.content h2{font-size:30px}.content p, .content li{color:#52677f;line-height:1.8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid article, .faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.grid h3{margin-top:0}.faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq summary{font-weight:850;cursor:pointer}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related a{text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;color:#1760c7;font-weight:800}
@media (max-width:1100px){.workspace{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.workspace{padding:12px}.preset, .form, .module-grid, .module-grid .form{grid-template-columns:1fr}.headline{display:block;padding:17px}.headline strong{font-size:34px}.status{display:inline-block;margin-top:12px}.metrics, .check-list{grid-template-columns:1fr}.metric{padding:11px}.metric strong{font-size:16px}.content{padding:23px 14px}.grid, .faq, .related{grid-template-columns:1fr}}
/* V1.9.5-05: unified vertical calculator layout */

/* V1.9.9-01: keep the full site navigation visible on desktop. */
@media (min-width: 1101px){}