.runbook-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.runbook-poster{aspect-ratio:3/4;background:var(--color-surface);border-radius:.6rem;position:relative;overflow:hidden}.runbook-poster img,.runbook-thumb img{object-fit:cover;width:100%;height:100%}.runbook-poster img[data-failed],.runbook-thumb img[data-failed]{display:none}.runbook-fallback{text-align:center;font-family:var(--font-display);color:var(--color-muted);place-items:center;padding:8px;display:grid;position:absolute;inset:0}.runbook-heart{width:44px;height:44px;color:var(--color-fg);background:#0c0b0acc;border-radius:50%;position:absolute;top:4px;right:4px}.runbook-spine{background:var(--color-border);height:3px;position:absolute;top:7px;left:8px;right:8px}.runbook-tags{scrollbar-width:none;gap:5px;display:flex;overflow:auto}.runbook-tags span{white-space:nowrap;color:var(--color-muted);font-size:11px}.runbook-thumb{aspect-ratio:16/9;background:var(--color-surface);border-radius:.7rem;position:relative;overflow:hidden}.runbook-clips{grid-template-columns:repeat(2,minmax(0,1fr))}.runbook-clip{aspect-ratio:9/16}.runbook-pill{background:#0c0b0ad9;border-radius:999px;padding:2px 7px;font-size:11px;position:absolute;bottom:7px;left:7px}.runbook-sheet{z-index:80;background:#0c0b0ad9;align-items:end;display:flex;position:fixed;inset:0}.runbook-sheet>section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px 18px 0 0;width:100%;max-height:88dvh;padding:20px;overflow:auto}.runbook-action{border:1px solid var(--color-border);border-radius:999px;min-height:48px}.runbook-action[data-on]{color:var(--color-primary);box-shadow:var(--shadow-glow)}@media (width>=640px){.runbook-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.runbook-clips{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.runbook-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.runbook-clips{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=720px){.runbook-sheet{justify-content:center;align-items:center}.runbook-sheet>section{border-radius:18px;max-width:540px}}@media (prefers-reduced-motion:reduce){.runbook-action{transition:none!important}}.salon-page .runbook-grid .runbook-poster{background:var(--night-menu-glass,linear-gradient(155deg, #2b2834c9, #171620c7 38%, #15141dcc));-webkit-backdrop-filter:blur(28px)saturate(1.2);backdrop-filter:blur(28px)saturate(1.2)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.salon-page .runbook-grid .runbook-poster{background:var(--night-menu-glass-solid,#24222d)}}