/* Structure only; the visual design can replace these values with design-v2 tokens. */
.language-menu{position:relative;display:inline-block}
.language-menu summary{cursor:pointer;padding:.5rem}
.language-menu[open]{z-index:10}
.language-menu[open] a{display:block;padding:.5rem;background:var(--paper,#fff);color:var(--ink,#171717)}
.sample-cards{display:flex;gap:var(--s-4,1rem);overflow-x:auto;scroll-snap-type:x proximity;padding:.5rem 0 1rem}
.sample-cards>.card{flex:0 0 min(80vw,18rem);scroll-snap-align:start}
:where(summary,a,input,select):focus-visible{outline:2px solid var(--rust,#3169ad);outline-offset:3px}