/* Shared presentation for read-only roadmap concepts. Brand tokens remain intact. */
.concept-browser{--concept-border:#b8b8b2;--concept-muted:#555552;--concept-focus:#0369a1;--concept-accent:#c8102e;padding-top:24px;margin-top:26px}
.concept-browser h5{font-size:20px;line-height:1.3;margin:0 0 14px;letter-spacing:-.3px}
.concept-browser h6{font-size:18px;line-height:1.35;margin:18px 0 16px}
.concept-browser p{font-size:13px;line-height:1.65;color:var(--concept-muted)}
.concept-browser label{font-size:13px;margin:18px 0 8px}
.concept-browser select{min-height:48px;font-size:14px;border-radius:4px}
.concept-browser .button.secondary{margin-top:12px;font-size:13px;border-radius:4px;min-height:48px}
.concept-browser button[aria-pressed]{border:1px solid var(--concept-border);border-left:4px solid var(--concept-border);border-radius:4px;min-height:48px;font-size:13px;line-height:1.4}
.concept-browser button[aria-pressed=true]{border-left-color:var(--concept-accent);font-weight:bold}
.concept-browser button:focus-visible,.concept-browser select:focus-visible{outline:3px solid var(--concept-focus);outline-offset:4px}
.concept-browser [role=status]{font-size:13px!important;line-height:1.6;margin:20px 0!important;padding-left:12px;border-left:3px solid var(--concept-focus);color:var(--concept-muted)}
.concept-browser dl{font-size:14px;line-height:1.6}
.concept-browser dt{font-size:12px;line-height:1.5;color:var(--concept-muted)}
.concept-browser dd{font-size:14px;line-height:1.6;margin:5px 0 0;color:#111}
.concept-browser .pill{font-size:10px;line-height:1.6;white-space:normal}
@media(max-width:560px){.concept-browser h5{font-size:19px}.concept-browser .button.secondary{display:flex;width:100%;justify-content:center}}