/* Palette-card layout language, scoped to the gallery; the playground is unchanged. */
.font-pairing-gallery > h2{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:1rem}
.font-gallery-intro{max-width:760px;color:var(--muted);line-height:1.7;margin-bottom:2rem}
.font-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}
.font-gallery-card{position:relative;min-width:0;overflow:hidden;text-align:left;border:1px solid var(--line);background:var(--ink);color:var(--paper);transition:transform .2s}
.font-gallery-card:hover{transform:translateY(-3px)}
.font-gallery-preview{background:#f4f4ef;color:#171b15;padding:24px;min-height:320px}
.font-gallery-brand{font:600 11px/1.4 Arial,Helvetica,sans-serif;padding-right:40px;margin-bottom:30px}
.font-gallery-card .font-gallery-sample-heading{font-family:var(--pair-heading-font);font-size:30px;line-height:1.12;font-weight:700;letter-spacing:normal;margin:0 0 15px;color:inherit;overflow-wrap:break-word}
.font-gallery-card .font-gallery-sample-body{font-family:var(--pair-body-font);font-size:14px;line-height:1.65;margin:0 0 20px;color:inherit;overflow-wrap:break-word}
.font-gallery-sample-button{display:inline-block;font:600 12px/1.4 var(--pair-body-font);background:#556b3f;color:#fff;padding:9px 12px;border-radius:3px}
.font-gallery-rule{height:5px;margin-top:22px;background:#adb3a3;width:65%}
.font-gallery-info{padding:18px}
.font-gallery-info h3{font:700 17px/1.4 Arial,Helvetica,sans-serif;letter-spacing:normal;margin:0 0 7px;color:inherit}
.font-gallery-info p{font:14px/1.5 Arial,Helvetica,sans-serif;color:inherit;margin:0 0 7px}
.font-gallery-info small{display:block;font:12px/1.5 Arial,Helvetica,sans-serif;color:var(--muted)}
.font-gallery-theme-toggle{position:absolute;right:12px;top:12px;display:grid;place-items:center;min-width:44px;min-height:44px;padding:10px;border:1px solid #919889;border-radius:5px;background:#f4f4ef;color:#171b15;cursor:pointer}
.font-gallery-theme-toggle:hover{border-color:currentColor}
.font-gallery-theme-toggle:focus-visible{outline:3px solid #385eab;outline-offset:3px}
.font-gallery-card[data-preview-theme=dark] .font-gallery-preview{background:#171b15;color:#f4f4ef}
.font-gallery-card[data-preview-theme=dark] .font-gallery-sample-button{background:#d8fb5b;color:#171b15}
.font-gallery-card[data-preview-theme=dark] .font-gallery-rule{background:#556b3f}
.font-gallery-card[data-preview-theme=dark] .font-gallery-theme-toggle{background:#171b15;color:#f4f4ef;border-color:#adb3a3}
@media(max-width:600px){.font-gallery-grid{grid-template-columns:1fr}.font-gallery-preview{min-height:0}}
@media(prefers-reduced-motion:reduce){.font-gallery-card{transition:none}.font-gallery-card:hover{transform:none}}