/* RC4: one meaningful region dossier; no repeating gateway grids. No styling is loaded on stories. */
.rc4-region-detail .region-detail-hero {min-height:clamp(440px,57vh,690px)}
.rc4-region-detail .region-detail-content {padding-block:clamp(74px,10vw,140px)}
.rc4-region-intro {padding-block:clamp(44px,6vw,86px);max-width:1120px}
.rc4-region-intro h2,.rc4-region-catalog h2,.rc4-entry-related h2,.rc4-entry-prose h2 {
 font:400 clamp(27px,3vw,42px)/1.17 var(--serif,Georgia,serif);color:#f0ede5;margin:0 0 20px;letter-spacing:0;
}
.rc4-region-intro p {max-width:820px;font-size:clamp(16px,1.27vw,19px);line-height:1.83;color:#d5ded7;margin:0 0 19px}
.rc4-region-detail .myrha-v144-story {padding-block:clamp(35px,5vw,65px)}
.rc4-region-catalog{padding-block:clamp(52px,6vw,95px)}
.rc4-region-catalog-heading{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-bottom:25px}
.rc4-region-catalog-heading p{font-size:clamp(14px,1vw,16px);color:#baccc3;line-height:1.6;max-width:480px;margin:0}
.rc4-region-place-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rc4-region-place{display:flex;flex-direction:column;text-decoration:none;color:#f4f0e9;background:#122020;border:1px solid rgba(182,203,188,.28);min-width:0;transition:border-color .15s}
.rc4-region-place:hover{border-color:#80d9c4}
.rc4-region-place img{display:block;aspect-ratio:16/9;width:100%;height:auto;object-fit:cover}
.rc4-region-place span{display:grid;gap:10px;padding:19px}
.rc4-region-place strong{font:400 clamp(21px,2vw,30px)/1.2 var(--serif,Georgia,serif)}
.rc4-region-place small{font-size:14px;line-height:1.55;color:#c8d4cd}
.rc4-region-more,.rc4-region-group,.rc4-region-sources,.rc4-references{border-top:1px solid rgba(178,202,192,.3);color:#e5efe6}
.rc4-region-more{margin:20px 0 0;padding-top:4px}
.rc4-region-more summary,.rc4-region-group summary,.rc4-region-sources summary,.rc4-references summary{cursor:pointer;padding:18px 5px;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:clamp(15px,1.2vw,18px);font-weight:500;line-height:1.4}
.rc4-region-more summary:hover,.rc4-region-group summary:hover,.rc4-region-sources summary:hover,.rc4-references summary:hover{color:#a5f2dc}
.rc4-region-more ul,.rc4-region-group ul{padding:2px 0 22px 22px;margin:0;columns:2;column-gap:32px}
.rc4-region-more li,.rc4-region-group li{margin:0 0 12px;break-inside:avoid}
.rc4-region-more a,.rc4-region-group a,.rc4-region-exit a{color:#b8ede0;text-decoration:none;text-underline-offset:5px}
.rc4-region-more a:hover,.rc4-region-group a:hover{text-decoration:underline}
.rc4-region-group-list{margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
.rc4-region-group{min-width:0}
.rc4-region-group summary small{font-size:13px;color:#a9c0b6}
.rc4-region-sources{margin-block:10px 72px;padding-top:14px}
.rc4-region-sources>summary{font-size:clamp(18px,1.5vw,22px);padding:24px 0}
.rc4-region-sources-body{padding:10px 0 36px}
.rc4-region-sources-body .codex-wrap{max-width:100%}
.rc4-region-exit{padding-bottom:75px}
.rc4-region-exit a{display:inline-flex;padding:16px 22px;min-height:50px;align-items:center;border:1px solid #627e76}
/* Codex: one title, one lead, one non-repeated article. Distinctive source-rich sections remain optional. */
.rc4-codex-entry .entry-hero{min-height:clamp(420px,58vh,680px)}
.rc4-codex-entry .entry-hero-inner{padding-block:clamp(80px,9vw,134px)}
.rc4-codex-entry .entry-hero h1{line-height:1.06}
.rc4-codex-entry .entry-hero-inner>p{max-width:720px;font-size:clamp(16px,1.25vw,20px);line-height:1.75}
.rc4-entry-main{padding-block:clamp(45px,6vw,92px);max-width:1060px}
.rc4-entry-prose{max-width:780px;margin:auto}
.rc4-entry-prose>p:not(.rc4-entry-scope){font:400 clamp(16px,1.4vw,20px)/1.87 var(--serif,Georgia,serif);color:#e1e5de;margin:0 0 22px}
.rc4-entry-scope{font-size:14px;line-height:1.65;border-left:3px solid #80c8bb;padding:12px 18px;color:#d2e4d9;background:#142928}
.rc4-entry-prose .myrha-codex-sources{max-width:650px}
.rc4-references{padding-block:10px 45px}
.rc4-references-body{padding-block:0 30px}
.rc4-references-body .codex-wrap{max-width:100%}
.rc4-entry-related{padding-block:45px 65px;border-top:1px solid rgba(183,204,186,.2)}
.rc4-entry-related .codex-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
/* Continuation: two links, not another fake page headline and four full-width marketing tiles. */
.myrha-continue{padding-block:clamp(28px,4vw,58px)!important}
.myrha-continue-heading h2{font-size:clamp(22px,2.5vw,36px)!important;line-height:1.2!important;margin-bottom:5px!important}
.myrha-continue-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:970px!important;margin-top:18px!important}
.myrha-continue-card{min-height:125px!important;padding:22px!important}
.myrha-continue-card .myrha-card-index{font-size:12px}
.myrha-continue-card strong{font-size:clamp(21px,2vw,30px)!important}
@media(max-width:840px){.rc4-region-place-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rc4-region-group-list{grid-template-columns:1fr}.rc4-entry-related .codex-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:590px){.rc4-region-place-grid{grid-template-columns:1fr}.rc4-region-more ul,.rc4-region-group ul{columns:1}.rc4-entry-related .codex-feature-grid,.myrha-continue-grid{grid-template-columns:1fr!important}.rc4-region-detail .region-detail-hero{min-height:410px}.rc4-codex-entry .entry-hero{min-height:400px}}
@media(prefers-reduced-motion:reduce){.rc4-region-place{transition:none}}

/* Character sketches belong to the one existing character guide, not a second 58-card archive grid. */
.rc4-codex-character-cta{display:inline-flex;gap:10px;align-items:center;padding:13px 17px;min-height:46px;border:1px solid rgba(149,210,189,.65);color:#c8f1de;text-decoration:none;font-size:clamp(14px,1vw,16px);margin:16px 0 8px}
.rc4-codex-character-cta:hover,.rc4-codex-character-cta:focus-visible{background:#183831;border-color:#b5e8d2}

/* RC4.1: long German ARPG labels must not extend the 320px viewport. */
@media (max-width: 360px) {
  .view-game .game-features {grid-template-columns:minmax(0,1fr);gap:10px;}
  .view-game .game-features>div {min-width:0;border-right:0;}
  .view-game .game-features>div:not(.game-features-button) {border-bottom:1px solid rgba(183,185,165,.15);padding-bottom:10px;}
  .view-game .game-features p {max-width:none;overflow-wrap:anywhere;}
}