/* Neutral preview surfaces keep unreleased content readable, in every palette. */
.coming-soon,.available-tag,.preview-label{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap}
.coming-soon{color:#5b605b;background:#e9ebe7;border:1px solid #d7dad4;border-radius:4px;padding:4px 8px}
.coming-soon:before{content:"";width:5px;height:5px;border-radius:50%;border:1px solid currentColor}
.available-tag{color:var(--accent)}.available-tag:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.preview-label{color:#626761}
.preview-notice{display:flex;align-items:center;gap:16px;margin:-26px 0 38px;max-width:850px}
.preview-notice p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.preview-frame,[data-preview-page]{--accent:#565f56;--node-fill:#878e84;--accent-border:#d5d9d0;--accent-soft:#e9ece5;--muted:#5f675c;--green:#626e5f;--surface:#f0f2ed;--ink:#41483f}
[data-preview-page]>.page-hero em{color:#65705f}
.preview-frame{background:#f3f4f0;border:1px solid #d5d9d0;border-radius:8px;overflow:hidden;margin:24px 0 48px;color:var(--ink)}
.preview-frame-bar{display:flex;gap:18px;align-items:center;justify-content:space-between;border-bottom:1px solid #d5d9d0;padding:18px 26px}
.preview-frame-bar h3{font-size:14px;font-weight:600;letter-spacing:0}
.preview-body{padding:clamp(22px,4vw,52px)}
.preview-body>p{max-width:68ch;font-size:15px;line-height:1.9;margin:0 0 24px;color:var(--muted)}
.preview-body h2{font-size:clamp(26px,3vw,38px);margin-bottom:18px}
.preview-body h3{font-size:18px;margin-bottom:10px}
.preview-body h4{font-size:16px;line-height:1.6}
.preview-body p{line-height:1.85}
.preview-caption{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 20px;padding:15px 26px;border-top:1px solid #d5d9d0;color:var(--muted);font-size:11px;line-height:1.7}
.future-action{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;border:1px solid #c5cbbf;border-radius:5px;background:#e5e8e1;color:#535d4d;font:inherit;font-size:13px;min-height:46px;padding:10px 16px;cursor:not-allowed;opacity:1}
.future-action .coming-soon{font-size:10px;border:0;background:transparent;padding:0}
.preview-directory{margin:10px 0 40px}
.preview-directory-link{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:27px 0;min-height:100px}
.preview-directory-link h3{font-size:20px;transition:color 160ms ease-out}
.preview-directory-link p{color:var(--muted);font-size:14px;line-height:1.85;max-width:65ch;margin-top:10px}
.preview-directory-link.is-future h3{color:#62695e}.preview-directory-link.is-future:hover h3{color:var(--ink)}
.preview-directory-link.is-available h3{color:var(--accent)}
.directory-end{display:flex;gap:20px;align-items:center}.directory-end>span:last-child{font-size:20px;color:var(--muted)}
.preview-tab-buttons{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #d0d5ca;padding-bottom:12px;margin-bottom:30px}
.preview-tab-buttons:empty{display:none}.preview-tab-buttons button{font:inherit;font-size:13px;line-height:1.6;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:5px;background:transparent;color:#5f675c}
.preview-tab-buttons button[aria-selected=true]{color:#f6f7f3;background:#596151}
.preview-tab-buttons button:hover{border-color:#949d8a}
.preview-tab-panel{min-width:0}.is-enhanced .preview-panel-heading{display:none}
.preview-panel-heading{padding-top:25px;margin-bottom:20px}
.preview-tabs [hidden],.preview-tab-buttons button[hidden]{display:none}
.preview-specs{margin:24px 0;font-size:14px}.preview-specs>div{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,2fr);gap:20px;border-bottom:1px solid #d5d9d0;padding:16px 0;line-height:1.8}.preview-specs dt{font-weight:600}.preview-specs dd{margin:0;color:var(--muted);overflow-wrap:anywhere}
.preview-steps{list-style:none;counter-reset:steps;padding:0;margin:24px 0;display:flex;gap:30px}
.preview-steps li{counter-increment:steps;flex:1;min-width:0}.preview-steps li:before{content:counter(steps,decimal-leading-zero);display:block;color:#687460;font-size:13px;margin-bottom:20px}.preview-steps p{color:var(--muted);font-size:14px;line-height:1.85}
.preview-code{background:#e8ebe3;border-radius:5px;padding:22px;margin:24px 0}.preview-code pre{font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0 0;color:#4a5542}
.preview-split{display:grid;grid-template-columns:1fr 1.4fr;gap:44px;align-items:start;min-width:0}.preview-split>*{min-width:0}
.preview-file-tree{list-style:none;padding:0;margin:0;font-family:ui-monospace,monospace;font-size:13px;line-height:2.8;color:#596151}
.preview-file-tree li{padding:4px 0;border-bottom:1px solid #d5d9d0}.preview-file-tree span{padding-left:20px}
.preview-next{display:flex;gap:12px 26px;align-items:center;flex-wrap:wrap;padding:30px 0 60px}.preview-next p{color:var(--muted);font-size:14px;margin-right:auto}
.preview-search{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 20px;border:1px solid #d5d9d0;border-radius:5px;background:#f0f2ed;color:#596151;margin-bottom:34px;font-size:13px}.preview-search>span:first-child{margin-right:auto}
.preview-repository-title{font-size:24px!important;display:flex;align-items:center;gap:12px}.preview-repository-title img{filter:grayscale(1);width:32px;height:32px}
.preview-issue-list{list-style:none;padding:0;margin:22px 0}.preview-issue-list li{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid #d5d9d0}.preview-issue-list small{margin-left:auto;color:var(--muted);font-size:12px}
.preview-topic{width:8px;height:8px;border:1px solid #687460;border-radius:50%;flex-shrink:0}
.preview-video{aspect-ratio:16/7;display:flex;align-items:center;justify-content:center;background:#e6eae0;margin:0 0 25px;position:relative;overflow:hidden}
.preview-video .type-map{width:80%;opacity:.75}.preview-video .future-action{position:absolute;bottom:24px;left:24px;background:#f3f4f0}
.preview-quote{font-size:clamp(24px,3.2vw,40px);line-height:1.5;letter-spacing:-.025em;padding:30px 0;max-width:28ch;font-weight:600}
.preview-timeline{display:grid;grid-template-columns:140px minmax(0,1fr);gap:32px;border-top:1px solid #d5d9d0;padding:28px 0}.preview-timeline p,.preview-timeline li{font-size:14px;color:var(--muted);line-height:1.9}.preview-timeline ul{padding-left:18px}
.preview-trouble{border-bottom:1px solid #d5d9d0;padding:20px 0}.preview-trouble summary{cursor:pointer;font-size:16px;font-weight:600;line-height:1.7}.preview-trouble p{color:var(--muted);font-size:14px;margin-top:16px;max-width:65ch}.start-now{margin-top:-24px;margin-bottom:42px}
.preview-readiness{display:flex;gap:8px 26px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:24px 0}
.preview-mini-mark{display:block;width:80px;height:80px;filter:grayscale(1);margin:20px 0 30px}
.preview-solution-note{display:flex;gap:16px;align-items:center;margin-bottom:32px}
.footer-directory a:has(.coming-soon){display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}.footer-directory .coming-soon{font-size:9px;padding:2px 5px}
.site-release-preview{border-top:1px solid var(--line);padding-top:38px;margin-top:44px}.site-release-preview>p{max-width:65ch;color:var(--muted);font-size:14px;line-height:1.8;margin:16px 0 24px}.site-release-links{display:flex;flex-wrap:wrap;gap:12px 30px}.site-release-links a{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);padding:10px 0}.site-release-links a:hover{color:var(--ink)}
.future-open-list{--accent:#5f675c;--line:#d5d9d0;color:#5f675c;background:#f0f2ed;padding:22px;border-radius:7px}.future-open-list .open-row,.future-open-list .open-list-head,.future-open-list .open-list-foot{color:#5f675c}.future-open-list .open-list-head>span:last-child{font-size:10px;letter-spacing:0}
.future-stack-tags{filter:grayscale(1)}.integration-label>.coming-soon{margin-left:10px;vertical-align:middle}
.try-future{margin-top:24px;border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--muted)}.try-future>summary{cursor:pointer;display:flex;align-items:center;gap:10px;min-height:36px;list-style:none}.try-future>summary:before{content:"+"}.try-future[open]>summary:before{content:"−"}.try-future .future-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.try-future .future-action{padding:8px 10px;min-height:40px;font-size:11px}.try-future p{font-size:12px;line-height:1.8;max-width:60ch}
.try-source-preview{padding:16px 0;color:#606858}.try-source-preview dl{font-size:12px;line-height:1.8;margin:15px 0}.try-source-preview dt{font-weight:600;margin-top:8px}.try-source-preview dd{margin:0}
.try-world-release{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px;font-size:11px;color:var(--muted)}
:is(.preview-frame,.preview-directory,.preview-next,.site-release-links) :is(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--green);outline-offset:5px}
@media(max-width:900px){.preview-split{grid-template-columns:1fr;gap:25px}.preview-file-tree{display:flex;gap:15px;flex-wrap:wrap}.preview-file-tree li{padding:0}.preview-steps{gap:20px}}
@media(max-width:760px){.preview-notice{margin:-8px 0 30px;align-items:flex-start;flex-direction:column;gap:10px}.preview-frame{margin-bottom:34px}.preview-frame-bar{padding:16px 20px}.preview-frame-bar h3{max-width:65%}.preview-caption{padding:14px 20px}.preview-directory-link{align-items:flex-start;padding:24px 0}.directory-end{flex-direction:column;align-items:flex-end;gap:12px}.preview-directory-link h3{font-size:18px}.preview-directory-link p{font-size:13px}.preview-steps{flex-direction:column;gap:24px}.preview-steps li:before{margin-bottom:10px}.preview-specs>div{grid-template-columns:1fr;gap:5px}.preview-timeline{grid-template-columns:1fr;gap:12px}.preview-tab-buttons{gap:0}.preview-tab-buttons button{font-size:12px;padding:10px 12px}.preview-next{align-items:flex-start;flex-direction:column;padding-bottom:40px}.preview-video{aspect-ratio:4/3}.preview-quote{font-size:27px}.site-release-links{flex-direction:column;gap:5px}.coming-soon{font-size:10px}}
@media(prefers-reduced-motion:reduce){.preview-directory-link h3{transition:none}}
.preview-body p,.preview-directory-link p,.preview-steps p,.preview-timeline p,.preview-trouble p{font-size:1rem}

/* The user's frosted reference applies only to unreleased content. */
.preview-veil{position:relative;isolation:isolate;overflow:hidden;border-radius:7px}
.preview-frame>.preview-veil{border-radius:0}
.preview-veil[data-veil-state=covered]>.preview-veil-content{min-height:370px;max-height:430px;overflow:hidden;filter:blur(8px) grayscale(.6);pointer-events:none;user-select:none}
.preview-veil-cover{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:32px 24px;background:linear-gradient(180deg,rgba(24,31,25,.66),rgba(19,26,20,.79) 54%,rgba(10,16,12,.94));color:#fff;text-align:center}
.preview-veil-message{width:100%;max-width:560px;display:flex;align-items:center;flex-direction:column}
.preview-veil-mark{width:56px;height:56px;display:block;color:#fff;margin:0 0 24px;flex-shrink:0}
.preview-veil .preview-veil-title{font-size:clamp(28px,4vw,48px);font-weight:800;letter-spacing:-.035em;line-height:1.15;text-transform:uppercase;margin:0;color:#fff;text-wrap:balance}
.preview-veil .preview-veil-description{font-size:15px;line-height:1.8;color:#f0f2ed;margin:18px 0 26px;max-width:38ch}
.preview-veil-cover button{font:inherit;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:44px;padding:11px 25px;border:1px solid #d4dcd0;border-radius:999px;background:transparent;color:#fff;cursor:pointer;transition:background 180ms ease-out,color 180ms ease-out}
.preview-veil-cover button:hover{background:#f2f4ee;color:#24301f}
.preview-veil-cover button:focus-visible{outline:3px solid #fff;outline-offset:5px}
.preview-veil-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 18px;padding:12px 22px;background:#e6eae2;color:#4c5845;border-bottom:1px solid #c9d1c1;font-size:11px;line-height:1.6}
.preview-veil-toolbar button{font:inherit;font-weight:600;min-height:44px;padding:8px 0;border:0;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:14px;text-decoration:underline;text-underline-offset:4px}
.preview-veil-toolbar button:focus-visible{outline:2px solid #4c5845;outline-offset:4px}
.preview-veil-cover[hidden],.preview-veil-toolbar[hidden]{display:none}
.preview-veil-compact[data-veil-state=covered]>.preview-veil-content{min-height:238px;max-height:260px}
.preview-veil-compact .preview-veil-cover{padding:22px 18px}
.preview-veil-compact .preview-veil-mark{width:36px;height:36px;margin-bottom:12px}
.preview-veil-compact .preview-veil-title{font-size:clamp(23px,2.4vw,30px)}
.preview-veil-compact .preview-veil-description{font-size:12px;margin:10px 0 17px}
.preview-veil-compact .preview-veil-cover button{font-size:12px;padding:9px 20px}
.future-open-list:has(>.preview-veil){padding:0}.future-open-list>.open-list-head{padding:22px;margin:0}.future-open-body{padding:0 22px 22px}
.try-source-preview:has(.preview-veil){padding-bottom:0}.try-source-preview .preview-veil-content{padding:16px}
.try-future .preview-veil{margin-top:12px}.try-future .preview-veil-content{padding:16px}.try-future .preview-veil-content>p{margin-top:0}
@media(max-width:760px){.preview-veil[data-veil-state=covered]>.preview-veil-content{min-height:342px;max-height:390px}.preview-veil-cover{padding:28px 18px}.preview-veil .preview-veil-title{font-size:clamp(28px,7vw,40px)}.preview-veil .preview-veil-description{font-size:14px}.preview-veil-mark{width:48px;height:48px;margin-bottom:22px}.preview-veil-compact[data-veil-state=covered]>.preview-veil-content{min-height:238px;max-height:260px}.preview-veil-compact .preview-veil-mark{width:34px;height:34px;margin-bottom:12px}.preview-veil-compact .preview-veil-title{font-size:24px}.preview-veil-compact .preview-veil-description{font-size:12px}.preview-veil-toolbar{padding:10px 16px}}
@media(prefers-reduced-motion:reduce){.preview-veil-cover button{transition:none}}
@media(prefers-reduced-transparency:reduce){.preview-veil-cover{background:#182019}.preview-veil[data-veil-state=covered]>.preview-veil-content{filter:none}}
@media(forced-colors:active){.preview-veil-cover{background:Canvas;color:CanvasText}.preview-veil :is(.preview-veil-title,.preview-veil-description,.preview-veil-mark),.preview-veil-cover button{color:CanvasText}.preview-veil-cover button{border-color:ButtonText}}

/* A single full-viewport frosted surface for entirely upcoming pages. */
html[data-page-veil-covered],html[data-page-veil-covered] body{overflow:hidden;overscroll-behavior:none}
.preview-veil-page{isolation:auto;overflow:visible;border-radius:0;min-height:100svh}
.preview-veil-page[data-veil-state=covered]>.preview-veil-content{min-height:100svh;max-height:none;overflow:visible;filter:blur(12px) saturate(.35)}
.preview-veil-page>.preview-veil-cover{flex-direction:column;justify-content:flex-start;position:fixed;inset:0;z-index:120;overflow-y:auto;overscroll-behavior:contain;padding:clamp(32px,7vh,90px) 24px;background:linear-gradient(180deg,rgba(18,25,21,.72),rgba(15,21,18,.79) 48%,rgba(9,14,11,.94));isolation:isolate}
.preview-veil-page>.preview-veil-cover:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.016) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px)}
.preview-veil-page>.preview-veil-cover>.preview-veil-message{max-width:780px;margin:auto}
.preview-veil-page>.preview-veil-cover .preview-veil-mark{width:76px;height:76px;margin-bottom:44px}
.preview-veil-page>.preview-veil-cover .preview-veil-title{font-size:clamp(42px,7vw,88px);line-height:1.12;letter-spacing:-.045em}
.preview-veil-page>.preview-veil-cover .preview-veil-description{font-size:clamp(15px,1.5vw,19px);margin:24px 0 48px;max-width:38ch}
.preview-veil-page>.preview-veil-cover button{min-width:210px;min-height:52px;padding:14px 28px;font-size:14px}
.preview-veil-page>.preview-veil-toolbar{position:fixed;z-index:35;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:5px 20px;gap:12px 24px;flex-wrap:nowrap;border:1px solid #c9d1c1;border-radius:999px;background:#edf0e8;box-shadow:0 6px 24px rgba(24,31,25,.08);font-size:11px}
.preview-veil-page[data-veil-state=open]>.preview-veil-content{padding-bottom:92px}
.preview-veil-page>.preview-veil-toolbar button{white-space:nowrap}
@media(max-width:600px){.preview-veil-page>.preview-veil-cover{padding:32px 22px}.preview-veil-page>.preview-veil-cover .preview-veil-mark{width:60px;height:60px;margin-bottom:32px}.preview-veil-page>.preview-veil-cover .preview-veil-title{font-size:clamp(36px,9.5vw,56px)}.preview-veil-page>.preview-veil-cover .preview-veil-description{margin:22px 0 38px}.preview-veil-page>.preview-veil-toolbar{gap:12px;padding-inline:16px;font-size:10px}.preview-veil-page>.preview-veil-toolbar>span{max-width:16em}.preview-veil-page>.preview-veil-toolbar button{font-size:11px}}
@media(prefers-reduced-transparency:reduce){.preview-veil-page>.preview-veil-cover{background:#182019}.preview-veil-page>.preview-veil-cover:before{display:none}.preview-veil-page[data-veil-state=covered]>.preview-veil-content{filter:none}}
@media(forced-colors:active){.preview-veil-page>.preview-veil-cover{background:Canvas}.preview-veil-page>.preview-veil-cover:before{display:none}.preview-veil-page>.preview-veil-toolbar{background:Canvas;color:CanvasText;border-color:CanvasText}}