*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#FAF8F3;font-family:'IBM Plex Sans',system-ui,sans-serif;color:#14213D;line-height:1.6;font-size:1rem}
img{max-width:100%}
a{color:#14213D}a:hover{color:#8A6420}
table{border-collapse:collapse;width:100%;min-width:640px;background:#FFFFFF}
th,td{text-align:left;vertical-align:top;padding:12px 16px;border-bottom:1px solid #E4DED0}
th{background:#14213D;color:#FFFFFF;font-weight:600;font-size:0.875rem}
[hidden]{display:none !important}

.calc{padding:56px 24px 80px}
.wrap{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.calc-grid{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.panel{flex:3 1 440px;min-width:0;background:#FFFFFF;border:1px solid #E4DED0;padding:28px;display:flex;flex-direction:column;gap:18px}
.panel-title{margin:0;font-family:'Libre Caslon Text',Georgia,serif;font-size:1.5rem;font-weight:400}
.side{flex:2 1 320px;min-width:0;display:flex;flex-direction:column;gap:16px}
.result{background:#14213D;color:#FFFFFF;padding:28px;display:flex;flex-direction:column;gap:10px}
.eyebrow{font-size:0.8125rem;letter-spacing:0.14em;text-transform:uppercase;color:#D4A853}
.big{font-family:'Libre Caslon Text',Georgia,serif;font-size:2.25rem;font-weight:700;line-height:1.15}
.result .row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #33446B}
.result .row:last-child{border-bottom:0}
.result .row span:first-child{color:#C9D0DC}
.card{background:#FFFFFF;border:1px solid #E4DED0;padding:24px;display:flex;flex-direction:column;gap:10px}
.card .big{font-size:1.875rem}
.lines{display:flex;flex-direction:column;font-size:0.9375rem}
.lines .row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #E4DED0}
.lines .row.sub{color:#4A5468;border-bottom-color:#F0EBDF}
.muted{color:#5A6478;font-size:0.875rem}
.fields{display:flex;flex-wrap:wrap;gap:16px}
.field{display:flex;flex-direction:column;gap:6px;font-size:0.875rem;font-weight:500;flex:none;min-width:0}
.fields .field{flex:1 1 200px}
.field input,.field select,.field textarea{min-height:44px;border:1px solid #B9B2A2;background:#FFFFFF;padding:0 12px;font:inherit;font-size:1rem;color:#14213D;width:100%}
.field textarea{padding:10px 12px;resize:vertical}
.field small{font-weight:400;color:#5A6478;font-size:0.8125rem}
.check{display:flex;align-items:flex-start;gap:12px;font-size:0.9375rem;padding:10px 0;cursor:pointer}
.check input{width:20px;height:20px;flex:none;margin:2px 0 0}
.flags .check{border-bottom:1px solid #F0EBDF}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{min-height:44px;min-width:64px;padding:0 16px;border:1px solid #B9B2A2;background:#FFFFFF;color:#14213D;font:inherit;font-weight:500;cursor:pointer}
.pill[aria-pressed="true"],.pill[aria-selected="true"]{background:#14213D;border-color:#14213D;color:#FFFFFF;font-weight:600}
.note{margin:0;padding:14px;background:#1D2C4F;color:#E6E9EF;font-size:0.9375rem}
.verdict{padding:16px 18px;background:#14213D;color:#FFFFFF;font-weight:600}
.info{background:#F1EADA;padding:24px 28px;display:flex;flex-direction:column;gap:8px}
.info h2{margin:0;font-size:1.0625rem}
.info ul{margin:0;padding-left:20px;color:#4A5468}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;background:#D4A853;color:#14213D;text-decoration:none;font-weight:600;border:0;font:inherit;cursor:pointer}
.btn-dark{background:#14213D;color:#FFFFFF}
.form-msg{margin:0;font-size:0.9375rem;color:#2F6B3A}
