#dc-calc{
  --navy:#14213D; --steel7:#3E4C68; --steel5:#5C6B87; --steel3:#7A869E;
  --blue:#14213D; --blue-lt:#F6C93E; --cool:#F3F5F9; --white:#fff;
  --orange:#B7791F; --cream:#FFF8EB;
  --serif:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --line:rgba(20,33,61,0.10); --lineDk:rgba(255,255,255,0.14);
}
#dc-calc *{box-sizing:border-box; margin:0; padding:0;}
#dc-calc{font-family:var(--sans); background:var(--cool); color:var(--navy); line-height:1.6; -webkit-font-smoothing:antialiased;}
#dc-calc .wrap{max-width:1100px; margin:0 auto; padding:0 24px;}

/* ---- top nav ---- */
#dc-calc .dcnav{background:var(--navy); border-bottom:1px solid var(--lineDk); padding:13px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px;}
#dc-calc .dcnav-back{color:var(--blue); text-decoration:none; font-size:14px; font-weight:700;}
#dc-calc .dcnav-back:hover{text-decoration:underline;}
#dc-calc .dcnav-brand{color:var(--steel3); font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase;}

/* ---- hero ---- */
#dc-calc header{background:var(--navy); padding:60px 0 66px; text-align:center;}
#dc-calc .eyebrow{font-size:13px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--blue); margin-bottom:22px;}
#dc-calc h1{font-family:var(--serif); font-weight:700; font-size:clamp(29px,4.6vw,50px); line-height:1.18; color:#fff; letter-spacing:-.01em;}
#dc-calc h1 em{font-style:normal; color:var(--blue);}
#dc-calc .sub{margin:22px auto 0; max-width:660px; color:#fff; font-size:17px; font-weight:700; line-height:1.65;}
#dc-calc .sub strong{color:var(--blue-lt); font-weight:900;}
#dc-calc .privacy-line{margin:18px 0 0; font-size:13px; color:var(--steel3);}

/* ---- layout ---- */
#dc-calc main{padding:56px 0 20px;}
#dc-calc .grid{display:grid; grid-template-columns:minmax(300px,380px) 1fr; gap:26px; align-items:start;}
@media(max-width:900px){#dc-calc .grid{grid-template-columns:1fr;}}

/* ---- inputs ---- */
#dc-calc .panel{background:var(--white); border:1px solid var(--line); border-radius:20px; padding:32px 28px; box-shadow:0 2px 18px rgba(20,33,61,0.05);}
#dc-calc .panel h2{font-family:var(--serif); font-size:24px; font-weight:700; margin-bottom:10px;}
#dc-calc .panel .hint{font-size:14px; color:var(--steel5); margin-bottom:18px; line-height:1.65;}
#dc-calc .panel .hint b{color:var(--navy);}
#dc-calc .field{margin-bottom:20px;}
#dc-calc .field label{display:block; font-size:14.5px; font-weight:700; color:var(--navy); margin-bottom:7px;}
#dc-calc .field .note{display:block; font-weight:400; color:var(--steel5); font-size:12.5px; margin-top:4px; line-height:1.55;}
#dc-calc .field input[type=number]{
  width:100%; padding:12px 14px; font-family:var(--sans); font-size:17px; font-weight:700;
  color:var(--navy); background:var(--cool); border:1.5px solid var(--line); border-radius:11px;
  font-variant-numeric:tabular-nums;
}
#dc-calc .field input[type=number]:focus{outline:none; border-color:var(--blue); background:#fff; box-shadow:0 0 0 4px rgba(246,201,62,0.13);}
#dc-calc .rangewrap{display:flex; align-items:center; gap:14px;}
#dc-calc .rangewrap input[type=range]{flex:1; accent-color:var(--blue);}
#dc-calc .rangewrap output{min-width:54px; text-align:right; font-weight:900; font-size:19px; color:var(--blue); font-variant-numeric:tabular-nums;}
#dc-calc .divider{border:0; border-top:1px solid var(--line); margin:26px 0;}
#dc-calc .optlabel{font-size:11.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--steel5); margin-bottom:16px;}

/* ---- result cards ---- */
#dc-calc .results{display:flex; flex-direction:column; gap:22px;}
#dc-calc .card{background:var(--white); border:1px solid var(--line); border-radius:20px; padding:30px 30px; box-shadow:0 2px 18px rgba(20,33,61,0.05);}
#dc-calc .card h3{font-size:12px; font-weight:700; letter-spacing:.17em; text-transform:uppercase; color:var(--blue); margin-bottom:14px;}
#dc-calc .big{font-family:var(--serif); font-weight:700; font-size:clamp(32px,4.4vw,46px); line-height:1.08; color:var(--blue); font-variant-numeric:tabular-nums; letter-spacing:-.015em;}
#dc-calc .big.warn{color:var(--orange);}
#dc-calc .big .unit{display:block; font-family:var(--sans); font-size:15px; font-weight:700; color:var(--steel5); margin:9px 0 0; letter-spacing:0;}
#dc-calc .readout{margin-top:12px; font-size:15.5px; color:var(--steel7); line-height:1.7;}
#dc-calc .readout b{color:var(--navy);}
#dc-calc .formula{
  margin-top:16px; padding:14px 16px; background:var(--cool); border-left:3px solid var(--blue);
  border-radius:0 10px 10px 0; font-size:13.5px; color:var(--steel7); font-variant-numeric:tabular-nums; line-height:1.7;
}
#dc-calc .formula b{color:var(--navy);}
#dc-calc .src{margin-top:14px; font-size:12.5px; color:var(--steel5); line-height:1.65;}
#dc-calc .src a{color:var(--steel5);}
#dc-calc .card.total{background:var(--navy); border-color:var(--navy);}
#dc-calc .card.total h3{color:var(--blue-lt);}
#dc-calc .card.total .big{color:#fff;}
#dc-calc .card.total .readout{color:#fff;}
#dc-calc .card.total .readout b{color:var(--blue-lt);}
#dc-calc .card.total .formula{background:rgba(255,255,255,0.06); border-left-color:var(--blue); color:#fff;}
#dc-calc .card.total .formula b{color:var(--blue-lt);}
#dc-calc .card.total .src{color:var(--steel3);}
#dc-calc #chart{width:100%; height:auto; margin-top:18px; display:block;}
#dc-calc .chart-caption{font-size:12.5px; color:var(--steel5); margin-top:8px; line-height:1.6;}

