:root{font-family:ui-monospace,"SF Mono",Menlo,monospace;color:#111;background:#fff}*{box-sizing:border-box}body{margin:0}header{padding:18px 3%;border-bottom:1px solid #bbb;font-size:11px;letter-spacing:.08em}a{color:inherit;text-decoration:none}main{margin:0;padding:40px 3% 60px}h1,h2{font-family:Garamond,serif;font-weight:400}h1{font-size:clamp(40px,6vw,72px);line-height:.9;margin:0 0 16px}h2{font-size:28px;margin:0 0 14px}.intro{max-width:620px;font:12px/1.5 inherit}.section{margin-top:52px;border-top:1px solid #111;padding-top:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid #aaa;padding:14px;min-height:130px}.card p{margin:9px 0 0;font-size:12px;line-height:1.5;color:#555}.mono{font:16px ui-monospace,"SF Mono",monospace}.garamond{font:28px Garamond,serif}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{text-align:left;padding:10px 6px;border-bottom:1px solid #bbb}.canvas{border:1px solid #aaa;position:relative;aspect-ratio:1.414;background:#fff}.canvas.portrait{aspect-ratio:1/1.414}.gutter{position:absolute;left:0;right:0;bottom:0;background:#f1f1f1;border-top:1px dashed #999}.gutter span{position:absolute;left:7%;top:50%;transform:translateY(-50%);font-size:9px;white-space:nowrap}.label-sample{height:58px;border:1px solid #aaa}.label-sample svg{width:100%;height:100%}.note{font-size:12px;line-height:1.55;color:#555;max-width:760px}.route-link{display:inline-block;margin-top:8px;font-size:12px;text-decoration:underline!important;text-underline-offset:3px}@media(max-width:700px){.grid,.canvas-grid{grid-template-columns:1fr}}