/* Editorial content: clear reading order, with color pairs as concrete examples. */
.color-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,7vw,100px);padding-block:56px 60px;align-items:start}
.color-guide .eyebrow{font:12px var(--body);letter-spacing:.06em;margin:0 0 14px;color:var(--muted)}
.color-guide h2{font:500 clamp(26px,2.5vw,34px)/1.35 var(--display);letter-spacing:-.7px;margin:0 0 18px}
.color-guide .color-guide-description{font-size:15px;line-height:1.85;max-width:450px;margin:0;color:var(--muted)}
.color-examples{list-style:none;margin:26px 0 0;padding:0;display:flex;gap:24px;flex-wrap:wrap}
.color-examples li{display:grid;gap:10px;font-size:12px;color:var(--ink)}
.color-pair{display:flex;width:66px;height:34px;overflow:hidden;border:1px solid #c3ced5;border-radius:5px}
.color-pair i{display:block;flex:1}
.color-guide-uses article{padding:20px 0;border-bottom:1px solid var(--line)}
.color-guide-uses article:first-child{padding-top:0}
.color-guide-uses article:last-child{border-bottom:0;padding-bottom:0}
.color-guide-uses h3{font-size:16px;font-weight:600;line-height:1.5;margin:0 0 7px}
.color-guide .color-guide-uses p{font-size:14px;line-height:1.85;margin:0;color:var(--muted)}
.updates-page .roadmap{margin:0 0 48px;padding:28px;border:1px solid var(--line);border-radius:10px;background:#f6f8f9}
.updates-page .roadmap h2{font-size:26px;margin:0 0 12px}
.updates-page .roadmap-intro{font-size:14px;line-height:1.8;margin:0 0 24px}
.roadmap-items{list-style:none;padding:0;margin:0}
.roadmap-items li{display:grid;grid-template-columns:105px minmax(0,1fr);gap:16px;padding:20px 0;border-top:1px solid var(--line);align-items:start}
.roadmap-status{font-size:11px;line-height:1.5;padding:5px 9px;border-radius:4px;background:#e8edf0;color:#566775;text-align:center;overflow-wrap:anywhere}
.roadmap-status.next{background:#ffe0cd;color:#713c21}
.roadmap-items h3{font-size:16px;line-height:1.5;margin:1px 0 7px;font-weight:600}
.updates-page .roadmap-items p{font-size:14px;line-height:1.8;margin:0}
.updates-page .roadmap-note{font-size:12px;line-height:1.8;margin:18px 0 12px;color:var(--muted)}
.roadmap-feedback{font-size:13px;line-height:1.8}
.updates-page .releases-title{font-size:26px;margin:0 0 20px}
@media(max-width:760px){.color-guide{grid-template-columns:1fr;gap:32px;padding-block:35px 40px}.color-guide h2{font-size:27px}.color-guide .color-guide-description{max-width:none}.color-examples{gap:25px}.color-guide-uses{border-top:1px solid var(--line)}.color-guide-uses article:first-child{padding-top:22px}.updates-page .roadmap{padding:22px 18px}.roadmap-items li{grid-template-columns:1fr;gap:10px}.roadmap-status{justify-self:start}.roadmap-items h3{font-size:16px}}