.wrap { max-width: 920px; margin: 0 auto; padding: 0 40px 48px; }
.top { display: flex; align-items: center; justify-content: space-between; height: 72px; border-bottom: 1px solid var(--line); }
.brand { font: 700 14px/1 var(--font-latin); letter-spacing: 0.08em; }
.top nav { display: flex; gap: 18px; font: 12px/1 var(--font-mono); }
.region { padding: 36px 0; border-bottom: 1px solid var(--line); }
.region .label { margin: 0 0 18px; }
.static-line { margin: 0 0 12px; color: var(--ink-2); font: 14px/1.5 var(--font-body); }
.dial { position: relative; width: 280px; margin: 0 auto; }
.dial .count { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 8px; }
.dial .unit { font: var(--display-weight) 22px/1 var(--font-display); align-self: flex-end; margin-bottom: 108px; }
.heat { margin-top: 28px; }
.names { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.entry { margin-top: 8px; text-decoration: none; color: inherit; }
.list-row { margin-top: 8px; }
.poster { margin-top: 8px; min-height: 220px; }
.poster p { position: relative; z-index: 1; max-width: 28em; color: var(--ink-2); }
a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

@media (max-width: 760px) {
	.wrap { padding: 0 18px 32px; }
	.list-row li { grid-template-columns: 92px 1fr; }
	.list-row .dom { display: none; }
}