.tool-status{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eef2f7;color:#607087;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.tool-status.live{background:#e5f8ed;color:#197345}
.pot-main{min-height:calc(100vh - 160px);padding:56px clamp(18px,4vw,70px) 84px;background:linear-gradient(180deg,#f7faff 0%,#edf3fa 100%)}
.pot-wrap{max-width:1100px;margin:0 auto}.pot-breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:24px;color:#66758d;font-size:14px}.pot-breadcrumb a{color:#1769d2;text-decoration:none;font-weight:800}
.pot-intro{text-align:center;max-width:800px;margin:0 auto 34px}.pot-intro h1{margin:14px 0 12px;color:#111d32;font-size:clamp(36px,5vw,58px);line-height:1.03;letter-spacing:-.04em}.pot-intro p{margin:0;color:#62718a;font-size:18px;line-height:1.65}
.pot-app{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:24px;align-items:start}.pot-panel,.pot-results,.pot-info{border:1px solid #d7e1ee;border-radius:22px;background:#fff;box-shadow:0 15px 38px rgba(30,55,90,.07)}.pot-panel,.pot-results{padding:28px}.pot-results{position:sticky;top:88px;min-width:0;overflow:hidden}
.pot-panel h2{margin:0;color:#16243b;font-size:24px}.panel-intro{margin:7px 0 24px;color:#6d7b91;line-height:1.55}.field-grid{display:grid;gap:17px}.pot-field{display:block}.pot-field>span{display:flex;align-items:center;gap:8px;color:#17243a;font-weight:900;font-size:15px}.pot-field em{padding:3px 7px;border-radius:999px;background:#eef2f7;color:#687890;font-style:normal;font-size:10px;text-transform:uppercase}.pot-field small{display:block;margin:5px 0 8px;color:#78869a;line-height:1.45}.pot-field input{width:100%;box-sizing:border-box;padding:14px 15px;border:1px solid #bccadd;border-radius:11px;background:#fbfdff;color:#16243b;font:800 17px/1.2 system-ui;outline:0}.pot-field input:focus{border-color:#1769d2;box-shadow:0 0 0 3px rgba(23,105,210,.12);background:#fff}.percent-input{position:relative}.percent-input input{padding-right:42px}.percent-input span{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#65758d;font-weight:900}
.quick-examples{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid #e4eaf2}.quick-examples>span{color:#687890;font-size:12px;font-weight:900;text-transform:uppercase}.quick-examples button{padding:7px 10px;border:1px solid #cbd7e5;border-radius:999px;background:#f7faff;color:#28527f;font-weight:800;cursor:pointer}.quick-examples button:hover{border-color:#1769d2;background:#edf6ff}
.pot-actions{display:flex;gap:10px;margin-top:20px}.pot-actions .button{flex:1}.pot-error{display:none;margin-top:15px;padding:12px 14px;border-radius:10px;background:#fff0f1;color:#a82334;font-weight:750}.pot-error.show{display:block}
.result-empty{text-align:center;padding:62px 12px;color:#718096;line-height:1.55}.result-empty strong{display:block;color:#1b2940;font-size:21px;margin-bottom:8px}.result-grid{display:none}.result-grid.show{display:block}.main-result{padding:22px;border:1px solid #8abcf4;border-radius:17px;background:#f1f7ff;text-align:center}.main-result span{color:#526985;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.main-result strong{display:block;margin:6px 0 7px;color:#1769d2;font-size:clamp(38px,5vw,54px);line-height:1}.main-result p{margin:0;color:#5d708b;font-size:13px;line-height:1.45}.result-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.result-card{padding:14px 8px;border:1px solid #dce5ef;border-radius:13px;background:#f8fafc;text-align:center;min-width:0}.result-card span,.result-card small{display:block;color:#78869a;font-size:10px;font-weight:800;text-transform:uppercase;line-height:1.35}.result-card strong{display:block;margin:6px 0 2px;color:#17243a;font-size:18px;overflow-wrap:anywhere}.decision-box{margin-top:14px;padding:17px;border-radius:14px;border:1px solid #cbd8e7;background:#f7faff}.decision-box.positive{border-color:#8bd0aa;background:#effaf4}.decision-box.negative{border-color:#efb3ba;background:#fff4f5}.decision-box span{display:inline-flex;padding:4px 8px;border-radius:999px;background:#e6edf6;color:#52677f;font-size:10px;font-weight:900;text-transform:uppercase}.decision-box.positive span{background:#d8f3e4;color:#17693d}.decision-box.negative span{background:#fde1e4;color:#9b2533}.decision-box strong{display:block;margin:9px 0 5px;color:#17243a;font-size:19px}.decision-box p{margin:0;color:#63748a;line-height:1.5}.plain-explanation{margin:15px 1px 0;color:#617087;line-height:1.6;font-size:14px}
.pot-info{max-width:1100px;margin:26px auto 0;padding:30px}.pot-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.pot-info h2,.pot-info h3{margin:0 0 9px;color:#16243b}.pot-info p{margin:0;color:#66758d;line-height:1.65}.worked-example,.pot-related{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:25px;padding-top:24px;border-top:1px solid #e1e7ef}.worked-example a,.pot-related a{color:#1769d2;text-decoration:none;font-weight:850;white-space:nowrap}
@media(max-width:850px){.pot-app{grid-template-columns:1fr}.pot-results{position:static}.pot-info-grid{grid-template-columns:1fr}.result-empty{padding:30px 10px}}
@media(max-width:650px){.site-header{flex-wrap:wrap}.pot-main{padding-top:34px}.pot-panel,.pot-results{padding:20px}.result-cards{grid-template-columns:1fr}.pot-actions{flex-direction:column}.worked-example,.pot-related{align-items:flex-start;flex-direction:column}.worked-example a,.pot-related a{white-space:normal}}