.planning-example-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.planning-example-grid article { padding: 13px; border-radius: 8px; background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.08); border-left: 4px solid #7aa7ff; }
.planning-example-grid article:nth-child(2) { border-left-color: #e8b34f; }
.planning-example-grid article:nth-child(3) { border-left-color: #7bd56f; }
.planning-example-grid article:nth-child(4) { border-left-color: #f06bd8; }
.planning-example-grid span, .planning-example-grid p, .planning-example-grid small { display: block; color: var(--fb-dark-muted); font-size: 12px; line-height: 1.4; }
.planning-example-grid strong { display: block; margin: 4px 0; font-size: 16px; line-height: 1.25; }
.planning-example-grid p { margin: 0 0 10px; }
.planning-layer-section-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.planning-layer-card { padding: 14px; border-radius: 8px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.08); border-left: 5px solid #7aa7ff; }
.planning-layer-heading { display: grid; gap: 4px; margin-bottom: 8px; }
.planning-layer-heading span { color: var(--fb-dark-muted); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.planning-layer-heading strong { font-size: 18px; line-height: 1.2; }
.planning-layer-card p { margin: 0 0 10px; color: #cbd8d0; font-size: 12px; line-height: 1.42; }
.planning-layer-card .facts { gap: 7px; font-size: 12px; }
.planning-layer-card .facts dt { color: #f0d282; }
.planning-layer-greenbelt { border-left-color: #54d56f; box-shadow: inset 0 0 0 1px rgba(84,213,111,.10); }
.planning-layer-brownfield { border-left-color: #ff9f43; box-shadow: inset 0 0 0 1px rgba(255,159,67,.12); }
.planning-layer-environment { border-left-color: #70e5ff; box-shadow: inset 0 0 0 1px rgba(112,229,255,.10); }
.planning-layer-heritage { border-left-color: #b789ff; box-shadow: inset 0 0 0 1px rgba(183,137,255,.10); }
.planning-layer-local { border-left-color: #e8b34f; box-shadow: inset 0 0 0 1px rgba(232,179,79,.10); }
.planning-layer-pressure { border-left-color: #ef6b6b; box-shadow: inset 0 0 0 1px rgba(239,107,107,.10); }
.planning-cost-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.planning-cost-card { padding: 14px; border-radius: 8px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.08); border-left: 5px solid #7aa7ff; }
.planning-cost-card span { display: block; color: var(--fb-dark-muted); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.planning-cost-card strong { display: block; margin: 5px 0; font-size: 18px; line-height: 1.2; }
.planning-cost-card p { margin: 0 0 10px; color: #cbd8d0; font-size: 12px; line-height: 1.42; }
.planning-cost-card .facts { gap: 7px; font-size: 12px; }
.planning-cost-card .facts dt { color: #f0d282; }
.planning-cost-size { border-left-color: #7bd56f; }
.planning-cost-value { border-left-color: #e8b34f; }
.planning-cost-adjusted { border-left-color: #ef6b6b; }
.planning-cost-strategy { border-left-color: #7aa7ff; }
.planning-cost-source-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.planning-cost-source-card { padding: 13px; border-radius: 8px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.08); border-left: 5px solid #7aa7ff; }
.planning-cost-source-head { display: grid; gap: 4px; margin-bottom: 8px; }
.planning-cost-source-head span { color: var(--fb-dark-muted); font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.planning-cost-source-head strong { font-size: 16px; line-height: 1.2; }
.planning-cost-source-card p { margin: 0 0 10px; color: #cbd8d0; font-size: 12px; line-height: 1.42; }
.planning-cost-source-card code { color: #f0d282; white-space: normal; word-break: break-word; }
.planning-cost-source-card .facts { gap: 7px; font-size: 12px; }
.planning-cost-source-card .facts dt { color: #f0d282; }
.planning-cost-source-live { border-left-color: #7bd56f; }
.planning-cost-source-paid { border-left-color: #e8b34f; }
.planning-cost-source-context { border-left-color: #70e5ff; }
.planning-cost-source-internal { border-left-color: #b789ff; }
.planning-cost-source-risk { border-left-color: #ef6b6b; }
.planning-cost-model { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.planning-cost-model article { padding: 13px; border-radius: 8px; background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.08); border-left: 4px solid #7aa7ff; }
.planning-cost-model article:nth-child(2) { border-left-color: #e8b34f; }
.planning-cost-model span { display: block; color: var(--fb-dark-muted); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.planning-cost-model strong { display: block; margin: 4px 0 10px; font-size: 16px; }
.source-live { border-color: rgba(123,213,111,.7); background: rgba(123,213,111,.18); color: #c5f6bf; }
.source-mock { border-color: rgba(232,179,79,.72); background: rgba(232,179,79,.16); color: #f0d282; }