article .prose .visual-story{border:1px solid var(--line,#d7d0bf);border-top:3px solid var(--accent,#a5492e);background:#f3eee2;margin:44px 0 48px;padding:28px 24px 22px;scroll-margin-top:32px}.visual-eyebrow{color:var(--accent,#a5492e);font:600 13px/1.6 var(--sans);letter-spacing:.06em;flex-wrap:wrap;align-items:baseline;gap:8px 16px;display:flex}.visual-eyebrow>span:first-child{font:500 16px/1.4 var(--serif);white-space:nowrap}article .prose .visual-head h3{color:var(--ink,#29281f);font:500 30px/1.25 var(--serif);letter-spacing:-.025em;margin:18px 0}article .prose .visual-intro{color:var(--ink,#29281f);font:400 18px/1.7 var(--sans);margin:0 0 28px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:32px 22px;display:grid}article .prose .photo-panel{min-width:0;margin:0}article .prose .photo-button{color:#233d32;cursor:zoom-in;background:#e7e5d9;border:0;justify-content:center;align-items:center;width:100%;padding:0;text-decoration:none;display:flex;position:relative;overflow:hidden}.photo-fit{flex-shrink:0;display:block;position:relative}article .prose .photo-fit img{object-fit:contain;border-radius:0;width:100%;height:100%;margin:0;display:block}.photo-leader{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.photo-leader path{fill:none;stroke:#244637;stroke-width:1.5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px #fff)}.photo-pin{color:#fff;width:26px;height:26px;font:500 13px/1 var(--sans);background:#284c3e;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.photo-callout{color:#233d32;max-width:91%;font:500 13px/1.45 var(--sans);background:#fafaf4f5;border-left:2px solid #345b43;padding:7px 9px;position:absolute;bottom:5%;left:4%}.zoom-hint{width:32px;height:32px;font:20px/1 var(--sans);background:#fffffff0;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.photo-button:hover .zoom-hint{color:#fff;background:#203a32}article .prose .photo-panel figcaption{text-align:left;padding-top:16px}article .prose .photo-panel h4{color:var(--ink,#29281f);font:500 23px/1.3 var(--serif);letter-spacing:-.02em;margin:0 0 12px}article .prose .photo-panel figcaption p{color:#383b30;font:400 17px/1.65 var(--sans);margin:0}.visual-takeaway{border-top:1px solid var(--line,#d7d0bf);color:#455034;align-items:flex-start;gap:14px;margin-top:28px;padding:22px 0;display:flex}.takeaway-mark{font:28px/1.4 var(--serif);flex-shrink:0}article .prose .visual-takeaway p{color:#455034;font:500 18px/1.65 var(--sans);margin:0}.visual-credit{border-top:1px solid var(--line,#d7d0bf);color:var(--muted,#626554);font:400 14px/1.65 var(--sans);overflow-wrap:anywhere;padding-top:16px}.photo-grid .diagram-panel{grid-column:1/-1}.layout-diagram{background:#fbf8ef;border:1px solid #b9c0a8;min-width:0;max-width:540px;margin-inline:auto;padding:18px 12px 16px}.diagram-panel figcaption{max-width:540px;margin-inline:auto}.diagram-badge{color:var(--accent,#a5492e);font:500 13px/1.6 var(--sans);letter-spacing:.04em;text-align:center}.layout-diagram svg{color:#405839;width:100%;height:auto;font-family:var(--sans);display:block}.diagram-tick{fill:#53624a;font-size:16px}.diagram-width{fill:#435737;font-size:18px}.diagram-piece{fill:#45603b;font-family:var(--serif);font-size:25px}.diagram-measure{fill:#435737;font-size:16px}.diagram-position{fill:#435737;font-size:18px}.diagram-extra{fill:#a5492e;font-size:20px;font-weight:600}.diagram-total{fill:#35542b;font:500 32px var(--serif)}.diagram-legend{color:#53624a;font:400 13px/1.6 var(--sans);text-align:center}@media (width<=620px){article .prose .visual-story{margin:32px 0 36px;padding:22px 16px 18px}.visual-eyebrow{letter-spacing:.035em;gap:6px 12px;font-size:12px}article .prose .visual-head h3{font-size:27px}.photo-grid{grid-template-columns:minmax(0,1fr);gap:30px}article .prose .photo-panel h4{font-size:23px}.layout-diagram{padding-inline:0}.diagram-badge,.diagram-legend{padding-inline:10px}}@media print{.visual-story{break-inside:auto}.visual-head{break-after:avoid}.photo-panel{break-inside:avoid}.zoom-hint{display:none}.photo-grid{grid-template-columns:1fr 1fr}}
