/* Designer export, merged onto the current roadmap without changing its content or Preview runtime. */
#roadmap .focus-areas{align-items:start;gap:18px;margin:0 0 14px;padding:0;border:0}
#roadmap .focus-areas>details,#roadmap .focus-areas>details:last-child{padding:20px 22px;border:1px solid #dce6df;border-radius:12px;background:#fff;transition:box-shadow .18s ease,border-color .18s ease}
#roadmap .focus-areas>details:hover{border-color:#c3d3ca;box-shadow:0 6px 18px #173d360f}
#roadmap .focus-areas summary{min-height:42px;gap:11px;font-size:14px;line-height:1.45;font-weight:700}
#roadmap .focus-areas summary::after{content:none}
#roadmap .focus-icon{width:36px;height:36px;border-radius:50%;background:#297d771a;color:var(--teal);flex:none;display:grid;place-items:center}
#roadmap .focus-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#roadmap .focus-title{flex:1;min-width:0}
#roadmap .focus-toggle{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:#73957e}
#roadmap .focus-toggle::before{content:'+';font-size:18px;font-weight:400;line-height:1}
#roadmap .focus-areas details[open] .focus-toggle::before{content:'\2212'}
#roadmap .focus-areas summary:hover .focus-toggle{background:var(--soft);border-color:#adc7b9}
#roadmap .filters{gap:20px;padding:0;background:transparent;border:0;border-radius:0}
#roadmap .filter{border-radius:20px;padding:9px 14px;min-height:42px;font-size:13px;gap:8px;border:0;background:transparent}
#roadmap .filter[aria-pressed=true]{background:#245448;border-color:#245448;color:#fff}
#roadmap .filter:not([aria-pressed=true]):hover{background:transparent;border-color:transparent;text-decoration:underline;text-decoration-color:#c9d2cc;text-underline-offset:4px}
#roadmap .filter span{font-size:12px;color:#718076}
#roadmap .filter[aria-pressed=true] span{color:#c9e0d1}
#roadmap .section-heading{align-items:baseline}
#roadmap .section-heading::after{content:none}
#o2c-announcements .status-label{border:1px solid #dbddd9;background:#f1f2f0;color:#4b5563}
#o2c-announcements .status-label.ongoing{background:#f0f5ec;border-color:#dce6d6;color:#5b7a5c}
#o2c-announcements .status-label.live{background:#e9f6ee;border-color:#cce1d2;color:#1f7a50}
#roadmap .card-art{background:#f1f6f2}
#roadmap .ongoing-grid .card-art{background:#f4f4f3}
#roadmap .preview-label{background:#f1f6f2}
#roadmap .roadmap-card.featured{background:#fff;border-color:var(--line)}
#roadmap .roadmap-card.featured>summary{grid-template-columns:minmax(0,.87fr) minmax(0,1.25fr)}
#roadmap .featured .card-title,#roadmap .featured>summary:hover .card-title{text-decoration:none}
#roadmap .featured .card-art{background:transparent}
#roadmap .beta-invite .button{color:#fff;background:var(--ink);border-color:var(--ink)}
#roadmap .beta-invite .button:hover{background:var(--teal);border-color:var(--teal)}
@media(max-width:1100px){#roadmap .focus-areas{gap:9px}#roadmap .focus-areas>details,#roadmap .focus-areas>details:last-child{padding:16px}#roadmap .focus-areas summary{font-size:13px}}
@media(max-width:800px){#roadmap .focus-areas{gap:16px}#roadmap .focus-areas details p{padding-left:0}#roadmap .roadmap-card.featured>summary{grid-template-columns:1fr}}
@media(max-width:540px){#roadmap .focus-areas{margin:0;padding-bottom:13px;gap:15px}#roadmap .focus-areas>details,#roadmap .focus-areas>details:last-child{padding:14px;border-radius:10px}#roadmap .focus-areas summary{font-size:12px;min-height:36px}#roadmap .filters{width:100%;gap:1px;padding:4px;flex-wrap:nowrap}#roadmap .filter{padding:8px 7px;font-size:12px;gap:5px;min-height:44px;white-space:nowrap;flex:1;justify-content:center}#roadmap .filter span{font-size:11px}}
@media(max-width:374px){#roadmap .filters{display:grid;grid-template-columns:1fr 1fr;gap:4px}#roadmap .filter{justify-content:space-between;padding-inline:13px}}
@media(prefers-reduced-motion:reduce){#roadmap .focus-areas>details{transition:none}}