/* /films.html — หนัง, generated by films_layer.py */
.fm-now{background:#121019;color:#f7f3ea;border-radius:14px;padding:12px 16px;margin:10px 0 12px}
.fm-now p{margin:0;font-size:1.05rem}
.fm-now .fm-big{font-size:1.3rem;font-weight:700}
.fm-now a{color:#ffd48a}
.fm-bar{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 12px}
.fm-tabs,.fm-pvs{display:flex;flex-wrap:wrap;gap:6px}
.fm-tab,.fm-pv{font:inherit;font-size:1rem;font-weight:700;min-height:44px;padding:6px 14px;
 border:2px solid var(--ink);border-radius:999px;background:var(--card);color:var(--ink);cursor:pointer}
.fm-tab[aria-pressed=true],.fm-pv[aria-pressed=true]{background:var(--ink);color:#f7f3ea}
.fm-tab[hidden]{display:none}
.fm-gone,.fm-stale{font-weight:700}
.fm-dh{margin:18px 0 8px}
.fm-key{font-size:1rem;color:var(--ink)}
.fm-cards{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:10px;
 grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}
.fm-card{background:var(--card);border:2px solid var(--ink);border-left:10px solid hsl(var(--hu),60%,42%);
 border-radius:12px;padding:10px 12px;min-width:0}
.fm-card h3{margin:0 0 4px;font-size:1.2rem;overflow-wrap:anywhere}
.fm-card p{margin:2px 0;font-size:1rem}
.fm-count{font-weight:700}
.fm-at{list-style:none;padding:0;margin:6px 0 0}
.fm-at li{margin:2px 0}
.fm-n{white-space:nowrap}
.fm-next{font-weight:700}
.fm-next .fm-soon{background:#ffd48a;color:#1a1208;border-radius:6px;padding:0 6px}
.fm-panes[data-pv=cm] [data-prov=cr],.fm-panes[data-pv=cr] [data-prov=cm],
.fm-panes[data-pv=cm] .fm-card:not([data-in~=cm]),.fm-panes[data-pv=cr] .fm-card:not([data-in~=cr]){display:none}
.fm-sc{display:none}
.fm-panes[data-pv=all] .fm-sc[data-sc~=all],.fm-panes[data-pv=cm] .fm-sc[data-sc~=cm],
.fm-panes[data-pv=cr] .fm-sc[data-sc~=cr]{display:inline}
.fm-cine{background:var(--card);border:2px solid var(--ink);border-radius:14px;padding:12px;margin:0 0 16px;min-width:0}
.fm-ch h3{margin:0;font-size:1.3rem;overflow-wrap:anywhere}
.fm-ch p{margin:2px 0;font-size:1rem}
.fm-links a{font-weight:700}
.fm-book{white-space:normal}
.fm-strip{position:relative;background:#121019;color:#f7f3ea;border-radius:10px;padding:30px 10px 10px;margin:10px 0 12px;overflow:hidden}
.fm-hrs{position:absolute;left:10px;right:10px;top:6px;height:20px}
.fm-hr{position:absolute;transform:translateX(-50%);font:700 1rem/1 ui-monospace,Menlo,monospace;color:#f7f3ea}
.fm-hr:first-child{transform:none}
.fm-hr:last-child{transform:translateX(-100%)}
.fm-row{margin:0 0 8px}
.fm-rt{display:block;color:#f7f3ea!important;text-decoration:none;font-weight:700;font-size:1rem;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 3px}
.fm-rt .en{color:#f7f3ea}
.fm-track{position:relative;background:rgba(255,255,255,.07);border-radius:3px;
 background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(100%/var(--span,1) - 1px),rgba(255,255,255,.12) 0,rgba(255,255,255,.12) calc(100%/var(--span,1)))}
.fm-blk{position:absolute;height:12px;border-radius:2px;min-width:3px;
 background:hsl(var(--hu),75%,62%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)}
.fm-blk.nolen{background:repeating-linear-gradient(90deg,hsl(var(--hu),75%,62%) 0 6px,transparent 6px 9px)}
.fm-blk.gone{background:#55505c}
.fm-blk.on{background:hsl(var(--hu),90%,72%);box-shadow:0 0 0 2px #fff}
.fm-plw{position:absolute;left:10px;right:10px;top:26px;bottom:4px;pointer-events:none}
.fm-play{position:absolute;top:0;bottom:0;width:3px;margin-left:-1px;background:#ffc266;border-radius:2px}
.fm-play:before{content:"";position:absolute;top:-6px;left:-5px;border:6.5px solid transparent;border-top-color:#ffc266}
.fm-film{border-top:2px solid var(--rule);padding:10px 0 4px;border-left:6px solid hsl(var(--hu),60%,42%);padding-left:10px;margin-top:6px}
.fm-film h4{margin:0 0 2px;font-size:1.15rem;overflow-wrap:anywhere}
.fm-film p{margin:2px 0;font-size:1rem}
.fm-gh{font-weight:700;margin:8px 0 4px!important}
.fm-code{font:700 .95rem ui-monospace,Menlo,monospace;border:1.5px solid var(--ink);border-radius:4px;padding:0 4px;white-space:nowrap}
.fm-shows{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.fm-show{display:flex;flex-direction:column;border:2px solid var(--ink);border-radius:8px;padding:4px 10px;
 background:#fffdf7;color:var(--ink);font-size:1rem;min-width:7.5rem}
.fm-t{font-variant-numeric:tabular-nums;white-space:nowrap}
.fm-t b{font-size:1.15rem}
.fm-hall{font-size:1rem}
.fm-st:empty{display:none}
.fm-st{font-weight:700}
.fm-show.gone{background:#e6dfd2;border-color:#8a7d6a;color:#3d3226}
.fm-show.gone .fm-t b{text-decoration:line-through}
.fm-show.on{background:#121019;color:#f7f3ea;border-color:#121019;box-shadow:0 0 0 3px #ffc266}
.fm-show.on .fm-t b{text-decoration:none}
.fm-show.next{box-shadow:0 0 0 3px #1f6b57}
.fm-none{font-weight:700}
.fm-notes ul{padding-left:1.2rem}
.fm-notes li{margin:4px 0;font-size:1rem}
@media (max-width:520px){.fm-hr.odd{display:none}.fm-cine{padding:10px 8px}.fm-strip{padding:30px 8px 8px}
 .fm-hrs,.fm-plw{left:8px;right:8px}
 .fm-show{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:.7em;width:100%;box-sizing:border-box}}