@font-face{font-family:"Bodoni Moda";src:url(fonts/BodoniModa-400.ttf);font-weight:400}
@font-face{font-family:"Bodoni Moda";src:url(fonts/BodoniModa-600.ttf);font-weight:600 700}
@font-face{font-family:"Bodoni Moda";src:url(fonts/BodoniModa-Italic.ttf);font-style:italic;font-weight:400}
@font-face{font-family:Inter;src:url(fonts/Inter-400.ttf);font-weight:400}
@font-face{font-family:Inter;src:url(fonts/Inter-500.ttf);font-weight:500}
@font-face{font-family:Inter;src:url(fonts/Inter-600.ttf);font-weight:600}
:root{--ink:#0b0b0b;--paper:#fff;--grey:#6b6b6b;--line:#d9d9d6;--serif:"Bodoni Moda","Bodoni 72",Didot,Georgia,serif;--sans:Inter,system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#ecebe8}
body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}
.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:min(94vw,860px);margin:0 auto;padding:14px 4px;font-size:13px;letter-spacing:.04em}
.bar b{font-family:var(--serif);font-weight:600;font-size:15px;letter-spacing:.02em}
.bar a{color:var(--ink);border:1px solid var(--ink);padding:8px 14px;text-decoration:none;font-weight:500;white-space:nowrap}
.bar a:hover{background:var(--ink);color:#fff}
main{display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 0 40px}
.slot{container-type:inline-size;width:min(94vw,calc((100vh - 84px)*.8),860px);aspect-ratio:4/5;box-shadow:0 1px 0 rgba(0,0,0,.08),0 12px 30px -18px rgba(0,0,0,.35)}
.pg{--u:1cqw;width:100%;height:100%;position:relative;overflow:hidden;background:var(--paper);color:var(--ink);padding:calc(var(--u)*7);display:flex;flex-direction:column}
.pg.dark{background:var(--ink);color:var(--paper)}
.top,.bot{display:flex;justify-content:space-between;align-items:baseline;font-size:calc(var(--u)*1.55);letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.top{padding-bottom:calc(var(--u)*1.8);border-bottom:1px solid currentColor}
.bot{margin-top:auto;padding-top:calc(var(--u)*1.8);border-top:1px solid currentColor;letter-spacing:.08em}
.dark .top,.dark .bot{border-color:rgba(255,255,255,.55)}
.body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;gap:calc(var(--u)*3.2);padding:calc(var(--u)*4) 0 calc(var(--u)*2.5)}
.body>.list{flex:1;justify-content:space-around}
.kick{font-size:calc(var(--u)*1.7);letter-spacing:.18em;text-transform:uppercase;font-weight:600}
h1,h2{font-family:var(--serif);font-weight:600;line-height:1.02;letter-spacing:-.01em}
h2{font-size:calc(var(--u)*7.2)}
h2 em,h1 em{font-weight:400}
p{font-size:calc(var(--u)*3);line-height:1.5}
.lead{font-size:calc(var(--u)*3.5);line-height:1.45}
.muted{color:var(--grey)}.dark .muted{color:#b8b8b8}
.serif{font-family:var(--serif)}
.big{font-family:var(--serif);font-size:calc(var(--u)*5.6);line-height:1.12;font-weight:400;letter-spacing:-.01em}
.box{border:1px solid currentColor;padding:calc(var(--u)*2.6) calc(var(--u)*3)}
.box.fill{background:var(--ink);color:#fff;border-color:var(--ink)}
.dark .box.fill{background:#fff;color:var(--ink)}
.list{list-style:none;display:flex;flex-direction:column}
.list li{display:grid;grid-template-columns:calc(var(--u)*8) 1fr;align-items:baseline;gap:calc(var(--u)*1.5);padding:calc(var(--u)*1.4) 0;border-bottom:1px solid var(--line);font-size:calc(var(--u)*2.95);line-height:1.38}
.dark .list li{border-color:rgba(255,255,255,.25)}
.list li:last-child{border-bottom:0}
.list .n{font-family:var(--serif);font-size:calc(var(--u)*4.8);line-height:1;font-weight:400}
.list b{font-weight:600}
.cols{display:grid;grid-template-columns:1fr 1fr;column-gap:calc(var(--u)*4)}
.cols.tight .list li{grid-template-columns:calc(var(--u)*5.6) 1fr;font-size:calc(var(--u)*2.7)}
.cols.tight .list .n{font-size:calc(var(--u)*4)}
.check li{grid-template-columns:calc(var(--u)*4.4) 1fr;align-items:center}
.cb{width:calc(var(--u)*3);height:calc(var(--u)*3);border:calc(var(--u)*.3) solid currentColor;position:relative}
.card{border:1px solid var(--ink);padding:calc(var(--u)*3) calc(var(--u)*3);gap:calc(var(--u)*1.6);display:flex;flex-direction:column;gap:calc(var(--u)*1)}
.card .kick{font-size:calc(var(--u)*1.5)}
.card .q{font-family:var(--serif);font-style:italic;font-size:calc(var(--u)*4);line-height:1.2}
table{border-collapse:collapse;width:100%}
td,th{border:1px solid var(--ink);padding:calc(var(--u)*1.7) calc(var(--u)*2);font-size:calc(var(--u)*2.7);line-height:1.3;text-align:left;vertical-align:top}
th{background:var(--ink);color:#fff;font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:calc(var(--u)*1.5)}
td:first-child{font-family:var(--serif);font-weight:600;font-size:calc(var(--u)*3.2);white-space:nowrap}
.wk td:first-child{width:21%}
svg{display:block}
.bigno{position:absolute;right:calc(var(--u)*5);bottom:calc(var(--u)*7);font-family:var(--serif);font-size:calc(var(--u)*30);line-height:.8;opacity:.07;font-weight:600}
.split{display:grid;grid-template-columns:1.35fr 1fr;gap:calc(var(--u)*5);align-items:center}
@media print{
 @page{size:1080px 1350px;margin:0}
 html,body{background:#fff}.bar{display:none}main{display:block;padding:0;gap:0}
 .slot{width:1080px;height:1350px;aspect-ratio:auto;box-shadow:none;break-after:page;page-break-after:always}
 *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
