/* Shared reading hierarchy for the public rooms; each room retains its layout. */
@font-face{font-family:'LD Editorial';src:url('/sajat-keplet/fonts/Anton.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.ld-subpage{--editorial-gold:#c79b4d;--editorial-line:#bcae8d66}
.ld-subpage :is(h1,h2,h3,h4){text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere}
.ld-subpage :is(h1,h2){font-family:var(--poster,'LD Editorial',Impact,sans-serif);font-weight:400;letter-spacing:.015em;line-height:1.18}
.ld-subpage :is(h3,h4){letter-spacing:.015em;line-height:1.3}
.ld-subpage :is(h1,h2,h3,h4) a{color:inherit}
.ld-subpage :is(p,li)>strong{font-weight:850;color:inherit}
.ld-subpage :is(.preview-hero,.hero-copy,.intro,.guide-copy,.daily-intro,.room-use-intro) p{line-height:1.8}
.ld-subpage :is(.preview-lead,.hero .lead,.hero-copy .intro,.hero .intro,.lede){border-left:3px solid var(--editorial-gold);padding-left:18px;font-weight:700;max-width:65ch}
.ld-subpage :is(.guide-section,.tools-section,.knowledge-toolbar,.section,.how,.daily-intro,.doors-section,.closing)>h2::after,
.ld-subpage :is(.section-heading,.game-group-heading)>h2::after,
.ld-subpage .section-heading>div>h2::after{content:'';display:block;width:52px;height:3px;margin-top:14px;background:var(--editorial-gold);border-radius:3px}
.ld-subpage :is(.guide-section,.tools-section,.knowledge-toolbar,.daily-intro)>p{max-width:75ch}
.ld-subpage .guide-section+.guide-section{border-top:1px solid var(--editorial-line);margin-top:12px}
.ld-subpage .reading-section+.reading-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--editorial-line)}
.ld-subpage .reading-section>h3{margin-bottom:14px}
.ld-subpage .reading-section>p{line-height:1.8;margin:0 0 18px}
.ld-subpage :is(.guide-note,.guide-question,.note,.callout){border-left:3px solid var(--editorial-gold)}
.ld-subpage .guide-question{padding-left:16px}
.ld-subpage :is(.guide-sources,.method-note,.gua-direction-note)>summary{line-height:1.5;padding-block:10px;font-weight:800}
.ld-subpage .knowledge-entry>summary{line-height:1.4;overflow-wrap:anywhere}
.ld-subpage .knowledge-entry[open]{border-color:#73958b}
.ld-subpage .room-use-intro>article{border-top:4px solid var(--editorial-gold)}
.ld-subpage .room-use-intro h2{font-size:clamp(1.45rem,2.2vw,1.9rem)}
.ld-subpage.ld-page--intuition .hero-picture img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:60% center}
.ld-subpage[data-health-base] img.hero-art{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.ld-subpage :is(.room-toc,.tabs,.workspace-nav){gap:10px}
.ld-subpage :is(.room-toc,.tabs,.workspace-nav) a{white-space:normal;text-wrap:balance}
.ld-subpage :is(.guide-grid,.cards,.doors,.practice-grid,.story-grid)>*{min-width:0}
.ld-subpage :is(.guide-card-body,.door-copy,.practice-body,.story-card-copy) h3{margin-top:0}
.ld-subpage :is(.guide-card-body,.door-copy,.practice-body,.story-card-copy) p{line-height:1.75}
.ld-subpage .guide-card.portrait h3{font-size:1.15rem}
.ld-subpage .story-heading .preview-lead{font-size:1.1rem;line-height:1.7}
.ld-subpage .story-body{max-width:68ch}
.ld-subpage .story-body p{margin-bottom:1.2em}
.ld-subpage .story-end{border-top:3px solid var(--editorial-gold)}
.ld-subpage .legal-content :is(h2,h3){margin-top:1.8em}
.ld-subpage .legal-content p{max-width:78ch;line-height:1.8}
.ld-subpage :is(.guide-table-wrap,.table-scroll){max-width:100%}
.ld-subpage.ld-page--chart .workspace>*{min-width:0;max-width:100%}
.ld-subpage.ld-page--chart .field-row>*{min-width:0}

/* The game selector stays one container so the existing play/back flow is intact. */
.ld-subpage #games>.game-category-nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;padding:20px;background:#ede8d8;border:1px solid #d6c9ac;border-radius:14px}
.ld-subpage .game-category-nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 15px;border:1px solid #a8bab0;border-radius:24px;background:#fffdf7;color:#15575b;font:800 .94rem/1.4 var(--sans,system-ui,sans-serif);text-decoration:none}
.ld-subpage .game-category-nav a:hover{background:#d8ece0}
.ld-subpage #games>.game-group-heading{grid-column:1/-1;max-width:850px;padding:28px 0 4px;scroll-margin-top:30px}
.ld-subpage .game-group-heading .eyebrow{margin:0 0 10px;color:#725326}
.ld-subpage .game-group-heading h2{margin:0 0 16px;font-size:clamp(2rem,3.5vw,3rem);color:#15575b}
.ld-subpage .game-group-heading p:last-child{margin:0;line-height:1.75;color:#415b5b;max-width:68ch}
.ld-subpage #games>.game{display:flex;flex-direction:column;min-width:0}
.ld-subpage #games>.game h3{font:400 clamp(1.6rem,2.3vw,2rem)/1.2 var(--poster,'LD Editorial',Impact,sans-serif);margin:16px 0 12px;color:#15575b}
.ld-subpage #games>.game:not(.halloween-feature)>.button{margin-top:auto;align-self:flex-start}
.ld-subpage #games>.game .index{font-size:.75rem;letter-spacing:.06em}
.ld-subpage #games>.halloween-feature{display:grid}
.ld-subpage .game-category-nav a:focus-visible{outline:3px solid #15575b;outline-offset:4px}

@media(max-width:600px){
 .ld-subpage.ld-page--chart .workspace{grid-template-columns:minmax(0,1fr)}
 .ld-subpage h1,.ld-subpage :is(.hero,.preview-hero,.intro,.story-heading) h1{font-size:clamp(2.2rem,10vw,3.2rem);line-height:1.15}
 .ld-subpage h2{font-size:clamp(1.65rem,7vw,2.1rem)}
 .ld-subpage :is(.preview-lead,.hero .lead,.hero-copy .intro,.hero .intro,.lede){padding-left:13px}
 .ld-subpage .reading-section+.reading-section{margin-top:22px;padding-top:20px}
 .ld-subpage .guide-card.portrait{grid-template-columns:80px minmax(0,1fr);padding:16px}
 .ld-subpage .guide-card.portrait img{width:80px;height:120px}
 .ld-subpage .guide-card.portrait .guide-card-body{padding-left:14px}
 .ld-subpage.ld-page--intuition .hero-picture img{aspect-ratio:3/2}
 .ld-subpage #games>.game-category-nav{padding:14px;gap:8px}
 .ld-subpage .game-category-nav a{flex:1 1 135px;justify-content:center;text-align:center;font-size:.85rem}
 .ld-subpage #games>.game-group-heading{padding-top:20px}
 .ld-subpage #games>.game h3{font-size:1.65rem}
}
@media(max-width:400px){.ld-subpage.ld-page--chart .field-row{grid-template-columns:minmax(0,1fr)}}
@media print{.ld-subpage .game-category-nav{display:none!important}.ld-subpage :is(h1,h2,h3){break-after:avoid}}
