.intro{max-width:820px}.intro h1{margin:16px 0 24px}.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0}.controls span{font:.75rem/1.5 var(--mono);color:var(--muted)}.finding{border:1px solid var(--line);background:var(--surface);padding:24px 28px;margin-bottom:24px}.finding h2{font-size:1.45rem;margin:8px 0}.finding p:last-child{margin-bottom:0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.diagram{margin:0;border:1px solid var(--line);background:var(--surface);padding:24px;min-width:0}.diagram-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.diagram-heading h2{font-size:1.05rem;margin:0}.diagram-heading span{font:.65rem var(--mono);color:var(--muted)}#drawing{padding:24px 0;display:flex;align-items:center;justify-content:center;min-height:280px}#drawing svg{display:block;width:100%;height:auto;max-height:510px;min-height:240px}figcaption{font:.75rem/1.8 var(--mono);color:var(--muted);border-top:1px solid var(--line);padding-top:18px}.dimensions{border:1px solid var(--line);padding:24px}.dimensions h2{font-size:1.05rem;margin:0 0 16px}.layer{padding:16px 0;border-top:1px solid var(--line)}.layer h3{font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:10px;margin:0 0 7px;color:var(--muted)}.layer strong{font:500 1.2rem/1.6 var(--mono)}.layer small{display:block;color:var(--muted);font:.7rem/1.7 var(--mono);margin-top:5px}.swatch{width:12px;height:12px;display:inline-block;border:2px solid var(--swatch);flex-shrink:0}.placement-note{font-size:.75rem;line-height:1.8;margin-bottom:0}.visual-section{margin-top:22px;padding:22px 28px;border:1px dashed #b3ccc2;background:#18211f}.visual-section h2{font:500 1.3rem var(--mono)}.visual-section p{color:#c4d5cf}.interpretation{margin:40px 0}.interpretation>h2{font-size:1.4rem}.difference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.difference{padding:22px;border:1px solid var(--line);min-width:0}.difference h3{margin:0 0 12px;font-size:.9rem}.delta{font:500 1.7rem/1.5 var(--mono);color:var(--accent)}.difference code{display:block;font:.7rem/1.8 var(--mono);overflow-wrap:anywhere;color:var(--muted);margin-top:10px}.difference p{font-size:.85rem;margin-bottom:0}.issue{border-left:2px solid #c9b38e;padding:12px 18px;color:#dfcdae}.notes{padding:20px;border:1px solid var(--line);margin-top:18px}.notes summary{cursor:pointer}.notes p{max-width:940px}.table-wrap{overflow:auto;margin-top:20px}table{border-collapse:collapse;width:100%;font:.8rem/1.7 var(--mono)}caption{text-align:left;color:var(--muted);padding:0 0 16px}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}th{font-weight:500}th[scope=row]{background:transparent;color:var(--muted)}td:nth-child(2){color:var(--ink)}pre{padding:20px;max-height:600px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.svg-message{color:var(--muted);padding:40px 20px}.swatch-screen{--swatch:#bbb5c8}.swatch-available{--swatch:#82788f}.swatch-window{--swatch:#d3bb92}.swatch-page{--swatch:#b7a4f0}.swatch-visual{--swatch:#b3ccc2}@media(max-width:1000px){.layout{grid-template-columns:1fr}.dimensions{padding:22px}.dimensions #layers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}@media(max-width:600px){.difference-grid{grid-template-columns:1fr}.finding,.diagram{padding:20px}.intro h1{font-size:2.5rem}.controls span{width:100%}#drawing{min-height:240px}#drawing svg{min-height:200px}.layer strong{font-size:1rem}.notes{padding:16px}th,td{padding:12px 8px;font-size:.72rem}.visual-section{padding:20px}}

.margins{border-top:1px solid var(--line);padding:12px 0 20px}.margins p{font-size:.75rem;margin:0 0 14px}.margins p span{display:block;color:var(--muted);font-size:.65rem}.margins dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.margins dt{color:var(--muted);text-transform:uppercase;font:.6rem/1.7 var(--mono)}.margins dd{margin:4px 0 0;font:.85rem/1.5 var(--mono);overflow-wrap:anywhere}@media(max-width:600px){.margins dl{grid-template-columns:repeat(2,minmax(0,1fr))}}