*{box-sizing:border-box}body{margin:0;background:#f5f2eb;color:#263b34;font:16px/1.55 system-ui,sans-serif}a{color:#356c53}button,a,input{touch-action:manipulation}button{font:inherit;border:1px solid #c7d0c3;background:#fffdf8;border-radius:7px;padding:9px 13px;color:inherit;cursor:pointer}button:hover{border-color:#356c53}button:focus-visible,a:focus-visible{outline:3px solid #b76a34;outline-offset:3px}button[aria-pressed=true]{background:#315c43;color:white;border-color:#315c43}.site-header{max-width:1440px;margin:auto;padding:22px 30px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #d4d9ce}.site-header nav{display:flex;gap:18px;flex-wrap:wrap}main{max-width:1440px;margin:auto;padding:30px}h1{font-size:clamp(28px,4vw,44px);line-height:1.1;margin:0 0 14px}h2{font-size:23px;line-height:1.2;margin:0 0 10px}h3{font-size:17px;margin:25px 0 12px}p{margin:0 0 14px}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#68766b}.intro{margin-bottom:25px}.intro>p{max-width:730px}.scale-switch{display:flex;gap:20px;font-size:14px;margin-top:16px}.workspace{display:grid;grid-template-columns:160px minmax(0,1fr) 265px;gap:20px;align-items:start}.workspace>*,.comparison>*{min-width:0}#types{display:grid;grid-template-columns:1fr;gap:8px}.type-card{display:grid;grid-template-columns:55px 1fr;align-items:center;padding:5px 9px;text-align:left}.type-card svg{width:55px;height:52px}.type-card strong{display:block}.type-card small{font-size:11px;opacity:.8}.drawing-panel{background:#fffdf8;border:1px solid #d4d9ce;border-radius:10px;padding:20px}.drawing-header{display:flex;justify-content:space-between;gap:14px;align-items:start}.drawing-header h2{font-size:30px}.drawing-header p{font-size:13px;color:#68766b}.drawing-header button{font-size:12px;white-space:nowrap}#drawing svg{display:block;width:100%;max-height:580px;aspect-ratio:1}#drawing{overflow:hidden}.view-options{display:flex;gap:10px 20px;flex-wrap:wrap;font-size:13px}.view-options label{cursor:pointer}.legend,.muted{font-size:12px;color:#68766b}.legend{margin-top:14px}.brown{color:#c9a66d}.green{color:#356c53}.details{padding:6px 0}.details h2{font-size:18px}dl{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:14px;margin:18px 0}dt{color:#68766b}dd{margin:0;font-variant-numeric:tabular-nums;text-align:right}#pattern-note{font-size:13px}summary{cursor:pointer;font-size:13px}.sequence{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0}.sequence span{font-size:11px;background:#e4e5de;padding:5px;border-radius:4px}.sequence .occupied{background:#dce9d8;color:#2d6045}.node-links{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.node-links a{padding:4px 8px;background:#e9eee3;border-radius:4px;font-size:13px;text-decoration:none}#map-link{font-size:13px}table{width:100%;border-collapse:collapse;font-size:12px}td,th{text-align:left;padding:6px;border-bottom:1px solid #d4d9ce}.comparison{margin-top:38px;padding-top:24px;border-top:1px solid #d4d9ce}.comparison-header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.comparison-header p{font-size:14px}.compare-switch{display:flex;gap:8px;align-items:start}.compare-switch button{font-size:13px}#compare-drawings{display:grid;grid-template-columns:1fr 1fr;max-width:850px;margin:10px auto}#compare-drawings.overlay{grid-template-columns:1fr;max-width:450px}#compare-drawings svg{width:100%;display:block}#compare-drawings figure{margin:0}figcaption{text-align:center;font-weight:600}#compare-note{font-size:14px;max-width:850px;margin:20px auto}footer{margin-top:32px;border-top:1px solid #d4d9ce;padding-top:20px;font-size:13px}[hidden]{display:none!important}
@media(max-width:1050px){.workspace{grid-template-columns:125px minmax(0,1fr)}.details{grid-column:2}.type-card{grid-template-columns:45px 1fr;padding:5px}.type-card svg{width:45px;height:45px}}
@media(max-width:620px){main{padding:18px}.site-header{padding:15px;flex-wrap:wrap;font-size:13px}.workspace{grid-template-columns:1fr;gap:16px}.workspace>aside:first-child>.eyebrow{display:none}#types{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.type-card{display:block;text-align:center;padding:5px 1px;font-size:12px}.type-card svg{width:100%;height:40px}.type-card small{display:none}.details{grid-column:auto}.drawing-panel{padding:12px}.drawing-header{gap:5px}.drawing-header button{padding:8px;font-size:11px}.drawing-header h2{font-size:25px}.drawing-header p{font-size:11px}.comparison{margin-top:24px}.compare-switch{margin-bottom:6px}.view-options{font-size:12px;gap:6px}#compare-drawings{gap:4px}dl{max-width:450px}.intro{margin-bottom:18px}}