@font-face{font-family:Outfit;src:url(outfit-400.ttf);font-weight:400;font-display:swap}
@font-face{font-family:Outfit;src:url(outfit-600.ttf);font-weight:600;font-display:swap}
@font-face{font-family:Outfit;src:url(outfit-700.ttf);font-weight:700;font-display:swap}
@font-face{font-family:Outfit;src:url(outfit-800.ttf);font-weight:800;font-display:swap}
:root{--display:Outfit,sans-serif;--body:Outfit,sans-serif;--mono:Outfit,sans-serif}
body,button,input,select,textarea{font-family:Outfit,sans-serif}
.wrap{width:min(1140px,calc(100% - 48px))}
.article-layout{grid-template-columns:minmax(0,790px) 250px;gap:52px}
.article-body{min-width:0;font-size:18px;line-height:1.75;overflow-wrap:break-word}
.article-hero h1{max-width:980px;font-size:clamp(36px,5.1vw,62px);line-height:1.06}
.article-body h2{font-size:clamp(28px,3vw,35px)}
.brand{font-size:26px;white-space:nowrap}.brand span{background:#8b5cf6}
.nav-links{gap:16px}.nav-links a{font-size:14px}
.calculation table{table-layout:fixed;font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums}
.calculation th{width:65%;text-align:left;font-weight:600;padding:10px 4px;border-bottom:1px dashed #94a3b8;overflow-wrap:anywhere}
.calculation td{padding:10px 4px;overflow-wrap:anywhere}
.calculation tr:last-child th{border-top:2px solid var(--border);border-bottom:0}
caption{text-align:left;font-weight:800;margin-bottom:12px;color:var(--fg)}
.calculation::before{content:'Listing facts / labelled assumptions'}
.toc a{font-size:14px}.sources p,.sources ol{font-size:15px}
.byline{font-size:14px}.dek{max-width:780px}.article-body section{scroll-margin-top:88px}
.article-body a:hover{color:var(--accent)}
.decision-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border:2px solid var(--border);border-radius:18px;background:var(--card);margin:24px 0;font-size:15px;line-height:1.4}
.decision-strip span{min-width:0}.decision-strip b{display:block;font-size:clamp(25px,3vw,39px);font-weight:800;color:var(--accent);margin-bottom:6px}
.retention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.retention-grid>div{display:flex;flex-direction:column;gap:10px;padding:20px 16px;border:2px solid var(--border);border-radius:16px;background:var(--card);font-size:15px;line-height:1.4}
.retention-grid b{font-size:34px;color:var(--accent);line-height:1.1}.retention-grid strong{font-size:17px}
.methodology{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 0;margin:30px 0;font-size:15px}.methodology summary{cursor:pointer;font-weight:700}.methodology p{margin-bottom:0}
@media(max-width:580px){.retention-grid{grid-template-columns:1fr}.retention-grid>div{gap:6px}.decision-strip{flex-direction:column;align-items:flex-start;padding:18px;gap:12px}.decision-strip span[aria-hidden]{font-size:24px;align-self:center}.decision-strip:not(.payroll) span[aria-hidden]{transform:rotate(90deg)}}
.field-note::before{content:'What it means for the buyer'}
.insights-theme-toggle{background:var(--card);box-shadow:3px 3px 0 #111827}
[data-theme=dark] .insights-theme-toggle{box-shadow:3px 3px 0 white}
[data-theme=dark] .calculation::before{color:#fbbf24}
[data-theme=dark] .field-note::before{color:#c4b5fd}
.article-card h3{font-size:29px}.article-card p{font-size:17px}.article-card .tag,.article-card .read{font-size:14px}
.production{max-width:860px}.production h2{margin-top:50px}.production h3{margin-top:30px}
.shot{padding:18px 22px;margin:18px 0;background:var(--card);border:2px solid var(--border);border-radius:16px}
.shot p{margin:8px 0}.shot b{color:var(--accent)}
.post{padding:22px;border-left:5px solid var(--accent);background:var(--muted);white-space:pre-line}
@media(max-width:1100px){.article-layout{grid-template-columns:1fr;max-width:820px}.toc{display:none}}
@media(max-width:880px){.nav-links a:last-child{position:static;margin-top:12px;width:fit-content}.call-float{position:fixed;bottom:20px;right:18px;z-index:40;background:var(--accent);color:white;padding:12px 16px;border:2px solid var(--border);border-radius:999px;box-shadow:3px 3px 0 var(--border);font-weight:700;text-decoration:none}}
@media(min-width:881px){.call-float{display:none}}
@media(max-width:580px){.wrap{width:calc(100% - 32px)}.article-body{font-size:17px}.calculation{padding:16px 12px}.calculation table{font-size:15px}.calculation th{width:61%}.brand{font-size:24px}.article-hero{padding:40px 0 32px}.article-layout{padding-top:24px}.shot{padding:16px}.call-float{font-size:14px}.article-body li{margin:14px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media print{.site-nav,.toc,.insights-theme-toggle,.call-float{display:none!important}.article-layout{display:block}.wrap{width:100%}.article-hero{padding:20px 0}.field-note,.calculation,.shot{break-inside:avoid;box-shadow:none}body{color:#111;background:white;padding:0}.article-body{font-size:11pt}}
