/* Feature coverage aligned with development v0.33; preserves the existing brand. */
.app-window figcaption{padding:10px 16px;color:#c0d1dc;font-size:12px;text-align:center}
.plus-section{background:linear-gradient(160deg,rgba(14,65,82,.30),rgba(9,28,48,.55));border-block:1px solid var(--line)}
.feature-label{display:inline-block;color:var(--cyan);font-size:12px;font-weight:750;border:1px solid rgba(32,221,210,.35);border-radius:999px;padding:3px 11px}
.detail-list{max-width:960px;margin:auto;display:grid;gap:12px}
.detail-list details{border:1px solid var(--line);border-radius:16px;background:rgba(12,33,52,.8);padding:0 24px}
.detail-list summary{cursor:pointer;padding:22px 0;font-weight:650;font-size:18px;color:#eef8fc}
.detail-list summary::marker{color:var(--cyan)}
.detail-list p{color:#b9cbd7;margin:0 0 20px;max-width:82ch}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
.requirements .section-head{max-width:100%}
.requirements .section-head p{white-space:normal}
@media(max-width:900px){.flow-diagram .step::after{display:none}.flow-diagram{gap:18px}.section{padding:64px 0}.requirements{padding-top:24px}}
@media(max-width:620px){.section-head h2{font-size:34px}.detail-list details{padding:0 18px}.detail-list summary{font-size:17px}.brand{font-size:20px;gap:8px}.navlinks .pill{padding:10px 12px}.brand img{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Display the supplied screenshot without a surrounding frame or caption. */
.app-window.screenshot-only{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;transform:none;filter:drop-shadow(0 24px 32px rgba(0,0,0,.55))}
.app-window.screenshot-only a{display:block}