/* Microsoft product name decoder. Reuses the changes-page layout and design tokens. */
.decoder-search{display:grid;gap:.45rem;margin:0 0 1rem}
.decoder-search label{color:var(--color-text-strong);font-size:.9rem;font-weight:800}
.decoder-search input{box-sizing:border-box;width:100%;min-height:48px;padding:.7rem .95rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font:inherit;font-size:1rem}
.decoder-search input::placeholder{color:var(--color-text-muted)}
.decoder-search input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring)}
.decoder-card{display:flex;flex-direction:column}
.decoder-year{margin-left:auto;color:var(--color-text-muted);font-size:.76rem;font-weight:700}
.decoder-label{margin:.9rem 0 0;color:var(--color-text-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.decoder-card .ntitle{margin-top:.15rem}
.decoder-formerly{margin:0 0 .75rem;color:var(--color-text-muted);font-size:.9rem;line-height:1.5}
.decoder-formerly span{color:var(--color-text);font-weight:800;margin-right:.25rem}
.decoder-formerly s{text-decoration-thickness:1px}
.decoder-what{margin:0 0 .75rem;color:var(--color-text);font-size:.93rem;line-height:1.6}
.decoder-related{align-self:flex-start;margin:0 0 .25rem;color:var(--color-accent-bright);font-size:.88rem;font-weight:750}
.decoder-empty{grid-column:1/-1;margin:0;padding:1.2rem;border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted)}
.decoder-next{max-width:1040px;margin:clamp(2rem,6vw,4rem) auto}
.decoder-next-links{margin:.8rem 0 0;padding-left:1.2rem;line-height:1.9}
.decoder-next-links a{color:var(--color-accent-bright);font-weight:750}
@media (max-width:720px){.decoder-grid{grid-template-columns:1fr}}