/* Entwurf 21: desktop information flow, planner overview and GTA media cards. */

/* Start page: restore the clear next-page handoff. */
.page-index .index-pager21{margin-top:12px}
.page-index .index-pager21 .pager-next{grid-column:3}

/* GTA VI: use the official Rockstar media as a visual layer in the private draft. */
.page-gta-6 .cast-grid17 article{padding:0;overflow:hidden}
.page-gta-6 .cast-grid17 .cast-media21{margin:0 0 0;aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid #514531;background:#111}
.page-gta-6 .cast-grid17 .cast-media21 img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.page-gta-6 .cast-grid17 article>h3,.page-gta-6 .cast-grid17 article>p,.page-gta-6 .cast-grid17 article>.official-media20{margin-left:24px;margin-right:24px}
.page-gta-6 .cast-grid17 article>h3{margin-top:22px}
.page-gta-6 .cast-grid17 article>.official-media20{margin-bottom:22px}
.page-gta-6 .more-places17>div{padding:0;overflow:hidden}
.page-gta-6 .more-places17 .place-media21{margin:0;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid #514531;background:#111}
.page-gta-6 .more-places17 .place-media21 img{display:block;width:100%;height:100%;object-fit:cover}
.page-gta-6 .more-places17>div>.small-label,.page-gta-6 .more-places17>div>h3,.page-gta-6 .more-places17>div>p,.page-gta-6 .more-places17>div>.official-media20{margin-left:28px;margin-right:28px}
.page-gta-6 .more-places17>div>.small-label{margin-top:24px}
.page-gta-6 .more-places17>div>.official-media20{margin-bottom:24px}
.page-gta-6 .media-note20{max-width:920px}

/* Setup: one visible overview before the detailed planner. */
.page-bundles .setup-start19{display:none}
.page-bundles .setup-overview21{padding-top:42px;padding-bottom:44px;border-bottom:1px solid #4c4336}
.page-bundles .setup-overview21 .overview-head21{max-width:820px;margin:0 auto 28px;text-align:center}
.page-bundles .setup-overview21 .overview-head21 h2{margin:12px 0 16px}
.page-bundles .setup-overview21 .overview-head21 p{color:#c2baae;line-height:1.75}
.page-bundles .setup-map21{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.page-bundles .setup-map21 article{border:1px solid #554833;border-radius:18px;background:#181a1b;padding:24px;min-width:0}
.page-bundles .setup-map21 h3{font-size:25px;margin:0 0 15px}
.page-bundles .setup-map21 p{margin:0 0 16px;color:#a9a398;font-size:13px;line-height:1.55}
.page-bundles .setup-map21 ul{list-style:none;margin:0;padding:0}
.page-bundles .setup-map21 li+li{border-top:1px solid #37332d}
.page-bundles .setup-map21 a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;color:#e6dfd5;font-size:14px;text-decoration:none}
.page-bundles .setup-map21 a::after{content:'↗';color:#d8b67a;flex:none}
.page-bundles .setup-map21 a:hover{color:#d8b67a}
.page-bundles .overview-actions21{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px}

/* Setup profile selector: selection immediately shows its contents. */
.page-bundles .setup-presets20{padding-top:52px;padding-bottom:52px}
.page-bundles .preset-tabs21{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1000px;margin:26px auto 20px}
.page-bundles .preset-tabs21 button{appearance:none;text-align:left;border:1px solid #554833;border-radius:18px;background:#181a1b;color:#f0ece4;padding:22px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.page-bundles .preset-tabs21 button:hover{border-color:#a28355;transform:translateY(-2px)}
.page-bundles .preset-tabs21 button[aria-pressed="true"]{border-color:#d8b67a;background:#2d281f;box-shadow:inset 0 0 0 1px #d8b67a55}
.page-bundles .preset-tabs21 strong{display:block;font:28px 'Barlow Condensed',sans-serif;margin-bottom:8px}
.page-bundles .preset-tabs21 small{display:block;color:#bcb4a8;font-size:14px;line-height:1.55}
.page-bundles .preset-preview21{max-width:1000px;margin:0 auto;border:1px solid #5e4e37;border-radius:20px;background:#121415;padding:26px 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.75fr);gap:28px;align-items:start}
.page-bundles .preset-preview21 h3{margin:7px 0 12px;font-size:30px}
.page-bundles .preset-preview21 p{margin:0;color:#bdb5a9;line-height:1.65}
.page-bundles .preset-preview21 ul{list-style:none;margin:0;padding:0;border-top:1px solid #3d382f}
.page-bundles .preset-preview21 li{padding:11px 0;border-bottom:1px solid #3d382f;color:#eee6da;font-size:14px}
.page-bundles .preset-preview21 .preset-action21{display:flex;flex-direction:column;align-items:flex-start;gap:11px;margin-top:20px}
.page-bundles #preset-status20{min-height:18px;text-align:left}

/* Planner groups: proper rounded containers and generous inner padding. */
.page-bundles .planner12{padding-top:56px}
.page-bundles .planner-group19{border:1px solid #514633!important;border-radius:18px!important;overflow:hidden!important;margin:0 0 16px;background:#151718!important}
.page-bundles .planner-group19:last-child{border-bottom:1px solid #514633!important}
.page-bundles .planner-group19>summary{padding:21px 24px!important;background:#1b1d1e;border:0!important}
.page-bundles .planner-group19[open]>summary{border-bottom:1px solid #514633!important}
.page-bundles .planner-group19>summary strong{font-size:20px!important}
.page-bundles .planner-group19 .planner-row12{padding:23px 24px!important;background:#17191a!important;border-bottom:1px solid #3f392f!important}
.page-bundles .planner-group19 .planner-row12:first-of-type{padding-top:23px!important}
.page-bundles .planner-group19 .planner-row12:last-child{border-bottom:0!important}
.page-bundles .planner-items12{min-width:0}
.page-bundles .planner-summary12{border-radius:18px;overflow:hidden}
.page-bundles .setup-guides19{display:none}

@media(max-width:1100px){
 .page-bundles .setup-map21{grid-template-columns:1fr 1fr}
 .page-bundles .preset-preview21{grid-template-columns:1fr}
}
@media(max-width:760px){
 .page-bundles .setup-map21,.page-bundles .preset-tabs21{grid-template-columns:1fr}
 .page-bundles .planner-group19>summary,.page-bundles .planner-group19 .planner-row12{padding-left:18px!important;padding-right:18px!important}
}