/* ============================================================
   WellCore360 — Calculator skin
   Scoped under .wc-calc so the calculator's own class names
   (.btn, .card, .line, .grid, etc.) never collide with the site.
   Logic and element IDs are untouched; this is presentation only.
   ============================================================ */
.wc-calc{
  --navy:#1A1A2E; --navy-2:#232340; --orange:#ED8001; --orange-dark:#d47401;
  --ink:#1A1A2E; --muted:#4c4c60; --line:#E8E4DA; --card:#fff;
  --good:#1f8a5b; --good-bg:#e9f7f0; --flag-bg:#fff7ed; --flag-line:#f6b26b; --flag-ink:#8a4b12;
  color:var(--ink); font-family:var(--font-body); line-height:1.55;
}
.wc-calc *{margin:0;padding:0;box-sizing:border-box}
.wc-calc .calc-wrap{max-width:none;margin:0}
.wc-calc .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}

/* Head */
.wc-calc .head{background:var(--navy);color:#fff;padding:26px 30px 0}
.wc-calc .calc-title{font-family:var(--font-display);color:#fff;font-weight:800;font-size:1.5rem;letter-spacing:-.01em;margin-bottom:6px}
.wc-calc .tagline{color:#c4d1e4;font-size:.95rem;margin:0 0 18px}
.wc-calc .pillars{display:flex;height:5px;border-radius:4px;overflow:hidden}
.wc-calc .pillars span{flex:1}
.wc-calc .pillars .p1{background:#6D4C8E}
.wc-calc .pillars .p2{background:#0D7377}
.wc-calc .pillars .p3{background:var(--orange)}
.wc-calc .pillars .p4{background:#4C7FBF}

/* Tabs */
.wc-calc .tabs{display:flex;background:var(--navy-2)}
.wc-calc .tab{flex:1;padding:15px 10px;text-align:center;cursor:pointer;color:#b7c4da;font-weight:600;font-size:.98rem;border:none;background:none;font-family:var(--font-body);transition:color .18s,background .18s;position:relative}
.wc-calc .tab:hover{color:#fff}
.wc-calc .tab.active{color:var(--navy);background:var(--card)}
.wc-calc .tab.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--orange)}

/* Counsel banner */
.wc-calc .counsel{background:var(--flag-bg);border-bottom:1px solid var(--flag-line);color:var(--flag-ink);font-size:.82rem;padding:10px 30px;text-align:center}
.wc-calc .counsel strong{color:#a4551a}

/* Panels */
.wc-calc .panel{padding:30px;display:none}
.wc-calc .panel.active{display:block}
.wc-calc h2.section{font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:var(--navy);margin-bottom:6px}
.wc-calc p.lead{color:var(--muted);font-size:.95rem;margin-bottom:20px}
.wc-calc .info{background:#f5f7fb;border:1.5px solid var(--line);border-left:4px solid var(--orange);border-radius:10px;padding:16px 18px;font-size:.9rem;color:var(--ink);line-height:1.55;margin-bottom:22px}
.wc-calc .info strong{color:var(--navy)}

/* Fields */
.wc-calc .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-bottom:22px}
.wc-calc .fld{display:flex;flex-direction:column}
.wc-calc .fld label{font-weight:600;font-size:.86rem;color:var(--navy);margin-bottom:7px}
.wc-calc .fld .hint{font-weight:400;color:var(--muted);font-size:.78rem}
.wc-calc .fld input,.wc-calc .fld select{padding:11px 13px;border:1.5px solid var(--line);border-radius:9px;font-size:.98rem;background:#fff;font-family:var(--font-body);color:var(--ink);transition:border .15s,box-shadow .15s}
.wc-calc .fld input:focus,.wc-calc .fld select:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(237,128,1,.14)}
.wc-calc .chk{display:flex;align-items:center;gap:9px;margin:2px 0 20px}
.wc-calc .chk input{width:17px;height:17px;accent-color:var(--orange)}
.wc-calc .chk label{font-weight:500;color:var(--navy);font-size:.92rem}
.wc-calc .toggle-row{display:flex;align-items:center;gap:12px;margin:4px 0 20px;flex-wrap:wrap}
.wc-calc .seg{display:inline-flex;border:1.5px solid var(--line);border-radius:9px;overflow:hidden}
.wc-calc .seg button{border:none;background:#fff;padding:9px 16px;font-weight:600;font-size:.86rem;cursor:pointer;color:var(--muted);font-family:var(--font-body)}
.wc-calc .seg button.on{background:var(--navy);color:#fff}

/* Buttons (navy on orange for contrast, matching site) */
.wc-calc .btn{background:var(--orange);color:var(--navy);border:none;padding:13px 26px;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;font-family:var(--font-body);box-shadow:0 6px 16px rgba(237,128,1,.26);transition:transform .15s,box-shadow .15s}
.wc-calc .btn:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(237,128,1,.34)}
.wc-calc .btn.ghost{background:#fff;color:var(--navy);border:1.5px solid var(--line);box-shadow:none;margin-left:10px}
.wc-calc .btn.ghost:hover{border-color:var(--navy);transform:none}

/* Results */
.wc-calc .results{margin-top:28px;display:none}
.wc-calc .results.show{display:block}
.wc-calc .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}
.wc-calc .stat{background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:20px;text-align:center;transition:border .15s,transform .15s}
.wc-calc .stat:hover{border-color:var(--orange);transform:translateY(-2px)}
.wc-calc .stat h3{font-size:.82rem;font-weight:600;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em}
.wc-calc .stat .num{font-family:var(--font-display);font-size:1.9rem;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums}
.wc-calc .stat .num.pos{color:var(--good)}
.wc-calc .stat .sub{font-size:.8rem;color:var(--muted);margin-top:4px}
.wc-calc .cmp{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}
.wc-calc .bd{background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:22px;margin-bottom:22px}
.wc-calc .bd.hl{border-color:var(--orange);background:#fff8f2}
.wc-calc .bd h4{font-family:var(--font-display);font-size:1.05rem;color:var(--navy);margin-bottom:14px;padding-bottom:10px;border-bottom:1.5px solid var(--line)}
.wc-calc .line{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f2f5fa;font-size:.94rem}
.wc-calc .line:last-child{border-bottom:none}
.wc-calc .line .lbl{color:var(--muted)}
.wc-calc .line .val{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.wc-calc .line.total{border-top:2px solid var(--orange);margin-top:8px;padding-top:12px}
.wc-calc .line.total .lbl{color:var(--navy);font-weight:700}
.wc-calc .line.total .val{color:var(--navy);font-weight:800;font-size:1.05rem}
.wc-calc .line .fee{color:var(--orange-dark)}
.wc-calc .summary{background:var(--navy);color:#fff;border-radius:14px;padding:26px;text-align:center;margin-bottom:22px}
.wc-calc .summary h3{font-size:1.05rem;font-weight:600;color:#c4d1e4;margin-bottom:8px}
.wc-calc .summary .big{font-family:var(--font-display);font-size:2.8rem;font-weight:800;color:#fff;line-height:1;font-variant-numeric:tabular-nums}
.wc-calc .summary .big.orange{color:var(--orange)}
.wc-calc .summary p{color:#a9b8d0;font-size:.86rem;margin-top:8px}
.wc-calc .note{background:var(--good-bg);border:1.5px solid #a6dcc2;border-radius:10px;padding:16px;font-size:.86rem;color:#1c5c40;margin-bottom:16px}
.wc-calc .note.warn{background:var(--flag-bg);border-color:var(--flag-line);color:var(--flag-ink)}
.wc-calc .winrow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.wc-calc .win{border-radius:14px;padding:22px;text-align:center;color:#fff}
.wc-calc .win.emp,.wc-calc .win.co{background:linear-gradient(150deg,var(--navy-2),var(--navy))}
.wc-calc .win.ben{background:linear-gradient(150deg,var(--orange),var(--orange-dark))}
.wc-calc .win.ben .amt,.wc-calc .win.ben .tag,.wc-calc .win.ben .cap{color:#fff}
.wc-calc .win .tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;opacity:.85;margin-bottom:8px}
.wc-calc .win .amt{font-family:var(--font-display);font-size:1.7rem;font-weight:800;line-height:1.05}
.wc-calc .win .cap{font-size:.78rem;opacity:.85;margin-top:6px}
.wc-calc .err{border-color:#e05252 !important;background:#fdecec !important}

.wc-calc .footnote{text-align:center;color:var(--muted);font-size:.78rem;margin:14px auto 0;max-width:760px}

@media (max-width:680px){
  .wc-calc .winrow{grid-template-columns:1fr}
  .wc-calc .cmp{grid-template-columns:1fr}
  .wc-calc .summary .big{font-size:2.2rem}
  .wc-calc .panel{padding:22px 16px}
  .wc-calc .head{padding:22px 18px 0}
  .wc-calc .counsel,.wc-calc .tab{padding-left:12px;padding-right:12px}
}
@media print{
  .site-header,.site-footer,.emp-intro,.emp-next{display:none !important}
  .wc-calc .tabs,.wc-calc .btn,.wc-calc .counsel{display:none !important}
  .wc-calc .panel{display:block !important;page-break-before:always}
  .wc-calc .panel:first-of-type{page-break-before:avoid}
  .wc-calc .cmp{page-break-inside:avoid}
  .wc-calc .card{box-shadow:none;border:none}
}