/* Artwork-led companion to Calphii's cosy indie games editorial. Reuses core typography; no JS or heavyweight dependencies. */
.interior-page .offbeat-games-hero h1{max-width:18ch;font-size:clamp(2.8rem,5.3vw,5.45rem)}
.offbeat-games-guide .offbeat-deck{max-width:850px;margin:1.9rem 0 2.6rem;padding:1.1rem 1.35rem;border-left:2px solid #d5c0ef;background:rgba(213,192,239,.045)}
.offbeat-games-guide .offbeat-deck p{margin:0;font-size:.88rem;line-height:1.85}
.offbeat-games-guide .offbeat-deck a{text-underline-offset:3px}
.offbeat-game-list{margin:2.8rem 0 3.8rem;border-top:1px solid var(--calphii-line)}
.offbeat-game{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:clamp(1.6rem,3.6vw,3.3rem);padding:clamp(2.3rem,5vw,4.2rem) 0;border-bottom:1px solid var(--calphii-line);align-items:start;scroll-margin-top:6.4rem}
.offbeat-game:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,42%)}
.offbeat-game:nth-child(even) .offbeat-game-figure{order:2}
.offbeat-game-figure{margin:0;min-width:0}
.offbeat-game-figure img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid rgba(225,244,235,.17);border-radius:7px;background:#1c2220;height:auto}
.offbeat-game-figure figcaption{padding:.65rem .08rem 0;color:#90a39a;font-size:.67rem;line-height:1.55}
.interior-page .offbeat-game h2{margin:.55rem 0 .35rem;max-width:none;font-size:clamp(2rem,3.25vw,3.25rem);line-height:1.04}
.interior-page .offbeat-game .offbeat-index{margin:0;color:#d5c0ef;font-size:.67rem;line-height:1.6;font-weight:600;text-transform:uppercase;letter-spacing:.075em}
.interior-page .offbeat-game .offbeat-maker{margin:.7rem 0 1.3rem;color:#c6d7ce;font-size:.78rem}
.interior-page .offbeat-game .offbeat-game-story p:not(.offbeat-index):not(.offbeat-maker){font-size:.85rem;line-height:1.88}
.interior-page .offbeat-game .offbeat-verdict{padding:.95rem 1.08rem;margin-top:1.35rem;background:rgba(225,244,235,.04);border-left:2px solid #d5c0ef}
.interior-page .offbeat-game .offbeat-verdict strong{color:#f0e5fa}
.interior-page .offbeat-game .offbeat-links{display:flex;flex-wrap:wrap;gap:.65rem 1.35rem;margin:1.2rem 0 0;font-size:.78rem}
.interior-page .offbeat-game .offbeat-links a{text-underline-offset:4px}
.offbeat-games-guide .offbeat-closing{max-width:810px}
@media(max-width:800px){
.offbeat-game,.offbeat-game:nth-child(even){grid-template-columns:1fr;gap:1.35rem}
.offbeat-game:nth-child(even) .offbeat-game-figure{order:0}
.offbeat-game-figure{width:100%}
.interior-page .offbeat-games-hero h1{font-size:clamp(2.8rem,9vw,4.2rem)}
}