.roadmap-page{max-width:1160px;margin:0 auto;padding:2rem 1rem 3rem}.roadmap-hero{padding:2rem 0 1.5rem}.roadmap-eyebrow{color:var(--secondary-dark);font-size:0.82rem;font-weight:700;letter-spacing:0;margin:0 0 0.5rem;text-transform:uppercase}.roadmap-title{color:var(--gray-900);font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:0 0 0.75rem}.roadmap-subtitle{color:var(--gray-700);font-size:1.05rem;line-height:1.65;margin:0;max-width:760px}.roadmap-summary{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin:1.5rem 0 2rem}.roadmap-summary-item{background:var(--white);border:1px solid rgba(137,123,104,0.18);border-radius:8px;box-shadow:var(--shadow-sm);padding:1rem}.roadmap-summary-label{color:var(--gray-600);display:block;font-size:0.8rem;font-weight:700;letter-spacing:0;margin-bottom:0.35rem;text-transform:uppercase}.roadmap-summary-value{color:var(--gray-900);display:block;font-size:1.55rem;font-weight:800;line-height:1.1}.roadmap-section{margin-top:2rem}.roadmap-section-header{align-items:end;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.roadmap-section-title{color:var(--gray-900);font-size:1.35rem;margin:0}.roadmap-section-note{color:var(--gray-600);font-size:0.9rem;line-height:1.5;margin:0;max-width:560px}.roadmap-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap-card{background:var(--white);border:1px solid rgba(137,123,104,0.18);border-radius:8px;box-shadow:var(--shadow-sm);display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr) auto;min-height:216px;padding:1.25rem}.roadmap-card--planned{min-height:150px}.roadmap-card-main{display:flex;flex-direction:column;min-width:0}.roadmap-card-heading{align-items:center;display:flex;gap:0.7rem;margin-bottom:0.8rem;min-width:0}.roadmap-flag{flex:0 0 auto;font-size:1.7rem;line-height:1}.roadmap-language-name{color:var(--gray-900);font-size:1.25rem;line-height:1.2;margin:0;min-width:0;overflow-wrap:anywhere}.roadmap-status{align-self:flex-start;border-radius:999px;font-size:0.78rem;font-weight:800;letter-spacing:0;line-height:1;margin-bottom:1rem;padding:0.42rem 0.65rem}.roadmap-status--released{background:rgba(76,175,122,0.16);color:var(--success-dark)}.roadmap-status--in_progress{background:rgba(242,201,76,0.2);color:#8a650b}.roadmap-status--planned{background:rgba(93,156,236,0.15);color:var(--primary-light)}.roadmap-counts{display:grid;gap:0.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:auto}.roadmap-count{border-left:3px solid var(--gray-300);padding-left:0.7rem}.roadmap-count--filled{border-left-color:var(--success-color)}.roadmap-count-label{color:var(--gray-600);display:block;font-size:0.78rem;font-weight:700;letter-spacing:0;margin-bottom:0.2rem;text-transform:uppercase}.roadmap-count-value{color:var(--gray-900);display:block;font-size:1.25rem;font-weight:800;line-height:1.1}.roadmap-chart{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:132px}.roadmap-chart-pie{align-items:center;background:conic-gradient(var(--success-color) 0deg var(--filled-degrees),var(--gray-200) var(--filled-degrees) 360deg);border-radius:50%;display:flex;height:112px;justify-content:center;position:relative;width:112px}.roadmap-chart-pie::after{background:var(--white);border-radius:50%;content:"";height:70px;position:absolute;width:70px}.roadmap-chart-percent{color:var(--gray-900);font-size:1rem;font-weight:800;position:relative;z-index:1}.roadmap-chart-caption{color:var(--gray-600);font-size:0.78rem;font-weight:700;line-height:1.4;margin-top:0.65rem;text-align:center}.roadmap-planned-copy{color:var(--gray-600);line-height:1.55;margin:auto 0 0}.roadmap-legend{align-items:center;color:var(--gray-600);display:flex;flex-wrap:wrap;gap:0.85rem;margin-top:1rem}.roadmap-legend-item{align-items:center;display:inline-flex;font-size:0.88rem;gap:0.4rem}.roadmap-legend-swatch{border-radius:999px;display:inline-block;height:0.7rem;width:0.7rem}.roadmap-legend-swatch--filled{background:var(--success-color)}.roadmap-legend-swatch--blank{background:var(--gray-200);border:1px solid var(--gray-300)}.dark-mode .roadmap-title,.dark-mode .roadmap-section-title,.dark-mode .roadmap-summary-value,.dark-mode .roadmap-language-name,.dark-mode .roadmap-count-value,.dark-mode .roadmap-chart-percent{color:var(--dark-text)}.dark-mode .roadmap-subtitle,.dark-mode .roadmap-section-note,.dark-mode .roadmap-summary-label,.dark-mode .roadmap-count-label,.dark-mode .roadmap-chart-caption,.dark-mode .roadmap-planned-copy,.dark-mode .roadmap-legend{color:var(--dark-text-secondary)}.dark-mode .roadmap-summary-item,.dark-mode .roadmap-card{background:var(--dark-bg-secondary);border-color:var(--dark-border)}.dark-mode .roadmap-chart-pie{background:conic-gradient(var(--success-color) 0deg var(--filled-degrees),var(--dark-border) var(--filled-degrees) 360deg)}.dark-mode .roadmap-chart-pie::after{background:var(--dark-bg-secondary)}.dark-mode .roadmap-legend-swatch--blank{background:var(--dark-border);border-color:rgba(255,255,255,0.18)}@media (max-width:900px){.roadmap-summary,.roadmap-grid{grid-template-columns:1fr}.roadmap-section-header{align-items:flex-start;flex-direction:column}}@media (max-width:560px){.roadmap-page{padding:1.25rem 0.85rem 2.5rem}.roadmap-card{grid-template-columns:1fr}.roadmap-chart{align-items:flex-start;min-width:0}.roadmap-counts{grid-template-columns:1fr}}