/* Game guides continue the hub's dark masthead and warm paper reading surface. */
.editorial-main { min-height: 70vh; }
.editorial-breadcrumb { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 2.4rem; color: var(--muted); font-size: .8rem; }
.editorial-breadcrumb a:hover { color: var(--cyan); }
.game-masthead, .article-masthead { padding-block: 2.2rem 4rem; }
.game-masthead-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 4rem; align-items: center; }
.game-masthead-layout:not(:has(.game-masthead-image)) { grid-template-columns: 1fr; max-width: 900px; }
.game-masthead h1 { font-size: clamp(2rem, 5vw, 4rem); line-height: 1.3; margin: .5rem 0 1.5rem; overflow-wrap: anywhere; }
.game-title-suffix { display: block; margin-top: .7rem; font-size: .45em; color: var(--cyan); }
.game-description { max-width: 45em; color: #c5c9cb; }
.game-masthead-image img { width: 100%; max-height: 340px; object-fit: cover; }
.game-guide-links { display: flex; flex-wrap: wrap; gap: .8rem 2rem; margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--line-dark); }
.game-guide-links a { display: inline-flex; align-items: center; gap: 1.5rem; min-height: 44px; color: var(--cyan); }
.editorial-paper { color: var(--paper-text); background: var(--paper-bright); --focus: 0 0 0 3px #237b81; }
.editorial-listing { padding-block: 4rem 5rem; }
.editorial-section-title { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .6rem 1.5rem; margin-bottom: 1rem; }
.editorial-section-title h2 { margin: 0; font-size: clamp(1.35rem, 3vw, 2rem); }
.editorial-section-title > p { color: var(--paper-muted); }
.editorial-section-title > a { min-height: 44px; display: inline-flex; align-items: center; text-decoration: underline; text-underline-offset: .25em; }
.editorial-articles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 3rem; }
.editorial-card { padding-block: 1.7rem; border-top: 1px solid #c9c6bd; display: flex; flex-direction: column; min-width: 0; }
.editorial-card > a > img { width: 100%; aspect-ratio: 16/9; object-fit: cover; margin-bottom: 1rem; }
.editorial-card h3 { font-size: 1.25rem; line-height: 1.65; margin: .5rem 0; overflow-wrap: anywhere; }
.editorial-card h3 a:hover { text-decoration: underline; text-underline-offset: .25em; }
.editorial-card-copy > p:last-child { font-size: .9rem; color: var(--paper-muted); margin-bottom: 0; overflow-wrap: anywhere; }
.editorial-meta { display: flex; flex-wrap: wrap; gap: .35rem 1rem; font-size: .76rem; font-variant-numeric: tabular-nums; }
.editorial-card .editorial-meta { margin: 0; color: var(--paper-muted); }
.editorial-featured { margin-bottom: 3rem; }
.editorial-featured .editorial-card { max-width: 850px; }
.editorial-game-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 3rem; margin-top: 1.5rem; }
.editorial-game-link { display: flex; align-items: center; gap: 1rem; padding-block: 1.4rem; border-top: 1px solid #c9c6bd; min-width: 0; }
.editorial-game-link img { width: 64px; height: 64px; object-fit: cover; }
.editorial-game-link > span:nth-last-child(2) { flex: 1; min-width: 0; }
.editorial-game-link strong, .editorial-game-link small { display: block; overflow-wrap: anywhere; }
.editorial-game-link small { color: var(--paper-muted); margin-top: .35rem; }
.editorial-latest-title { margin-top: 3.5rem; }
.article-masthead { max-width: 1000px; }
.article-masthead h1 { font-size: clamp(1.8rem, 4vw, 3.1rem); line-height: 1.5; letter-spacing: -.025em; margin: .5rem 0 1.8rem; overflow-wrap: anywhere; text-wrap: pretty; }
.article-masthead .editorial-meta { color: #b8bdc0; }
.editorial-body-wrap { max-width: 840px; margin-inline: auto; padding: 3.5rem 32px; }
.editorial-cover { margin: 0 0 2.5rem; }
.editorial-cover img { width: 100%; }
.editorial-content { font-size: 1rem; line-height: 2; overflow-wrap: anywhere; }
.editorial-content > * { max-width: 100%; }
.editorial-content p { margin-block: 1.35em; }
.editorial-content h2 { font-size: 1.6rem; line-height: 1.6; margin: 3rem 0 1.2rem; padding-bottom: .7rem; border-bottom: 2px solid #1d595e; }
.editorial-content h3 { font-size: 1.25rem; line-height: 1.7; margin: 2rem 0 1rem; }
.editorial-content a, .editorial-comments a { color: #175f68; text-decoration: underline; text-underline-offset: .2em; }
.editorial-content ul, .editorial-content ol { padding-left: 1.6em; }
.editorial-content li { margin-block: .4em; }
.editorial-content blockquote, .editorial-content .is-style-lab-note { margin: 2rem 0; padding: 1rem 1.5rem; background: #e9eee7; border-left: 3px solid #397d80; }
.editorial-content figure { margin-inline: 0; }
.editorial-content figcaption { font-size: .8rem; color: var(--paper-muted); }
.editorial-content .wp-block-table { overflow-x: auto; }
.editorial-content table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.editorial-content td, .editorial-content th { border: 1px solid #babdb8; padding: .8rem; min-width: 6em; }
.editorial-content th { background: #e6e8e2; }
.editorial-content pre { overflow-x: auto; padding: 1rem; background: #e9e7df; }
.editorial-content .alignwide { width: calc(100% + 48px); max-width: calc(100% + 48px); margin-left: -24px; }
.editorial-related { padding-bottom: 4rem; }
.editorial-comments { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid #c9c6bd; }
.editorial-comments input:not([type=checkbox]), .editorial-comments textarea { width: 100%; max-width: 100%; padding: .7rem; font: inherit; border: 1px solid #9da4a0; background: #fffdf8; color: #171a1d; }
.editorial-comments input[type=submit] { cursor: pointer; background: #183f43; color: white; min-height: 44px; }
.editorial-comments .comment-list { padding-left: 1.5rem; }
.editorial-paper .nav-links { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 2rem; }
.editorial-paper .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: .3rem .7rem; border: 1px solid #b4b8b2; }
.editorial-paper .page-numbers.current { color: white; background: #183f43; }
@media (max-width: 760px) {
    .game-masthead-layout { grid-template-columns: 1fr; gap: 1.5rem; }
    .editorial-articles, .editorial-game-list { grid-template-columns: 1fr; }
    .game-masthead, .article-masthead { padding-block: 1.5rem 2.5rem; }
    .editorial-listing { padding-block: 2.5rem 3rem; }
    .editorial-body-wrap { padding: 2rem 20px; }
    .editorial-content .alignwide { width: 100%; max-width: 100%; margin-left: 0; }
    .editorial-content h2 { font-size: 1.35rem; }
}