@page{size:6in 4in;margin:0}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#000;color-scheme:light only;background:#fff}body{font-variant-numeric:tabular-nums;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-family:Archivo Variable,Helvetica Neue,Arial,sans-serif}.card{background:#fff;flex-direction:column;width:6in;height:4in;padding:.14in .14in .2in;display:flex;position:relative;overflow:hidden}.band{color:#fff;background:#000;border-radius:.05in;justify-content:space-between;align-items:baseline;padding:.075in .16in .085in;display:flex}.band h1{letter-spacing:-.015em;font-size:17pt;font-weight:800;line-height:1}.band .room{letter-spacing:.14em;text-transform:uppercase;font-size:9.5pt;font-weight:700}.steps{counter-reset:step;flex-direction:column;flex:1;gap:.15in;padding:.16in .08in .12in;display:flex}.step{counter-increment:step;grid-template-columns:.36in 1fr;align-items:baseline;display:grid}.step:before{content:counter(step);font-size:24pt;font-weight:800;font-stretch:78%;line-height:.8}.body{letter-spacing:-.005em;font-size:13.5pt;font-weight:600;line-height:1.15}.body b{font-weight:800}.body .aside{letter-spacing:0;margin-top:.04in;font-size:11pt;font-weight:450}.step.short .body{max-width:3.05in}.card:not(:has(.qr)) .step.short .body{max-width:none}.sel-label:before{content:"select:"}.sel{grid-template-columns:.74in 1fr;align-items:baseline;row-gap:.05in;margin-top:.07in;display:grid}.sel dt{font-size:11pt;font-weight:450}.sel dd{white-space:nowrap;letter-spacing:.005em;font-size:12.5pt;font-weight:700;font-stretch:78%}.sel .hint{margin-left:.08in;font-size:11pt;font-weight:450;font-stretch:100%}.qr{--qr:var(--qr-corner);align-items:flex-end;gap:.12in;display:flex;position:absolute;bottom:.52in;right:.22in}.qr svg{shape-rendering:crispedges;display:block}.qr .caption{text-align:right;font-size:10pt;font-weight:700;line-height:1.2}.missing{text-align:center;border:2pt dashed #000;border-radius:.04in;justify-content:center;align-items:center;width:1.05in;height:1.05in;padding:.08in;font-size:7.5pt;font-weight:700;display:flex}.missing:after{content:"set SITE_URL to get a QR code"}.card:has(.warning-row)>.qr{display:none}.warning-row{--qr:var(--qr-warning);border-bottom:1.5pt solid #000;grid-template-columns:1fr auto;align-items:center;gap:.2in;margin:.09in .04in 0 .06in;padding-bottom:.08in;display:grid}.warning{grid-template-columns:auto 1fr;align-items:center;gap:.14in;display:grid}.warn-icon{width:.42in;height:auto;display:block}.warn-head{text-wrap:balance;font-size:15pt;font-weight:800;font-stretch:80%;line-height:1.05}.warn-sub{margin-top:.04in;font-size:11pt;font-weight:450}.warning-row svg{shape-rendering:crispedges;display:block}.warning-row .missing{width:var(--qr-warning);height:var(--qr-warning)}.card:has(.warning-row) .steps{gap:.08in;padding-top:.1in;padding-bottom:.04in}.card:has(.warning-row) .card-trouble>div:after{content:"still stuck? the QR code has the full guide";display:block}.card-trouble{grid-template-columns:.36in 1fr;align-items:baseline;font-size:11pt;font-weight:450;line-height:1.3;display:grid}.card-trouble:before{content:"?";font-size:24pt;font-weight:800;font-stretch:78%;line-height:.8}.card-trouble b{font-weight:700}.intro{margin:.1in .08in 0 .06in;font-size:18pt;font-weight:800;font-stretch:85%;line-height:1.05}.card:has(.intro) .qr{--qr:var(--qr-extra);flex-direction:column;align-items:center;gap:.06in;top:.66in;bottom:auto}.card:has(.intro) .qr .caption{text-align:center;order:2;font-size:9pt}.card:has(.intro) .steps{gap:.09in;padding-top:.1in;padding-bottom:.04in}.card:has(.intro):has(.qr) .step .body{max-width:3.95in}.sel.checks{grid-template-columns:auto 1fr;gap:.02in .16in;margin:.04in 0 .03in;line-height:1.15}.card-trouble .aside{font-size:10.5pt}.foot{border-top:2pt solid #000;justify-content:space-between;align-items:baseline;margin:0 .02in;padding:.07in .06in 0;font-size:9.5pt;font-weight:450;display:flex}.foot b{font-weight:700}@media screen{body{background:#d9d7d0;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:100vh;padding:2rem;display:flex}.card{border-radius:3px;box-shadow:0 1px 2px #0000001f,0 12px 40px #0000002e}.toolbar{color:#333;align-items:center;gap:1rem;font:14px system-ui,sans-serif;display:flex}.toolbar button{font:inherit;color:#fff;cursor:pointer;background:#111;border:0;border-radius:8px;padding:.45rem .9rem;font-weight:600}.toolbar a{color:#333}}@media print{.toolbar{display:none}.card{zoom:.99}}
