.home-update-link{display:inline-flex;align-items:center;gap:6px;}
.home-update-dot{width:6px;height:6px;border-radius:50%;background:var(--aw-yellow);box-shadow:0 0 0 2px rgba(255,210,0,.15);}
.home-mobile-links{display:none;}

.updates-layer{
  position:fixed;inset:0;z-index:860;display:flex;align-items:center;justify-content:center;
  padding:30px;background:rgba(0,0,0,.38);backdrop-filter:blur(14px);
  opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;
}
.updates-layer.on{opacity:1;visibility:visible;}
.updates-panel{
  width:min(760px,100%);max-height:min(820px,calc(100vh - 60px));display:flex;flex-direction:column;
  background:var(--bg);border:1px solid var(--bd2);border-radius:8px;overflow:hidden;
  box-shadow:0 28px 80px rgba(0,0,0,.24);transform:translateY(12px);transition:transform .24s var(--ease);
}
.updates-layer.on .updates-panel{transform:translateY(0);}
.updates-header{
  min-height:106px;padding:24px 24px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
  background:var(--s1);border-bottom:1px solid var(--bd);
}
.updates-kicker{font-size:9px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;color:var(--t3);margin-bottom:7px;}
.updates-title{font-size:28px;font-weight:950;line-height:1.1;letter-spacing:0;}
.updates-latest-date{margin-top:8px;font-size:11px;color:var(--t3);font-weight:650;}
.updates-close{
  width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--t2);font-size:14px;border:1px solid var(--bd);background:var(--bg);
}
.updates-close:hover{color:var(--t);border-color:var(--bd2);}
.updates-list{padding:14px;overflow:auto;overscroll-behavior:contain;}
.update-entry{background:var(--s1);border:1px solid var(--bd);border-radius:7px;overflow:hidden;margin-bottom:10px;}
.update-entry:last-child{margin-bottom:0;}
.update-entry[open]{border-color:var(--bd2);}
.update-entry.update-major[open]{box-shadow:inset 3px 0 0 var(--aw-yellow);}
.update-entry.update-fitment[open]{box-shadow:inset 3px 0 0 #5f8f78;}
.update-entry summary{
  min-height:112px;padding:18px 18px 17px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:22px;
  cursor:pointer;list-style:none;user-select:none;
}
.update-entry summary::-webkit-details-marker{display:none;}
.update-entry-main{min-width:0;display:flex;flex-direction:column;align-items:flex-start;}
.update-entry-meta{display:flex;align-items:center;gap:7px;margin-bottom:9px;}
.update-kind{font-size:10px;font-weight:850;color:var(--t2);letter-spacing:.08em;}
.update-current{height:19px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;background:var(--t);color:var(--on-t);font-size:9px;font-weight:800;}
.update-entry strong{font-size:17px;font-weight:900;line-height:1.3;letter-spacing:0;}
.update-summary{margin-top:6px;color:var(--t2);font-size:12px;line-height:1.55;}
.update-entry-side{display:flex;align-items:center;gap:13px;flex:0 0 auto;color:var(--t3);padding-top:2px;}
.update-entry-side time{font-size:11px;font-weight:650;white-space:nowrap;}
.update-chevron{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .18s ease;}
.update-entry[open] .update-chevron{transform:rotate(225deg) translate(-2px,-2px);}
.update-detail{padding:0 20px 20px;border-top:1px solid var(--bd);}
.update-group{padding-top:17px;}
.update-group h3{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--t3);margin-bottom:9px;}
.update-group ul{list-style:none;display:grid;gap:8px;}
.update-group li{position:relative;padding-left:14px;color:var(--t2);font-size:12px;line-height:1.6;}
.update-group li::before{content:'';position:absolute;left:0;top:.7em;width:4px;height:4px;border-radius:50%;background:var(--t3);}
.update-major .update-group li::before{background:#c9a300;}
.update-fitment .update-group li::before{background:#5f8f78;}
body.updates-active{overflow:hidden;}
body.updates-active #theme-btn{display:none;}

html.dark .updates-layer{background:rgba(0,0,0,.66);}
html.dark .updates-panel{background:#111;border-color:rgba(255,255,255,.15);box-shadow:0 28px 90px rgba(0,0,0,.58);}
html.dark .updates-header,html.dark .update-entry{background:#171717;}
html.dark .updates-close{background:#111;}

@media (max-width:640px){
  .home-mobile-links{position:fixed;top:18px;left:16px;z-index:120;display:flex;align-items:center;gap:14px;}
  .home-mobile-links .home-install-mobile,.home-updates-mobile{
    position:static!important;display:inline-flex!important;align-items:center;min-height:34px!important;
    color:var(--t2);font-size:12px;font-weight:650;
  }
  .home-updates-mobile{gap:6px;}
  .updates-layer{padding:0;align-items:flex-end;}
  .updates-panel{width:100%;max-height:92dvh;border-radius:8px 8px 0 0;border-left:0;border-right:0;border-bottom:0;}
  .updates-header{min-height:94px;padding:21px 18px 17px;}
  .updates-title{font-size:24px;}
  .updates-list{padding:10px;}
  .update-entry summary{min-height:104px;padding:16px 14px 15px 16px;gap:12px;}
  .update-entry strong{font-size:15px;}
  .update-summary{font-size:11px;}
  .update-entry-side{gap:9px;}
  .update-entry-side time{font-size:10px;}
  .update-detail{padding:0 16px 17px;}
}

@media (prefers-reduced-motion:reduce){
  .updates-layer,.updates-panel,.update-chevron{transition:none;}
}