.updates-skip-link{position:fixed;z-index:20;top:8px;left:8px;padding:9px 12px;transform:translateY(-160%);border-radius:6px;background:#7f244b;color:#fff;font-weight:700}
.updates-skip-link:focus{transform:none}
.customer-updates-archive{display:grid;gap:14px}
.customer-updates-categories{display:flex;flex-wrap:wrap;gap:8px}
.customer-updates-categories a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #ead8df;border-radius:8px;background:#fff;color:#87284f;text-decoration:none;font-weight:700}
.customer-updates-categories a[aria-current=page]{background:#a62b60;color:#fff;border-color:#a62b60}
.customer-update-category{color:#66716b;font-size:12px;font-weight:700}
.customer-updates-range{margin:0;padding:10px 14px;border:1px solid #ead8df;border-radius:8px;background:#fff;color:#66716b;font-size:13px;font-variant-numeric:tabular-nums}
.customer-updates-list{display:grid;gap:16px}
.customer-update-entry{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;overflow:hidden;padding:20px 24px;border:1px solid #e5d5dc;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgb(92 35 60/.055)}
.customer-update-entry::before{position:absolute;inset:0 auto 0 0;width:4px;background:#c52f6d;content:""}
.customer-update-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}
.customer-update-entry time{display:flex;gap:7px;align-items:center;padding:6px 9px;border:1px solid #efd9e2;border-radius:7px;background:#fff5f8;color:#7b3452;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.35}
.customer-update-entry time span+span::before{margin-right:7px;color:#b78399;content:"/"}
.customer-update-content{display:grid;gap:14px;min-width:0}
.customer-update-visual{margin:0;overflow:hidden;border:1px solid #ead5de;border-radius:12px;background:#fff8fb}
.customer-update-visual img{display:block;width:100%;height:auto;background:#f7f4f5}
.customer-update-entry h2{margin:0;color:#17211c;font-size:20px;letter-spacing:-.012em;line-height:1.28;text-wrap:balance}
.customer-update-entry h2 span{display:block;margin-top:3px;color:#59635e;font-size:15px;line-height:1.4;opacity:1}
.customer-update-entry h2,.customer-update-items h3,.customer-update-entry a{overflow-wrap:anywhere}
.customer-update-items{display:grid;gap:16px}
.customer-update-items section{display:grid;gap:7px;padding-top:14px;border-top:1px solid #f0e5e9}
.customer-update-items section:first-child{padding-top:0;border-top:0}
.customer-update-items h3{margin:0;font-size:15px;line-height:1.4}
.customer-update-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
.customer-update-entry p{margin:0;color:#3f4a44;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.customer-update-entry a{color:#87284f;font-weight:750;text-underline-offset:3px}
.customer-update-entry a:hover{color:#b83269}
.customer-update-footer{padding:10px 12px!important;border-radius:7px;background:#f8f5f6;color:#66716b!important;font-size:12px!important}
.customer-update-footer span{display:block}
.customer-update-footer span+span{margin-top:3px}
.customer-update-entry .updates-new-label{margin-left:0;background:#a62b60}
.customer-updates-pagination{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:12px;border:1px solid #ead8df;border-radius:10px;background:#fff}
.customer-updates-pagination[hidden]{display:none}
.updates-page-link{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #d8c9d0;border-radius:8px;background:#fff;color:#87284f;font-weight:700;text-decoration:none;touch-action:manipulation}
.updates-page-link:last-child{justify-self:end}
.updates-page-link[aria-disabled=true]{border-color:transparent;background:transparent;color:#89918d}
.updates-page-link:hover:not([aria-disabled=true]){border-color:#b7547d;background:#fff7fa}
.updates-page-link:focus-visible{outline:3px solid #e58bb1;outline-offset:2px}
.updates-page a:focus-visible{outline:3px solid #9d2859;outline-offset:3px}
.updates-page-status{color:#59635e;font-size:13px;font-variant-numeric:tabular-nums;text-align:center}
@media(max-width:820px){
  .customer-update-entry{padding:18px}
  .customer-updates-pagination{grid-template-columns:1fr 1fr}
  .updates-page-status{grid-column:1/-1;grid-row:1}
  .updates-page-link{width:100%}
  .updates-page-link:last-child{justify-self:stretch}
}
@media(max-width:420px){
  .customer-updates-pagination{gap:8px}
  .updates-page-link{padding-inline:8px;font-size:13px}
}