/* JustDuit shared design system. Layout-specific rules stay with each page. */
:root{--ink:#151a2d;--blue:#244be6;--green:var(--blue);--navy:var(--ink);--paper:#fff;--white:#fff;--muted:#596170;--line:#d8dce5;--coral:#ff816b;--pale:#eef1ff;--yellow:#f5f170;--font-sans:Arial,Helvetica,sans-serif;--font-mono:'Courier New',monospace;--shadow:4px 4px 0 var(--ink)}
body{font-family:var(--font-sans);line-height:1.7}h1,h2,h3,.monthly strong,.donut>span,.card-number,.risk-math strong,.calc-form .input-currency input{font-family:var(--font-sans)}
html{scroll-padding-top:100px}a{text-underline-offset:4px}button,input,select{font-family:inherit}button,input,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button:focus-visible,.button:focus-visible,.jd-menu:focus-visible{outline-color:var(--ink)}[hidden]{display:none!important}
.container,.wrap,.jd-wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}
.jd-header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:2px solid var(--ink)}.jd-header-row{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.jd-brand{display:inline-flex;align-items:center;gap:9px;font:900 30px/1 var(--font-sans);letter-spacing:-1.8px;text-decoration:none;color:var(--ink);white-space:nowrap}.jd-brand svg{width:29px;height:33px;flex-shrink:0;color:var(--blue)}.jd-wordmark{display:inline}.jd-dot{color:var(--blue)}
.jd-nav{display:flex;position:static;gap:28px;align-items:center;padding:0;background:transparent;border:0}.jd-nav>a{font-size:12px;font-weight:700;text-decoration:none;line-height:1.5;padding:8px 0}.jd-nav>a[aria-current=page]{color:var(--blue);box-shadow:0 2px 0 var(--blue)}.jd-nav>a:hover{color:var(--blue)}.jd-nav>a.jd-nav-cta{background:var(--ink);color:white;padding:12px 17px;border:2px solid var(--ink);box-shadow:none}.jd-nav>a.jd-nav-cta:hover{background:var(--blue)}.jd-menu{display:none;background:white;color:var(--ink);padding:10px 13px;border:1px solid var(--ink);font-size:12px;font-weight:700;min-height:44px}
.button,.hero-actions .button,.risk-copy .button,.copy{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:2px solid var(--ink);border-radius:0;background:var(--blue);color:white;padding:13px 19px;font:700 13px/1.4 var(--font-sans);text-decoration:none;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s;min-height:46px}.button:hover,.hero-actions .button:hover,.risk-copy .button:hover,.copy:hover{background:var(--blue);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.risk-copy .button{background:var(--ink)}
.eyebrow,.hero-topline,.hero-stamp,.panel-kicker,.badge,.tag,.edition{font-family:var(--font-mono)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;line-height:1.5}.eyebrow:before{display:none}
h2{font-weight:800;line-height:1.1;letter-spacing:-1.8px}.section-heading h2{margin-top:0}
.jd-byline{display:flex;align-items:center;gap:12px;margin-top:27px;text-align:left;font-size:11px;color:var(--muted);line-height:1.6}.jd-byline strong{font-size:12px;color:var(--ink)}.jd-avatar{display:grid;place-items:center;width:36px;height:36px;flex:none;background:var(--yellow);border:1px solid var(--ink);font:700 12px var(--font-mono)}.jd-byline a{font-size:11px}.page-personal .jd-byline{justify-content:center;margin-top:32px}
.jd-jump{display:grid;grid-template-columns:130px repeat(5,1fr);position:static;align-items:stretch;gap:0;padding:0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:white}.jd-jump>span{font:10px/1.5 var(--font-mono);letter-spacing:1px;padding:18px 12px 18px 0;align-self:center}.jd-jump>a{display:flex;align-items:center;gap:9px;border-left:1px solid var(--line);padding:19px 14px;font-size:12px;font-weight:700;text-decoration:none;line-height:1.4}.jd-jump>a:hover{background:var(--yellow);color:var(--ink)}.jd-jump b{font:11px var(--font-mono);color:var(--blue)}.page-personal .hero-promises{border-top:0;padding:23px 0}.page-personal .hero-center{padding-bottom:42px}
.calculator,.calccard{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.calc-results,.result{background:var(--ink)}.calc-top{font:700 14px var(--font-sans)}.calc-title h3{font-size:20px}.badge,.tag{background:var(--yellow);color:var(--ink);border:1px solid var(--ink);padding:4px 8px;font-size:10px}.calc-form label,.field label{font-size:13px;font-weight:700}.calc-form input:not([type=range]),.calc-form select,.inputwrap{border:1px solid #aeb6c8;background:#fff;border-radius:0;min-height:46px}.inputwrap input{min-height:46px}.result .cost-note{border-color:#48516f}.calc-form input:focus-visible,.calc-form select:focus-visible,.inputwrap:focus-within{outline:3px solid var(--blue);outline-offset:2px}.inputwrap input:focus-visible{outline:none}.money,.monthly strong{font-variant-numeric:tabular-nums}.money.lime{color:var(--yellow)}
.risk-section{background:var(--coral);border-block:2px solid var(--ink)}.risk-copy h2 span{color:var(--ink)}.risk-copy>.eyebrow{color:white;background:var(--ink)}.risk-copy>p:not(.eyebrow),.risk-math div span,.risk-callout span{color:#442e2b}.risk-callout{border-color:var(--ink)}.risk-math,.safety-line{border-color:#b95645}.infographic-preview{box-shadow:7px 7px 0 var(--ink)}.safety-line>span{color:var(--coral)}.num{color:var(--yellow)}.flowcard.last{background:var(--coral)}.sticky-copy{top:110px}
.faq-item summary,.faq-list summary{font-size:14px;font-weight:700;line-height:1.6}.faq-item p,.faq-list details p{font-size:14px;line-height:1.8}.faq-item:first-child{border-top:1px solid var(--ink)}.faq-item summary::-webkit-details-marker{display:none}
.jd-sources{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:36px 0;border-top:1px solid var(--ink);font-size:12px;color:var(--muted)}.jd-sources .eyebrow{color:var(--ink);margin:0 0 12px}.jd-sources h3{font-size:20px;color:var(--ink);line-height:1.3;margin-bottom:12px}.jd-source-links{display:grid;gap:12px}.jd-source-links a{font-size:12px;line-height:1.7}.jd-sources p{font-size:12px}
.jd-footer{background:var(--ink);color:white;padding:38px 0}.jd-footer-row{display:grid;grid-template-columns:1fr 1.7fr auto;gap:35px;align-items:center}.jd-footer .jd-brand{color:white}.jd-footer .jd-dot,.jd-footer .jd-brand svg{color:var(--yellow)}.jd-footer p{font-size:12px;color:#c4cbda;line-height:1.8}.jd-footer small{font:11px var(--font-mono);color:#c4cbda}.jd-footer-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:15px}.jd-footer-links a{font-size:12px;color:white}
@media(max-width:1000px){.container,.wrap,.jd-wrap{width:calc(100% - 48px)}.jd-nav{gap:18px}.jd-nav>a{font-size:11px}.jd-jump{grid-template-columns:110px repeat(5,1fr)}.jd-jump>a{font-size:11px;padding:18px 10px}.jd-sources{gap:40px}}
@media(max-width:800px){.jd-header-row{height:70px}.jd-brand{font-size:28px}.jd-menu{display:block}.jd-nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;border-bottom:2px solid var(--ink);padding:20px 24px;align-items:stretch;gap:8px}.jd-nav.open{display:flex;flex-direction:column}.jd-nav>a{padding:12px;font-size:14px}.jd-nav>a[aria-current=page]{box-shadow:none;background:var(--pale)}.jd-jump{grid-template-columns:repeat(5,1fr)}.jd-jump>span{display:none}.jd-jump>a{white-space:normal;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 10px}.jd-jump>a:first-of-type{border-left:0}.jd-footer-row{grid-template-columns:1fr 2fr}.jd-footer small{grid-column:1/-1}.jd-sources{gap:30px}}
@media(max-width:600px){.container,.wrap,.jd-wrap{width:calc(100% - 40px)}.jd-jump{grid-template-columns:repeat(3,1fr)}.jd-jump>a{flex-direction:row;align-items:center;font-size:11px;gap:7px;padding:14px 8px}.jd-jump>a:nth-of-type(n+4){border-top:1px solid var(--line)}.jd-jump>a:nth-of-type(4){border-left:0}.page-personal .hero-center{padding-bottom:30px}.page-personal .jd-byline{font-size:10px;margin-top:27px}.jd-byline strong{font-size:11px}.hero-promises{gap:12px}.button,.hero-actions .button,.risk-copy .button{font-size:12px;padding:13px 16px;gap:22px}.calc-title{flex-direction:row;align-items:center}.calc-title h3{font-size:18px}.badge{font-size:9px}.jd-sources{grid-template-columns:1fr;gap:24px;padding:30px 0}.jd-footer-row{grid-template-columns:1fr;gap:22px}.jd-footer small{grid-column:auto}.infographic-preview{box-shadow:5px 5px 0 var(--ink)}.sticky-copy{position:static}.money{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media print{.jd-header,.jd-jump,.jd-menu{display:none}.jd-footer{background:white;color:black}.jd-footer p,.jd-footer small,.jd-footer .jd-brand{color:black}.jd-wrap{width:100%}.sticky-copy{position:static}}