/* Print-ready guide sheet. Used for the web version and the PDF (A4, 2 pages). */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/barlow-condensed-700.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(../assets/fonts/barlow-condensed-800.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(../assets/fonts/inter-400.woff2) format('woff2')}
:root{color-scheme:light;--y:#ffd400;--ink:#141414;--mut:#555;--line:#d9d9d2;--tint:#fff8cc;--bg:#e9e9e4}
*{box-sizing:border-box}
html{-webkit-print-color-adjust:exact;print-color-adjust:exact}
body{margin:0;background:var(--bg);color:var(--ink);font:400 calc(10.2pt * var(--s,1))/1.45 Inter,system-ui,sans-serif}
.bar{background:#0a0a0a;color:#fff;padding:10px 20px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:14px}
.bar a{color:var(--y);font-weight:600;text-decoration:none}.bar .grow{flex:1}
.bar .dl{background:var(--y);color:#111;padding:9px 16px;border-radius:2px}
.sheet{width:210mm;max-width:100%;margin:18px auto;background:#fff;padding:13mm 14mm 12mm;box-shadow:0 2px 14px rgba(0,0,0,.18)}
.brand{display:flex;justify-content:space-between;align-items:center;font:700 .98em "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);border-bottom:3px solid var(--y);padding-bottom:6px}
h1{font:800 3.04em/0.98 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;margin:12px 0 4px;letter-spacing:.005em}
.sub{font-size:1.13em;color:var(--mut);margin:0 0 10px}
h2{font:700 1.37em/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.03em;margin:13px 0 5px;padding-bottom:3px;border-bottom:2px solid var(--y);break-after:avoid}
h3{font:600 1.02em/1.2 Inter,sans-serif;margin:8px 0 2px;break-after:avoid}
p{margin:0 0 6px}ul,ol{margin:2px 0 6px;padding-left:17px}li{margin:0 0 2px}
.glance{background:var(--tint);border-left:5px solid var(--y);padding:8px 12px;margin:8px 0}
.glance b{font:700 .98em "Barlow Condensed";text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:2px}
.glance ul{margin:0;padding-left:16px}
table{width:100%;border-collapse:collapse;margin:5px 0 7px;font-size:.885em;break-inside:avoid}
th{background:#141414;color:#fff;text-align:left;padding:4px 7px;font-weight:600}
td{padding:4px 7px;border-bottom:1px solid var(--line);vertical-align:top}
tr:nth-child(even) td{background:#fafaf6}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;break-inside:avoid}.two>div{break-inside:avoid}
.myth{border:1px solid var(--line);padding:6px 9px;margin:0 0 6px;break-inside:avoid}.myth b{color:#8a6d00}
.tick li{list-style:none;margin-left:-17px;padding-left:20px;position:relative}.tick li::before{content:"";position:absolute;left:0;top:.35em;width:10px;height:10px;border:1.5px solid #141414}
.cta{background:#0a0a0a;color:#fff;padding:10px 14px;margin:10px 0 6px;break-inside:avoid}
.cta b{font:700 1.27em "Barlow Condensed";text-transform:uppercase;color:var(--y);display:block}.cta a,.cta span.u{color:var(--y);font-weight:600}
.by{font-size:.88em;color:var(--mut);margin-top:6px}
.fine{font-size:.74em;color:#666;line-height:1.35;margin:6px 0 0;border-top:1px solid var(--line);padding-top:5px}
.fine b{color:#333}
@page{size:A4;margin:12mm 0}
@media print{body{background:#fff}.bar{display:none}.sheet{margin:0;box-shadow:none;width:210mm;padding:0 14mm}}
@media screen and (max-width:820px){.sheet{padding:18px 16px;margin:0;box-shadow:none}.two{grid-template-columns:1fr}h1{font-size:30pt}}