.feature-graphic{--feature-blue:#73aaff;--feature-border:color-mix(in srgb, var(--feature-blue) 28%, transparent);color:var(--site-ink);pointer-events:none;position:relative;overflow:hidden;container-type:inline-size}.light .feature-graphic{--feature-blue:#2769cf}.feature-map-base{opacity:.88;position:absolute;inset:-8% -8% -38%}.feature-graphic .feature-map-base .city-map-art{width:100%;height:100%;transform:scale(1.1)}.feature-map-focus,.feature-rule-paths{width:100%;height:100%;position:absolute;inset:0}.feature-zone-fill{fill:color-mix(in srgb, var(--feature-blue) 11%, transparent)}.feature-zone-line{fill:none;stroke:var(--feature-blue);stroke-width:1.5px;stroke-dasharray:5 5}.feature-map-halo{fill:color-mix(in srgb, var(--feature-blue) 15%, transparent);stroke:var(--feature-blue);stroke-width:1px}.feature-map-dot{fill:var(--feature-blue);stroke:var(--site-bg);stroke-width:3px}.feature-map-zone,.feature-map-selection{border:1px solid var(--feature-border);background:var(--site-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:flex;position:absolute;box-shadow:0 8px 24px #00000013}.feature-map-zone{top:9%;left:6%}.feature-map-selection{top:15%;right:7%}.feature-map-zone svg,.feature-map-selection svg{color:var(--feature-blue)}.feature-map-key{background:var(--site-panel);border-radius:6px;align-items:center;gap:4px;padding:7px 9px;display:flex;position:absolute;bottom:8%;left:6%}.feature-map-key>span{background:#54bfa4;border-radius:50%;width:6px;height:6px}.feature-map-key>span:nth-child(2){background:#e5b65d}.feature-map-key>span:nth-child(3){background:#df7975}.feature-map-key i{color:var(--site-subtle);margin-left:5px;font-size:10px;font-style:normal}.feature-graphic-rules{background-image:radial-gradient(circle, var(--feature-border) .75px, transparent .85px);background-size:18px 18px}.feature-rule-paths{opacity:.85}.feature-path-track{stroke:var(--feature-border);stroke-width:1.5px}.feature-path-draw{stroke:var(--feature-blue);stroke-width:1.5px;stroke-linecap:round}.feature-path-junction{fill:var(--feature-blue);stroke:var(--site-bg);stroke-width:2px}.feature-rule-source{border:1px solid var(--feature-border);background:var(--site-panel);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:29%;min-height:106px;display:flex;position:absolute;top:50%;left:5%;transform:translateY(-50%);box-shadow:0 15px 36px #00000015}.feature-rule-source strong{font-size:13px;font-weight:550}.feature-rule-source>span:last-child{color:var(--site-subtle);text-align:center;padding-inline:5px;font-size:9px}.feature-crossing-symbol{background:color-mix(in srgb, var(--feature-blue) 12%, transparent);border-radius:7px;gap:4px;margin-bottom:3px;padding:7px 8px;display:flex;transform:skewY(-8deg)}.feature-crossing-symbol i{background:var(--site-ink);border-radius:1px;width:5px;height:24px}.feature-rule-results{flex-direction:column;justify-content:space-between;width:42%;display:flex;position:absolute;top:17px;bottom:17px;right:5%}.feature-rule-result{border:1px solid var(--feature-border);background:var(--site-panel);border-radius:10px;align-items:center;gap:9px;min-height:53px;padding:9px 10px;display:flex;box-shadow:0 5px 20px #0000000d}.feature-measure-icon{width:30px;height:30px;color:var(--feature-blue);background:color-mix(in srgb, var(--feature-blue) 10%, transparent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.feature-rule-result strong,.feature-rule-result small{display:block}.feature-rule-result strong{font-size:12px;font-weight:550}.feature-rule-result small{color:var(--site-subtle);margin-top:3px;font-size:9px;line-height:1.3}.feature-rule-check{color:var(--feature-blue);flex-shrink:0;margin-left:auto}.feature-graphic-planning{padding:15px 5% 4px}.feature-plan-note{color:var(--site-subtle);margin-bottom:10px;font-size:10px}.feature-plan-comparison{grid-template-columns:1fr 1fr;gap:38px;height:calc(100% - 23px);display:grid;position:relative}.feature-plan-sheet{z-index:1;border:1px solid var(--site-line);background:var(--site-panel);border-radius:10px;flex-direction:column;min-width:0;padding:13px 12px 11px;display:flex;position:relative;box-shadow:0 8px 24px #0000000e}.feature-plan-sheet-proposed{border-color:var(--feature-border);box-shadow:0 8px 24px color-mix(in srgb, var(--feature-blue) 8%, transparent)}.feature-plan-sheet-heading{border-bottom:1px solid var(--site-line);align-items:center;gap:6px;min-height:20px;margin-bottom:10px;padding-bottom:10px;display:flex}.feature-plan-sheet-heading svg{color:var(--site-subtle);flex-shrink:0}.feature-plan-sheet-proposed .feature-plan-sheet-heading svg{color:var(--feature-blue)}.feature-plan-sheet-heading strong{font-size:11px;font-weight:550}.feature-plan-section-label{color:var(--site-subtle);margin-bottom:7px;font-size:9px}.feature-plan-priorities{flex-direction:column;gap:7px;display:flex}.feature-plan-priority{min-width:0;color:var(--site-subtle);align-items:center;gap:6px;font-size:9px;display:flex}.feature-plan-priority svg{flex-shrink:0}.feature-plan-priority>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feature-plan-priority i{background:color-mix(in srgb, var(--site-subtle) 40%, transparent);border-radius:2px;flex-shrink:0;height:3px;margin-left:auto}.feature-plan-priority-first{color:var(--feature-blue)}.feature-plan-priority-first i{background:var(--feature-blue)}.feature-plan-budget{margin-top:auto;padding-top:12px}.feature-plan-budget>span{color:var(--site-subtle);margin-bottom:7px;font-size:9px;display:block}.feature-budget-track{border-radius:3px;gap:2px;height:7px;display:flex;overflow:hidden}.feature-budget-track i{background:var(--feature-blue);opacity:.8}.feature-budget-track i:nth-child(2){opacity:.5}.feature-budget-track i:nth-child(3){opacity:.3}.feature-budget-track i.feature-budget-unallocated{opacity:1;background:repeating-linear-gradient(120deg, transparent, transparent 3px, var(--feature-border) 3px, var(--feature-border) 4px)}.feature-plan-connection{z-index:2;width:25px;height:25px;color:var(--feature-blue);background:var(--site-bg);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.feature-plan-path{width:100%;height:100%;position:absolute;inset:0}@container (max-width:390px){.feature-rule-result{gap:7px;padding:8px}.feature-rule-result strong{font-size:11px}.feature-rule-result small{font-size:8px}.feature-rule-check{display:none}.feature-measure-icon{background:0 0;width:23px;height:26px}.feature-plan-comparison{gap:29px}.feature-plan-sheet{padding:10px 8px}.feature-plan-sheet-heading{gap:5px;margin-bottom:8px;padding-bottom:8px}.feature-plan-sheet-heading strong{font-size:10px}.feature-plan-priority i{display:none}.feature-plan-priorities{gap:6px}.feature-plan-budget{padding-top:10px}}@media (prefers-reduced-motion:reduce){.feature-graphic *,.feature-graphic :before,.feature-graphic :after{transition:none!important;animation:none!important}}