@font-face{font-family:"Geist";src:url(/assets/fonts/Geist-Variable-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Fraunces";src:url(/assets/fonts/Fraunces-Variable-latin.woff2) format("woff2");font-weight:600 700;font-display:swap}
:root{
  --ink:#12202F;--ink-2:#3D4855;--muted:#5A6573;--line:#E2E5DF;--field:#C9CFC6;--bg:#F5F6F3;--card:#FFFFFF;
  --green:#0B6E4F;--green-ink:#0A5C42;--green-tint:#E3F1EB;--result:#0F2A22;--result-2:#B9D8CB;--result-line:#3E6457;
  --link:#1F4FB8;--link-hover:#153A8A;--warn-bg:#FFF4E2;--warn-line:#F0D3A1;--warn-ink:#4A3712;
  --c-take:#5FD3A4;--c-fit:#F2B04B;--c-ss:#8FB4FF;--c-med:#E7ECEA;--c-pre:#C7A6FF;--c-state:#F27C9B;--c-prog:#FF9E8A;
  --radius:16px;--font:"Geist",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--serif:"Fraunces",Georgia,serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.5}
a{color:var(--link)}a:hover{color:var(--link-hover)}
.num,.money{font-variant-numeric:tabular-nums lining-nums}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:10}
.wrap{max-width:1200px;margin:0 auto;padding:0 18px}
h1,h2{font-family:var(--serif);letter-spacing:-.3px;line-height:1.12}
h1{font-size:clamp(29px,5vw,45px);margin:6px 0 0}
h2{font-size:clamp(23px,3vw,27px);margin:0 0 6px}
h3{font-size:17px;margin:0}
/* header */
.site-head{background:var(--card);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;padding-bottom:12px}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-family:var(--serif);font-weight:700;font-size:21px}
.brand b{color:var(--green)}
.nav{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:16px}
.nav a{color:var(--ink-2);text-decoration:none;padding:10px 0}.nav a[aria-current]{color:var(--ink);font-weight:600}
.crumbs{font-size:15px;color:var(--muted);margin-top:22px}.crumbs a{color:var(--muted)}
.lede{font-size:18px;color:var(--ink-2);max-width:680px;margin:10px 0 0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chip{padding:6px 11px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink-2);font-size:14px}
.chip.ok{background:var(--green-tint);border-color:var(--green-tint);color:var(--green-ink);font-weight:600}
/* calculator */
.calc{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;align-items:flex-start}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.calc form{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:16px}
.calc .out{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:14px;position:sticky;top:12px}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
label,.legend{font-size:15px;font-weight:600}
.hint{font-size:13.5px;color:var(--muted);font-weight:400}
input[type=text],input[type=date],input[type=search],select{height:48px;width:100%;border:1px solid var(--field);border-radius:10px;padding:0 12px;font:inherit;font-size:17px;color:var(--ink);background:#fff}
input:focus,select:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8FB4FF;outline-offset:1px}
.money-in{position:relative}.money-in span{position:absolute;left:12px;top:12px;color:var(--muted)}
.money-in input{padding-left:24px;font-variant-numeric:tabular-nums}
.seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--field);border-radius:10px;overflow:hidden}
.seg button{height:46px;border:0;background:#fff;color:var(--ink-2);font:inherit;font-size:16px;cursor:pointer}
.seg button[aria-pressed=true]{background:var(--green);color:#fff;font-weight:600}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--field);background:#fff;color:var(--ink-2);font:inherit;font-size:14px;cursor:pointer}
.pill:hover{border-color:var(--green)}
.check{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:400;font-size:16px}
.check input{width:20px;height:20px;accent-color:var(--green)}
fieldset.stbox{border:1px solid var(--line);border-radius:10px;padding:12px 14px 14px;margin:0}fieldset.stbox legend{padding:0 6px}
details.more{border:1px solid var(--line);border-radius:10px;background:var(--bg)}
details.more>summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-weight:600;cursor:pointer;list-style:none}
details.more>summary::-webkit-details-marker{display:none}
details.more>summary::after{content:"+";font-size:21px;color:var(--muted)}details.more[open]>summary::after{content:"\2212"}
details.more>.inner{padding:4px 14px 16px;display:flex;flex-direction:column;gap:14px;background:#fff;border-top:1px solid var(--line);border-radius:0 0 10px 10px}
.rates .ratebox{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;align-items:end}
.btn-ghost{height:42px;border:1px dashed #9AA39A;border-radius:10px;background:#fff;color:var(--link);font:inherit;font-size:15px;font-weight:600;cursor:pointer;padding:0 12px}
.icon-btn{height:44px;width:44px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font-size:19px;color:var(--muted)}
/* result */
.result{background:var(--result);color:#fff;border-radius:var(--radius);padding:22px}
.result .k{font-size:15px;color:var(--result-2)}
.result .big{font-size:clamp(39px,6vw,51px);font-weight:650;letter-spacing:-1px;margin-top:2px;font-variant-numeric:tabular-nums}
.bar{display:flex;height:12px;border-radius:999px;overflow:hidden;margin-top:16px;background:#24453A}
.bar span{display:block;height:100%}
.result dl{margin:16px 0 0;display:flex;flex-direction:column;gap:9px;font-size:16px}
.result dl div{display:flex;justify-content:space-between;gap:12px}
.result dt{display:flex;align-items:center;gap:8px}.result dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.result dl .muted{color:var(--result-2)}
.sw{width:10px;height:10px;border-radius:3px;flex:0 0 auto}
.result .actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}
.result .actions button{height:46px;border-radius:10px;border:1px solid var(--result-line);background:transparent;color:#fff;font:inherit;font-size:15px;cursor:pointer}
.result .actions button.primary{background:#fff;color:var(--result);border-color:#fff;font-weight:600;grid-column:1/-1}
.yearline{margin-top:12px;font-size:15px;color:var(--result-2)}
.notice{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-ink);border-radius:12px;padding:12px 14px;font-size:15px}
.notice[hidden]{display:none}
.fine{font-size:13.5px;color:var(--muted);line-height:1.45;margin:0}
/* math trace */
.math{display:none}.math.open{display:block}
.math ol{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.math li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:26px 1fr auto;gap:4px 12px;align-items:start}
.math .n{width:26px;height:26px;border-radius:8px;background:var(--green-tint);color:var(--green-ink);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}
.math .t{font-weight:600;font-size:16px}.math .c{grid-column:2/4;font-size:14.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.math .r{font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
.math .s{grid-column:2/4;font-size:13.5px}
.math li.strong{background:var(--green-tint);border-color:#BFDCCD}
/* content */
.section{margin-top:32px}
.grid2{display:flex;flex-wrap:wrap;gap:20px}.grid2>*{flex:1 1 340px;min-width:0}
.tablebox{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
th{text-align:left;color:var(--muted);font-weight:600;padding:10px 8px;border-bottom:1px solid var(--line)}
td{padding:12px 8px;border-bottom:1px solid #EEF0EC;vertical-align:top}
td.num{white-space:nowrap}
.faq{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.faq p{margin:6px 0 0;font-size:16px;color:var(--ink-2)}
.states{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px 16px;font-size:16px}
.states .soon{color:var(--muted)}
.ad{min-height:280px;display:flex;align-items:center;justify-content:center}
.prose{max-width:760px}.prose p,.prose li{font-size:17px;color:var(--ink-2)}
.prose h2{margin-top:28px}
/* footer */
.site-foot{margin-top:40px;background:var(--ink);color:#EEF2F6;font-size:17px}
.site-foot .wrap{display:flex;flex-direction:column;gap:22px;padding-top:26px;padding-bottom:30px}
.site-foot a{color:#fff;font-weight:500;text-decoration:none}.site-foot a:hover{text-decoration:underline}
.site-foot p{margin:0;max-width:640px}
.foot-cols{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:22px 32px}.site-foot .foot-about{max-width:none;font-size:16px;line-height:1.65;color:#EEF2F6}.site-foot .foot-about a{text-decoration:underline;text-underline-offset:2px}
.site-foot nav{display:flex;flex-direction:column;gap:11px}
.site-foot .foot-h{font-weight:700;color:#7EDDB4;text-transform:uppercase;letter-spacing:.07em;font-size:15px;margin-bottom:3px}
@media (max-width:900px){.foot-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.site-foot .foot-about{grid-column:1/-1;order:9;border-top:1px solid rgba(255,255,255,.15);padding-top:16px}}
@media (max-width:700px){.foot-cols{grid-template-columns:1fr 1fr}.foot-cols nav:first-of-type{grid-column:1/-1}}
/* sticky take-home bar on phones and tablets, hidden while the full result is on screen */
.minibar{display:none}
@media (max-width:900px){
  .minibar{position:fixed;left:12px;right:12px;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:8px 16px;border-radius:14px;background:var(--result);color:#fff;text-decoration:none;box-shadow:0 6px 20px rgba(15,42,34,.28);transition:opacity .2s,transform .2s}
  .minibar span{font-size:14px;color:var(--result-2)}.minibar b{font-size:21px;font-weight:650;font-variant-numeric:tabular-nums;margin-right:auto}
  .minibar.off{opacity:0;transform:translateY(12px);pointer-events:none}
  body{padding-bottom:84px}
}
@media (prefers-reduced-motion:reduce){.minibar{transition:none}}
@media (max-width:640px){.calc .out{position:static}.panel{padding:16px}.result{padding:18px}}
@media print{.minibar,.site-head,.site-foot,.ad,.actions,form{display:none!important}.math{display:block}}

.raisebox{border:1px solid var(--field);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.raiseout{margin-top:16px}
.raiseout td.num,.raiseout th.num{text-align:right;font-variant-numeric:tabular-nums}

.navmenu{position:relative}
.navmenu summary{list-style:none;cursor:pointer;color:var(--ink-2);padding:10px 0;display:flex;align-items:center;gap:6px}
.navmenu summary::-webkit-details-marker{display:none}
.navmenu summary::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.navmenu[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.navmenu summary.cur{color:var(--ink);font-weight:600}
.navmenu .menu{position:absolute;left:0;top:100%;z-index:20;min-width:230px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(18,32,47,.12);padding:6px;display:flex;flex-direction:column}
.navmenu .menu a{padding:11px 12px;border-radius:8px}.navmenu .menu a:hover{background:var(--bg)}
@media (max-width:560px){.navmenu .menu{position:fixed;left:16px;right:16px;top:auto;min-width:0}}
.result .ratesline{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:15px;color:var(--result-2)}.result .ratesline b{color:#fff;font-variant-numeric:tabular-nums}.result .ratesline small{font-size:13px}
.dedrow{grid-template-columns:2fr 1fr}
.dedrow .dednote{grid-column:1/-1;margin:-4px 0 4px;font-size:14px;color:var(--muted)}.dedrow .dedstate.warn{color:#8A4B00;font-weight:600}
.w4b .inner{gap:12px}.w4bout table td.num,.w4bout table th.num{text-align:right;font-variant-numeric:tabular-nums}.w4bout tr.tot td{border-top:2px solid var(--line)}.warnline{color:#8A4B00}

.result .actions button.wide{grid-column:1/-1}
.compare{margin-top:16px}
.compare .cmphead{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 6px}.compare .cmphead dt{font-size:14px;font-weight:600;color:var(--muted)}.compare .cmphead dd{margin:2px 0 0;font-size:15px}
.compare td.num,.compare th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.compare tr.grp th{text-align:left;font-size:14px;color:var(--muted);padding-top:12px}
.compare td.up{color:#0A5C42;font-weight:600}.compare td.down{color:#9B2C2C;font-weight:600}
.compare .cmpbtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
@media (max-width:560px){.compare .cmphead{grid-template-columns:1fr}}
/* overtime deduction estimate: two-column table that fits a phone */
.otout .tablebox table{width:100%;min-width:0;table-layout:auto}
.otout .tablebox td{white-space:normal;vertical-align:top}
.otout .tablebox td.num{white-space:nowrap;text-align:right;padding-left:12px}
.otout .tablebox small{color:var(--muted,#5b6763)}
/* bonus and gross-up tools */
.bnout .tablebox table,.guout .tablebox table{width:100%;min-width:0}
.bnout td,.guout td{white-space:normal;vertical-align:top}
.bnout td.num,.guout td.num{white-space:nowrap;text-align:right;padding-left:10px}
.bnout small,.guout small{color:var(--muted,#5b6763)}
.guout{margin-top:0;margin-bottom:16px}
.suptable td{vertical-align:top;font-size:.98rem}
.suptable td:last-child a{display:block}
/* salary <-> hourly converter */
.result .actions a.btn{display:flex;align-items:center;justify-content:center;text-align:center;min-height:46px;padding:6px 10px;border-radius:10px;border:1px solid var(--result-line);color:#fff;font-size:15px;text-decoration:none;grid-column:1/-1}
.result .actions a.btn.primary{background:#fff;color:var(--result);border-color:#fff;font-weight:600}
.result .tablebox table{width:100%;min-width:0;color:inherit}
.result .tablebox td{border-color:var(--result-line)}
.result .tablebox td.num{text-align:right}
[hidden]{display:none!important}
.guides{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}
.panel .src{font-size:.85em}
.lawtable{min-width:0}.lawtable th[scope=row]{text-align:left;white-space:nowrap;vertical-align:top;padding-right:14px}.lawtable td{vertical-align:top}.lawtable td:last-child{font-size:14px;min-width:140px}
@media(max-width:640px){.lawtable thead{display:none}.lawtable tr{display:block;padding:10px 0;border-bottom:1px solid var(--line,#e3e8e6)}.lawtable th[scope=row],.lawtable td{display:block;border:0;padding:2px 0;white-space:normal}.lawtable td:last-child{min-width:0}}
.suptable th[scope=row]{text-align:left;font-weight:600;vertical-align:top;font-size:.98rem}
.guidelinks{margin-top:12px}
.saltable{min-width:0}.saltable th[scope=row]{text-align:left;font-weight:600}
@media(max-width:640px){.saltable{font-size:13.5px}.saltable th,.saltable td{padding:7px 4px}.saltable thead th{font-size:12.5px}}
@media(max-width:480px){.saltable th:nth-child(4),.saltable td:nth-child(4){display:none}}
.refundbox{margin:12px 0;padding:12px 14px;border-radius:10px;background:#E8F3EE;border:1px solid #BFDCCD;color:#0B4F39}
.prose.wide{max-width:none}.prose .btn{display:inline-flex;background:var(--green);border-color:var(--green);padding:10px 18px;margin-top:6px}.sttable th[scope=row] a{font-weight:600}
@media(max-width:480px){.sttable th:nth-child(2),.sttable td:nth-child(2),.sttable th:nth-child(3),.sttable td:nth-child(3){display:none}.sttable th:nth-child(4),.sttable td:nth-child(4){display:table-cell}}
.setrace ol{padding-left:20px}.setrace li{margin:6px 0;line-height:1.5}
.prose a.btn,.prose a.btn:hover{color:#fff;text-decoration:none}
.sttable tr.hl th,.sttable tr.hl td{background:var(--green-tint)}
.jobtable th[scope=row]{font-weight:500;font-size:.98rem}@media(max-width:480px){.jobtable th:nth-child(3),.jobtable td:nth-child(3){display:none}}

.jsttable th[scope=row] a{font-weight:600}@media(max-width:480px){.jsttable:not(.ao) th:nth-child(2),.jsttable:not(.ao) td:nth-child(2),.jsttable th:nth-child(5),.jsttable td:nth-child(5),.jsttable.ao th:nth-child(4),.jsttable.ao td:nth-child(4){display:none}}
@media(max-width:480px){.jsttable:not(.ao) th:nth-child(4),.jsttable:not(.ao) td:nth-child(4),.prtable th:nth-child(4),.prtable td:nth-child(4){display:table-cell}}
@media(max-width:480px){.mwtable th:nth-child(4),.mwtable td:nth-child(4){display:none}}
.gl-az{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.gl-az a{display:inline-block;min-width:32px;padding:6px 8px;text-align:center;border:1px solid var(--line,#ddd);border-radius:6px;text-decoration:none;font-weight:600}
.gl-group h2{margin:18px 0 6px;scroll-margin-top:12px}.gl-group:first-child h2{margin-top:0}.gl-item{padding:10px 0;border-bottom:1px solid var(--line,#eee);scroll-margin-top:12px}.gl-item:target{background:var(--green-tint)}
.gl-item dt{font-weight:700}.gl-item dd{margin:4px 0 0}.gl-cat{display:inline-block;font-size:13px;color:var(--muted,#555);margin-left:6px}.gl-more{font-weight:600}
.gl-tools .row{display:flex;gap:12px;flex-wrap:wrap}.gl-tools .row .field{flex:1 1 220px}
.patable th[scope=row]{white-space:normal}@media(max-width:640px){.patable th:nth-child(6),.patable td:nth-child(6){display:none}}@media(max-width:480px){.patable th:nth-child(4),.patable td:nth-child(4){display:table-cell}.patable th:nth-child(2),.patable td:nth-child(2){display:none}}
@media(max-width:480px){.ohtable th:nth-child(4),.ohtable td:nth-child(4){display:table-cell}.ohtable th:nth-child(3),.ohtable td:nth-child(3){display:none}.sdtable th:nth-child(3),.sdtable td:nth-child(3),.sdtable th:nth-child(6),.sdtable td:nth-child(6){display:none}.sdtable th:nth-child(4),.sdtable td:nth-child(4){display:table-cell}}

@media (max-width:640px){.vtable thead{display:none}.vtable,.vtable tbody,.vtable tr,.vtable td{display:block;width:auto}.vtable tr{padding:10px 0;border-bottom:1px solid var(--line)}.vtable td{border:0;padding:2px 0;text-align:left}.vtable td:first-child{font-weight:600}.vtable td[data-l]{display:inline-block;margin-right:14px}.vtable td[data-l]::before{content:attr(data-l) ": ";color:var(--ink-2);font-weight:400}.vtable td:last-child{margin-top:4px}}
.vtable td:last-child{white-space:nowrap}
@media (max-width:640px){.vtable{min-width:0!important;width:100%;table-layout:auto}.vtable td{white-space:normal!important;overflow-wrap:anywhere}}
input[type=search]{-webkit-appearance:none;appearance:none}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
/* hourly pages: take-home in your state, under the opening answer */
.hrtop{margin:18px 0 6px}.hrtop h2{margin:0 0 4px}.hrtop .fine{margin:0 0 6px}.hrtop .field{max-width:360px;margin:0}
.hrtop .tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.hrtop .tile{background:var(--result);color:#fff;border-radius:12px;padding:12px 14px}
.hrtop .tile .k{font-size:14px;color:var(--result-2)}.hrtop .tile .v{font-size:25px;font-weight:650;font-variant-numeric:tabular-nums;margin-top:2px}
.hrtop .meta{margin:10px 0 0;font-size:15px;color:var(--ink-2)}
.hrtop .links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:15px}
.hrtop .empty{margin-top:12px;font-size:15px;color:var(--muted);border:1px dashed var(--line);border-radius:12px;padding:14px}
@media (max-width:640px){.hrtop .tiles{grid-template-columns:1fr 1fr}.hrtop .tile:first-child{grid-column:1/-1}.hrtop .tile .v{font-size:22px}}
/* free tools page */
.facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin:14px 0 0;padding:0;list-style:none;color:var(--ink-2);font-size:15px}
.facts li{display:flex;align-items:center;gap:8px}.facts li::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--green)}
.ft-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.ft-card{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none;color:inherit;height:100%;box-sizing:border-box}
.ft-card:hover{border-color:var(--green)}.ft-card:hover b{text-decoration:underline}
.ft-g{flex:none;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--green-tint);color:var(--green);font-weight:700;font-size:16px}
.ft-t{display:flex;flex-direction:column;gap:2px;min-width:0}.ft-t b{color:var(--ink)}.ft-t span{color:var(--ink-2);font-size:15px;line-height:1.4}.ft-t small{color:var(--muted);font-size:13.5px;overflow-wrap:anywhere}
/* videos */
.vid{margin:20px 0 0}.vid video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:12px;background:#0F2A22}
.vid figcaption{font-size:15px;color:var(--muted);margin-top:8px}
.vcta{margin:18px 0 0}
.chapters{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}
.chapters a{display:flex;gap:14px;align-items:baseline;padding:8px 10px;border-radius:8px;text-decoration:none}
.chapters a:hover{background:var(--green-tint)}.chapters .ct{font-variant-numeric:tabular-nums;font-weight:700;color:var(--green);min-width:44px}
.vfig{width:100%}.vfig td:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere;min-width:7em}
.vgrid{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.vcard{display:flex;flex-direction:column;gap:6px;height:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px;text-decoration:none;color:var(--ink)}
.vcard:hover{border-color:var(--green)}.vcard b{font-size:18px;color:var(--link)}.vcard>span:last-child{font-size:15px;color:var(--ink-2)}
.vthumb{position:relative;display:block}.vthumb img{display:block;width:100%;height:auto;border-radius:8px}
.vdur{position:absolute;right:8px;top:8px;background:rgba(15,42,34,.88);color:#fff;font-size:14px;font-weight:700;padding:2px 8px;border-radius:6px}
.vidlink{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px}
.vidlink a{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--green);text-decoration:none;font-size:16px}
.vidlink a:hover span{text-decoration:underline}
.vcta a.btn{display:inline-flex;align-items:center;min-height:46px;padding:10px 18px;border-radius:10px;background:var(--green);color:#fff;font-weight:600;text-decoration:none}
.vcta a.btn:hover{background:var(--green-ink);color:#fff}
@media(max-width:480px){.saltable.keep4 th:nth-child(4),.saltable.keep4 td:nth-child(4){display:table-cell}.saltable.keep4 td .fine{display:block}}
@media(max-width:480px){.saltable.fica5 th:nth-child(3),.saltable.fica5 td:nth-child(3){display:none}}
.note-box{background:var(--green-tint);border:1px solid #BFDCCF;border-radius:10px;padding:10px 14px;margin:14px 0}
@media(min-width:900px) and (max-width:1120px){.nav{gap:4px 12px;font-size:15px}}