.updates-page{background:#fbfaf7}
.updates-page .stories-main{background:#fbfaf7}
.story-shell{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.story-section-nav{display:flex;gap:24px;height:57px;align-items:center;border-bottom:1px solid #dfdcd5;color:#77726b;font-size:13px;font-weight:600}
.story-section-nav a{position:relative;height:57px;display:flex;align-items:center}
.story-section-nav a:hover{color:#24221f}
.story-section-nav a[aria-current="page"]{color:#24221f}
.story-section-nav a[aria-current="page"]::after{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:#4f5be8}

.stories-masthead{padding:92px 0 86px}
.story-eyebrow{margin:0 0 17px;color:#4f5be8;font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.stories-masthead h1{max-width:840px;margin:0;font-size:clamp(58px,8vw,92px);line-height:.98;letter-spacing:-.065em}
.stories-intro{max-width:600px;margin:35px 0 0;color:#625e58;font-size:18px;line-height:1.75;letter-spacing:-.015em}

.story-directory{padding-bottom:112px}
.story-tools{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:21px 0;border-top:1px solid #c9c5bd;border-bottom:1px solid #dfdcd5}
.story-search{position:relative;display:flex;align-items:center;width:min(390px,100%);height:46px;border:1px solid #d8d4cd;border-radius:10px;background:#fff;color:#77726b;transition:border-color .2s,box-shadow .2s}
.story-search:focus-within{border-color:#8f97ed;box-shadow:0 0 0 3px rgba(79,91,232,.09)}
.story-search svg{flex:0 0 auto;width:18px;height:18px;margin-left:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.story-search input{min-width:0;flex:1;height:100%;padding:0 10px;border:0;outline:0;background:transparent;color:#24221f;font-size:14px}
.story-search input::placeholder{color:#98938c}
.story-search button{display:none;margin-right:8px;padding:7px 8px;border:0;background:transparent;color:#77726b;font-size:11px;cursor:pointer}
.story-search.has-value button{display:block}
.story-search button:hover{color:#24221f}
.story-categories{display:flex;align-items:center;gap:5px}
.story-categories button{min-height:36px;padding:0 13px;border:0;border-radius:999px;background:transparent;color:#77726b;font-size:13px;font-weight:600;cursor:pointer}
.story-categories button:hover{background:#f0eee9;color:#24221f}
.story-categories button[aria-pressed="true"]{background:#24221f;color:#fff}

.story-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:58px 0 13px}
.story-list-heading h2{margin:0;font-size:13px;font-weight:700;letter-spacing:.02em}
.story-list-heading p{margin:0;color:#8a857d;font-size:12px;font-variant-numeric:tabular-nums}
.story-list{border-top:1px solid #aca8a1}
.story-row{border-bottom:1px solid #d9d6cf}
.story-row-link{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:74px;align-items:center;padding:39px 0;color:inherit}
.story-row-copy{min-width:0}
.story-meta{display:flex;align-items:center;gap:0;margin-bottom:17px;color:#827d76;font-size:11px;font-variant-numeric:tabular-nums}
.story-meta span:first-child{color:#4f5be8;font-weight:700}
.story-meta>*+*::before{content:"";display:inline-block;width:2px;height:2px;margin:0 9px 3px;border-radius:50%;background:#aaa59d}
.story-row h3{max-width:610px;margin:0;font-size:clamp(28px,3.1vw,41px);line-height:1.16;letter-spacing:-.045em;transition:color .2s}
.story-row p{max-width:580px;margin:17px 0 0;color:#68635d;font-size:14px;line-height:1.75}
.story-read{display:inline-flex;align-items:center;gap:8px;margin-top:26px;font-size:12px;font-weight:700}
.story-read i{font-style:normal;transition:transform .25s cubic-bezier(.22,1,.36,1)}
.story-row-media{position:relative;margin:0;overflow:hidden;aspect-ratio:16/10;background:#5b5bdd}
.story-row-media::after{content:"";position:absolute;inset:0;border:1px solid rgba(28,27,25,.09);pointer-events:none}
.story-row-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.story-row-media-brand{display:flex;align-items:center;justify-content:center;background:#f0eee9}
.story-row-media-brand img{width:68%;height:auto;object-fit:contain}
.story-row-link:hover h3{color:#3542ce}
.story-row-link:hover .story-read i{transform:translate(2px,-2px)}
.story-row-link:hover .story-row-media img{transform:scale(1.018)}
.story-empty{padding:68px 24px;border-bottom:1px solid #d9d6cf;text-align:center}
.story-empty p{margin:0;color:#625e58;font-size:16px}
.story-empty button{margin-top:19px;padding:10px 14px;border:1px solid #d0ccc4;border-radius:8px;background:#fff;color:#24221f;font-size:12px;font-weight:600;cursor:pointer}

.media-desk{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:90px;padding-top:58px;padding-bottom:64px;border-top:1px solid #aca8a1}
.media-desk header>p{margin:0 0 14px;color:#4f5be8;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.media-desk h2{max-width:430px;margin:0;font-size:clamp(27px,3.4vw,41px);line-height:1.18;letter-spacing:-.045em}
.media-desk-copy{align-self:end}
.media-desk-copy>p{max-width:570px;margin:0;color:#68635d;font-size:14px;line-height:1.78}
.media-desk-copy>a{display:inline-flex;align-items:center;gap:10px;margin-top:25px;padding-bottom:5px;border-bottom:1px solid #aca8a1;color:#24221f;font-size:13px;font-weight:700}
.media-desk-copy>a:hover{border-color:#3542ce;color:#3542ce}

.changelog-bridge{background:#5b5bdd;color:#fff}
.changelog-bridge-inner{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-top:70px;padding-bottom:74px}
.changelog-bridge p{margin:0 0 12px;color:rgba(255,255,255,.7);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.changelog-bridge h2{margin:0;font-size:clamp(27px,3.6vw,43px);line-height:1.15;letter-spacing:-.045em}
.changelog-bridge a{flex:0 0 auto;display:inline-flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.55);font-size:13px;font-weight:700}
.changelog-bridge a span{transition:transform .2s}
.changelog-bridge a:hover span{transform:translateX(3px)}

/* Change log */
.changelog-page .stories-main{min-height:70vh}
.changelog-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,430px);gap:80px;align-items:end;padding:82px 0 65px;border-bottom:1px solid #c9c5bd}
.changelog-head h1{margin:0;font-size:clamp(54px,7vw,82px);line-height:1;letter-spacing:-.06em}
.changelog-head>div>p{margin:0 0 15px;color:#4f5be8;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.changelog-head>p{margin:0;color:#625e58;font-size:15px;line-height:1.75}
.changelog-empty{display:grid;grid-template-columns:180px minmax(0,1fr);gap:55px;padding:72px 0 118px}
.changelog-empty-label{margin:3px 0 0;color:#8a857d;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.changelog-empty-content{padding-top:2px}
.changelog-empty-content h2{margin:0;font-size:29px;line-height:1.25;letter-spacing:-.035em}
.changelog-empty-content>p{max-width:610px;margin:17px 0 0;color:#68635d;font-size:14px;line-height:1.75}
.changelog-rule{max-width:700px;margin:40px 0 0;padding:24px 0;border-top:1px solid #d9d6cf;border-bottom:1px solid #d9d6cf}
.changelog-rule h3{margin:0 0 11px;font-size:12px}
.changelog-rule p{margin:0;color:#7a756e;font-size:12px;line-height:1.75}
.changelog-empty-content>a{display:inline-flex;gap:9px;margin-top:30px;color:#3542ce;font-size:13px;font-weight:700}

/* Long-form article */
.story-article-main{background:#fbfaf7}
.article-header{width:min(900px,calc(100% - 48px));margin:0 auto;padding:86px 0 47px;text-align:center}
.article-header .story-meta{justify-content:center;margin-bottom:22px}
.article-header h1{margin:0;font-size:clamp(47px,6.6vw,76px);line-height:1.05;letter-spacing:-.06em}
.article-standfirst{max-width:690px;margin:29px auto 0;color:#625e58;font-size:18px;line-height:1.72}
.article-hero{width:min(1120px,calc(100% - 48px));margin:0 auto;background:#5b5bdd}
.article-hero img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain}
.article-body{width:min(700px,calc(100% - 48px));margin:0 auto;padding:75px 0 104px;color:#34312d}
.article-body>p{margin:0 0 27px;font-size:17px;line-height:1.9;letter-spacing:-.01em}
.article-body h2{margin:70px 0 22px;font-size:30px;line-height:1.3;letter-spacing:-.04em}
.article-note{margin:46px 0;padding:25px 28px;border-left:3px solid #5b5bdd;background:#f0eee9;color:#5f5b55;font-size:14px;line-height:1.78}
.article-link-card{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:62px;padding:25px 0;border-top:1px solid #c9c5bd;border-bottom:1px solid #c9c5bd}
.article-link-card span{color:#8a857d;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.article-link-card a{font-size:14px;font-weight:700;color:#3542ce}
.article-end{display:flex;justify-content:space-between;gap:28px;margin-top:58px;font-size:13px;font-weight:700}
.article-end a:last-child{color:#3542ce}

@media(max-width:760px){
  .story-shell{width:calc(100% - 28px)}
  .story-section-nav{height:52px;gap:21px}.story-section-nav a{height:52px}
  .stories-masthead{padding:61px 0 58px}.stories-masthead h1{font-size:53px}.stories-intro{margin-top:25px;font-size:16px}
  .story-directory{padding-bottom:75px}.story-tools{display:block;padding:18px 0}.story-search{width:100%}.story-categories{margin-top:13px;overflow-x:auto}.story-categories button{flex:0 0 auto}
  .story-list-heading{padding-top:40px}.story-row-link{grid-template-columns:1fr;gap:25px;padding:29px 0 38px}.story-row h3{font-size:29px}.story-row-media{grid-row:1}.story-read{margin-top:21px}
  .media-desk{grid-template-columns:1fr;gap:26px;padding-top:46px;padding-bottom:50px}.media-desk h2{font-size:29px}.media-desk-copy{align-self:auto}
  .changelog-bridge-inner{display:block;padding-top:53px;padding-bottom:56px}.changelog-bridge a{margin-top:30px}
  .changelog-head{grid-template-columns:1fr;gap:25px;padding:57px 0 46px}.changelog-head h1{font-size:54px}.changelog-empty{grid-template-columns:1fr;gap:19px;padding:47px 0 78px}.changelog-empty-content h2{font-size:26px}
  .article-header{width:calc(100% - 28px);padding:58px 0 34px}.article-header h1{font-size:43px}.article-standfirst{font-size:16px}.article-hero{width:100%}.article-body{width:calc(100% - 32px);padding:54px 0 75px}.article-body>p{font-size:16px;line-height:1.85}.article-body h2{margin-top:55px;font-size:27px}.article-note{margin-inline:-2px;padding:21px 20px}.article-link-card{display:block}.article-link-card a{display:block;margin-top:11px}.article-end{display:block}.article-end a{display:block;margin-top:14px}
}

@media(prefers-reduced-motion:reduce){.updates-page *,.updates-page *::before,.updates-page *::after{scroll-behavior:auto!important;transition:none!important}.story-row-link:hover .story-row-media img{transform:none}}