:root{--ink:#20372e;--paper:#f7f6ef;--mat:#273d35;--muted:#63706a;--line:#d4dad3;--tag:#ffe599;--focus:#ffcf51;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b37800;outline-offset:4px}[hidden]{display:none!important}.page-header{max-width:1320px;margin:auto;padding:26px 36px;display:flex;justify-content:space-between;font-size:13px}main{max-width:1320px;padding:0 36px;margin:auto}.intro{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;padding:34px 0 44px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:600;margin:0 0 12px}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;margin:0}h1{font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-1px}p{line-height:1.6;font-size:14px}.intro p{max-width:470px}.intro #plan-summary{font-weight:600;margin:23px 0 0}.primary,.secondary{border-radius:5px;padding:14px 19px;font-size:13px;font-weight:600;min-height:48px}.primary{background:var(--ink);color:white;border:1px solid var(--ink)}.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}button:disabled{cursor:default;opacity:.4}.intro .primary{margin-top:9px}.room-map{position:relative;margin:0;overflow:hidden;border-radius:6px}.room-map img{display:block;width:100%}.room-map svg{position:absolute;inset:0;width:100%;height:100%}.room-map circle{fill:var(--tag);stroke:#20372e;stroke-width:3}.room-map text{fill:var(--ink);text-anchor:middle;font:600 43px 'DM Sans',sans-serif}.guide-nav{display:flex;align-items:center;gap:28px;border-block:1px solid var(--line);margin-bottom:24px}.guide-nav button{border:0;background:transparent;color:var(--muted);padding:18px 0;border-bottom:3px solid transparent;font-size:14px}.guide-nav button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}#progress-label{margin-left:auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.step-top{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px;margin-bottom:16px}.step-top label{display:flex;align-items:center;gap:9px}.step-top select{padding:9px 30px 9px 12px;border:1px solid var(--line);background:white;border-radius:4px;color:var(--ink);max-width:230px}.step-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:42px}.sleeve-map{margin:0;min-width:0}#focus-map{background:var(--mat);border-radius:6px;overflow:hidden;padding:16px;height:550px}#focus-map svg{width:100%;height:100%;display:block}.mask{fill:#ffd96a;fill-opacity:.36;stroke:#ffda6d;stroke-width:6;vector-effect:non-scaling-stroke;stroke-width:2.5}.map-spine{fill:#ffd96a;fill-opacity:.2;stroke:#ffda6d;stroke-width:2.5;vector-effect:non-scaling-stroke;cursor:pointer}.map-spine:hover,.map-spine:focus{fill:#ffd96a;fill-opacity:.35;stroke:#ffda6d;stroke-width:3}.map-tag rect{fill:var(--tag);stroke:#5a4924;stroke-width:1.5}.map-tag text{font:600 24px 'DM Sans',sans-serif;fill:var(--ink);text-anchor:middle}.map-tag line{stroke:var(--tag);stroke-width:3}.sleeve-map figcaption{font-size:12px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px;color:var(--muted)}.sleeve-map figcaption button{padding:0;background:none;border:0;text-decoration:underline;color:var(--ink);font-size:12px}.target-swatch{width:12px;height:12px;background:var(--tag);border:1px solid #a78d47;display:inline-block}.shot-card{padding:7px 0 0;min-width:0}.shot-heading{display:flex;gap:16px;align-items:baseline}#shot-number{font-size:44px;font-weight:500;letter-spacing:-2px;font-variant-numeric:tabular-nums}.shot-heading h2{font-size:44px}.face-instruction{font-size:16px;max-width:390px;margin:8px 0 24px}.target-record{display:flex;gap:17px;align-items:flex-start;padding-block:20px;border-block:1px solid var(--line)}.target-record img{width:86px;height:86px;object-fit:contain;background:#e7e9e0;border:1px solid var(--line)}.target-record h3{font-size:28px;line-height:1.05}.target-record p{font-size:13px;margin:5px 0}.target-record .spine-text{font-size:10px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.neighbors{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.neighbor-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;display:block}.neighbor-name{font-size:12px;display:block;line-height:1.4;margin-top:5px}.why{font-size:12px;color:var(--muted);margin-block:17px}.why summary,.setup summary{cursor:pointer}.why ul{padding-left:18px;line-height:1.8}.shot-actions{display:flex;gap:10px}.shot-actions .primary{flex:1}.shot-actions .secondary{padding-inline:12px}.camera-tip{font-size:11px;color:var(--muted);margin:10px 0}.setup{border-top:1px solid var(--line);margin:32px 0;padding-top:22px;font-size:13px;max-width:720px}.setup p{font-size:13px}footer{display:flex;gap:20px;justify-content:space-between;padding:30px 0;font-size:11px;color:var(--muted);border-top:1px solid var(--line);margin-top:32px}.map-instruction{max-width:660px}.box-map-group{padding:26px 0 34px;border-top:1px solid var(--line)}.box-map-group h2{font-size:36px}.box-map-group>p{font-size:12px;margin-top:7px;color:var(--muted)}.section-maps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}.section-map h3{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;margin-bottom:12px}.section-map svg{display:block;width:100%;height:auto;aspect-ratio:1.18;background:var(--mat);border-radius:5px;padding:12px}.section-map ol{list-style:none;padding:0;margin:12px 0}.section-map li{margin:0}.pair-link{padding:11px 0;display:grid;grid-template-columns:28px 1fr;gap:9px;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink)}.pair-link .sleeve-number{font-weight:600;font-size:12px}.pair-link strong{display:block;font-size:12px;font-weight:500;line-height:1.4}.pair-link small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:2px}#complete{padding:60px 0;max-width:600px}#complete h2{font-size:48px}#error{padding:35px;border:1px solid #b37800}#special-instruction{font-size:12px;border-left:3px solid #bc951b;padding-left:12px}.intro.collapsed{display:none}.guide-nav.compact{margin-top:12px}
@media(max-width:850px){main{padding:0 22px}.page-header{padding:22px}.intro{gap:28px}.step-layout{gap:25px;grid-template-columns:1fr 1fr}#focus-map{height:480px}.shot-actions{flex-wrap:wrap}.shot-actions .primary{min-width:180px}.section-maps{grid-template-columns:repeat(2,minmax(0,1fr))}.shot-heading h2{font-size:36px}}
@media(max-width:600px){main{padding:0 18px}.page-header{padding:19px 18px;font-size:11px}.intro{display:flex;flex-direction:column-reverse;gap:25px;padding:12px 0 28px;align-items:stretch}.intro.collapsed{display:none}.room-map{max-height:220px}.room-map img{width:100%;height:auto}.room-map svg{object-fit:cover}h1{font-size:48px}.intro p{font-size:13px}.intro .primary{width:100%}.guide-nav{gap:22px;margin-bottom:16px}.guide-nav button{font-size:12px;padding:15px 0}#progress-label{font-size:10px}.step-top{font-size:10px;gap:8px}.step-top label{gap:5px}.step-top select{max-width:180px;font-size:11px;padding:8px}.step-top a{max-width:110px;text-align:right;line-height:1.4}.step-layout{display:flex;flex-direction:column;gap:18px}#focus-map{height:300px;padding:10px}.sleeve-map figcaption{font-size:10px;margin-top:8px}.sleeve-map figcaption button{font-size:10px}.shot-card{padding:0;display:flex;flex-direction:column}.shot-card>#location{order:0}.shot-card>.shot-heading{order:1}.shot-card>.face-instruction{order:2}.shot-card>.target-record{order:3}.shot-card>#special-instruction{order:4}.shot-card>#skip-fold{order:5}.shot-card>.shot-actions{order:6}.shot-card>.neighbors{order:7}.shot-card>.why{order:8}.shot-card>.camera-tip{order:9}#location{font-size:10px;margin-bottom:8px}.shot-heading{gap:13px}#shot-number,.shot-heading h2{font-size:36px}.face-instruction{font-size:14px;margin:5px 0 15px}.target-record{padding:14px 0}.target-record img{width:65px;height:65px}.target-record h3{font-size:25px}.target-record p{font-size:12px}.neighbors{margin:13px 0;gap:14px}.why{margin:14px 0}.shot-actions{position:static;background:var(--paper);padding:10px 0}.shot-actions .primary{min-width:0;font-size:12px;padding-inline:12px}.shot-actions .secondary{font-size:11px;min-height:46px}.camera-tip{font-size:10px}.setup{margin:24px 0;font-size:12px}.section-maps{grid-template-columns:1fr;gap:30px}.section-map svg{height:auto}.box-map-group{padding-block:24px}.box-map-group h2{font-size:31px}footer{flex-direction:column;gap:7px;font-size:10px;padding:22px 0}#complete{padding:35px 0}.map-instruction{font-size:12px}.section-map ol{columns:2;column-gap:16px}.section-map li{break-inside:avoid}.pair-link{grid-template-columns:23px 1fr;gap:5px}.pair-link strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{.page-header,.intro,.guide-nav,.step-top,#step-view,#complete,footer{display:none!important}#map-view[hidden]{display:block!important}main{padding:0}.section-maps{grid-template-columns:repeat(3,1fr)}.box-map-group{break-before:page}.section-map svg{height:350px}.pair-link{font-size:10px}.map-instruction{font-size:11px}}