:root{--paper:#f7f9f8;--ink:#203b4b;--rule:#d9e1df;--muted:#647d87}body{background:var(--paper);color:var(--ink)}header,main,footer{max-width:1400px}header h1{font-weight:650;letter-spacing:.02em}header .eyebrow{color:#487986}.map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px}.map-toolbar h2{margin:0}.scale-switch{display:flex;flex-shrink:0;gap:5px}.scale-switch button{font-size:13px}.legend{margin-top:15px;align-items:center;gap:20px}.legend span{display:flex;align-items:center;gap:8px}.solid-swatch,.dashed-swatch{display:inline-block;width:35px;height:0;border-top:5px solid #3b7974}.dashed-swatch{border-top:3px dashed #92b0ac}.range-boundary{font-size:12px;color:var(--muted);margin:8px 0 0}.catalogue{border:1px solid var(--rule);border-radius:10px;background:white;overflow:auto;margin:20px 0}.range-matrix{min-width:920px}.range-axis,.range-row{display:grid;grid-template-columns:250px minmax(460px,1fr);gap:14px;padding:0 20px}.range-axis{border-bottom:1px solid var(--rule);height:51px;color:var(--muted);font-size:12px;align-items:center}.range-axis svg{width:100%;height:48px;overflow:visible}.range-row{min-height:151px;border-bottom:1px solid #e8eeee;position:relative}.range-row:last-child{border-bottom:0}.range-row.selected{background:#eff6f4}.type-select{display:grid;grid-template-columns:95px 1fr;gap:10px;align-items:center;text-align:left;background:none;border:0;padding:10px 0;border-radius:0;width:100%;font-size:13px}.type-select img{width:95px;height:77px;object-fit:contain}.type-select strong{font-size:15px;display:block;line-height:1.5}.type-select small{display:block;color:var(--muted);font-size:11px;line-height:1.7}.range-band{position:relative;align-self:center;min-width:0;height:132px}.range-band>svg{display:block;width:100%;height:132px;overflow:visible}.source-dot{position:absolute;top:61px;transform:translate(-50%,-50%);width:22px;height:22px;padding:0;border:2px solid white;border-radius:50%;background:#315d66;color:white;font:12px/18px sans-serif;z-index:2}.source-dot.active{outline:2px solid #bc8b3d;outline-offset:2px}.source-dot:focus-visible{outline-offset:3px}.range-band .range-label{font:13px 'Cascadia Code',Consolas,monospace;fill:#244d53}.range-band .end-label{font:10px 'Cascadia Code',Consolas,monospace;fill:#849995}.range-band .band-method{font:12px 'Microsoft YaHei',sans-serif;fill:#667e82}.range-band .band-unseen{font:13px 'Microsoft YaHei',sans-serif;fill:#7c8f97}.range-axis text{font:12px 'Cascadia Code',Consolas,monospace;fill:#647d87}.compare-strip{display:flex;gap:16px;align-items:center;padding:16px 22px;background:#e7eff0;border-radius:7px;flex-wrap:wrap;margin:15px 0 25px}.compare-strip p{flex:1;font-size:14px;margin:0}.compare-link,.compare-strip button{font-size:13px}.lens{margin-bottom:22px}.photo-heading{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--rule)}.photo-heading h2{font-size:21px}.photo-heading span{color:var(--muted);font-size:13px}#photo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:18px}.site-photo{margin:0;background:#fff;border:1px solid var(--rule);border-radius:7px;overflow:hidden}.site-photo img{width:100%;height:250px;object-fit:contain;background:#e8eeed;display:block}.site-photo figcaption{padding:13px 16px;font-size:13px}.site-photo figcaption strong{display:block;font-size:15px;margin-bottom:7px}.site-photo figcaption small{display:block;color:#6b7d83;font-size:11px;margin-top:8px}.site-photo .photo-error{padding:15px;color:#5b747b}.site-photos>.muted{font-size:12px}.photo-empty{font-size:14px;color:var(--muted);padding:20px;border-left:3px solid var(--rule)}[hidden]{display:none!important}body.compact header{padding-top:20px}body.compact header h1{font-size:30px}body.compact header p{font-size:14px}body.compact .compare-strip #compare-inline{display:none}body.compact main{padding-top:0}body.compact header{padding-bottom:15px}body.compact footer{padding-top:15px}
.type-select[aria-pressed=true]{background:none;color:var(--ink);border:0}.type-select[aria-pressed=true] strong{color:#266660}
.scale-atlas{margin:30px 0 18px;background:#eef2eb;border:1px solid #d2ddd2;border-radius:10px;overflow:hidden}.scale-atlas>div{padding:18px 22px 4px}.scale-atlas h2{font-size:22px;margin:0 0 8px}.scale-atlas p{font-size:14px;color:#557165;margin:0}.scale-atlas>a{display:block;position:relative;color:#315f58}.scale-atlas img{display:block;width:100%;height:auto;min-height:100px}.scale-atlas>a>span{display:block;padding:8px 22px;text-align:right;font-size:13px;background:#e2ebe4}.scale-atlas figcaption{padding:12px 22px;font-size:12px;color:#63786c}
.band-main,.band-offscreen,.band-method-html{position:absolute;white-space:nowrap;pointer-events:none}.band-main{top:13px;transform:translateX(-50%);font:13px/1.6 Consolas,'Microsoft YaHei',sans-serif;color:#244d53}.band-offscreen{top:21px;left:4%;font-size:12px;color:#647d87}.band-method-html{left:4%;top:85px;font-size:12px;color:#667e82}.axis-rule{height:48px;position:relative}.axis-rule>span{position:absolute;top:19px;transform:translateX(-50%);font:12px/1.6 Consolas,monospace}.axis-rule>small{position:absolute;right:1%;top:0;font-size:11px}
@media(max-width:760px){.map-toolbar{display:block}.scale-switch{margin:12px 0}.legend{gap:10px;font-size:11px}.range-matrix{min-width:880px}.range-axis,.range-row{grid-template-columns:210px minmax(520px,1fr);padding:0 12px;gap:12px}.type-select{grid-template-columns:78px 1fr}.type-select img{width:78px}.compare-strip{display:block;padding:15px}.compare-strip a{display:inline-block;margin:9px 0}.compare-strip button{display:block}#photo-gallery{grid-template-columns:1fr}.site-photo img{height:210px}.photo-heading{display:block}.lens{gap:16px}.site-photos h2{font-size:20px}body.compact header h1{font-size:25px}}

.case-metrics{display:flex;gap:24px;flex-wrap:wrap;margin:18px 0}.case-metrics div{display:grid;gap:4px}.case-metrics small{color:#52666b}.case-metrics strong{font-size:1.35rem}.height-guide{margin:28px 0;padding:24px;background:#eef3ef;border-left:3px solid #57796c;border-radius:4px}.height-guide h2{margin-top:0}