/* Posters page additions (posters.html). Uses the site.css tokens and the library page classes. */
.lib-posters{--lib-accent:#b3470c;--lib-soft:rgba(232,104,28,.10);--lib-tint:#ffeedf}
.poster-grid{display:grid;gap:var(--s-4);grid-template-columns:1fr}
@media (min-width:760px){.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5)}}
.poster .poster-thumb{aspect-ratio:4/3;padding:var(--s-4)}
.poster .poster-thumb img{position:static;transform:none;display:block;width:100%;height:100%;object-fit:contain;border-radius:4px;background:transparent;box-shadow:none;filter:drop-shadow(0 6px 16px rgba(16,24,40,.16))}
a.poster-thumb:hover img{transform:translateY(-2px)}
.poster h3{font-size:var(--t-title3)}
.poster .variant-of{font-size:var(--t-foot);color:var(--text-3)}
.poster .variant-of a{color:var(--lib-accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.size-h{margin-top:var(--s-3);font-size:var(--t-caption) !important;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3) !important}
.size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}
.size-btn{display:flex;align-items:center;gap:var(--s-2);min-height:56px;padding:var(--s-2) var(--s-3);border-radius:var(--r-m);background:var(--surface);box-shadow:var(--edge),inset 0 0 0 1px var(--hairline);color:var(--text);transition:background var(--dur-1),box-shadow var(--dur-1)}
.size-btn:hover{background:var(--lib-soft)}
.size-btn.main{background:var(--lib-accent);color:#fff;box-shadow:none}
.size-btn.main:hover{filter:brightness(1.07);background:var(--lib-accent)}
.size-btn svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.size-btn span{display:flex;flex-direction:column;min-width:0}
.size-btn b{font-size:15px;font-weight:600;line-height:1.2;white-space:nowrap}
.size-btn small{font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.size-btn small.sz{color:var(--text-3)}
.size-btn.main small.sz{color:#fff}
.size-btn.is-off{opacity:.5;pointer-events:none}
.view-link{display:inline-flex;align-items:center;gap:4px;margin-top:var(--s-3);min-height:44px;font-size:15px;font-weight:600;color:var(--lib-accent)}
.view-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.print-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--s-3);grid-template-columns:1fr}
@media (min-width:640px){.print-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.print-list li{padding:var(--s-4) var(--s-5);border-radius:var(--r-m);background:var(--surface);box-shadow:var(--edge)}
.print-list b{display:block;font-size:15px;font-weight:600}
.print-list span{display:block;margin-top:var(--s-1);font-size:var(--t-foot);line-height:1.45;color:var(--text-2)}