.phase-two-article{height:100%}.phase-two-article .article-explainer,.phase-two-article .planning-hero h1{font-family:var(--font-design-guide),system-ui,sans-serif}.planning-page--visual-guide .planning-hero{grid-template-columns:minmax(0,1fr);text-align:center;gap:2.5rem}.planning-page--visual-guide .planning-hero h1{max-width:26ch;margin-inline:auto;font-weight:500;font-size:clamp(1.65rem,3.5vw,3.6rem)}.planning-page--visual-guide .planning-access,.planning-page--visual-guide .planning-intro{max-width:70ch;margin-inline:auto}.planning-page--visual-guide .planning-hero figure{width:100%;max-width:1040px;margin-inline:auto}.planning-page--visual-guide .planning-hero img{width:100%;height:auto}.planning-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;align-items:center}.planning-secondary-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.2rem;border-radius:.5rem;background:#e0e7d8;color:#203c32;font-weight:550;transition:transform .3s cubic-bezier(.32,.72,0,1),background-color .3s cubic-bezier(.32,.72,0,1)}.planning-secondary-cta:hover{background:#d3dfc7;transform:translateY(-2px)}.planning-secondary-cta:focus-visible{outline:3px solid #667c35;outline-offset:4px}.design-goal-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:.5rem}.design-goal-options strong{display:block;font-size:.85rem;line-height:1.4}.design-goal-options small{display:block;margin-top:.5rem;font-size:.7rem;line-height:1.6}.design-measured-check{display:flex;align-items:center;gap:.75rem;margin-top:1rem;font-size:.85rem;min-height:44px;cursor:pointer}.design-measured-check input{width:1.1rem;height:1.1rem;flex-shrink:0;accent-color:var(--diagram-ink)}.design-route-start{fill:var(--diagram-ink)}.design-route-node{fill:var(--diagram-fill);stroke:var(--diagram-line);stroke-width:1.5}.explainer-svg .design-route-number{font-size:28px;font-weight:500;fill:var(--diagram-ink)}.explainer-svg .design-route-number.is-first{fill:#fff}.explainer-svg .design-route-label{font-size:18px;fill:var(--diagram-ink)}.planning-article .design-step-list{padding-left:1.5rem;margin:1.5rem 0 0}.design-step-list li{padding-left:.5rem}.design-step-list strong{display:block;color:var(--diagram-ink);font-size:.9rem}.design-step-list span{display:block;color:var(--diagram-muted);font-size:.85rem;line-height:1.7}.design-width-control label,.photo-review-controls label{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;margin-top:1rem}.design-width-control output,.photo-review-controls output{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.design-width-control input,.photo-review-controls input[type=range]{display:block;width:100%;min-height:44px;margin:.5rem 0;accent-color:var(--diagram-ink)}.photo-review-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:.5rem}.photo-review-checks button{display:flex;align-items:center;justify-content:center;gap:.5rem}.design-check-number{display:grid;place-items:center;width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%;background:#203c3210;font-size:.75rem}button[aria-pressed=true] .design-check-number{background:#ffffff20}.photo-review-divider{stroke:#fdfdf6;stroke-width:4}.photo-review-marker>circle{fill:none;stroke:#203c32;stroke-width:3;stroke-dasharray:7 5}.photo-review-marker .photo-review-marker-number{fill:#203c32;stroke:#f9faf5;stroke-width:2;stroke-dasharray:none}.photo-review-marker text{fill:#fff;font-size:18px;font-weight:600}.photo-review-key{display:flex;justify-content:space-between;gap:.75rem;margin-top:.5rem;font-size:.7rem;line-height:1.6;color:var(--diagram-muted)}.design-comparison-controls .explainer-segmented button{min-width:7rem}.design-comparison-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);grid-auto-flow:dense;gap:1.25rem;margin-top:1.5rem;align-items:start}.design-comparison-summary{background:#e7edde;padding:1.25rem;border-radius:.75rem}.article-explainer .design-comparison-summary p{font-size:.9rem;line-height:1.7;margin:0;color:var(--diagram-muted)}.design-comparison-stage{min-width:0}.design-comparison-stage .explainer-canvas{margin-top:0}.design-span-result{margin-top:1.5rem}.design-span-result>span{display:block;font-size:.8rem}.design-span-result>strong{display:block;font-size:3rem;font-weight:450;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.design-span-result small{font-size:.9rem;letter-spacing:0}.design-target-zone{fill:#dbcb9a;opacity:.35}.planning-article .design-handoff{list-style:none;padding:0;margin:0;display:grid;gap:1rem}.design-handoff li{display:flex;align-items:start;gap:.75rem;padding:1rem;background:#edf2e5;border-radius:.75rem}.design-handoff img{width:5rem;height:3.5rem;object-fit:cover;border-radius:.4rem;flex-shrink:0}.design-handoff strong{display:block;color:var(--diagram-ink);font-size:.9rem;line-height:1.4}.article-explainer .design-handoff p{margin:.5rem 0 0;color:var(--diagram-muted);font-size:.8rem;line-height:1.7}@media (max-width:767px){.design-comparison-body{grid-template-columns:minmax(0,1fr)}.design-comparison-summary{position:static}.design-comparison-stage{width:100%;grid-row:1}}@media (max-width:620px){.design-goal-options{grid-template-columns:minmax(0,1fr)}.design-goal-options button{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.design-goal-options small{margin:0;max-width:48%;text-align:right}.photo-review-checks button{padding-inline:.4rem;gap:.35rem;font-size:.75rem}.design-handoff li{padding:.75rem}.design-handoff img{width:3.5rem;height:3rem}}@media (prefers-reduced-motion:reduce){.planning-secondary-cta{transition:none}}