@layer properties,theme,base;@layer components{.changelog-page,.changelog-detail-page{--changelog-border:#ffffff1c;--changelog-border-strong:#ffffff2e;--changelog-panel:#111113;--changelog-panel-deep:#09090a;--changelog-muted:#aaa6a0;--changelog-cut:26px;color:var(--color-hone-fg);background:radial-gradient(circle at 78% 2%,#f999261a,#0000 34rem),#080808;overflow:clip}.changelog-shell{width:min(1180px,100% - 48px);margin-inline:auto}.changelog-kicker{color:var(--color-hone-orange);font:650 .75rem/1.2 var(--font-mono);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:11px;margin:0;display:flex}.changelog-kicker>span{background:currentColor;flex:none;width:26px;height:1px;box-shadow:0 0 12px}.changelog-page h1,.changelog-page h2,.changelog-detail-page h1,.changelog-detail-page h2,.changelog-detail-page h3{font-family:"Mozilla Text", var(--font-sans);letter-spacing:-.05em;text-wrap:balance;margin:0}.changelog-hero{border-block-end:1px solid var(--changelog-border);padding-block:clamp(132px,15vw,204px) clamp(84px,9vw,124px);position:relative}.changelog-hero:before,.changelog-detail__header:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 90%)}.changelog-hero__inner{position:relative}.changelog-hero h1{margin-block-start:24px;font-size:clamp(4rem,9vw,8.2rem);line-height:.9}.changelog-hero__inner>p:last-child{max-width:58ch;color:var(--changelog-muted);margin:30px 0 0;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.72}.changelog-archive-shell{padding-block:clamp(76px,9vw,128px)}.changelog-archive{display:block}.changelog-feature{border:1px solid var(--changelog-border-strong);background:linear-gradient(145deg, var(--changelog-panel), var(--changelog-panel-deep));clip-path:polygon(0 0, calc(100% - var(--changelog-cut)) 0, 100% var(--changelog-cut), 100% 100%, 0 100%);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px clamp(48px,7vw,100px);padding:clamp(34px,5vw,70px);display:grid;position:relative;box-shadow:0 32px 100px #0000007a,0 0 72px #f999260f,inset 0 1px #ffffff0d}.changelog-feature:before{background:linear-gradient(90deg, var(--color-hone-orange), transparent);content:"";pointer-events:none;width:min(32%,300px);height:2px;position:absolute;inset-block-start:-1px;inset-inline-start:0}.changelog-feature:after{width:var(--changelog-cut);height:var(--changelog-cut);background:linear-gradient(to bottom left, transparent calc(50% - .5px), var(--changelog-border-strong) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px));content:"";pointer-events:none;position:absolute;inset-block-start:0;inset-inline-end:0}.changelog-feature__signal{color:#77736d;font:650 .65rem/1 var(--font-mono);letter-spacing:.12em;align-items:center;gap:12px;display:flex;position:absolute;inset-block-start:28px;inset-inline-end:42px}.changelog-feature__signal i{background:#ffffff29;width:42px;height:1px}.changelog-feature__content{max-width:720px}.changelog-feature h2{max-width:12ch;margin-block-start:20px;font-size:clamp(2.7rem,5.5vw,5.2rem);line-height:.95}.changelog-feature__meta{justify-items:end;gap:22px;display:grid}.changelog-feature__meta time{color:#89857f;font:600 .76rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.changelog-feature__meta a,.changelog-back-link{min-height:48px;color:var(--color-hone-fg);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;gap:12px;font-weight:700;text-decoration:none;display:inline-flex}.changelog-feature__meta a{border-block-end:1px solid var(--color-hone-orange);padding-inline:4px}.changelog-feature__meta svg,.changelog-back-link svg,.changelog-year li svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px}.changelog-timeline{padding-block-start:clamp(92px,11vw,154px)}.changelog-timeline__header{border-block-end:1px solid var(--changelog-border-strong);justify-content:space-between;align-items:end;gap:32px;padding-block-end:30px;display:flex}.changelog-timeline h2{margin-block-start:16px;font-size:clamp(2.5rem,5vw,4.7rem);line-height:.95}.changelog-count{color:#77736d;font:650 .78rem/1 var(--font-mono);letter-spacing:.08em;gap:7px;display:flex}.changelog-count [data-changelog-visible-count]{color:var(--color-hone-orange)}.changelog-controls{border-block-end:1px solid var(--changelog-border);grid-template-columns:minmax(0,1fr) minmax(240px,340px);align-items:end;gap:32px;padding-block:28px;display:grid}.changelog-controls[hidden],.changelog-year[hidden],.changelog-year li[hidden],.changelog-empty[hidden]{display:none}.changelog-years{flex-wrap:wrap;gap:8px;display:flex}.changelog-years button{border:1px solid var(--changelog-border);color:#9d9993;cursor:pointer;min-height:44px;font:650 .75rem/1 var(--font-mono);touch-action:manipulation;background:0 0;padding:10px 14px;transition:border-color .16s,color .16s,background-color .16s}.changelog-years button:hover,.changelog-years button[aria-pressed=true]{color:var(--color-hone-fg);background:#f9992614;border-color:#f9992685}.changelog-search{color:#8c8882;font:650 .72rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;gap:9px;display:grid}.changelog-search input{border:0;border-block-end:1px solid var(--changelog-border-strong);width:100%;min-height:48px;color:var(--color-hone-fg);font:400 1rem/1.4 var(--font-sans);background:0 0;border-radius:0;padding:10px 2px}.changelog-search input::placeholder{color:#67645f}.changelog-years button:focus-visible,.changelog-search input:focus-visible,.changelog-feature__meta a:focus-visible,.changelog-year a:focus-visible,.changelog-back-link:focus-visible,.changelog-detail__body a:focus-visible,.changelog-adjacent a:focus-visible{outline:3px solid var(--color-hone-orange);outline-offset:4px}.changelog-year{border-block-end:1px solid var(--changelog-border);grid-template-columns:minmax(100px,.2fr) minmax(0,1fr);gap:32px;padding-block:clamp(42px,6vw,76px);display:grid}.changelog-year h3{color:#7e7a74;font:600 clamp(1.2rem, 2vw, 1.7rem)/1 var(--font-mono);letter-spacing:-.03em;margin:0}.changelog-year ol{margin:0;padding:0;list-style:none}.changelog-year li{border-block-start:1px solid #ffffff12;scroll-margin-block-start:120px}.changelog-year li:first-child{border-block-start:0}.changelog-year li:target{background:linear-gradient(90deg,#f999261a,#0000 72%)}.changelog-year a{min-height:104px;color:inherit;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:9px 28px;padding-block:22px;text-decoration:none;display:grid}.changelog-row__version{color:var(--color-hone-fg);font-family:"Mozilla Text", var(--font-sans);letter-spacing:-.035em;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:650}.changelog-year time{color:#77736d;font:600 .72rem/1.4 var(--font-mono);letter-spacing:.06em;text-align:end;text-transform:uppercase}.changelog-year li svg{color:#716d67;transition:color .16s,transform .16s}.changelog-year a:hover svg{color:var(--color-hone-orange);transform:translate(3px)}.changelog-empty{border-inline-start:2px solid var(--color-hone-orange);color:var(--changelog-muted);margin:48px 0 0;padding:18px 22px}.changelog-detail{min-height:100svh}.changelog-detail__header{border-block-end:1px solid var(--changelog-border);padding-block:clamp(122px,14vw,184px) clamp(70px,8vw,108px);position:relative}.changelog-detail__header-inner,.changelog-detail__body,.changelog-adjacent{width:min(760px,100% - 48px);margin-inline:auto}.changelog-detail__header-inner{position:relative}.changelog-back-link{color:#9b9791;margin-block-end:clamp(48px,7vw,82px)}.changelog-detail h1{max-width:13ch;margin-block-start:22px;font-size:clamp(3.3rem,7vw,6.6rem);line-height:.92}.changelog-detail__header time{color:#8a867f;font:600 .78rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-block-start:28px;display:block}.changelog-detail__body{color:#bbb7b0;padding-block:clamp(70px,9vw,120px);font-size:clamp(1rem,1.25vw,1.08rem);line-height:1.78}.changelog-detail__body h2{color:var(--color-hone-fg);margin-block:clamp(62px,8vw,94px) 28px;padding-block-start:26px;font-size:clamp(1.8rem,3.8vw,2.8rem);line-height:1.05;position:relative}.changelog-detail__body h2:first-child{margin-block-start:0}.changelog-detail__body h2:before{background:var(--color-hone-orange);content:"";width:44px;height:2px;position:absolute;inset-block-start:0;inset-inline-start:0;box-shadow:0 0 16px #f999264d}.changelog-detail__body ul{gap:15px;margin:0;padding:0;list-style:none;display:grid}.changelog-detail__body li{padding-inline-start:26px;position:relative}.changelog-detail__body li:before{content:"";border:1px solid #f99926a8;width:7px;height:7px;position:absolute;inset-block-start:.74em;inset-inline-start:0;transform:rotate(45deg)}.changelog-detail__body p{margin:0 0 1.45em}.changelog-detail__body a{color:#ffb45c;text-underline-offset:.18em;text-decoration-line:underline;text-decoration-color:#f999267a}.changelog-adjacent{border-block-start:1px solid var(--changelog-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding-block:38px clamp(88px,10vw,140px);display:grid}.changelog-adjacent a{min-height:96px;color:inherit;background:#ffffff05;gap:9px;padding:20px;text-decoration:none;display:grid}.changelog-adjacent__older{text-align:end}.changelog-adjacent span{color:#817d77;font:600 .7rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.changelog-adjacent strong{color:var(--color-hone-fg);font-family:"Mozilla Text", var(--font-sans);font-size:1.08rem}.changelog-page:dir(rtl) .changelog-feature{clip-path:polygon(var(--changelog-cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--changelog-cut))}.changelog-page:dir(rtl) .changelog-feature:after{background:linear-gradient(to bottom right, transparent calc(50% - .5px), var(--changelog-border-strong) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px))}.changelog-page:dir(rtl) .changelog-year li svg{transform:scaleX(-1)}.changelog-page:dir(rtl) .changelog-year a:hover svg{transform:scaleX(-1)translate(3px)}.changelog-detail-page:dir(rtl) .changelog-back-link svg{transform:scaleX(-1)}@media (width<900px){.changelog-feature{grid-template-columns:minmax(0,1fr)}.changelog-feature__meta{justify-items:start}.changelog-controls{grid-template-columns:minmax(0,1fr)}.changelog-year a{grid-template-columns:minmax(0,1fr) auto 24px}}@media (width<768px){.changelog-shell,.changelog-detail__header-inner,.changelog-detail__body,.changelog-adjacent{width:min(100% - 32px,760px)}.changelog-hero{padding-block:120px 76px}.changelog-feature{gap:32px;padding:30px 24px}.changelog-feature__signal{inset-block-start:22px;inset-inline-end:30px}.changelog-year{grid-template-columns:minmax(0,1fr);gap:20px}.changelog-year a{grid-template-columns:minmax(0,1fr) auto 20px;gap:10px 16px}.changelog-year time{font-size:.66rem}.changelog-adjacent{grid-template-columns:minmax(0,1fr)}.changelog-adjacent__older{text-align:start}}@media (width<480px){.changelog-hero h1{font-size:clamp(3.3rem,19vw,5rem)}.changelog-feature__signal{display:none}.changelog-feature h2{font-size:2.5rem}.changelog-timeline__header{flex-direction:column;align-items:start}.changelog-year a{grid-template-columns:minmax(0,1fr) 20px}.changelog-year time{text-align:start;grid-area:2/1}.changelog-year li svg{grid-area:1/2/span 2}.changelog-detail h1{font-size:clamp(3rem,16vw,4.7rem)}}@media (prefers-reduced-motion:reduce){.changelog-years button,.changelog-year li svg{transition:none}}}@layer utilities;