/* Benefits and money (/benefits/), 9 Nov 2026. Uses the atlas.css tokens, so light, dark and display settings carry over. */
.bn .shead-in{background:var(--sun);color:#06222E}
.bn .shead-in h1{color:#06222E;font-size:clamp(30px,4vw,48px);margin:0 0 10px}
.bn .shead .lede{max-width:64ch}
.bn .shead .lede a{color:#06222E}
.bn-crumbs{max-width:var(--pagemax);margin:14px auto 0;padding:0 20px;font-size:15px;color:var(--ink-3)}
.bn-crumbs a{color:var(--ink-2)}
.bn .sec{padding:30px 0}
.bn h2{font-size:clamp(24px,2.6vw,32px);margin:0 0 12px;scroll-margin-top:90px}
.bn h3{font-size:20px;margin:0 0 8px}
.bn .sec p,.bn .sec li,.bn .sec dd{max-width:var(--measure)}
.bn-cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.bn-cols>div{min-width:0}
@media (max-width:980px){.bn-cols{grid-template-columns:1fr;gap:0}}
.bn-toc{background:var(--sunk);border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;margin:24px 0 0}
.bn-toc p{margin:0 0 6px;font-weight:700}
.bn-toc ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px}
.bn-rel{position:sticky;top:20px;margin:30px 0;background:var(--accent-wash);border-radius:var(--r-lg);padding:22px 24px}
.bn-rel h2{font-size:21px}
.bn-rel ul{margin:0;padding-left:18px}
.bn-rel li{margin:6px 0}
.bn-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;margin:8px 0 14px}
.bn-facts>div{background:var(--surface);border:2px solid var(--ink);border-radius:var(--r);padding:16px 18px}
.bn-facts b{display:block;font:800 30px/1.05 var(--display);letter-spacing:-.02em;margin-bottom:6px}
.bn-facts span{color:var(--ink-2);font-size:15.5px}
.bn-note,.bn-small{color:var(--ink-3);font-size:15px}
.bn-src{color:var(--ink-3);font-size:14.5px;border-top:1px solid var(--line);padding-top:14px;margin-top:10px}
.bn-report{font-size:15px}
.bn-grid{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.bn-card{display:block;height:100%;background:var(--accent-wash);border-radius:var(--r-lg);padding:22px 24px;color:var(--ink);text-decoration:none;border:2px solid transparent}
.bn-card:hover{border-color:var(--ink)}
.bn-card.tool{background:var(--sun-wash)}
.bn-card p{margin:0;color:var(--ink-2);font-size:16px}
.bn-card-lg{background:var(--sunk);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 24px;margin-top:14px}
.bn-list{padding-left:20px}
.bn-list li{margin:8px 0}
.bn-steps{padding-left:22px}
.bn-steps li{margin:10px 0}
.bn-dl{margin:0}
.bn-dl>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:4px 20px;padding:14px 0;border-bottom:1px solid var(--line-soft)}
.bn-dl dt{font-weight:700}
.bn-dl dd{margin:0}
@media (max-width:640px){.bn-dl>div{grid-template-columns:1fr}}
.bn-vs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bn-vs>div{background:var(--sunk);border-radius:var(--r-lg);padding:20px 22px}
.bn-vs ul{padding-left:18px;margin:0}
@media (max-width:760px){.bn-vs{grid-template-columns:1fr}}
.bn-tbl th,.bn-tbl td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
.bn-tbl td.n{white-space:nowrap}
.bn-tbl caption{text-align:left;color:var(--ink-3);font-size:14.5px;padding-bottom:8px}
.bn-alarm{background:var(--stop-wash);border-left:6px solid var(--stop);border-radius:var(--r);padding:16px 20px;margin:12px 0}
.bn-alarm.soft{background:var(--warn-wash);border-color:var(--warn)}
.bn-alarm ul{padding-left:20px}
.bn-stj{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px}
.bn-stj label{font-weight:700}
.bn-stj select{min-height:48px;border-radius:12px;border:2px solid #06222E;padding:0 12px;font:inherit;background:#fff;color:#06222E;min-width:220px}
.bn .sec .bn-stj select{border-color:var(--ink);background:var(--surface);color:var(--ink)}
.bn-stj .btn{border-color:#06222E;background:#06222E;color:#fff}
.bn-upd,.bn-tl{list-style:none;padding:0;margin:0}
.bn-upd li{padding:10px 0;border-bottom:1px solid var(--line-soft)}
.bn-upd time,.bn-tl time{display:inline-block;font-weight:700;color:var(--area-ink);min-width:170px}
.bn-tl li{border-left:4px solid var(--brand);padding:4px 0 14px 18px;margin-left:6px}
.bn-tl h3{margin:4px 0}
.bn-states{list-style:none;padding:0;margin:0;columns:4 200px;column-gap:24px}
.bn-states li{padding:5px 0;break-inside:avoid}
.bn-form fieldset{border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;margin:0 0 14px}
.bn-form legend{font-weight:700;padding:0 6px}
.bn-form select,.bn-form input:not([type=checkbox]){min-height:46px;border-radius:12px;border:2px solid var(--field);padding:0 12px;font:inherit;background:var(--surface);color:var(--ink);width:100%}
.bn-form #scr-st{max-width:340px}
.bn-ck{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:2px 18px 2px 0;cursor:pointer}
.bn-ck input{width:22px;height:22px;accent-color:var(--brand-deep)}
.bn-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}
.bn-row p,.bn-form>p{margin:0 0 10px}
.bn-form label:not(.bn-ck){display:block;font-weight:700;margin-bottom:4px}
@media (max-width:760px){.bn-row{grid-template-columns:1fr 1fr}}
.bn-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0}
.bn-bar label.btn{margin:0}
.btn.ghost{border-color:var(--line);background:transparent}
.bn-res li{margin:0 0 14px;padding:14px 18px;background:var(--sunk);border-radius:var(--r);max-width:none}
.bn-res li b{display:block;font-size:18px}
.bn-res .why{color:var(--ink-2);display:block;margin:4px 0}
.bn-res .auto{display:inline-block;background:var(--ok-wash);color:var(--ok);font-weight:700;border-radius:999px;padding:2px 10px;font-size:14px;margin-left:6px}
.trk-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--r);margin:0 0 10px;background:var(--surface)}
.trk-item.done{opacity:.7}
.trk-item.late{border-color:var(--stop);border-width:2px}
.trk-item h3{margin:0;font-size:18px}
.trk-item .meta{color:var(--ink-3);font-size:15px}
.trk-item .acts{display:flex;flex-wrap:wrap;gap:6px;align-items:start}
.trk-item .acts .btn,.trk-item select{min-height:40px;padding:6px 12px;font-size:15px}
.bn-ckl ul{list-style:none;padding:0;margin:0}
.bn-ckl li{border-bottom:1px solid var(--line-soft)}
@media print{.gbar,.announce,.foot,.bn-bar,.bn-rel,.bn-crumbs,.bn-form,.util,.utilrow,.skip,.famband{display:none!important}.bn .shead-in{background:none!important;padding:0}.trk-item{break-inside:avoid}}