/* ---- consistency check ---- */
#dc-calc .check{margin-top:16px; padding:15px 17px; border-radius:12px; font-size:13.5px; line-height:1.7; background:var(--cool); border:1px solid var(--line); color:var(--steel7);}
#dc-calc .check b{color:var(--navy);}
#dc-calc .check.flag{background:#FBF3DC; border-color:rgba(183,121,31,0.4);}
#dc-calc .check.flag b{color:var(--orange);}
#dc-calc .check .ctitle{display:block; font-size:11px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; color:var(--steel5); margin-bottom:8px;}
#dc-calc .check.flag .ctitle{color:var(--orange);}

/* ---- proof band ---- */
#dc-calc .proof{margin:52px 0 0; padding:44px 38px; background:var(--navy); border-radius:22px; text-align:center;}
#dc-calc .proof .plabel{font-size:12px; font-weight:700; letter-spacing:.19em; text-transform:uppercase; color:var(--blue); margin-bottom:32px;}
#dc-calc .proofgrid{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:32px 22px;}
#dc-calc .proofgrid div{padding:0 8px;}
#dc-calc .proofgrid b{display:block; font-family:var(--serif); font-size:38px; font-weight:700; line-height:1.05; color:#fff; font-variant-numeric:tabular-nums;}
#dc-calc .proofgrid span{display:block; margin-top:10px; font-size:13.5px; color:var(--steel3); line-height:1.55;}
#dc-calc .proof .pnote{margin:32px auto 0; max-width:760px; font-size:12.5px; color:var(--steel3); line-height:1.7;}

/* ---- pull quote ---- */
#dc-calc .pullquote{
  margin:44px auto 0; max-width:800px; text-align:center;
  font-family:var(--serif); font-style:italic; font-size:clamp(19px,2.5vw,26px);
  line-height:1.5; color:var(--navy);
}
#dc-calc .pullquote em{font-style:italic; color:var(--blue);}

/* ---- limits ---- */
#dc-calc .limits{margin:44px 0 0; padding:30px 30px; background:var(--cream); border:1px solid rgba(183,121,31,0.22); border-left:4px solid var(--orange); border-radius:0 18px 18px 0;}
#dc-calc .limits h3{font-family:var(--serif); font-size:20px; font-weight:700; color:var(--navy); margin-bottom:12px;}
#dc-calc .limits p{font-size:15.5px; color:var(--steel7); line-height:1.8;}

/* ---- CTA band ---- */
#dc-calc .cta{background:var(--navy); margin-top:56px; padding:60px 24px; text-align:center;}
#dc-calc .cta .lead{max-width:640px; margin:0 auto;}
#dc-calc .cta h2{font-family:var(--serif); font-size:clamp(25px,3.4vw,36px); font-weight:700; color:#fff; line-height:1.25; margin-bottom:16px;}
#dc-calc .cta p{color:#fff; font-size:16px; line-height:1.7;}
#dc-calc .ctalist{margin:22px auto 0; padding:0; list-style:none; max-width:520px; text-align:left;}
#dc-calc .ctalist li{font-size:15px; color:#fff; padding-left:30px; position:relative; margin-bottom:11px; line-height:1.6;}
#dc-calc .ctalist li::before{content:"\2713"; position:absolute; left:0; top:-1px; color:var(--blue); font-weight:900; font-size:17px;}
#dc-calc .scarcity{margin-top:20px; font-size:13.5px; color:var(--steel3) !important;}
#dc-calc .cta .actions{margin:34px auto 0; max-width:560px; display:flex; flex-direction:column; gap:13px;}
#dc-calc .ctanudge{font-size:14px; color:var(--steel3) !important; margin-bottom:2px;}
#dc-calc .btn{
  display:block; text-align:center; text-decoration:none; cursor:pointer; border:0;
  font-family:var(--sans); font-weight:900; font-size:16px; letter-spacing:.05em; text-transform:uppercase;
  padding:19px 28px; border-radius:14px; transition:transform .15s ease, box-shadow .15s ease;
}
#dc-calc .btn.primary{background:var(--blue); color:#fff; box-shadow:0 6px 20px rgba(246,201,62,0.28);}
#dc-calc .btn.primary:hover{transform:translateY(-2px); box-shadow:0 10px 30px rgba(246,201,62,0.4);}
#dc-calc .btn.ghost{background:transparent; color:#fff; border:1.5px solid var(--lineDk); font-weight:700; font-size:14px; text-transform:none; letter-spacing:0; padding:15px 28px;}
#dc-calc .btn.ghost:hover{border-color:var(--blue); color:var(--blue-lt);}
#dc-calc .btn:focus-visible{outline:3px solid var(--blue); outline-offset:3px;}
#dc-calc .clearbtn{width:100%; margin:0 0 22px; padding:11px 16px; font-size:13px; font-weight:700; text-transform:none; letter-spacing:0; border-radius:11px; background:transparent; color:var(--steel5); border:1.5px solid var(--line);}
#dc-calc .btn.ghost.clearbtn{color:var(--steel5); border-color:var(--line);}
#dc-calc .btn.ghost.clearbtn:hover{border-color:var(--blue); color:var(--blue); transform:none; box-shadow:none;}

