/* Focused refinements: existing typography and colors, fewer competing surfaces. */
.posts-grid .library-card { height:auto; min-height:0; perspective:none; overflow:hidden; border:1px solid var(--border2); border-radius:16px; background:var(--bg-card); }
.posts-grid .library-card:hover { border:1px solid var(--coral); transform:none; }
.library-card .post-card__front { position:relative; inset:auto; display:flex; flex-direction:column; justify-content:flex-start; gap:16px; height:100%; padding:24px; background:var(--bg-card); transform:none; backface-visibility:visible; }
.library-card .post-card__front::before,.library-card .post-card__front::after { display:none; }
.library-card .post-card__front-cat { align-self:flex-start; position:static; margin:0; background:transparent; border:0; padding:0; color:var(--coral); font-size:.65rem; }
.library-card .post-card__front-title { margin:0; font-family:var(--ff-head); font-size:1.2rem; line-height:1.35; letter-spacing:-.015em; }
.library-card__summary { margin:0; color:var(--muted); font-size:.8rem; line-height:1.7; }
.library-card .post-card__front-meta { margin-top:auto; padding-top:16px; border-top:1px solid var(--border); gap:12px; color:var(--muted); font-size:.64rem; }
.library-card .post-card__front:focus-visible { outline:3px solid var(--coral); outline-offset:-4px; }
.slide-preview__caption .claim-boundary { background:transparent; padding:0; border:0; border-radius:0; }
.slide-preview__caption { gap:.7rem; }
.sample-context { border-top:1px solid var(--keynote-border,var(--border2)); padding-top:.2rem; }
.sample-context summary { cursor:pointer; min-height:44px; padding:.55rem 0; font-size:.8rem; color:var(--keynote-muted,var(--muted)); }
.sample-context summary:focus-visible { outline:2px solid var(--keynote-teal,var(--coral)); outline-offset:3px; }
.sample-context > div { display:grid; gap:.5rem; padding:0 0 .6rem; }
.sample-context .claim-scope { background:transparent; padding:0; border:0; }
@media(max-width:640px) { .library-card .post-card__front { padding:22px; gap:12px; } }
html.motion-ready .slide-preview__caption :is(.claim-scope,.claim-boundary) { background:transparent; padding:0; border:0; border-radius:0; }
/* Compact sample previews. Full explanations remain in the viewer and context. */
body[data-motion-page="keynote"] .slide-preview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-areas:none; gap:20px; overflow:visible; }
body[data-motion-page="keynote"] .slide-preview-grid > .slide-preview { grid-area:auto; width:auto; min-width:0; }
body[data-motion-page="keynote"] .slide-preview__affordance { display:none; }
body[data-motion-page="keynote"] .slide-preview > [data-slide-open] { aspect-ratio:auto; height:140px; box-shadow:none; }
body[data-motion-page="keynote"] .slide-preview__frame { aspect-ratio:auto; height:100%; border:0; box-shadow:none; }
html.motion-ready body[data-motion-page="keynote"] .slide-preview .slide-art { display:flex; justify-content:center; padding:16px 58px 16px 16px!important; gap:8px; }
html.motion-ready body[data-motion-page="keynote"] .slide-preview .slide-art strong { font-size:1rem; line-height:1.3; }
body[data-motion-page="keynote"] .slide-preview .slide-art > span { display:none; }
body[data-motion-page="keynote"] .slide-preview .slide-art small { font-size:.65rem; }
body[data-motion-page="keynote"] .slide-preview__caption { display:grid; grid-template-columns:auto 1fr; column-gap:16px; row-gap:4px; font-size:.78rem; padding-top:10px; }
body[data-motion-page="keynote"] .slide-preview__caption > .claim-boundary { grid-column:1/-1; }
body[data-motion-page="keynote"] .slide-preview__caption > a { min-height:44px; display:flex; align-items:center; }
body[data-motion-page="keynote"] .sample-context { border:0; padding:0; }
body[data-motion-page="keynote"] .sample-context summary { font-size:.75rem; }
body[data-motion-page="keynote"] .sample-context[open] { grid-column:1/-1; }
@media(max-width:900px) {
 body[data-motion-page="keynote"] .slide-preview-grid { grid-template-columns:1fr; gap:24px; }
 body[data-motion-page="keynote"] .slide-preview > [data-slide-open] { height:112px; }
}
body[data-motion-page="keynote"] .slide-preview > [data-slide-open]:has(.slide-art) { height:auto; min-height:140px; }
body[data-motion-page="keynote"] .slide-preview .slide-art { min-height:138px; height:auto; }
@media(max-width:900px) {
 body[data-motion-page="keynote"] .slide-preview > [data-slide-open]:has(.slide-art) { min-height:112px; }
 body[data-motion-page="keynote"] .slide-preview .slide-art { min-height:110px; }
}
body[data-motion-page="keynote"] .slide-preview > [data-slide-open]:has(.sample-artwork) { height:auto; aspect-ratio:16/9; max-height:220px; }
body[data-motion-page="keynote"] .sample-artwork { height:100%; background:#101426; }
.keynote-dialog .sample-slide-full { display:block; width:100%; height:auto; max-height:75vh; object-fit:contain; }
.keynote-dialog .sample-transcript { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }