/* Dedicated asset avoids stale cached showcase rules. */
.showcase-section{overflow-x:clip}.showcase-section .section-heading,.showcase-transcript{max-width:760px;margin-left:auto;margin-right:auto}.showcase-section .section-heading{margin-bottom:22px}.showcase-section .section-heading h2{font-size:clamp(34px,4vw,52px)}.showcase-section .section-heading p{font-size:13px;line-height:1.7;margin-top:14px;max-width:none;color:var(--muted)}
.showcase-card{box-sizing:border-box;width:100%;width:min(100%,760px,calc((100svh - 220px)*16/9));max-width:100%;min-width:0;margin:0 auto;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f1eae0}.showcase-languages{display:flex;justify-content:center;gap:6px;padding:9px}.showcase-languages button{border:0;background:transparent;color:var(--ink);font:inherit;font-size:13px;min-height:40px;padding:10px 20px;border-radius:24px;cursor:pointer}.showcase-languages button[aria-selected="true"]{background:var(--ink);color:var(--paper)}.showcase-languages button:focus-visible,.showcase-transcript summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.demo-panel{max-width:100%;min-width:0}.demo-panel[hidden]{display:none}.demo-panel video{display:block;width:100%;max-width:100%;height:auto;max-height:60vh;aspect-ratio:16/9;object-fit:contain;background:#40564a}.showcase-transcript{font-size:13px;line-height:1.8;margin-top:14px}.showcase-transcript summary{cursor:pointer;width:fit-content;padding:8px 0}.showcase-transcript p{max-width:80ch;margin:12px 0;color:var(--muted)}
@media(max-width:700px){.showcase-section{padding-top:36px;padding-bottom:36px}.showcase-section .section-heading h2{font-size:34px}.showcase-card{border-radius:9px}}

.video-unavailable{padding:14px 18px;font-size:13px;line-height:1.6;color:var(--ink)}.video-unavailable[hidden]{display:none}.video-unavailable p{margin:0 0 8px}.video-unavailable button{font:inherit;min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);cursor:pointer}.video-unavailable button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

/* C22: on short landscape screens (a phone turned sideways) the desktop rule leaves a ~275px player; size it to the screen height instead. The inline 60vh cap needs !important here. */
@media(orientation:landscape) and (max-height:540px){.showcase-card{width:min(100%,760px,calc((100svh - 80px)*16/9))}.demo-panel video{max-height:calc(100svh - 80px)!important}}