/* ---- sibling / sources ---- */
#dc-calc .dcsibling{margin:52px 0 0; padding:30px 30px; background:var(--white); border:1px solid var(--line); border-radius:20px; text-align:center; box-shadow:0 2px 18px rgba(20,33,61,0.05);}
#dc-calc .dcsibling p{font-size:15.5px; color:var(--steel7); line-height:1.75; max-width:680px; margin:0 auto;}
#dc-calc .dcsibling p b{color:var(--navy);}
#dc-calc .dcsibling a{display:inline-block; margin-top:16px; color:var(--blue); font-weight:900; font-size:15px; text-decoration:none; letter-spacing:.02em;}
#dc-calc .dcsibling a:hover{text-decoration:underline;}
#dc-calc .sources{max-width:1100px; margin:46px auto 0; padding:0 24px; font-size:12.5px; color:var(--steel5); line-height:1.85;}
#dc-calc .sources h4{font-size:11.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--steel7); margin-bottom:10px;}
#dc-calc .sources a{color:var(--steel5);}
#dc-calc .disclaimer{max-width:1100px; margin:26px auto 0; padding:26px 24px 50px; border-top:1px solid var(--line); font-size:11.5px; color:var(--steel3); line-height:1.75;}
#dc-calc .print-only{display:none;}
#dc-calc .draft{display:inline-block; margin-top:14px; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--orange); background:#FBF3DC; border:1px solid rgba(183,121,31,0.35); border-radius:6px; padding:5px 10px;}
#dc-calc .assump{margin-top:22px; padding:16px 18px; background:var(--cool); border-radius:12px; font-size:13px; color:var(--steel7); line-height:1.7;}
#dc-calc .assump b{color:var(--navy);}
#dc-calc .assump .ctitle{display:block; font-size:11px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; color:var(--steel5); margin-bottom:6px;}
#dc-calc .explain{margin:52px 0 0; display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
@media(max-width:900px){#dc-calc .explain{grid-template-columns:1fr;}}
#dc-calc .explain .ex{background:var(--white); border:1px solid var(--line); border-radius:20px; padding:28px 26px; box-shadow:0 2px 18px rgba(20,33,61,0.05);}
#dc-calc .explain h3{font-family:var(--serif); font-size:19px; font-weight:700; color:var(--navy); margin-bottom:10px;}
#dc-calc .explain p{font-size:14.5px; color:var(--steel7); line-height:1.75;}
#dc-calc .explain p b{color:var(--navy);}
#dc-calc .sechead{font-family:var(--serif); font-size:clamp(23px,3vw,30px); font-weight:700; color:var(--navy); text-align:center; margin:56px 0 0; line-height:1.25;}
#dc-calc .sechead + .sechint{text-align:center; max-width:640px; margin:12px auto 0; font-size:15px; color:var(--steel5); line-height:1.7;}
#dc-calc .full{margin:32px 0 0; padding:34px 34px; background:var(--white); border:1px solid var(--line); border-radius:20px; box-shadow:0 2px 18px rgba(20,33,61,0.05);}
#dc-calc .full ul{list-style:none; margin:14px 0 0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
@media(max-width:900px){#dc-calc .full ul{grid-template-columns:1fr;}}
#dc-calc .full li{padding:18px 18px; background:var(--cool); border-radius:12px; font-size:14px; color:var(--steel7); line-height:1.65;}
#dc-calc .full li b{display:block; color:var(--navy); font-size:15px; margin-bottom:5px;}
#dc-calc .full > p{font-size:15.5px; color:var(--steel7); line-height:1.75; max-width:760px;}
#dc-calc .full > p b{color:var(--navy);}
@media print{ #dc-calc .explain, #dc-calc .full, #dc-calc .sechead, #dc-calc .sechint{display:none !important;} }


/* ---- v4 additions ---- */
#dc-calc .field select{width:100%; padding:12px 14px; font-family:var(--sans); font-size:16px; font-weight:700; color:var(--navy); background:var(--cool); border:1.5px solid var(--line); border-radius:11px; appearance:auto;}
#dc-calc .field select:focus{outline:none; border-color:var(--blue); background:#fff; box-shadow:0 0 0 4px rgba(246,201,62,0.13);}
#dc-calc .anchor{display:block; margin-top:6px; font-size:12px; color:var(--steel5); line-height:1.55; padding:8px 10px; background:var(--cool); border-left:2px solid var(--blue-lt); border-radius:0 8px 8px 0;}
#dc-calc .anchor b{color:var(--navy);}
#dc-calc .anchor.gap{border-left-color:var(--orange); background:#FBF3DC;}
#dc-calc .anchor.gap b{color:var(--orange);}
#dc-calc details.opt{margin-top:6px; border:1.5px dashed var(--line); border-radius:12px; padding:0 14px;}
#dc-calc details.opt summary{cursor:pointer; padding:12px 0; font-size:13.5px; font-weight:700; color:var(--blue); list-style:none;}
#dc-calc details.opt summary::-webkit-details-marker{display:none;}
#dc-calc details.opt summary::before{content:"+ "; font-weight:900;}
#dc-calc details.opt[open] summary::before{content:"\2212  ";}
#dc-calc details.opt .field:last-child{margin-bottom:16px;}
#dc-calc .card.muted{opacity:.55;}
#dc-calc .card.muted .big{color:var(--steel3);}
#dc-calc .kv{display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; margin-top:14px;}
#dc-calc .kv div{padding:12px 14px; background:var(--cool); border-radius:10px;}
#dc-calc .kv b{display:block; font-family:var(--serif); font-size:22px; color:var(--navy); line-height:1.1; font-variant-numeric:tabular-nums;}
#dc-calc .kv span{display:block; font-size:12.5px; color:var(--steel5); margin-top:4px; line-height:1.45;}
#dc-calc .card.total .kv div{background:rgba(255,255,255,0.07);}
#dc-calc .card.total .kv b{color:#fff;}
#dc-calc .card.total .kv span{color:var(--steel3);}
#dc-calc .gapbar{margin-top:16px; height:14px; border-radius:7px; background:var(--cool); overflow:hidden; position:relative;}
#dc-calc .gapbar i{position:absolute; left:0; top:0; bottom:0; background:var(--blue); border-radius:7px;}
#dc-calc .gapbar-lab{display:flex; justify-content:space-between; font-size:12px; color:var(--steel5); margin-top:6px;}
@media print{ #dc-calc .kv b{font-size:13pt;} #dc-calc details.opt{display:none !important;} }

#dc-calc .exchip{display:none; margin-left:8px; vertical-align:middle; font-size:10.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--orange); background:#FBF3DC; border:1px solid rgba(183,121,31,0.4); border-radius:6px; padding:2px 7px;}
#dc-calc .field.is-example .exchip{display:inline-block;}
#dc-calc .field.is-example input[type=number]{border-style:dashed;}
#dc-calc .exnote{display:none; margin:14px 0 0; padding:10px 12px; border-radius:10px; background:#FBF3DC; border-left:3px solid var(--orange); font-size:12.5px; line-height:1.55; color:var(--steel7);}
#dc-calc .exnote.show{display:block;}
#dc-calc .exnote b{color:var(--orange);}
#dc-calc .gwarn{display:none; margin:0 0 12px; padding:10px 12px; border-radius:10px; background:#FBF3DC; border-left:3px solid var(--orange); font-size:13px; line-height:1.55; color:var(--steel7);}
#dc-calc .gwarn.show{display:block;}
@media print{ #dc-calc .exchip{display:inline-block !important; color:#000; border-color:#000; background:none;} #dc-calc .field:not(.is-example) .exchip{display:none !important;} }
/* ---- PDF gate modal ---- */
#dc-calc .gate{position:fixed; inset:0; z-index:99999; display:none; align-items:center; justify-content:center; padding:20px; background:rgba(20,33,61,0.62); backdrop-filter:blur(2px);}
#dc-calc .gate.open{display:flex;}
#dc-calc .gatebox{width:100%; max-width:480px; background:#fff; border-radius:20px; padding:32px 30px 28px; box-shadow:0 24px 70px rgba(20,33,61,0.35); position:relative; color:var(--navy); text-align:left;}
#dc-calc .gatebox h3{font-family:var(--serif); font-size:23px; font-weight:700; line-height:1.25; margin:0 0 8px; letter-spacing:0; text-transform:none; color:var(--navy);}
#dc-calc .gatebox p{font-size:14px; color:var(--steel7); line-height:1.65; margin:0 0 18px;}
#dc-calc .gatebox .gf{margin-bottom:12px;}
#dc-calc .gatebox label{display:block; font-size:12.5px; font-weight:700; color:var(--navy); margin-bottom:5px;}
#dc-calc .gatebox input[type=text], #dc-calc .gatebox input[type=email]{width:100%; padding:12px 13px; font-family:var(--sans); font-size:15px; color:var(--navy); background:var(--cool); border:1.5px solid var(--line); border-radius:10px;}
#dc-calc .gatebox input:focus{outline:none; border-color:var(--blue); background:#fff; box-shadow:0 0 0 4px rgba(246,201,62,0.13);}
#dc-calc .gatebox .row2{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
#dc-calc .gatebox .btn.primary{width:100%; margin-top:6px; padding:15px 20px; font-size:14px;}
#dc-calc .gatebox .gsmall{font-size:11.5px; color:var(--steel5); line-height:1.6; margin:12px 0 0;}
#dc-calc .gatebox .gerr{display:none; font-size:13px; color:var(--orange); margin:0 0 10px; font-weight:700;}
#dc-calc .gatebox .gerr.show{display:block;}
#dc-calc .gclose{position:absolute; top:12px; right:14px; background:none; border:0; font-size:26px; line-height:1; color:var(--steel5); cursor:pointer; padding:4px 8px;}
#dc-calc .gclose:hover{color:var(--navy);}
#dc-calc .gknown{display:none; background:var(--cool); border-radius:10px; padding:12px 14px; font-size:14px; color:var(--steel7); margin-bottom:14px;}
#dc-calc .gknown b{color:var(--navy);}
#dc-calc .gknown a{color:var(--blue); font-weight:700; text-decoration:none; margin-left:6px;}
#dc-calc .gdone{display:none; text-align:center; padding:8px 0 4px;}
#dc-calc .gdone .tick{width:52px; height:52px; border-radius:50%; background:var(--blue); color:#fff; font-size:26px; display:flex; align-items:center; justify-content:center; margin:0 auto 16px;}
#dc-calc .gdone h3{font-size:21px;}
#dc-calc .gdone p{margin-bottom:10px;}
#dc-calc .gdone a.btn{margin-top:14px;}
#dc-calc .hp{position:absolute; left:-9999px; width:1px; height:1px; opacity:0;}
@media print{ #dc-calc .gate{display:none !important;} }

/* ---- print ---- */
@media print{
  #dc-calc{background:#fff; font-size:10.5pt;}
  #dc-calc .dcnav, #dc-calc .sub, #dc-calc .privacy-line, #dc-calc .cta,
  #dc-calc .pullquote, #dc-calc .clearbtn, #dc-calc .dcsibling,
  #dc-calc .rangewrap input[type=range]{display:none !important;}
  #dc-calc header{background:#fff; padding:0 0 10pt; border-bottom:1.5pt solid var(--navy); text-align:left;}
  #dc-calc h1{color:var(--navy); font-size:17pt;}
  #dc-calc h1 em{color:var(--blue);}
  #dc-calc main{padding:10pt 0 0;}
  #dc-calc .grid{grid-template-columns:1fr 1fr; gap:10pt;}
  #dc-calc .panel, #dc-calc .card{border:0.7pt solid #D9DEE8; padding:9pt 11pt; break-inside:avoid; border-radius:5pt; box-shadow:none;}
  #dc-calc .card.total{background:#F3F5F9; border-color:var(--blue);}
  #dc-calc .card.total .big, #dc-calc .card.total .readout{color:var(--navy);}
  #dc-calc .card.total .readout b, #dc-calc .card.total .formula{color:var(--steel7); background:#fff;}
  #dc-calc .big{font-size:15pt;}
  #dc-calc .proof{background:#fff; border:0.7pt solid #D9DEE8; padding:10pt; break-inside:avoid;}
  #dc-calc .proofgrid b{color:var(--navy); font-size:14pt;}
  #dc-calc .proofgrid span, #dc-calc .proof .pnote, #dc-calc .proof .plabel{color:var(--steel7);}
  #dc-calc .check{border:0.7pt solid #D9DEE8;}
  #dc-calc .print-only{display:block; margin-top:10pt; font-size:9pt; color:var(--steel5);}
}

/* ============================================================
   LOW EFFORT DESIGN (09.09.2026) — matches Stuart's new loweffort.com
   Instrument Sans · navy #14213D · one accent, yellow #F6C93E ·
   white / #F3F5F9 surfaces · 8px controls, 12px cards. Sits last.
   ============================================================ */
#dc-calc{
  --navy:#14213D; --ink:#14213D; --ink2:#3E4C68; --steel7:#3E4C68; --steel5:#5C6B87; --steel3:#7A869E;
  --blue:#14213D; --blue-lt:#F6C93E; --cool:#F3F5F9; --paper-2:#F3F5F9; --white:#fff;
  --yellow:#F6C93E; --yellow-dk:#EDB92A; --yellow-tint:#FFF6D6; --cream:#FBF8F1;
  --orange:#B7791F; --red:#D64545; --green:#1E9E6A;
  --line:#D9DEE8; --lineDk:rgba(255,255,255,0.16);
  --serif:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --radius:8px; --card-r:12px; --ease:cubic-bezier(0.23,1,0.32,1);
  --shadow:0 10px 30px -12px rgba(20,33,61,.18);
  font-family:var(--sans); background:var(--white); color:var(--ink2); line-height:1.55;
}
#dc-calc ::selection{background:var(--yellow);color:var(--ink);}
#dc-calc :focus-visible{outline:3px solid var(--ink);outline-offset:3px;}

/* ---- nav: the Low Effort wordmark with its yellow underline ---- */
#dc-calc .dcnav{background:#fff;border-bottom:1px solid var(--line);padding:14px 24px;}
#dc-calc .dcnav-brand{display:inline-flex;align-items:baseline;gap:12px;color:var(--ink);letter-spacing:0;text-transform:none;font-size:14px;font-weight:400;}
#dc-calc .dcnav-brand .wm{position:relative;font-size:22px;font-weight:700;letter-spacing:-0.03em;color:var(--ink);padding-bottom:2px;}
#dc-calc .dcnav-brand .wm::after{content:"";position:absolute;left:0;bottom:-3px;width:42%;height:4px;background:var(--yellow);border-radius:2px;}
#dc-calc .dcnav-brand small{color:var(--steel5);font-size:13px;line-height:1.3;}
@media(max-width:560px){#dc-calc .dcnav-brand small{display:none;}}
#dc-calc .dcnav-back{color:var(--ink);font-weight:600;font-size:14px;text-decoration:none;}
#dc-calc .dcnav-back:hover{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:.25em;}

/* ---- hero: light, like every page on the new site ---- */
#dc-calc header{background:#fff;padding:64px 0 56px;text-align:left;}
#dc-calc header .wrap{max-width:1100px;margin:0 auto;}
#dc-calc h1{max-width:19ch;}
#dc-calc .eyebrow{color:var(--steel3);font-size:11.5px;font-weight:600;letter-spacing:.12em;margin-bottom:18px;}
#dc-calc h1{font-family:var(--sans);font-weight:700;letter-spacing:-0.02em;color:var(--ink);font-size:clamp(32px,4.6vw,50px);line-height:1.1;text-wrap:balance;}
#dc-calc h1 em{font-style:normal;color:var(--ink);background:linear-gradient(transparent 70%,var(--yellow) 70%,var(--yellow) 92%,transparent 92%);}
#dc-calc .sub{margin:22px 0 0;max-width:62ch;color:var(--ink2);font-size:17px;font-weight:400;line-height:1.6;}
#dc-calc .sub strong{color:var(--ink);font-weight:600;}
#dc-calc .privacy-line{color:var(--steel3);font-size:14px;max-width:62ch;}

/* ---- layout + inputs ---- */
#dc-calc main{background:var(--paper-2);border-top:1px solid var(--line);padding:48px 0 24px;max-width:none;}
#dc-calc main > .grid,#dc-calc main > .full,#dc-calc main > .proof,#dc-calc main > .limits,
#dc-calc main > .explain,#dc-calc main > .sechead,#dc-calc main > .sechint,#dc-calc main > .pullquote{max-width:1100px;margin-left:auto;margin-right:auto;}
#dc-calc main > .grid,#dc-calc main > .full,#dc-calc main > .proof,#dc-calc main > .limits,#dc-calc main > .explain{padding-left:24px;padding-right:24px;}
#dc-calc .panel,#dc-calc .card,#dc-calc .explain .ex,#dc-calc .dcsibling,#dc-calc .full,#dc-calc .proof{
  border-radius:var(--card-r);border:1px solid var(--line);box-shadow:0 1px 2px rgba(20,33,61,.04);}
#dc-calc .panel h2{font-family:var(--sans);font-weight:700;letter-spacing:-0.02em;color:var(--ink);font-size:23px;}
#dc-calc .panel .hint{color:var(--ink2);}
#dc-calc .panel .hint b{color:var(--ink);font-weight:600;}
#dc-calc .field label{color:var(--ink);font-size:15px;font-weight:600;}
#dc-calc .field .note{color:var(--steel5);}
#dc-calc .field input[type=number],#dc-calc .field select{
  background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);color:var(--ink);font-weight:600;
  transition:border-color .15s,box-shadow .15s;}
#dc-calc .field input[type=number]:focus,#dc-calc .field select:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(246,201,62,.45);background:#fff;}
#dc-calc .field.is-example input[type=number]{border-style:dashed;}
#dc-calc .rangewrap input[type=range]{accent-color:var(--ink);}
#dc-calc .rangewrap output{color:var(--ink);font-weight:700;}
#dc-calc .optlabel{color:var(--steel3);letter-spacing:.12em;font-weight:600;}
#dc-calc .anchor{background:var(--paper-2);border-left:2px solid var(--yellow);border-radius:0 var(--radius) var(--radius) 0;color:var(--steel5);}
#dc-calc .anchor b{color:var(--ink);}
#dc-calc .anchor.gap{border-left-color:var(--orange);background:#FBF3DC;}
#dc-calc .anchor.gap b{color:var(--orange);}
#dc-calc details.opt{border:1.5px dashed var(--line);border-radius:var(--radius);}
#dc-calc details.opt summary{color:var(--ink);font-weight:600;}
#dc-calc .assump{background:var(--paper-2);border-radius:var(--radius);color:var(--ink2);}
#dc-calc .assump b{color:var(--ink);}
#dc-calc .assump .ctitle,#dc-calc .check .ctitle{color:var(--steel3);letter-spacing:.12em;font-weight:600;}

/* ---- result cards ---- */
#dc-calc .card h3{color:var(--steel3);font-weight:600;letter-spacing:.12em;font-size:11.5px;}
#dc-calc .big{font-family:var(--sans);font-weight:800;letter-spacing:-0.03em;color:var(--ink);}
#dc-calc .big.warn{color:var(--red);}
#dc-calc .big .unit{color:var(--steel5);font-weight:600;}
#dc-calc .readout{color:var(--ink2);}
#dc-calc .readout b{color:var(--ink);font-weight:600;}
#dc-calc .formula{background:var(--paper-2);border-left:3px solid var(--yellow);border-radius:0 var(--radius) var(--radius) 0;color:var(--ink2);}
#dc-calc .formula b{color:var(--ink);}
#dc-calc .src{color:var(--steel5);}
#dc-calc .kv div{background:var(--paper-2);border-radius:var(--radius);}
#dc-calc .kv b{font-family:var(--sans);font-weight:800;letter-spacing:-0.02em;color:var(--ink);}
#dc-calc .kv span{color:var(--steel5);}
#dc-calc .gapbar{background:#E6EAF2;}
#dc-calc .gapbar i{background:var(--ink);}
#dc-calc .gapbar-lab{color:var(--steel5);}
#dc-calc .check{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink2);}
#dc-calc .check b{color:var(--ink);}
#dc-calc .check.flag{background:#FDF1F1;border-color:#F0C9C9;}
#dc-calc .check.flag b,#dc-calc .check.flag .ctitle{color:var(--red);}
#dc-calc .card.muted .big{color:var(--steel3);}
/* the one navy card on the page: the annual total, with the yellow number */
#dc-calc .card.total{background:var(--ink);border-color:var(--ink);box-shadow:var(--shadow);}
#dc-calc .card.total h3{color:#C9D1E1;}
#dc-calc .card.total .big{color:var(--yellow);}
#dc-calc .card.total .big.warn{color:var(--yellow);}
#dc-calc .card.total .big .unit{color:#C9D1E1;}
#dc-calc .card.total .readout{color:#E4E8F1;}
#dc-calc .card.total .readout b{color:#fff;}
#dc-calc .card.total .formula{background:rgba(255,255,255,.07);border-left-color:var(--yellow);color:#E4E8F1;}
#dc-calc .card.total .formula b{color:#fff;}
#dc-calc .card.total .kv div{background:rgba(255,255,255,.08);}
#dc-calc .card.total .kv b{color:#fff;}
#dc-calc .card.total .kv span{color:#C9D1E1;}
#dc-calc .card.total .src{color:#B8C2D6;}
#dc-calc .draft{color:var(--ink2);background:var(--paper-2);border:1px solid var(--line);border-radius:6px;letter-spacing:.08em;font-weight:600;}
#dc-calc .card.total .draft{color:var(--yellow);background:rgba(246,201,62,.12);border-color:rgba(246,201,62,.45);}
#dc-calc .exchip{color:var(--orange);background:#FBF3DC;border-color:rgba(183,121,31,.4);border-radius:6px;}
#dc-calc .exnote,#dc-calc .gwarn{background:#FBF3DC;border-left:3px solid var(--orange);border-radius:0 var(--radius) var(--radius) 0;color:var(--ink2);}
#dc-calc .exnote b{color:var(--orange);}
#dc-calc .chart-caption{color:var(--steel5);}

/* ---- proof, quote, limits ---- */
#dc-calc .proof{background:#fff;text-align:center;border-radius:var(--card-r);}
#dc-calc .proof .plabel{color:var(--steel3);font-weight:600;letter-spacing:.12em;font-size:11.5px;}
#dc-calc .proofgrid b{font-family:var(--sans);font-weight:800;letter-spacing:-0.03em;color:var(--ink);font-size:40px;}
#dc-calc .proofgrid span{color:var(--ink2);}
#dc-calc .proof .pnote{color:var(--steel3);}
#dc-calc .pullquote{font-family:var(--sans);font-style:normal;font-weight:600;letter-spacing:-0.01em;color:var(--ink);font-size:clamp(19px,2.4vw,25px);line-height:1.4;padding:0 24px;}
#dc-calc .pullquote em{font-style:normal;color:var(--ink);background:linear-gradient(transparent 70%,var(--yellow) 70%,var(--yellow) 92%,transparent 92%);}
#dc-calc .limits{background:var(--cream);border:1px solid #EFE6CF;border-left:4px solid var(--yellow);border-radius:0 var(--card-r) var(--card-r) 0;}
#dc-calc .limits h3{font-family:var(--sans);font-weight:700;letter-spacing:-0.02em;color:var(--ink);}
#dc-calc .limits p{color:var(--ink2);}
#dc-calc .explain h3,#dc-calc .sechead{font-family:var(--sans);font-weight:700;letter-spacing:-0.02em;color:var(--ink);}
#dc-calc .explain p,#dc-calc .full > p,#dc-calc .full li{color:var(--ink2);}
#dc-calc .explain p b,#dc-calc .full > p b,#dc-calc .full li b{color:var(--ink);}
#dc-calc .sechead + .sechint{color:var(--steel5);}
#dc-calc .full li{background:var(--paper-2);border-radius:var(--radius);}

/* ---- CTA band: light, one yellow button ---- */
#dc-calc .cta{background:#fff;border:1px solid var(--line);border-radius:var(--card-r);box-shadow:0 1px 2px rgba(20,33,61,.04);max-width:1100px;margin:52px auto 0;padding:56px 24px;}
@media(max-width:1148px){#dc-calc .cta{margin-left:24px;margin-right:24px;}}
#dc-calc .cta h2{font-family:var(--sans);font-weight:700;letter-spacing:-0.02em;color:var(--ink);font-size:clamp(26px,3.4vw,38px);line-height:1.15;text-wrap:balance;}
#dc-calc .cta p{color:var(--ink2);}
#dc-calc .ctalist li{color:var(--ink);padding-left:34px;}
#dc-calc .ctalist li::before{content:"\2713";top:0;width:22px;height:22px;border-radius:50%;background:var(--yellow);color:var(--ink);
  font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;}
#dc-calc .scarcity,#dc-calc .ctanudge{color:var(--steel5) !important;}
#dc-calc .btn{font-family:var(--sans);font-weight:700;font-size:16px;letter-spacing:-0.01em;text-transform:none;
  padding:16px 26px;border-radius:var(--radius);border:1.5px solid transparent;
  transition:background .15s var(--ease),transform .15s var(--ease),box-shadow .15s var(--ease),border-color .15s;}
#dc-calc .btn.primary{background:var(--yellow);border-color:var(--yellow);color:var(--ink);box-shadow:none;}
#dc-calc .btn.primary:hover{background:var(--yellow-dk);border-color:var(--yellow-dk);transform:translateY(-1px);box-shadow:var(--shadow);}
#dc-calc .btn.primary:active{transform:scale(.98);box-shadow:none;}
#dc-calc .btn.ghost{background:#fff;color:var(--ink);border-color:var(--line);font-weight:600;font-size:15px;padding:14px 24px;}
#dc-calc .btn.ghost:hover{border-color:var(--ink);color:var(--ink);}
#dc-calc .btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px;}
#dc-calc .clearbtn,#dc-calc .btn.ghost.clearbtn{color:var(--steel5);border-color:var(--line);font-size:13.5px;padding:11px 16px;}
#dc-calc .btn.ghost.clearbtn:hover{border-color:var(--ink);color:var(--ink);}

/* ---- sibling, sources ---- */
#dc-calc .dcsibling{background:#fff;}
#dc-calc .dcsibling p{color:var(--ink2);}
#dc-calc .dcsibling p b{color:var(--ink);}
#dc-calc .dcsibling a{background:var(--yellow);color:var(--ink);border-radius:var(--radius);padding:14px 24px;font-weight:700;font-size:16px;letter-spacing:-0.01em;
  transition:background .15s var(--ease),transform .15s var(--ease);}
#dc-calc .dcsibling a:hover{background:var(--yellow-dk);text-decoration:none;transform:translateY(-1px);}
#dc-calc .sources,#dc-calc .sources a{color:var(--steel5);}
#dc-calc .sources h4{color:var(--ink2);letter-spacing:.12em;font-weight:600;}
#dc-calc .disclaimer{color:var(--steel3);border-top:1px solid var(--line);}

/* ---- PDF gate ---- */
#dc-calc .gate{background:rgba(20,33,61,.62);}
#dc-calc .gatebox{border-radius:var(--card-r);border:1px solid var(--line);box-shadow:0 24px 70px rgba(20,33,61,.30);}
#dc-calc .gatebox h3{font-family:var(--sans);font-weight:700;letter-spacing:-0.02em;color:var(--ink);}
#dc-calc .gatebox p{color:var(--ink2);}
#dc-calc .gatebox label{color:var(--ink);font-size:14px;font-weight:600;}
#dc-calc .gatebox input[type=text],#dc-calc .gatebox input[type=email]{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);color:var(--ink);font-family:var(--sans);}
#dc-calc .gatebox input:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(246,201,62,.45);}
#dc-calc .gatebox input::placeholder{color:#9AA4B8;}
#dc-calc .gatebox .gsmall{color:var(--steel5);}
#dc-calc .gatebox .gerr{color:var(--red);}
#dc-calc .gclose{color:var(--steel5);}
#dc-calc .gclose:hover{color:var(--ink);}
#dc-calc .gknown{background:var(--paper-2);border-radius:var(--radius);color:var(--ink2);}
#dc-calc .gknown b{color:var(--ink);}
#dc-calc .gknown a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;}
#dc-calc .gdone .tick{background:var(--yellow);color:var(--ink);}

/* ---- print ---- */
@media print{
  #dc-calc main{background:#fff;border-top:0;}
  #dc-calc header{border-bottom:1.5pt solid var(--ink);}
  #dc-calc h1 em{background:none;}
  #dc-calc .card.total{background:#F3F5F9;border-color:var(--ink);box-shadow:none;}
  #dc-calc .card.total .big,#dc-calc .card.total .readout,#dc-calc .card.total .kv b{color:var(--ink);}
  #dc-calc .card.total .kv span,#dc-calc .card.total .src,#dc-calc .card.total h3{color:var(--steel7);}
  #dc-calc .card.total .formula{background:#fff;color:var(--steel7);}
  #dc-calc .card.total .draft{color:var(--ink);background:none;border-color:var(--ink);}
}


/* nobacklog: inputs first, full width; the numbers arrive on scroll */
#dc-calc .grid{grid-template-columns:1fr;gap:0;}
#dc-calc .panel{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;align-items:start;border-radius:12px;padding:32px 32px 18px;}
#dc-calc .panel > h2,#dc-calc .panel > .hint,#dc-calc .panel > .clearbtn,#dc-calc .panel > details.opt,#dc-calc .panel > .assump{grid-column:1 / -1;}
#dc-calc .panel > .hint{max-width:72ch;}
#dc-calc .panel > .clearbtn{width:auto;justify-self:start;margin-bottom:26px;}
#dc-calc .panel > .field{margin-bottom:18px;}
#dc-calc .panel > details.opt{margin-top:6px;}
#dc-calc .panel > details.opt[open]{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;}
#dc-calc .panel > details.opt[open] > summary{grid-column:1 / -1;}
#dc-calc .panel > .assump{margin-top:12px;}
#dc-calc .res-head{padding:44px 0 18px;text-align:center;}
#dc-calc .res-head .kicker{display:block;text-align:center;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--steel3);margin:0 0 10px;}
#dc-calc .res-head h2{font-family:var(--sans);font-weight:700;letter-spacing:-.02em;color:var(--ink);font-size:clamp(24px,3.2vw,34px);margin:0 0 6px;line-height:1.15;}
#dc-calc .res-head p{margin:0 auto;max-width:60ch;color:var(--ink2);font-size:16px;}
#dc-calc .scrollcue{display:flex;justify-content:center;padding:22px 0 0;}
#dc-calc .results{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;}
#dc-calc .results > .card{margin:0;}
#dc-calc .results > .exnote,#dc-calc .results > .print-only{grid-column:1 / -1;}
@media(max-width:900px){#dc-calc .panel{grid-template-columns:1fr;padding:26px 22px 12px;}#dc-calc .panel > details.opt[open]{grid-template-columns:1fr;}#dc-calc .results{grid-template-columns:1fr;}}
@media print{#dc-calc .scrollcue,#dc-calc .res-head{display:none;}#dc-calc .results{grid-template-columns:1fr 1fr;}}

/* ============================================================
   LOW EFFORT DESIGN v4 (02.10.2026) — the redesigned loweffort.com
   Inter · ink #111F32 · one accent, red #A91614 · white / #F4F8FC
   surfaces · pill buttons · 8px controls, 12px cards. Same values as
   the Claims Simulator. Sits LAST on purpose: it wins the cascade over
   the yellow theme of 09.09. The old accent names (--yellow…) are kept
   and point at the new accent, so every rule above follows.
   ============================================================ */
#le-hub,#dcq,#dc-calc{
  --ink:#111F32; --navy:#111F32; --ink2:#1F2A3A; --muted:#607179; --faint:#667D9B;
  --steel7:#1F2A3A; --steel5:#607179; --steel3:#667D9B; --steel:#B7C3D3;
  --line:#DCE3EC; --lineDk:rgba(255,255,255,.16);
  --paper:#FFFFFF; --paper2:#F4F8FC; --paper-2:#F4F8FC; --cool:#F4F8FC; --card:#FFFFFF; --white:#fff; --cream:#F4F8FC;
  --accent:#A91614; --accent-dk:#8E1210;
  --yellow:#A91614; --yellow-dk:#8E1210; --yellow-tint:#F4F8FC;
  --blue:#111F32; --bluelt:#111F32; --blue-lt:#A91614; --indigo:#111F32; --violet:#667D9B;
  --green:#1E9E6A; --amber:#E39A19; --red:#D64545; --orange:#B7791F;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --serif:var(--sans); --display:var(--sans);
  --radius:8px; --card-r:12px; --ease:cubic-bezier(0.23,1,0.32,1);
  --shadow:0 10px 30px -12px rgba(17,31,50,.18);
  --focus:0 0 0 3px rgba(48,136,255,.28);
  font-family:var(--sans); font-size:16px; line-height:1.6; color:var(--ink2);
  -webkit-font-smoothing:antialiased; border-radius:0;
}
#le-hub ::selection,#dcq ::selection,#dc-calc ::selection{background:var(--ink);color:#fff}
#le-hub :focus-visible,#dcq :focus-visible,#dc-calc :focus-visible{outline:3px solid rgba(48,136,255,.45);outline-offset:3px}

/* ---- own header strip: wordmark + back link, as on the Claims Simulator.
        Hidden as soon as the page carries the site header (.le-in-site). ---- */
#dcq .le-strip,#dc-calc .dcnav{background:#fff;border-bottom:1px solid var(--line);padding:0}
#dcq .le-strip .wrap{max-width:1198px;margin:0 auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
#dcq .le-brand{position:relative;font-size:22px;font-weight:800;letter-spacing:-.04em;line-height:1.2;color:var(--ink);text-decoration:none;white-space:nowrap}
#dcq .le-brand::after{content:"";position:absolute;left:0;bottom:-5px;width:36px;height:4px;border-radius:2px;background:var(--accent)}
#dcq .le-back{font-size:14px;font-weight:500;color:var(--muted);text-decoration:none}
#dcq .le-back:hover{color:var(--ink)}
#dcq.le-in-site .le-strip,#dc-calc.le-in-site .dcnav{display:none}
/* the site header is fixed and 72px tall */
#le-hub.le-in-site,#dcq.le-in-site,#dc-calc.le-in-site{padding-top:72px}
@media(max-width:420px){#dcq .le-strip .wrap{padding:16px 20px}#dcq .le-back{font-size:13px}#dcq .le-brand{font-size:20px}}
/* ---- calculator ---- */
#dc-calc{background:var(--white)}
#dc-calc .wrap,#dc-calc header .wrap{max-width:1198px}
#dc-calc main > .grid,#dc-calc main > .full,#dc-calc main > .proof,#dc-calc main > .limits,
#dc-calc main > .explain,#dc-calc main > .sechead,#dc-calc main > .sechint,#dc-calc main > .pullquote{max-width:1198px}

/* header strip, same as the scorecards */
#dc-calc .dcnav{max-width:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px max(24px,calc((100% - 1150px)/2))}
#dc-calc .dcnav-brand{gap:14px}
#dc-calc .dcnav-brand .wm{font-size:22px;font-weight:800;letter-spacing:-.04em;line-height:1.2}
#dc-calc .dcnav-brand .wm::after{left:0;bottom:-5px;width:36px;height:4px;background:var(--accent)}
#dc-calc .dcnav-brand small{color:var(--muted)}
#dc-calc .dcnav-back{color:var(--muted);font-weight:500}
#dc-calc .dcnav-back:hover{color:var(--ink);text-decoration:none}

/* hero */
#dc-calc header{background:#fff;padding:64px 0 60px}
#dc-calc h1{font-family:var(--sans);font-size:clamp(32px,4.4vw,48px);line-height:1.18;letter-spacing:-.015em;max-width:23ch}
#dc-calc h1 em,#dc-calc .pullquote em{background:none;color:var(--accent)}
#dc-calc .eyebrow{color:var(--faint);font-size:12px}
#dc-calc .sub strong{font-weight:700}

/* inputs */
#dc-calc main,#dc-calc main.wrap{background:var(--paper-2);border-top:0;max-width:none;padding-left:0;padding-right:0}
#dc-calc .panel,#dc-calc .card,#dc-calc .explain .ex,#dc-calc .dcsibling,#dc-calc .full,#dc-calc .proof{box-shadow:none}
#dc-calc .field input[type=number],#dc-calc .field select{border:1px solid var(--line)}
#dc-calc .field input[type=number]:focus,#dc-calc .field select:focus,#dc-calc .gatebox input:focus{border-color:var(--ink);box-shadow:var(--focus)}
#dc-calc .rangewrap input[type=range]{accent-color:var(--accent)}
#dc-calc .anchor,#dc-calc .formula{border-left-color:var(--steel)}
#dc-calc .panel h2,#dc-calc .res-head h2,#dc-calc .limits h3,#dc-calc .explain h3,#dc-calc .sechead,#dc-calc .gatebox h3,#dc-calc .cta h2{letter-spacing:-.015em}

/* the one navy card: the annual total */
#dc-calc .card.total{background:var(--ink);border-color:var(--ink);box-shadow:none}
#dc-calc .card.total h3{color:var(--steel)}
#dc-calc .card.total .big,#dc-calc .card.total .big.warn{color:#fff}
#dc-calc .card.total .big .unit{color:var(--steel)}
#dc-calc .card.total .formula{border-left-color:var(--steel)}
#dc-calc .card.total .draft{color:#fff;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.35)}
#dc-calc .gapbar{background:var(--line)}

/* notes */
#dc-calc .limits{background:#fff;border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:var(--card-r)}

/* buttons: the red pill of the site */
#dc-calc .btn{font-family:var(--sans);font-weight:600;font-size:16px;letter-spacing:0;border-radius:999px;border:0;padding:16px 28px;
  transition:background .16s ease,transform .16s ease}
#dc-calc .btn.primary{background:var(--accent);color:#fff;box-shadow:none}
#dc-calc .btn.primary:hover{background:var(--accent-dk);transform:none;box-shadow:none}
#dc-calc .btn.primary:active{transform:scale(.97)}
#dc-calc .btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);font-size:14px;padding:13px 22px}
#dc-calc .btn.ghost:hover{border-color:var(--ink)}
#dc-calc .clearbtn,#dc-calc .btn.ghost.clearbtn{font-size:13.5px;padding:10px 16px;color:var(--muted)}
#dc-calc .cta{box-shadow:none}
#dc-calc .ctalist li{padding-left:28px}
#dc-calc .ctalist li::before{width:auto;height:auto;border-radius:0;background:none;color:var(--accent);font-size:16px;font-weight:700}
#dc-calc .dcsibling a{background:var(--accent);color:#fff;border-radius:999px;font-weight:600;letter-spacing:0;padding:15px 24px}
#dc-calc .dcsibling a:hover{background:var(--accent-dk);transform:none}
#dc-calc .gate{background:rgba(17,31,50,.62)}
#dc-calc .gatebox{box-shadow:0 24px 70px rgba(17,31,50,.30)}
#dc-calc .gatebox input[type=text],#dc-calc .gatebox input[type=email]{border:1px solid var(--line)}
#dc-calc .gknown a{text-decoration-color:var(--accent)}
#dc-calc .gdone .tick{background:var(--accent);color:#fff}
@media print{
  #dc-calc .card.total{background:#F4F8FC;border-color:var(--ink)}
  #dc-calc .card.total .big,#dc-calc .card.total .big.warn{color:var(--ink)}
}

/* one content width: 1150px, like the rest of the site. Boxes that carry their
   own background sit on that width; plain containers get it via 24px padding. */
#dc-calc main > .full,#dc-calc main > .proof,#dc-calc main > .limits,#dc-calc main > .cta,#dc-calc .cta{
  width:calc(100% - 48px);max-width:1150px;margin-left:auto;margin-right:auto}
#dc-calc main > .full{padding:34px}
#dc-calc main > .proof{padding:44px 38px}
#dc-calc main > .limits{padding:30px}
#dc-calc .sources,#dc-calc .disclaimer{max-width:1198px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
@media(max-width:600px){#dc-calc main > .full,#dc-calc main > .proof,#dc-calc main > .limits{padding:24px 20px}}