/* deepseekcoderapi.cc - adding-machine tally roll */
:root{--desk:#f5e3e9;--paper:#fffdfe;--tint:#fff0f5;--ink:#3d151f;--ind:#cf2c55;--house:#6b1b2f;--red:#3fc41c;--rule:#e4c3cd;--mut:#7c4f5b;--steel:#9f7a85;
--opw:56px;--gap:44px;--pl:52px;
--slab:"Roboto Slab",Rockwell,Georgia,serif;--sans:"Pathway Extreme","Segoe UI",system-ui,sans-serif;--mono:"Nanum Gothic Coding",ui-monospace,Menlo,Consolas,monospace}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--desk);color:var(--ink);font:400 17px/1.62 var(--sans);overflow-x:hidden}
h1,h2,h3,p,ul,ol,figure{margin:0}
a{color:var(--ind);text-underline-offset:3px}
a:hover{color:var(--ink)}
img,svg{max-width:100%}
:focus-visible{outline:3px solid var(--ind);outline-offset:2px}
.mach :focus-visible,.ent-total :focus-visible,pre :focus-visible,.codebox :focus-visible{outline-color:#ffffff}
.skip{position:absolute;left:-9999px;top:10px;z-index:100;background:var(--paper);color:var(--ink);padding:12px 16px;font-weight:600}
.skip:focus{left:10px}
[hidden]{display:none!important}

/* ---------- machine housing (sidebar) ---------- */
.mach{position:fixed;left:0;top:0;bottom:0;width:272px;z-index:40;background:var(--house);color:#ffe9ee;display:flex;flex-direction:column;padding:24px 20px 20px;overflow-y:auto;
background-image:linear-gradient(90deg,rgba(255,255,255,.05),transparent 30%,rgba(0,0,0,.16));box-shadow:inset -1px 0 0 #440e1b}
.logo{order:1;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:var(--ink)}
.logo .mark{flex:none;display:block}
.readout{display:block;background:#ffdce7;border-radius:4px;padding:11px 12px 10px;font:700 15px/1.2 var(--mono);color:var(--ink);text-align:right;overflow-wrap:anywhere;box-shadow:inset 0 2px 0 rgba(61,21,31,.28),inset 0 -1px 0 #ffffff,0 0 0 3px #521020}
.nav{order:2;display:flex;flex-direction:column;margin-top:26px;border-top:1px solid rgba(255,255,255,.16)}
.fn{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.16);color:#ffeef2;text-decoration:none;font:600 15.5px/1.2 var(--sans)}
.fn::after{font:700 18px/1 var(--mono);color:#ffa6bf}
.fn-add::after{content:"+"}.fn-sub::after{content:"\2212"}.fn-mul::after{content:"\00d7"}.fn-div::after{content:"\00f7"}.fn-pct::after{content:"%"}
.fn:hover{background:rgba(255,255,255,.09);color:#ffffff}
.fn[aria-current]{background:var(--paper);color:var(--ink);border-radius:3px;border-bottom-color:transparent}
.fn[aria-current]::after{color:var(--red)}
.btn.key{order:3;margin-top:24px;min-height:58px;background:var(--paper);color:var(--ink);font-size:17px;justify-content:space-between;padding:0 16px;box-shadow:0 5px 0 #3d0b17}
.btn.key::after{content:"\2731";font:700 20px/1 var(--mono);color:var(--red)}
.btn.key:hover{background:#ffffff;color:var(--ind)}
.plate{order:4;margin-top:auto;padding-top:26px}
.plate::before{content:"";display:block;height:26px;margin-bottom:16px;background:repeating-linear-gradient(90deg,#4c0f1e 0 4px,transparent 4px 10px);opacity:.9;border-radius:2px}
.plate-t{font:400 13.5px/1.45 var(--sans);color:#ffd3df}
.plate-r{margin-top:10px;font:400 12px/1.5 var(--mono);color:#ffb9cc;overflow-wrap:anywhere}
.plate-r span{display:block}
.burger{display:none}

/* ---------- desk + tape ---------- */
.desk{margin-left:272px;padding:0 36px 72px;min-height:100vh}
.tearbar{position:sticky;top:0;z-index:20;max-width:1034px;margin:0 auto;height:22px;border-radius:0 0 3px 3px;background:linear-gradient(#dbc3cb,#b08d98 55%,#926b77)}
.tearbar::after{content:"";position:absolute;left:12px;right:12px;top:100%;height:7px;background:linear-gradient(135deg,#926b77 25%,transparent 25%) 0 0/8px 8px,linear-gradient(225deg,#926b77 25%,transparent 25%) 0 0/8px 8px}
.tape{position:relative;max-width:1010px;margin:0 auto;background:var(--paper) linear-gradient(var(--rule),var(--rule)) right var(--opw) top/1px 100% no-repeat;box-shadow:0 0 0 1px rgba(61,21,31,.07),0 24px 44px -26px rgba(107,27,47,.5)}
.tape::after{content:"";position:absolute;left:0;right:0;top:100%;height:10px;background:linear-gradient(135deg,var(--paper) 25%,transparent 25%) 0 0/12px 12px,linear-gradient(225deg,var(--paper) 25%,transparent 25%) 0 0/12px 12px}
main{display:block;counter-reset:n}
.ent{position:relative;padding:50px calc(var(--opw) + var(--gap)) 52px var(--pl);border-top:2px dotted var(--rule)}
.ent:first-child{border-top:0;padding-top:46px}
.op{position:absolute;right:0;top:48px;width:var(--opw);text-align:center;font:700 21px/1 var(--mono);color:var(--ink)}
.op-add::before{content:"+"}.op-mul::before{content:"\00d7"}.op-eq::before{content:"="}
.op-sub::before{content:"\25c7";color:var(--red)}
.op-tot::before{content:"\2731";color:var(--red)}
.cnt{display:flex;align-items:center;gap:12px;margin-bottom:12px;font:700 12.5px/1 var(--mono);color:var(--ind);letter-spacing:.06em}
.cnt b::before{counter-increment:n;content:"\2116\00a0" counter(n,decimal-leading-zero)}
.cnt i,.stamp i,.tally li i{flex:1;min-width:14px;border-bottom:2px dotted var(--rule);transform:translateY(-3px)}

h1{font:800 clamp(33px,4.1vw,50px)/1.06 var(--slab);letter-spacing:-.02em;overflow-wrap:break-word}
h2{font:600 clamp(25px,2.6vw,31px)/1.16 var(--slab);letter-spacing:-.01em;margin-bottom:22px;overflow-wrap:break-word}
h3{font:600 17.5px/1.3 var(--sans)}
.lead{margin-top:18px;font-size:19px;line-height:1.55;color:#5a2b38;max-width:62ch}
.eyebrow{margin-bottom:16px;font:700 13px/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ind)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border:0;border-radius:5px;background:var(--ind);color:#ffffff;font:600 16px/1.15 var(--sans);text-decoration:none;text-align:center;cursor:pointer;box-shadow:0 4px 0 #7c152f;transition:transform .12s,box-shadow .12s}
.btn:hover{color:#ffffff;background:#b42347}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 #7c152f}
.btn.ghost{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink),0 4px 0 var(--rule)}
.btn.ghost:hover{background:var(--tint);color:var(--ink)}
.btn.sm{min-height:44px;padding:0 14px;font-size:14.5px}
.btn[disabled]{opacity:.6;cursor:default}
.acts-r{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}

/* lists */
.plus{list-style:none;padding:0;margin-top:22px}
.plus li{position:relative;padding:10px 0 10px 30px;border-top:1px dotted #ca9daa;font-size:16px;line-height:1.5}
.plus li::before{content:"+";position:absolute;left:4px;top:9px;font:700 18px/1.4 var(--mono);color:var(--ind)}
.rows{display:grid;counter-reset:r}
.rows.two{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.row-i{position:relative;min-width:0;padding:18px 0 20px 48px;border-top:1px dotted #ca9daa;counter-increment:r}
.row-i::before{content:counter(r,decimal-leading-zero);position:absolute;left:0;top:20px;font:700 14px/1.3 var(--mono);color:var(--ind)}
.row-i h2,.row-i h3{font:600 17.5px/1.3 var(--sans);letter-spacing:0;margin:0 0 5px}
.row-i p{font-size:15.5px;line-height:1.58;color:#5f333f}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));counter-reset:r}
.steps .row-i{padding:4px 26px 4px 26px;border-top:0;border-left:2px dotted var(--rule)}
.steps .row-i:first-child{padding-left:0;border-left:0}
.steps .row-i::before{position:static;display:block;content:counter(r) "\00a0\00d7";font:800 40px/1 var(--slab);margin-bottom:14px}

/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:44px;align-items:start}
.hero-t{min-width:0}
.try{margin-top:40px}
.try-h{display:flex;align-items:center;gap:12px;margin-bottom:12px;font:700 13px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ind)}
.try-h::after{content:"";flex:1;border-bottom:2px dotted var(--rule)}

/* tally */
.tally{min-width:0;background:var(--tint);padding:8px 20px 18px;border-top:3px double var(--ink);border-bottom:3px double var(--ink)}
.tally ul{list-style:none;padding:0}
.tally li{display:flex;align-items:baseline;gap:8px;padding:11px 0;border-bottom:1px solid #f4dce4}
.tally li:last-child{border-bottom:0}
.tl{max-width:62%;font:400 13.5px/1.35 var(--sans);color:#5f333f}
.tv{font:700 18px/1.2 var(--mono);color:var(--ink);text-align:right;white-space:nowrap}
.tally-sub{padding-top:12px;border-top:1px solid var(--ink);font:400 13px/1.45 var(--mono);color:var(--mut)}
.tally-tot{margin-top:14px;padding-top:16px;border-top:3px double var(--ink)}
.tally-tot .btn{width:100%}

/* code */
pre.code{position:relative;margin:20px 0;max-width:100%;overflow-x:auto;background:var(--ink);color:#ffe9ef;border-radius:4px;padding:0 0 18px;font:400 15px/1.6 var(--mono);tab-size:2;-webkit-overflow-scrolling:touch}
pre.code code{display:block;width:max-content;min-width:100%;padding:14px 20px 0;font:inherit;white-space:pre;background:none;color:inherit}
.copy{position:sticky;left:0;display:block;width:100%;min-height:44px;padding:0 18px;text-align:right;background:#310f17;color:#ffc8d8;border:0;border-bottom:1px dotted rgba(255,255,255,.3);font:700 12.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.copy:hover{color:#ffffff}
.code .k{color:#ffa9c8;font-weight:700}.code .s{color:#cdffc6}.code .c{color:#d29aaa}
.codebox{background:var(--ink);border-radius:4px;overflow:hidden;min-width:0}
.codetabs{display:flex;overflow-x:auto;background:#280b12}
.codetabs button{flex:none;min-height:48px;padding:0 20px;background:none;border:0;border-bottom:3px solid transparent;color:#f2bdcc;font:700 14px/1 var(--mono);cursor:pointer}
.codetabs button[aria-selected=true]{background:var(--ink);color:#ffffff;border-bottom-color:#ff9db9}
.codebox pre.code{margin:0;border-radius:0}

/* slips, forms */
.slip{position:relative;min-width:0;background:var(--tint);padding:20px 22px 22px;border-top:3px double var(--ink);border-bottom:3px double var(--ink)}
.slip-h{margin-bottom:12px;font:700 12.5px/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ind)}
.slip-form{padding:36px 26px 26px;border:1px solid var(--rule);border-top:0;box-shadow:0 22px 34px -22px rgba(107,27,47,.55)}
.slip-form::before{content:"";position:absolute;left:-1px;right:-1px;top:0;height:14px;background:linear-gradient(#dbc3cb,#a37d88)}
.slip-form::after{content:"";position:absolute;left:8px;right:8px;top:14px;height:6px;background:linear-gradient(135deg,#a37d88 25%,transparent 25%) 0 0/8px 8px,linear-gradient(225deg,#a37d88 25%,transparent 25%) 0 0/8px 8px}
.tabs2{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px;border:1.5px solid var(--ink);border-radius:5px;overflow:hidden;background:var(--paper)}
.tabs2 button{min-height:46px;padding:0 8px;background:none;border:0;color:var(--ink);font:600 15px/1.15 var(--sans);cursor:pointer}
.tabs2 button[aria-selected=true]{background:var(--ink);color:#ffffff}
.msg{font-size:14.5px;line-height:1.45}
.msg:empty{display:none}
.msg.err{margin-bottom:14px;padding:10px 12px;background:#ecfde9;color:#288a10;border-left:4px solid var(--red)}
.row{margin-bottom:14px}
label{display:block;margin-bottom:6px;font:700 12.5px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink)}
input,select,textarea{display:block;width:100%;min-height:48px;padding:10px 12px;border:1.5px solid var(--ink);border-radius:4px;background:#ffffff;color:var(--ink);font:400 16px/1.4 var(--sans)}
textarea{min-height:150px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:3px solid var(--ind);outline-offset:1px}
.note{margin:8px 0 0;font-size:13.5px;line-height:1.45;color:var(--mut)}
form[data-form] .btn,form[data-support] .btn{width:100%;margin-top:4px}
form[data-support] .btn{min-height:52px}
form[data-support] p{font-size:15px}
.keyout{display:none}
.keyout.on{display:block}
.keyout h3{font:600 22px/1.2 var(--slab);margin-bottom:12px}
.keybox{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;background:var(--ink);color:#ffffff;border-radius:4px;font:700 15px/1.4 var(--mono)}
.keybox span{flex:1;min-width:0;overflow-wrap:anywhere}
.keybox .btn{flex:none;background:var(--paper);color:var(--ink);box-shadow:none}
.keyout p{margin-top:12px;font-size:15px;overflow-wrap:anywhere}
.keyout code{font:400 14px var(--mono);background:#fbdfe8;padding:1px 5px;border-radius:3px}
.mut{color:var(--mut)}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}

/* page grids */
.keygrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,410px);grid-template-areas:"head form" "ben form";gap:26px 48px;align-items:start}
.kg-head{grid-area:head;min-width:0}.kg-form{grid-area:form;min-width:0}.kg-ben{grid-area:ben;min-width:0}
.bill{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.bill-c{min-width:0}
.calc{display:grid;gap:16px;min-width:0;background:var(--tint);padding:20px 22px 22px;border-top:3px double var(--ink);border-bottom:3px double var(--ink)}
.calc>div{min-width:0}
.calc output{display:block;padding-top:10px;border-top:3px double var(--ink);font:800 42px/1.1 var(--slab);color:var(--ink);overflow-wrap:anywhere}
.doc{display:grid;grid-template-columns:232px minmax(0,1fr);gap:46px;align-items:start}
.doc .toc{position:sticky;top:48px;max-height:calc(100vh - 72px);overflow-y:auto}
.toc ol{list-style:none;padding:0;counter-reset:t}
.toc li{display:flex;gap:10px;counter-increment:t;border-top:1px dotted #ca9daa;font-size:14.5px;line-height:1.4}
.toc li::before{content:counter(t,decimal-leading-zero);padding-top:11px;font:700 12.5px/1.4 var(--mono);color:var(--ind)}
.toc a{flex:1;min-width:0;padding:10px 0 11px;color:var(--ink);text-decoration:none;overflow-wrap:break-word}
.toc a:hover{color:var(--ind);text-decoration:underline}
.take{margin-bottom:44px}
.take .plus{margin-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
.take .plus li{border-top:1px dotted #ca9daa}
.sup{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;align-items:start}
.sup-m{min-width:0}
.sup-m .slip-form{margin-top:30px}
.side p{font-size:15px;margin-bottom:16px}
.side .btn{width:100%}
.crumbs{margin:-10px 0 14px;font:400 13px/1.5 var(--mono);color:var(--mut)}
.crumbs .sl{margin:0 10px}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--ind)}
.crumbs .sl{color:#ca9daa}
.stamp{display:flex;align-items:center;gap:12px;margin-top:22px;max-width:62ch;font:700 13px/1.3 var(--mono);letter-spacing:.05em;color:var(--mut)}
.ent-hero .acts-r{margin-top:26px}
.page-article .prose{font-size:18px;line-height:1.68}

/* prose */
.prose{min-width:0}
.prose>*{max-width:70ch}
.prose>h2,.prose>pre,.prose>table,.prose>div{max-width:none}
.prose p,.prose ul,.prose ol{margin:0 0 18px}
.prose h2{position:relative;margin:46px 0 16px;padding-top:26px;border-top:2px dotted var(--rule);scroll-margin-top:40px}
.prose h2::after{content:"\25c7";position:absolute;right:calc(-1*(var(--opw) + var(--gap)));top:28px;width:var(--opw);text-align:center;font:700 20px/1 var(--mono);color:var(--red)}
.prose>h2:first-child{margin-top:0;padding-top:0;border-top:0}
.prose>h2:first-child::after{top:4px}
.prose h3{margin:28px 0 8px;font-size:19px}
.prose ul{list-style:none;padding:0}
.prose ul li{position:relative;padding:3px 0 3px 28px}
.prose ul li::before{content:"+";position:absolute;left:4px;top:2px;font:700 18px/1.5 var(--mono);color:var(--ind)}
.prose ol{padding-left:28px}
.prose ol li{padding:3px 0 3px 4px}
.prose ol li::marker{font:700 15px var(--mono);color:var(--ind)}
.prose code,.faq code,.row-i code{font:400 .9em var(--mono);background:#fbe4ec;padding:1px 5px;border-radius:3px;overflow-wrap:anywhere}
.prose pre.code code{background:none;padding:14px 20px 0;font:inherit;overflow-wrap:normal}
table{width:100%;border-collapse:collapse;margin:8px 0 24px;border-top:3px double var(--ink);border-bottom:3px double var(--ink);font-size:15px;line-height:1.45}
th,td{padding:11px 12px;text-align:left;vertical-align:top;border-bottom:1px dotted #ca9daa;overflow-wrap:anywhere}
tr:last-child>th,tr:last-child>td{border-bottom:0}
thead th{background:var(--tint);font:700 12.5px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ind);border-bottom:1px solid var(--ink)}
tbody th{font-weight:600;width:34%}
tbody td{font-family:var(--mono);font-size:15px}

/* faq */
.faq details{border-top:1px dotted #ca9daa}
.faq details:last-child{border-bottom:1px dotted #ca9daa}
.faq summary{position:relative;display:flex;align-items:center;min-height:58px;padding:12px 0;font:600 17.5px/1.35 var(--sans);cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:calc(-1*(var(--opw) + var(--gap)));top:50%;width:var(--opw);margin-top:-11px;text-align:center;font:700 21px/1 var(--mono);color:var(--ind)}
.faq details[open] summary::after{content:"\2212";color:var(--red)}
.faq summary:hover{color:var(--ind)}
.faq details p{max-width:70ch;padding:0 0 20px;font-size:16px;color:#5a2b38}
.ent-faq .op,.ent-prose>.op-sub{display:none}

/* total band */
.ent-total{background:var(--ink);color:#ffffff;border-top:0}
.ent-total .op-tot::before{color:#a8ff95}
.total{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px 44px;align-items:center}
.total h2{margin-bottom:8px;color:#ffffff}
.total p{color:#ffd6e1;max-width:56ch}
.total-b{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:220px}
.total .btn{background:var(--paper);color:var(--ink);box-shadow:0 4px 0 #d86d8b}
.total .btn:hover{background:#ffffff;color:var(--ind)}
.lnk{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#ffffff;font-size:15px}
.lnk:hover{color:#ffc8d8}

/* footer */
.foot{position:relative;padding:34px calc(var(--opw) + var(--gap)) 42px var(--pl);border-top:3px double var(--ink)}
.foot .op{top:36px}
.foot-b{font:700 15px/1.3 var(--mono)}
.foot-l{display:flex;flex-wrap:wrap;gap:0 24px;margin:8px 0 10px}
.foot-l a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:15px}
.foot-l a:hover{color:var(--ind)}
.legal{font-size:13.5px;line-height:1.5;color:var(--mut);max-width:78ch}

/* 404 */
.nf-n{font:800 clamp(96px,17vw,190px)/.9 var(--slab);letter-spacing:-.04em;color:var(--ind);margin-bottom:18px}

/* ---------- narrow: housing becomes a top bar ---------- */
@media (max-width:1040px){
:root{--opw:30px;--gap:14px;--pl:18px}
body{font-size:16.5px}
.mach{position:sticky;top:0;bottom:auto;width:auto;flex-direction:row;align-items:center;gap:8px;padding:8px 10px 8px 12px;overflow:visible;box-shadow:0 1px 0 #440e1b}
.logo{flex:1;min-width:0;flex-direction:row;align-items:center;gap:8px}
.readout{min-width:0;padding:8px 9px 7px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;box-shadow:inset 0 2px 0 rgba(61,21,31,.28)}
.btn.key{order:2;flex:none;margin:0;min-height:44px;padding:0 12px;font-size:14.5px;white-space:nowrap;box-shadow:0 3px 0 #3d0b17}
.btn.key::after{display:none}
.burger{order:3;flex:none;display:block;position:relative;width:44px;height:44px;padding:0;background:none;border:1.5px solid rgba(255,255,255,.45);border-radius:5px;cursor:pointer}
.burger span,.burger span::before,.burger span::after{position:absolute;left:11px;width:19px;height:2px;background:#ffffff;content:""}
.burger span{top:20px}.burger span::before{left:0;top:-6px}.burger span::after{left:0;top:6px}
.nav{order:4;display:none;position:absolute;left:0;right:0;top:100%;margin:0;padding:4px 12px 14px;background:var(--house);border-top:1px solid rgba(255,255,255,.16);box-shadow:0 14px 24px -10px rgba(61,11,23,.6)}
.nav.open{display:flex}
.plate{display:none}
.desk{margin-left:0;padding:0 0 48px}
.tearbar{position:relative;height:14px;border-radius:0;max-width:none}
.tearbar::after{left:0;right:0}
.tape{max-width:none}
.ent{padding-top:38px;padding-bottom:40px}
.ent:first-child{padding-top:34px}
.op{top:38px;font-size:17px}
.prose h2::after,.faq summary::after{font-size:17px}
.hero,.keygrid,.bill,.doc,.sup,.total{grid-template-columns:minmax(0,1fr)}
.keygrid{grid-template-areas:"head" "form" "ben";gap:26px}
.hero{gap:30px}
.bill,.sup{gap:36px}
.doc{gap:30px}
.doc .toc{position:static;max-height:none}
.rows.two,.take .plus{grid-template-columns:minmax(0,1fr)}
.steps{grid-template-columns:minmax(0,1fr)}
.steps .row-i,.steps .row-i:first-child{padding:18px 0;border-left:0;border-top:1px dotted #ca9daa}
.steps .row-i::before{font-size:32px;margin-bottom:8px}
.lead{font-size:17.5px}
.slip-form{padding:34px 18px 22px}
.total-b{min-width:0}
.page-article .prose{font-size:17px}
tbody th{width:38%}
th,td{padding:10px 8px}
pre.code{font-size:13.5px}
.crumbs{margin-top:-8px}
}
@media (min-width:700px) and (max-width:1040px){
:root{--opw:44px;--gap:26px;--pl:32px}
.rows.two,.take .plus{grid-template-columns:repeat(2,minmax(0,1fr))}
.steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.steps .row-i{padding:4px 20px;border-top:0;border-left:2px dotted var(--rule)}
.steps .row-i:first-child{padding:4px 20px 4px 0;border:0}
.bill{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:380px){
.readout{font-size:12px}
.btn.key{padding:0 10px;font-size:13.5px}
h1{font-size:30px}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important;animation:none!important}
}
