:root{
--bg:#111111;--surface:#222222;--line:#333333;--muted:#888888;--soft:#cccccc;--ink:#eeeeee;
--u:.313rem;--w:939px;--col:313px;--r:3px;--rr:11px;
--t1:313ms;--t2:1111ms;
--f:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--m:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
color-scheme:dark}
@media (prefers-color-scheme:light){:root{--bg:#eeeeee;--surface:#ffffff;--line:#cccccc;--muted:#777777;--soft:#333333;--ink:#111111;color-scheme:light}}
*{box-sizing:border-box;margin:0}
html{background:var(--bg);color:var(--ink);font:400 1.0313rem/1.313 var(--f);-webkit-text-size-adjust:100%}
body{min-height:100vh;display:flex;flex-direction:column}
a{color:inherit;text-underline-offset:.313em;text-decoration-color:var(--muted)}
a:hover{text-decoration-color:var(--ink)}
:focus-visible{outline:1px solid var(--ink);outline-offset:3px}
.wrap{width:100%;max-width:var(--w);margin:0 auto;padding:0 calc(var(--u)*5)}
header{border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*3);height:53px}
.home{display:flex;align-items:center;gap:calc(var(--u)*2);text-decoration:none;font:600 .8313rem/1 var(--m);letter-spacing:.11em;text-transform:uppercase}
.home svg{height:15px;width:auto}
nav{display:flex;gap:calc(var(--u)*4);scrollbar-width:none;font:500 .8313rem/1 var(--m);letter-spacing:.033em;overflow-x:auto}
nav a{text-decoration:none;color:var(--muted);padding:calc(var(--u)*2) 0;border-bottom:1px solid transparent;transition:color var(--t1),border-color var(--t1);white-space:nowrap}
nav a:hover,nav a[aria-current]{color:var(--ink);border-color:var(--ink)}
main{flex:1;padding:calc(var(--u)*11) 0 calc(var(--u)*11)}
h1{font:600 1.313rem/1.11 var(--f);letter-spacing:-.011em}
h2{font:600 .8313rem/1.313 var(--m);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin:calc(var(--u)*11) 0 calc(var(--u)*3)}
h3{font:600 1.0313rem/1.313 var(--f);margin:calc(var(--u)*5) 0 calc(var(--u)*2)}
p{color:var(--soft);max-width:66ch}
p+p{margin-top:calc(var(--u)*2)}
.mono{font-family:var(--m)}
.small{font-size:.8313rem;color:var(--muted)}
.hero svg{width:100%;max-width:434px;height:auto;display:block;margin-bottom:calc(var(--u)*7)}
.lede{font-size:1.1313rem;color:var(--ink);margin-top:calc(var(--u)*3)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(191px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.tile{background:var(--bg);padding:calc(var(--u)*5);text-decoration:none;display:block;transition:background var(--t1)}
a.tile:hover{background:var(--surface)}
.tile b{display:block;font:600 .8313rem/1 var(--m);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin-bottom:calc(var(--u)*3)}
.tile .n{font:500 1.313rem/1 var(--m);letter-spacing:.033em}
.tile p{font-size:.9131rem;margin-top:calc(var(--u)*2)}
.sign{display:flex;gap:calc(var(--u)*3);align-items:baseline;border-top:1px solid var(--line);padding:calc(var(--u)*3) 0}
.sign:last-child{border-bottom:1px solid var(--line)}
.sign .a{font:600 .8313rem/1 var(--m);color:var(--muted);min-width:77px;letter-spacing:.11em}
.sign .x{flex:1}
.sign .q{font:500 .8313rem/1 var(--m);color:var(--muted)}
button,.btn{font:500 .8313rem/1 var(--m);letter-spacing:.033em;color:var(--ink);background:none;border:1px solid var(--line);border-radius:var(--r);padding:calc(var(--u)*3) calc(var(--u)*5);cursor:pointer;transition:border-color var(--t1);text-decoration:none;display:inline-block}
button:hover,.btn:hover{border-color:var(--ink)}
button[disabled]{opacity:.33;cursor:default}
.row{display:flex;gap:calc(var(--u)*3);flex-wrap:wrap;margin-top:calc(var(--u)*5);align-items:center}
input[type=number],input[type=text],input[type=password]{font:500 .9131rem/1 var(--m);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:calc(var(--u)*2) calc(var(--u)*3);width:111px}
input:focus{border-color:var(--ink);outline:none}
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:calc(var(--u)*3)}
table{width:100%;min-width:430px;border-collapse:collapse;font:400 .9131rem/1.313 var(--f)}
th,td{text-align:left;padding:calc(var(--u)*2) calc(var(--u)*2);border-top:1px solid var(--line);vertical-align:top}
th{font:600 .7313rem/1 var(--m);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);border-top:0}
td.n,th.n{text-align:right;font-family:var(--m);white-space:nowrap}
tr.t td{border-top:1px solid var(--ink);font-weight:600}
tr.s td{color:var(--muted)}
tr.g td{color:var(--ink)}
.opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(171px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:calc(var(--u)*3)}
.opt{background:var(--bg);padding:calc(var(--u)*5);display:block;text-decoration:none}
.opt b{display:block;font:600 .7313rem/1 var(--m);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin-bottom:calc(var(--u)*3)}
.opt .n{font:500 1.313rem/1 var(--m);letter-spacing:.033em}
.opt .n small{font-size:.7313rem;color:var(--muted);letter-spacing:.11em}
.opt p{font-size:.8313rem;margin-top:calc(var(--u)*2)}
.opt.default{background:var(--surface)}
.ok{color:var(--ink)}.over{color:var(--muted);text-decoration:line-through}
.steps{display:flex;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:calc(var(--u)*3)}
.steps span,.steps button{flex:1;background:var(--bg);padding:calc(var(--u)*3) calc(var(--u)*2);text-align:center;font:500 .7313rem/1 var(--m);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);border:0;border-radius:0}
.steps .on{background:var(--surface);color:var(--ink)}
.steps .done{color:var(--soft)}
.stamp{display:inline-block;font:600 .7313rem/1 var(--m);letter-spacing:.11em;text-transform:uppercase;border:1px solid var(--ink);border-radius:var(--r);padding:calc(var(--u)*2) calc(var(--u)*3);color:var(--ink)}
.stamp.paid{background:var(--ink);color:var(--bg)}
.stamp.unpaid{border-color:var(--muted);color:var(--muted)}
.doc{display:grid;grid-template-columns:repeat(auto-fill,minmax(191px,1fr));gap:calc(var(--u)*3);margin-top:calc(var(--u)*3)}
.doc a{border:1px solid var(--line);border-radius:var(--r);text-decoration:none;display:block;overflow:hidden;transition:border-color var(--t1)}
.doc a:hover{border-color:var(--ink)}
.doc img{display:block;width:100%;height:auto;background:#111111}
.doc em{display:block;font:500 .7313rem/1.313 var(--m);font-style:normal;padding:calc(var(--u)*3);color:var(--muted)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*5)}
@media (max-width:666px){.two{grid-template-columns:1fr}}
.fig{border:1px solid var(--line);border-radius:var(--rr);padding:calc(var(--u)*5);margin-top:calc(var(--u)*3)}
.fig svg{width:100%;height:auto;display:block}
pre{font:400 .8313rem/1.313 var(--m);color:var(--soft);white-space:pre-wrap;border:1px solid var(--line);border-radius:var(--r);padding:calc(var(--u)*5);margin-top:calc(var(--u)*3);background:var(--bg)}
blockquote{border-left:1px solid var(--line);padding-left:calc(var(--u)*5);color:var(--soft);max-width:77ch}
blockquote p+p{margin-top:calc(var(--u)*3)}
.sw{display:grid;grid-template-columns:repeat(auto-fill,minmax(111px,1fr));gap:calc(var(--u)*3)}
.sw div{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font:500 .7313rem/1.313 var(--m)}
.sw span{display:block;height:53px}
.sw em{display:block;font-style:normal;padding:calc(var(--u)*2)}
@media (max-width:430px){.home svg{height:11px}nav{gap:calc(var(--u)*3)}}
footer{border-top:1px solid var(--line);padding:calc(var(--u)*5) 0}
footer .wrap{display:flex;justify-content:space-between;gap:calc(var(--u)*3);flex-wrap:wrap;font:400 .7313rem/1.313 var(--m);color:var(--muted)}