.start-updates{max-width:1000px;margin:30px auto 0;text-align:left;color:#22271f;font-family:Arial,sans-serif;border:1px solid #adb39f;border-radius:12px;overflow:hidden;background:#f6f7ef}
.start-updates .su-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid #ccd1c1}.start-updates .su-top h2{margin:0;font:700 15px/1.3 Arial,sans-serif;letter-spacing:0}.start-updates .su-top a{font-size:13px;color:#5136b4;text-underline-offset:3px}
.start-updates .su-slide{display:grid;grid-template-columns:190px 1fr;min-height:250px;gap:28px;align-items:center;padding:28px!important;box-sizing:border-box}.start-updates .su-slide[hidden]{display:none!important}.start-updates .su-tag{font-size:11px!important;letter-spacing:.08em!important;font-weight:700;color:#454d3f;margin:0 0 10px!important}.start-updates .su-slide h3{font-size:clamp(25px,3vw,34px);line-height:1.12;letter-spacing:-.025em;margin:0 0 12px}.start-updates .su-body{font-size:16px!important;line-height:1.55!important;color:#454d3f!important;margin:0 0 18px!important;max-width:55ch}.start-updates .su-link{display:inline-flex;align-items:center;min-height:44px;color:#22271f!important;font-size:14px!important;font-weight:700;padding:8px 15px;background:#d8ff3e;border:1px solid #626d40;border-radius:5px;text-decoration:none;box-sizing:border-box}.start-updates .su-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #ccd1c1;padding:8px 16px}.start-updates .su-paging{display:flex;align-items:center;gap:2px}.start-updates button{cursor:pointer;border:0;background:transparent;color:#22271f;min-width:44px;min-height:44px;font:14px Arial,sans-serif}.start-updates .su-dot{min-width:28px;padding:0}.start-updates .su-dot::after{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#9bA38e;margin:auto}.start-updates .su-dot[aria-pressed="true"]::after{width:22px;border-radius:4px;background:#5136b4}.start-updates .su-count{font:12px Arial,sans-serif;min-width:42px;text-align:center;color:#454d3f}.start-updates .su-pause{text-decoration:underline;text-underline-offset:3px}.start-updates .su-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:600px){.start-updates{margin-top:24px}.start-updates .su-top{padding:14px 16px}.start-updates .su-slide{grid-template-columns:1fr;gap:14px;padding:20px!important;min-height:330px;align-content:start}.start-updates .su-slide h3{font-size:26px}.start-updates .su-body{font-size:14px!important}.start-updates .su-controls{padding:6px 8px;gap:0}.start-updates .su-dot{min-width:23px}.start-updates .su-pause{font-size:12px;min-width:58px}}
@media(prefers-reduced-motion:reduce){.start-updates *{scroll-behavior:auto!important}}

.start-updates .su-controls[hidden]{display:none!important}

/* Real screenshots lead each announcement; match the width of the Start panels. */
html body .hero .start-updates{width:min(960px,calc(100vw - 48px));max-width:none;margin:32px 0 0;position:relative;left:50%;transform:translateX(-50%)}
html body .start-updates .su-slide{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;padding:0!important;min-height:280px;align-items:stretch}
html body .start-updates .su-screenshot{margin:0!important;padding:20px;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:10px;background:#e7e9e1;border-right:1px solid #ccd1c1}
html body .start-updates .su-screenshot>a{display:block;border:1px solid #b8beae;border-radius:6px;overflow:hidden;background:#fff;line-height:0;box-shadow:0 8px 24px #22271f12}
html body .start-updates .su-screenshot img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;background:#fff;margin:0;border:0;border-radius:0;max-width:100%;transform:none}
html body .start-updates .su-screenshot figcaption{font:12px/1.4 Arial,sans-serif;color:#454d3f;text-align:left}
html body .start-updates .su-copy{padding:24px;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
html body .start-updates .su-slide h3{font-size:clamp(24px,2.4vw,32px);line-height:1.12}html body .start-updates .su-body{max-width:38ch}
@media(max-width:760px){html body .hero .start-updates{width:calc(100vw - 28px);margin-top:24px}html body .start-updates .su-slide{grid-template-columns:1fr;min-height:0}html body .start-updates .su-screenshot{padding:12px;border-right:0;border-bottom:1px solid #ccd1c1;gap:8px}html body .start-updates .su-screenshot figcaption{font-size:11px}html body .start-updates .su-copy{padding:22px;min-height:0;box-sizing:border-box}html body .start-updates .su-slide h3{font-size:28px}html body .start-updates .su-body{font-size:15px!important}html body .start-updates .su-top{padding:14px}html body .start-updates .su-top>a{font-size:12px}}

html body .start-updates .su-announcement{top:0;left:0;margin:0!important}
/* Full-width, shallow announcements: thumbnail, concise copy and a clear action. */
html body .hero .start-updates{width:min(1600px,calc(100vw - 48px));margin-top:28px}
html body .start-updates .su-top{padding:8px 18px;min-height:36px;box-sizing:border-box}
html body .start-updates .su-top h2{font-size:13px}
html body .start-updates .su-slide{grid-template-columns:148px minmax(0,1fr);min-height:0;gap:20px;align-items:center;padding:12px 18px!important}
html body .start-updates .su-screenshot{padding:0;border:0;background:transparent;gap:4px}
html body .start-updates .su-screenshot>a{box-shadow:none;border-radius:4px}
html body .start-updates .su-screenshot img{height:83px;aspect-ratio:16/9;object-fit:contain}
html body .start-updates .su-screenshot figcaption{font-size:10px;line-height:1.2}
html body .start-updates .su-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;row-gap:4px;align-items:center;padding:0;min-height:0}
html body .start-updates .su-tag{grid-column:1;margin:0!important;font-size:9px!important;line-height:1.3!important}
html body .start-updates .su-slide h3{grid-column:1;margin:0;font-size:21px;line-height:1.18;letter-spacing:-.02em}
html body .start-updates .su-body{grid-column:1;max-width:72ch;font-size:14px!important;line-height:1.4!important;margin:0!important}
html body .start-updates .su-link{grid-column:2;grid-row:1 / 4;align-self:center;white-space:nowrap;font-size:13px!important;padding:8px 12px}
html body .start-updates .su-controls{padding:0 10px;min-height:44px;box-sizing:border-box}
@media(max-width:760px){html body .hero .start-updates{width:calc(100vw - 28px);margin-top:24px}html body .start-updates .su-slide{grid-template-columns:100px minmax(0,1fr);gap:14px;padding:12px!important}html body .start-updates .su-screenshot img{height:56px}html body .start-updates .su-copy{grid-template-columns:1fr;gap:5px}html body .start-updates .su-link{grid-column:1;grid-row:auto;justify-self:start;padding:0;min-height:36px;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px}html body .start-updates .su-slide h3{font-size:18px}html body .start-updates .su-body{font-size:13px!important}html body .start-updates .su-top{padding:7px 12px}html body .start-updates .su-controls{padding:0 6px;gap:0}html body .start-updates .su-pause{min-width:44px;font-size:11px}}
@media(max-width:480px){html body .start-updates .su-slide{grid-template-columns:1fr}html body .start-updates .su-screenshot{display:none}html body .start-updates .su-tag{display:none}html body .start-updates .su-dot{min-width:20px}html body .start-updates .su-paging{gap:0}html body .start-updates .su-count{min-width:34px}html body .start-updates .su-paging button{min-width:36px}}