.update-page{background:#f1f6f6}
.update-page .update-hero{background:radial-gradient(circle at 86% 14%,rgba(39,166,120,.22),transparent 29%),radial-gradient(circle at 8% 82%,rgba(211,155,57,.15),transparent 28%),linear-gradient(140deg,#fff 0%,#f5faf9 58%,#e4f2ef 100%)}
.update-page .top-nav-links{gap:9px}
.update-page .top-nav-links .nav-update{color:#fff;background:linear-gradient(135deg,#148b72,#08715f);box-shadow:0 8px 22px rgba(8,113,95,.27)}
.update-page .top-nav-links .nav-install{color:#143238;background:linear-gradient(135deg,#efc466,#d49a32);box-shadow:0 8px 22px rgba(186,126,33,.22)}
.update-page .top-nav-links a[aria-current="page"]{outline:2px solid rgba(8,113,95,.2);outline-offset:2px}
.update-page .install-hero h1 span{color:#0b8070}
.update-page .install-hero h1 small{color:#176a77}
.update-page .install-hero .eyebrow{color:#b43866}
.update-page .update-ghost{border-color:#89aaa8;color:#0d6664;background:rgba(255,255,255,.84)}
.update-preview{background:linear-gradient(180deg,#fff,#f8fbfb)}
.update-preview img{aspect-ratio:3440/1440;object-fit:contain;background:#eaf1f2}
.update-before{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)}
.update-before ul{padding:19px 24px 19px 45px;border-radius:12px;background:#f1f9f7}
.edition-note{display:flex;align-items:flex-start;gap:16px;margin:0 0 26px;padding:20px 24px;border-left:6px solid #148b72;border-radius:9px;color:#46696a;background:#e9f7f3;box-shadow:0 10px 30px rgba(23,66,70,.05)}
.edition-note strong{flex:0 0 auto;color:#096755;font-size:19px}
.edition-note span{line-height:1.65}
.update-section:nth-of-type(odd),.update-section:nth-of-type(even){border-top-color:#148b72}
.update-section:nth-of-type(even){border-top-color:#d39b39}
.update-page .step-number,.update-page .journey-nav span{color:#fff;background:#148b72}
.update-page .journey-nav a:hover{background:#e8f6f2}
.update-page .install-shot button{background:#eaf1f2}
.update-page .install-shot figcaption span strong{color:#9d3260}
.update-page .full-row{grid-column:1/-1}
.update-page .installer-pair .install-shot button{min-height:330px}
.update-page .installer-pair .install-shot img{max-height:460px;object-fit:contain}
.success-shot{border-color:#9ad3c1;background:#f3fbf8}
.success-note{display:flex;align-items:center;gap:16px;margin:26px 0 0;padding:20px 24px;border:1px solid #b8e2d4;border-radius:12px;background:#e9f8f2;color:#416b60}
.success-note strong{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:7px 17px;border-radius:999px;color:#fff;background:#13866d;font-size:18px}
.update-help{border-top:6px solid #d39b39}
.update-page .closing-actions{max-width:720px}

@media(max-width:1180px){
  .update-page .top-nav-links .nav-cta{display:inline-flex}
  .update-page .top-nav-links{gap:8px}
  .update-page .top-nav-links a{font-size:14px;padding:9px 13px}
}
@media(max-width:900px){
  .update-before{grid-template-columns:1fr}
  .update-page .top-nav-links .nav-cta{flex:1 1 140px}
  .edition-note{flex-direction:column;gap:5px}
}
@media(max-width:600px){
  .update-page .install-hero h1{font-size:38px}
  .update-page .installer-preview{padding:34px 10px 14px}
  .update-page .installer-preview figcaption{flex-direction:column}
  .update-page .installer-preview figcaption span{text-align:left}
  .update-before{padding:28px 22px}
  .update-before ul{padding-left:42px}
  .edition-note{padding:17px 19px}
  .update-page .full-row{grid-column:auto}
  .update-page .installer-pair .install-shot button{min-height:180px}
  .success-note{align-items:flex-start;flex-direction:column}
}