.f2vc{--navy:#11233b;--blue:#1165cc;--teal:#00897a;--text:#243246;--muted:#58687a;--line:#d9e4ee;--bg:#f4f8fd;--soft:#edf5fe;--amber:#fff5df;--red:#a12f36}
.f2vc *{box-sizing:border-box}
.f2vc a{color:#1262ae}
.f2vc a:focus-visible,.f2vc button:focus-visible,.f2vc input:focus-visible,.f2vc summary:focus-visible{outline:3px solid #61adee;outline-offset:3px}
.f2vc .main{margin-top:-25px;position:relative}
.f2vc .columns{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:20px;align-items:start}
.f2vc .panel{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 10px 30px #1537520b;min-width:0}
.f2vc .panel h2{margin:0 0 4px;font-size:23px;color:var(--navy)}
.f2vc .sub{color:var(--muted);font-size:13px;margin:0 0 20px}
.f2vc .section-label{grid-column:1/-1;font-size:11px;color:#18629e;text-transform:uppercase;letter-spacing:.09em;font-weight:800;border-top:1px solid var(--line);padding-top:18px;margin-top:21px;margin-bottom:12px}
.f2vc .formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.f2vc .formgrid label{font-size:12px;font-weight:750;display:block;color:#384b62}
.f2vc .formgrid input{width:100%;border:1px solid #cedae7;border-radius:10px;padding:11px 10px;font-weight:650;font-size:15px;margin-top:5px;min-height:43px;outline-offset:1px;color:#184978;background:#fcfeff}
.f2vc .formgrid input:invalid{border-color:#c7858a}
.f2vc .formgrid small{font-size:11px;font-weight:400;color:var(--muted);display:block;line-height:1.3;margin-top:3px}
.f2vc .actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.f2vc .actions button{border:0;background:var(--blue);color:white;padding:10px 15px;border-radius:9px;cursor:pointer;font-weight:750;font-size:13px}
.f2vc .actions .secondary{background:white;color:#14568f;border:1px solid #b9d2ec}
.f2vc .metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.f2vc .metric{border:1px solid var(--line);padding:12px;background:#fbfdff;border-radius:11px;overflow:hidden}
.f2vc .metric .key{display:block;color:#52687d;font-weight:650;font-size:11px;min-height:32px}
.f2vc .metric .value{display:block;overflow-wrap:anywhere;font-weight:820;font-size:clamp(15px,1.8vw,19px);margin-top:3px;color:#21384e;font-variant-numeric:tabular-nums}
.f2vc .metric.focus{background:#e8f5f5;border-color:#95d5d0}
.f2vc .metric.focus .value{color:#006d63}
.f2vc .assessment{margin:17px 0;background:#e4f5ed;padding:12px;border-left:4px solid #00875d;border-radius:5px;font-size:13px}
.f2vc .assessment.warning{background:#fff3e1;border-color:#d4821c}
.f2vc .meterbox{margin:18px 0}
.f2vc .track{height:10px;background:#e0eaf3;overflow:hidden;border-radius:9px}
.f2vc .progress{height:100%;background:linear-gradient(90deg,#009b8e,#1673cf);width:0}
.f2vc .meterlabel{font-size:12px;color:#52657a;margin-top:5px}
.f2vc #error{color:var(--red);font-size:13px;font-weight:700;min-height:18px}
.f2vc .reading{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin:22px 0}
.f2vc .reading article{background:white;border:1px solid var(--line);padding:24px;border-radius:16px;min-width:0}
.f2vc .reading h2{margin:0 0 12px;font-size:23px;color:var(--navy)}
.f2vc .reading h3{margin-bottom:8px;color:#174775;font-size:17px}
.f2vc .reading p,.f2vc .reading li{font-size:14px;color:#36495b}
.f2vc .reading li{margin-bottom:6px}
.f2vc .formula{background:#f0f8ff;border-left:3px solid #226cbe;padding:13px;border-radius:5px;font-weight:600}
.f2vc .note{background:#fff6e5;border:1px solid #ffe0a4;padding:12px;border-radius:9px;font-size:13px}
.f2vc .faq details{border-bottom:1px solid var(--line);padding:11px 0}
.f2vc .faq summary{font-size:14px;font-weight:750;cursor:pointer;color:#183c64}
.f2vc .faq p{margin-bottom:0}
.f2vc .refs a{overflow-wrap:anywhere}
.f2vc table{border-collapse:collapse;width:100%;font-size:13px}
.f2vc th,.f2vc td{padding:8px;border-bottom:1px solid #d7e5ec;text-align:left}
.f2vc th{background:#ebf4ff;color:#194a70}
@media(max-width:900px){.f2vc .columns,.f2vc .reading{grid-template-columns:1fr}
.f2vc .main{margin-top:-20px}}
@media(max-width:530px){.f2vc .panel,.f2vc .reading article{padding:16px}
.f2vc .formgrid{gap:9px}
.f2vc .formgrid input{padding:10px 8px;font-size:16px}
.f2vc .metrics{gap:8px}
.f2vc .metric{padding:10px}
.f2vc .metric .key{min-height:41px}
.f2vc .metric .value{font-size:16px}
.f2vc .actions button{flex:1 1 45%}}
@media print{.f2vc .actions{display:none}
.f2vc .main{margin-top:0}
.f2vc .panel{box-shadow:none}
.f2vc .columns,.f2vc .reading{grid-template-columns:1fr}}
.f2vc .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.f2vc{font-size:15px;line-height:1.6;color:#10233e;margin:0 0 28px}
.f2vc-warn{border:1px solid #e8d2ad;background:#fff8ea;color:#684e20;border-radius:13px;padding:12px 16px;margin:0 0 16px;font-size:14px}
.f2vc input,.f2vc button{font-family:inherit}
.f2vc .field .units,.f2vc .units,.f2vc .help,.f2vc .field .help,.f2vc .results-foot,.f2vc .panelhead p,.f2vc .sectionhint,.f2vc .sub,.f2vc .meterlabel,.f2vc .progresslabel,.f2vc .subtle,.f2vc .muted{color:#4d605b}
@media(max-width:700px){.f2vc .layout,.f2vc .grid,.f2vc .columns{grid-template-columns:1fr}}