/* Approved Molendijk announcement, scoped to the home page. */
.release-symbols{position:absolute;width:0;height:0;overflow:hidden}
.release-banner{position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;margin-bottom:16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-elev)}
.release-banner>.scene{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:65% center;opacity:.8}
.release-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,16,19,.98) 0%,rgba(14,16,19,.91) 32%,rgba(14,16,19,.54) 65%,rgba(14,16,19,.08) 100%);pointer-events:none}
.release-banner .copy{padding:32px}
.release-banner .brand-row{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:var(--fs-sm);font-weight:600}
.release-banner .brand-row>img{width:34px;height:34px;border-radius:var(--r-md)}
.release-banner .release-version{margin-left:6px;font-size:var(--fs-xs);color:var(--accent)}
.release-banner .release-heading{display:flex;align-items:center;gap:32px;margin-bottom:24px;max-width:1080px}
.release-banner h2{flex:0 1 auto;min-width:0;font:700 var(--fs-3xl)/1.16 var(--font-display);letter-spacing:-.035em;color:var(--text)}
.release-banner .release-info{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:4px 6px;border-radius:var(--r-sm);color:var(--text-2);font-size:var(--fs-xs);white-space:nowrap}
.release-info>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.release-info .info-dot{fill:currentColor;stroke:none}
.release-banner .release-info:hover{color:var(--text);background:rgba(255,255,255,.04)}
.release-banner a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.release-banner .feature-list{display:grid;grid-template-columns:minmax(0,330px) max-content;align-items:center;gap:10px 32px;list-style:none;margin:0;padding:0;font-size:var(--fs-md);line-height:1.4}
.release-banner .feature-list li{display:flex;align-items:center;gap:10px;min-height:34px}
.release-banner .feature-list svg{width:32px;height:32px;flex:none;fill:none;stroke:none}
.release-banner .release-access{position:relative;flex:none;margin-left:-4px}
.release-access summary{display:grid;place-items:center;width:32px;min-height:32px;list-style:none;cursor:pointer;color:var(--text-2);border-radius:var(--r-sm)}
.release-access summary::-webkit-details-marker{display:none}
.release-banner .release-access summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.release-access summary:hover,.release-access[open] summary{color:var(--text);background:var(--surface-2)}
.release-access summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.release-access>span{position:absolute;right:0;top:calc(100% + 6px);z-index:2;width:max-content;max-width:180px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-size:var(--fs-xs);box-shadow:var(--shadow-2)}
.release-banner .feature-list .matchmaking{display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px 10px}
.release-banner .matchmaking>svg{grid-row:1/3}
.release-banner .formats{display:flex;grid-column:2;gap:16px;font-size:var(--fs-xs);font-variant-numeric:tabular-nums}
.release-banner .platforms{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.release-banner .platforms>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:rgba(14,16,19,.65);color:var(--text);font-size:var(--fs-sm);white-space:nowrap}
.release-banner .platforms>a:hover{background:var(--surface-2);border-color:var(--text-2)}
.release-banner .platforms svg{width:18px;height:18px;fill:currentColor;flex:none}
.release-banner .platforms .download{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;opacity:.65;margin-left:4px}
.release-banner .release-note{margin:10px 0 0;color:var(--text-2);font-size:var(--fs-xs)}
.home-personal-tools{margin-bottom:22px}
.home-personal-tools>summary{display:flex;align-items:center;gap:8px;width:fit-content;min-height:44px;list-style:none;cursor:pointer;color:var(--text-2);font-size:var(--fs-sm)}
.home-personal-tools>summary::-webkit-details-marker{display:none}
.home-personal-tools>summary>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.home-personal-tools[open]>summary>svg{transform:rotate(180deg)}
.home-personal-tools>summary:hover{color:var(--text)}
.home-personal-tools>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--r-sm)}
.home-personal-tools[open]>.home-personal{margin-top:10px}
@container(max-width:1000px){.release-banner h2{font-size:var(--fs-2xl)}}
@container(max-width:720px){
 .release-banner .copy{padding:24px}
 .release-banner .release-heading{align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:20px}
 .release-banner .release-info{margin-left:auto;min-height:32px}
 .release-banner .feature-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 16px;font-size:var(--fs-sm)}
 .release-banner .platforms>a{padding:10px 12px}
}
@container(max-width:480px){
 .release-banner .copy{padding:20px}
 .release-banner .brand-row{margin-bottom:18px}
 .release-banner .release-heading{gap:4px}
 .release-banner h2{font-size:var(--fs-2xl);line-height:1.2}
 .release-banner h2 br{display:none}
 .release-banner .feature-list{grid-template-columns:minmax(0,1fr);gap:10px;font-size:var(--fs-sm)}
 .release-access summary{width:44px;min-height:44px}
 .release-banner .platforms{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}
 .release-banner .platforms>a{font-size:var(--fs-xs);padding:10px 8px}
 .release-banner>.scene{opacity:.48;object-position:64% center}
 .release-banner:after{background:linear-gradient(90deg,rgba(14,16,19,.95),rgba(14,16,19,.64))}
}