/* Printable walk sheets (/cannabis/*-sheet). One letter page, light paper, matches the talk handout. */
:root{--ink:#14171B;--muted:#5C636A;--line:#C9C6BE;--y:#F2C200;--paper:#FBFAF6}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{background:#E9E6DE;color:var(--ink);font:400 13px/1.4 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.bar{max-width:8.5in;margin:0 auto;padding:16px 16px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font:500 12px 'IBM Plex Mono',monospace}
.bar a{color:var(--ink)}
.bar button{font:700 17px 'Barlow Condensed',sans-serif;letter-spacing:.03em;padding:9px 16px;border:0;background:var(--ink);color:#fff;cursor:pointer}
.sheet{max-width:8.5in;margin:12px auto 40px;background:var(--paper);padding:.45in .5in;box-shadow:0 2px 14px rgba(0,0,0,.12)}
.tape{height:8px;background:repeating-linear-gradient(-45deg,var(--y) 0 14px,var(--ink) 14px 28px);margin-bottom:14px}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:8px}
.k{font:500 9.5px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
h1{font:700 34px/.95 'Barlow Condensed',sans-serif;margin:4px 0 0}
.url{font:500 10.5px 'IBM Plex Mono',monospace;text-align:right;color:var(--muted);margin:0}
.fields{display:grid;grid-template-columns:1.1fr 1.6fr 1.3fr;gap:6px 14px;margin:12px 0 8px}
.fields span{display:block;border-bottom:1px solid var(--ink);padding-top:14px;font:500 9px 'IBM Plex Mono',monospace;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.how{font-size:12px;margin:8px 0 10px}
.how b{background:linear-gradient(transparent 60%,rgba(242,194,0,.6) 60%)}
table{width:100%;border-collapse:collapse;table-layout:fixed}
th{font:600 9px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;text-align:left;color:var(--muted);padding:0 6px 4px;border-bottom:2px solid var(--ink)}
td{vertical-align:top;padding:6px;border-bottom:1px solid var(--line);font-size:10.5px;line-height:1.32}
td.w{width:1.4in}
td.w b{display:block;font:700 17px/1 'Barlow Condensed',sans-serif}
td.w i{font:600 22px/1 'Barlow Condensed',sans-serif;font-style:normal;color:var(--y);-webkit-text-stroke:.6px var(--ink);float:left;margin-right:6px}
td .q{display:block;margin-top:3px;font-weight:600}
td.saw{background:repeating-linear-gradient(transparent 0 20px,var(--line) 20px 21px);height:.8in}
col.c1{width:1.4in} col.c2{width:2in} col.c3{width:1.8in}
.after{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}
.after > div{border:1.5px solid var(--ink);padding:8px 10px;font-size:10.5px}
.after .lines{height:.5in;background:repeating-linear-gradient(transparent 0 17px,var(--line) 17px 18px);margin-top:4px}
.foot{display:flex;justify-content:space-between;margin-top:10px;font:500 9px 'IBM Plex Mono',monospace;color:var(--muted)}
@media (max-width:700px){
  .sheet{padding:20px 16px} .fields{grid-template-columns:1fr} .after{grid-template-columns:1fr}
  table,tbody,tr,td{display:block;width:auto} thead,colgroup{display:none} td.w{width:auto} td{border-bottom:0} tr{border-bottom:1px solid var(--line);padding:6px 0}
}
@page{size:letter;margin:.35in}
@media print{
  body{background:#fff} .bar{display:none}
  .sheet{box-shadow:none;margin:0;padding:0;max-width:none;background:#fff}
  .tape,td.w i{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}