:root{
--ground:#EDF0F3; --surface:#FFFFFF; --sunk:#E2E7EC; --ink:#16202E; --muted:#566275;
--line:#CBD3DC; --accent:#2B4C9B; --accent-soft:#E3E9F7; --on-accent:#FFFFFF;
--up:#A8461A; --down:#1B6E4C; --mand:#7A2E52;
--display:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
--body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--mono:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]){
--ground:#0F141C; --surface:#182130; --sunk:#121A26; --ink:#E6EAF0; --muted:#97A4B7;
--line:#2C384A; --accent:#8EA8F0; --accent-soft:#22304F; --on-accent:#0F141C;
--up:#F0955C; --down:#5FCB9B; --mand:#E08AB4;
}
}
:root[data-theme="dark"]{
--ground:#0F141C; --surface:#182130; --sunk:#121A26; --ink:#E6EAF0; --muted:#97A4B7;
--line:#2C384A; --accent:#8EA8F0; --accent-soft:#22304F; --on-accent:#0F141C;
--up:#F0955C; --down:#5FCB9B; --mand:#E08AB4;
}
*{box-sizing:border-box}
.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:28px;align-items:start}
.questions{display:flex;flex-direction:column;gap:14px}
fieldset{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:0;padding:18px;display:block;min-width:0}
fieldset > * + *{margin-top:12px}
legend{float:left;width:100%;padding:0;margin:0 0 12px;font-family:var(--display);font-weight:500;font-size:20px;line-height:1.2}
legend + *{clear:both;margin-top:0}
fieldset::after{content:"";display:block;clear:both}
.hint{margin:0;color:var(--muted);font-size:14px}
.opts{display:flex;flex-direction:column;gap:6px}
.opt{position:relative;display:flex}
.opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.opt span.box{flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:15px}
.opt:hover span.box{border-color:var(--accent)}
.opt input:checked + span.box{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.opt input:focus-visible + span.box{outline:2px solid var(--accent);outline-offset:2px}
.opt small{display:block;color:var(--muted);font-size:13px}
.tag{font-family:var(--mono);font-size:13px;white-space:nowrap;color:var(--muted)}
.tag.up{color:var(--up)} .tag.down{color:var(--down)} .tag.mand{color:var(--mand)}
.sub{border-left:2px solid var(--mand);padding-left:12px;display:flex;flex-direction:column;gap:6px}
.money{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.money label{font-size:14px;color:var(--muted)}
.money .field{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;background:var(--surface);padding-left:10px;font-family:var(--mono)}
.money input{border:0;background:transparent;color:var(--ink);font:inherit;padding:10px 10px 10px 4px;width:150px;max-width:100%}
.money input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:5px}
.steppers{display:flex;flex-direction:column;gap:8px}
.stepper{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px}
.stepper .ctl{display:flex;align-items:center;gap:6px;flex-shrink:0}
.stepper button{width:34px;height:34px;border-radius:7px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:18px;cursor:pointer;font-family:var(--mono)}
.stepper button:hover{border-color:var(--accent)}
.stepper button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.stepper output{font-family:var(--mono);width:26px;text-align:center}
.result{position:sticky;top:calc(env(safe-area-inset-top,0px) + 16px);display:flex;flex-direction:column;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px;max-height:calc(100vh - 32px);overflow:auto}
.result > *{flex-shrink:0}
.result h2{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}
.big{font-family:var(--display);font-weight:700;font-size:clamp(28px,4vw,38px);line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
.big em{font-style:normal;color:var(--muted);font-weight:500}
.months{font-family:var(--mono);font-size:14px;color:var(--muted)}
.served{font-size:14px;margin:0}
.bar{display:flex;flex-direction:column;gap:6px}
.track{position:relative;height:22px;background:var(--sunk);border-radius:4px}
.seg{position:absolute;top:0;bottom:0;border-radius:4px}
.seg.g{background:var(--accent)} .seg.m{background:var(--mand)}
.minline{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink)}
.barkey{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:var(--muted)}
.barkey i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.barkey i.line{width:2px;height:12px;background:var(--ink)}
.ledger{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;font-size:14.5px}
.ledger li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:7px 0;border-bottom:1px solid var(--line)}
.ledger li .cite{grid-column:1;font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.ledger li .n{grid-row:1 / span 2;grid-column:2;align-self:center;font-family:var(--mono);font-variant-numeric:tabular-nums}
.ledger li.total{border-bottom:0;font-weight:600;padding-top:10px}
.n.up{color:var(--up)} .n.down{color:var(--down)} .n.mand{color:var(--mand)}
.tablewrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums}
th,td{padding:5px 4px;text-align:center;border:1px solid var(--line);white-space:nowrap}
th{color:var(--muted);font-weight:500;background:var(--sunk)}
td.hit{background:var(--accent);color:var(--on-accent);font-weight:500}
tr.row th{color:var(--ink)}
.notes{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;font-size:13.5px;color:var(--muted)}
.notes li{padding-left:12px;border-left:2px solid var(--line)}
.fine{font-size:13px;color:var(--muted);max-width:80ch;margin:0}
.mobilebar{display:none}
@media (max-width:860px){
.layout{grid-template-columns:minmax(0,1fr)}
.result{position:static;max-height:none;overflow:visible}
.mobilebar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--ink);color:var(--ground);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));justify-content:space-between;align-items:center;gap:12px}
.mobilebar b{font-family:var(--display);font-size:17px;line-height:1.15}
.mobilebar a{color:var(--ground);font-size:13px;white-space:nowrap}
}
@media (prefers-reduced-motion:no-preference){.seg{transition:left .25s,width .25s}}
.step{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:10px 0 -4px}
.banner{margin:0;padding:12px 14px;border-radius:8px;background:var(--accent-soft);font-size:14.5px}
.pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px}
.money select{border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font:inherit;font-family:var(--mono);padding:10px}
.money select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.private{font-size:13.5px;color:var(--muted);margin:0}
.search input{width:100%;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font:inherit;padding:11px 12px}
.search input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pick1{display:flex;flex-direction:column;gap:6px}
.pickbtn{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font:inherit;font-size:15px;cursor:pointer}
.pickbtn b{font-weight:500;display:block}
.pickbtn small{display:block;color:var(--muted);font-size:13px}
.pickbtn:hover{border-color:var(--accent)}
.pickbtn:focus-visible,.mini:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pickbtn.on{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.badge{font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:99px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.badge.ok{color:var(--down);border-color:var(--down)}
details summary{cursor:pointer;font-size:15px;padding:6px 0}
details.cat{border-top:1px solid var(--line)}
details.cat .pick1{padding:4px 0 12px}
.dlist{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.mini{border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--accent);font:inherit;font-size:14px;padding:8px 12px;cursor:pointer}
.mini:hover{border-color:var(--accent)}
.money select{max-width:100%}
.tabs{display:flex;flex-wrap:wrap;gap:6px;position:sticky;top:env(safe-area-inset-top,0px);z-index:3;background:var(--ground);padding:8px 0}
.tab{border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font:inherit;font-size:14px;padding:8px 12px;cursor:pointer;text-align:left}
.tab small{display:block;color:var(--muted);font-size:12px}
.tab.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)} .tab.on small{color:var(--on-accent);opacity:.85}
.tab.add{color:var(--accent);border-style:dashed} .tab.rm{color:var(--muted)}
.tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ledger li.hdr{grid-template-columns:minmax(0,1fr) auto;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:14px}
.ledger li.hdr .cite{grid-column:2;grid-row:1;text-transform:none;letter-spacing:0}
[hidden]{display:none!important}
:root{--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6}
a{color:var(--accent);text-underline-offset:2px}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:16px;top:8px;z-index:20;background:var(--surface);padding:8px 12px;border-radius:6px}
.gutter{padding-inline:16px}
.site-head{background:var(--surface);border-bottom:1px solid var(--line)}
.site-head .in{max-width:1120px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:var(--serif);font-weight:700;font-size:19px;letter-spacing:-.01em}
.brand svg{width:26px;height:26px;flex-shrink:0}
.site-nav{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:15px}
.site-nav a{color:var(--ink);text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}
.site-nav a:hover,.site-nav a[aria-current="page"]{border-bottom-color:var(--accent)}
main{max-width:1120px;margin-inline:auto;padding-block:20px 56px;display:flex;flex-direction:column;gap:28px}
.crumbs{font-size:14px;color:var(--muted)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.crumbs li+li:before{content:"/";margin-right:4px;color:var(--line)}
.crumbs a{color:var(--muted)}
.hero{display:flex;flex-direction:column;gap:12px;max-width:780px}
.hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(32px,5.2vw,50px);line-height:1.06;margin:0;letter-spacing:-.015em;text-wrap:balance}
.lede{font-size:clamp(17px,2.1vw,19px);margin:0;max-width:66ch}
.meta{font-size:14px;color:var(--muted);margin:0;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}
.meta .badge{font-size:11px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.fact{background:var(--surface);padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.fact .k{font-size:13.5px;font-weight:600;color:var(--muted)}
.fact .v{font-family:var(--serif);font-weight:700;font-size:24px;line-height:1.15;font-variant-numeric:tabular-nums}
.fact .s{font-size:13.5px;color:var(--muted)}
.calc-wrap{display:flex;flex-direction:column;gap:12px}
.calc-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.calc-head h2{font-family:var(--serif);font-size:26px;margin:0}
.calc-head p{margin:0;font-size:14px;color:var(--muted)}
.content{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;align-items:start}
.content article{min-width:0;max-width:760px;display:flex;flex-direction:column;gap:6px}
.content article h2{font-family:var(--serif);font-size:clamp(24px,3vw,30px);line-height:1.2;margin:30px 0 6px;text-wrap:balance;letter-spacing:-.01em}
.content article h2:first-child{margin-top:0}
.content article h3{font-size:18px;margin:18px 0 4px}
.content article p{margin:0 0 12px}
.toc{position:sticky;top:16px;font-size:14px;border-left:2px solid var(--line);padding-left:14px;display:flex;flex-direction:column;gap:6px}
.toc b{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:500}
.toc a{color:var(--ink);text-decoration:none}
.toc a:hover{color:var(--accent)}
.points,.steps{margin:0 0 12px;padding-left:22px;display:flex;flex-direction:column;gap:10px}
.small{font-size:14px;color:var(--muted)}
.tbl{overflow-x:auto;margin:4px 0 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.tbl table{font-family:var(--body);font-size:15px;border-collapse:collapse;width:100%}
.tbl th,.tbl td{text-align:left;white-space:normal;padding:9px 12px;border:0;border-bottom:1px solid var(--line);vertical-align:top}
.tbl tr:last-child td{border-bottom:0}
.tbl th{background:var(--sunk);color:var(--muted);font-weight:600;font-size:13px}
.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl td.lv{font-family:var(--mono);font-size:14px;white-space:nowrap}
.tbl td.how{font-size:13.5px;color:var(--muted)}
.tbl.grid td,.tbl.grid th{text-align:center;font-family:var(--mono);font-size:12.5px;padding:6px 6px;white-space:nowrap}
.tbl.grid td:first-child,.tbl.grid th:first-child{font-weight:600}
.faq{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{font-weight:600;font-size:17px;padding:12px 0 12px 26px;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:before{content:"";position:absolute;left:4px;top:21px;width:7px;height:7px;border:solid var(--accent);border-width:0 2px 2px 0;transform:rotate(-45deg)}
.faq details[open] > summary:before{transform:rotate(45deg);top:18px}
.faq details p{margin:0 0 14px}
.linkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:4px 0 12px;padding:0;list-style:none}
.linkgrid a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-decoration:none;color:var(--ink);height:100%}
.linkgrid a:hover{border-color:var(--accent)}
.linkgrid small{color:var(--muted);font-size:13px}
.linkgrid .badge{align-self:flex-start;margin-top:4px}
.catlist{columns:2 320px;column-gap:40px}
.catlist section{break-inside:avoid;margin:0 0 22px}
.catlist h3{font-family:var(--serif);font-size:20px;margin:0 0 6px}
.catlist ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:15.5px}
.catlist .badge{margin-left:6px;vertical-align:1px}
.note-box{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;padding:14px 16px;font-size:15px}
.note-box.warn{border-left-color:var(--up)}
.sources{font-size:14px;color:var(--muted);padding-left:20px}
.share{display:flex;flex-direction:column;gap:6px}
.share button{align-self:flex-start;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--accent);font:inherit;font-size:14px;padding:8px 12px;cursor:pointer}
.share button:hover{border-color:var(--accent)}
.share p{margin:0;font-size:13px;color:var(--muted);word-break:break-all}
.site-foot{background:var(--surface);border-top:1px solid var(--line);margin-top:24px}
.site-foot .in{max-width:1120px;margin-inline:auto;padding-block:28px 40px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px;font-size:14px;color:var(--muted)}
.site-foot p{margin:0 0 10px}
.site-foot nav{display:flex;flex-direction:column;gap:6px}
.site-foot a{color:var(--ink)}
.ad-slot{display:none}
.ad-slot.is-live{
display:flex;flex-direction:column;align-items:center;gap:10px;
container-type:inline-size;
margin:44px 0 10px;padding:14px 0 20px;
border-top:1px solid var(--line);border-bottom:1px solid var(--line);
opacity:0;transition:opacity .32s ease
}
.ad-slot .ad-label{
font-family:var(--mono);font-size:11px;line-height:16px;letter-spacing:.12em;
text-transform:uppercase;color:var(--muted)
}
.ad-slot ins.adsbygoogle{display:block;width:300px;height:250px;overflow:hidden}
@container (min-width:728px){.ad-slot ins.adsbygoogle{width:728px;height:90px}}
@container (max-width:299.98px){.ad-slot ins.adsbygoogle{width:250px;height:250px}}
.ad-slot.is-filled{opacity:1}
.ad-slot.is-unfilled{display:none}  
.ad-slot[data-placement="mid_guide"].is-live{margin:36px 0 30px}
@media (prefers-reduced-motion:reduce){.ad-slot.is-live{transition:none}}
@media (max-width:980px){.content{grid-template-columns:minmax(0,1fr)}.toc{display:none}}
@media (max-width:700px){
.site-head .in{display:block;padding-block:10px 0}
.site-nav{flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;gap:0 22px;margin-inline:-16px;padding:4px 44px 0 16px;
scrollbar-width:none;-webkit-overflow-scrolling:touch;
-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 36px),transparent)}
.site-nav::-webkit-scrollbar{display:none}
.site-nav a{flex:none;padding:7px 0 9px}
}
@media (max-width:860px){body.has-calc{padding-bottom:84px}.site-foot .in{grid-template-columns:minmax(0,1fr)}}
.calc-disclaimer{margin:-8px 0 0;font-size:12.5px;line-height:1.45;color:var(--muted)}
.calc-disclaimer a{color:var(--muted)}
:root{color-scheme:light dark}
:root[data-theme="light"]{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark}
:root{--field:#7D8898}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--field:#66748A}}
:root[data-theme="dark"]{--field:#66748A}
.search input,.money .field,.money select{border-color:var(--field)}
.opt span.box{position:relative;padding-left:38px}
.opt span.box:before{content:"";position:absolute;left:12px;top:13px;width:16px;height:16px;border:1.5px solid var(--field);background:var(--surface);box-sizing:border-box}
.opt input[type=radio] + span.box:before{border-radius:50%}
.opt input[type=checkbox] + span.box:before{border-radius:4px}
.opt input:checked + span.box:before{border-color:var(--accent)}
.opt input[type=radio]:checked + span.box:before{background:var(--accent);box-shadow:inset 0 0 0 3px var(--surface)}
.opt input[type=checkbox]:checked + span.box:before{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.tbl:focus-visible,.tablewrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tbl td.num .small,.tbl th.num{white-space:normal}
.tbl.hist td.num{white-space:normal;text-align:center}
.tbl.hist th.num{text-align:center}
.tbl td.rule{white-space:nowrap}
@media (min-width:601px){.tbl th.num{min-width:6em}}
.calc-head h2{line-height:1.2}
.pickbtn{flex-wrap:wrap}
.pickbtn > span:first-child{flex:1 1 15em;min-width:0}
:root{--bar-bg:var(--ink);--bar-fg:var(--ground)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bar-bg:#22304F;--bar-fg:#E6EAF0}}
:root[data-theme="dark"]{--bar-bg:#22304F;--bar-fg:#E6EAF0}
.mobilebar{background:var(--bar-bg);color:var(--bar-fg);box-shadow:0 -1px 0 var(--line)}
.mobilebar b{text-wrap:balance}
.mobilebar a{color:var(--bar-fg)}
.mobilebar a:focus-visible{outline-color:var(--bar-fg)}
.dlist{align-items:stretch}
.dlist > .mini{align-self:flex-start}
.dlist .money select{min-width:0}
.money input:focus,.money input:focus-visible{outline:none}
.money .field:focus-within{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}
.money select{-webkit-appearance:none;appearance:none;padding-right:34px;background-color:var(--surface);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5l4.5 4.5 4.5-4.5' fill='none' stroke='%237D8898' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right 12px center;background-size:11px 7px}
@media (max-width:860px){html:has(body.has-calc){scroll-padding-bottom:96px}}
html:has(.tabs){scroll-padding-top:80px}
@media (max-width:600px){
.tbl th,.tbl td{padding:8px 9px}
.tbl table{font-size:14.5px}
.result{padding:16px}
.result th,.result td{padding:4px 2px;font-size:11px}
.tbl.grid td,.tbl.grid th{padding:5px 4px;font-size:11.5px}
.tbl td.lv{white-space:normal}
.tbl.ex table{min-width:560px}
.catlist ul{gap:10px}
.opt .tag{white-space:normal;text-align:right;max-width:7.5em}
.tab{padding:6px 10px}
html:has(.tabs){scroll-padding-top:140px}
}
:root{--shade:rgba(22,32,46,.34)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--shade:rgba(0,0,0,.7)}}
:root[data-theme="dark"]{--shade:rgba(0,0,0,.7)}
.tbl,.tablewrap{background:
linear-gradient(to right,var(--surface) 30%,rgba(255,255,255,0)) left center/40px 100% no-repeat local,
linear-gradient(to left,var(--surface) 30%,rgba(255,255,255,0)) right center/40px 100% no-repeat local,
radial-gradient(farthest-side at 0 50%,var(--shade),transparent) left center/18px 100% no-repeat scroll,
radial-gradient(farthest-side at 100% 50%,var(--shade),transparent) right center/18px 100% no-repeat scroll,
var(--surface)}
.tbl.grid td:first-child,.tbl.grid th:first-child{position:sticky;left:0;z-index:1}
.tbl.grid td:first-child{background:var(--surface);box-shadow:inset -1px 0 0 var(--line)}
.tbl.grid th:first-child{box-shadow:inset -1px 0 0 var(--line)}
.tabs{box-shadow:0 1px 0 var(--line)}
.search input{text-overflow:ellipsis}
.site-foot nav a{padding-block:3px}
.catlist li > a{display:inline-block;padding-block:3px}
.mobilebar a{padding-block:4px}
@media (scripting: enabled){
.questions:has(> noscript){min-height:2400px}   
.big:empty{min-height:2.16em}
.months:empty{min-height:21px}
.barkey:empty{min-height:19px}
.served:empty{min-height:84px}
.ledger:empty{min-height:240px}
#mbar:empty{min-height:20px}
}