.kit-calc-page { background:#F5F0FC; min-height:100vh; color:#1a0a30; }
.kit-calc-page * { box-sizing:border-box; }
.kit-calc-wrap { max-width:1180px; margin:0 auto; padding:0 20px; }
.kit-calc-hero { background:linear-gradient(180deg,#1F0046 0%, #2A0B61 100%); color:#fff; padding:42px 20px 64px; }
.kit-calc-hero .eyebrow { display:inline-block; background:rgba(123,47,190,.25); color:#E6D5FF; padding:5px 12px; border-radius:999px; font-size:.78rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
.kit-calc-hero h1 { font-size:clamp(1.7rem,3.5vw,2.6rem); font-weight:800; line-height:1.15; margin:6px 0 12px; letter-spacing:-.02em; }
.kit-calc-hero h1 .accent { background:linear-gradient(90deg,#27E19D,#6BFFB0); -webkit-background-clip:text; background-clip:text; color:transparent; }
.kit-calc-hero p { font-size:1rem; color:rgba(255,255,255,.82); max-width:680px; line-height:1.55; margin:0; }

.kit-calc-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:-30px; position:relative; z-index:2; padding-bottom:30px; }
@media (max-width:820px) { .kit-calc-grid { grid-template-columns:1fr; } }
@media print {
  .kit-header, .kit-backnav, .kit-cta-mp, .kit-share-bar, .kit-calc-actions-noprint,
  .kit-calc-hero-sub { display:none !important; }
  .kit-calc-page { background:#fff !important; }
  .kit-calc-hero { background:#1F0046 !important; -webkit-print-color-adjust:exact; color-adjust:exact; padding:20px !important; }
  .kit-calc-panel { border:1px solid #ccc !important; box-shadow:none !important; page-break-inside:avoid; }
  body { font-size:11pt; }
}

.kit-calc-panel { background:#fff; border:1px solid #EDE5F8; border-radius:16px; padding:24px; }
.kit-calc-panel h2 { font-size:1rem; font-weight:700; margin:0 0 16px; color:#1a0a30; }

.kit-calc-row { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.kit-calc-field { flex:1; min-width:140px; }
.kit-calc-field label { display:block; font-size:.78rem; color:#5b3d8a; font-weight:600; margin-bottom:4px; text-transform:uppercase; letter-spacing:.03em; }
.kit-calc-field input, .kit-calc-field select { width:100%; padding:11px 14px; border:1.5px solid #EDE5F8; border-radius:10px; font-size:.94rem; outline:none; background:#fff; }
.kit-calc-field input:focus, .kit-calc-field select:focus { border-color:#7B2FBE; }
.kit-calc-field-hint { font-size:.74rem; color:var(--text-3); margin-top:3px; }

.kit-calc-results { background:linear-gradient(180deg,#F5F0FC 0%, #EDE5F8 100%); border-radius:14px; padding:20px; margin-top:8px; }
.kit-calc-result { display:flex; justify-content:space-between; align-items:baseline; padding:10px 0; border-bottom:1px dashed rgba(123,47,190,.18); }
.kit-calc-result:last-child { border-bottom:none; }
.kit-calc-result-label { color:#5b3d8a; font-size:.86rem; font-weight:600; }
.kit-calc-result-value { font-size:1.25rem; font-weight:800; color:#1a0a30; font-variant-numeric:tabular-nums; }
.kit-calc-result-value.big { font-size:1.6rem; color:var(--teal); }
.kit-calc-result-value.danger { color:var(--error); }
.kit-calc-result small { font-size:.7rem; color:var(--text-3); font-weight:600; margin-left:5px; }

.kit-calc-compare { background:#fff; border:1px solid #EDE5F8; border-radius:14px; padding:18px; margin-top:18px; }
.kit-calc-compare-bar { position:relative; height:36px; background:#F5F0FC; border-radius:8px; margin-top:14px; overflow:hidden; }
.kit-calc-compare-min, .kit-calc-compare-max { position:absolute; top:50%; transform:translateY(-50%); font-size:.74rem; color:var(--text-3); font-weight:600; padding:0 10px; }
.kit-calc-compare-min { left:0; }
.kit-calc-compare-max { right:0; }
.kit-calc-compare-marker { position:absolute; top:0; bottom:0; width:3px; background:#7B2FBE; box-shadow:0 0 0 4px rgba(123,47,190,.15); border-radius:2px; transition:left .25s; }
.kit-calc-compare-avg { position:absolute; top:0; bottom:0; width:2px; background:#27E19D; opacity:.8; }
.kit-calc-compare-tooltip { position:absolute; top:-30px; transform:translateX(-50%); background:#1F0046; color:#fff; padding:3px 8px; border-radius:6px; font-size:.74rem; font-weight:700; white-space:nowrap; transition:left .25s; pointer-events:none; }
.kit-calc-compare-msg { margin-top:14px; padding:10px 14px; border-radius:10px; font-size:.88rem; font-weight:500; line-height:1.5; }
.kit-calc-compare-msg.above   { background:#FFF6DA; color:var(--warn); }
.kit-calc-compare-msg.below   { background:#E6F9F0; color:var(--teal); }
.kit-calc-compare-msg.matched { background:#F0EAF8; color:#3d1f6e; }
.kit-calc-compare-msg.empty   { background:#F5F0FC; color:var(--text-3); }
.kit-calc-compare strong { font-weight:700; }
