.product-updates{max-width:780px;min-width:0;margin:0 auto;padding:12px 0 40px;font-family:var(--ui,var(--sans));overflow-wrap:anywhere}
.product-updates h1{font-family:var(--display,inherit);font-size:var(--t-2xl);margin:6px 0 20px;letter-spacing:-.04em}
.product-updates h2{font-family:var(--display,inherit);font-size:var(--t-lg);line-height:1.25;margin:8px 0 12px}
.product-updates h3{font-family:var(--display,inherit);font-size:var(--t-md);margin:22px 0 8px}
.updates-intro{color:var(--soft);max-width:64ch;line-height:1.6}
.updates-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:28px 0 16px}
.product-updates button{font:inherit;min-height:44px;padding:10px 14px;border:1px solid var(--edge);border-radius:var(--r-sm);color:var(--ink);background:var(--card);cursor:pointer}
.product-updates button:hover{border-color:var(--soft)}
.product-updates button:active{background:var(--edge-soft)}
.product-updates button:disabled{opacity:.55;cursor:default}
.product-updates :focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.updates-status{color:var(--soft);line-height:1.5;min-height:3em}
.updates-list article{border-top:1px solid var(--edge);padding:26px 0;line-height:1.65}
.updates-list ul{padding-left:22px}.updates-list li+li{margin-top:8px}
.updates-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}
.updates-links a{color:var(--brand-deep);min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:3px}
.updates-footer{border-top:1px solid var(--edge);padding-top:24px}
.updates-footer p{color:var(--soft);font-size:var(--t-xs);line-height:1.6;max-width:60ch}
.updates-skeleton{padding:26px 0;border-top:1px solid var(--edge)}
.updates-skeleton div{height:18px;background:var(--edge-soft);margin-bottom:18px;max-width:90%}.updates-skeleton div:first-child{height:28px;max-width:65%}
.updates-public{padding:24px;max-width:880px;margin:auto}.updates-public>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:44px}.updates-public>header a{color:var(--ink);min-height:44px;display:inline-flex;align-items:center;gap:10px}.updates-public>header img{width:25px;height:25px}
@media(max-width:500px){.updates-public{padding:20px}.updates-controls{align-items:stretch;flex-direction:column}}

.updates-list summary{cursor:pointer;min-height:44px;align-content:center;width:fit-content;color:var(--soft)}
.updates-list summary:hover,.updates-list summary:active{color:var(--ink)}
.updates-list details{margin-top:12px}