/* Shared reading width, compact spacing, and consistent heroes on all four dossiers. */
.hero{padding:24px 30px 20px}
.hero-main{grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:28px;max-width:1440px}
.hero-copy{min-width:0;padding:0}
.hero h1,.hero-germany h1{font-size:clamp(36px,3.35vw,50px);line-height:1.08;letter-spacing:-1.5px;max-width:none}
.hero h1>span,.hero-germany h1>span{display:inline;font-size:inherit;line-height:inherit;margin:0;white-space:normal}
.hero-copy>p{max-width:none;font-size:16px;line-height:1.6;margin-top:17px}
.hero-art{width:100%;max-width:390px;justify-self:end;margin:0;padding:0}
.hero-art img{width:100%;height:226px;max-width:100%;margin:0;object-fit:contain;transform:none;translate:none;transition:none;animation:none}
.hero-art .art-edition{font-size:8px;letter-spacing:.8px}
.hero-art figcaption{padding-top:8px;margin-top:2px;font-size:6px;letter-spacing:.45px}
.content-wrap{padding-top:22px}
.editorial-article{width:100%;max-width:1200px;margin:34px auto 0}
.article-front{padding-top:24px;margin-bottom:12px}
.article-intro{font-size:18px;line-height:1.7}
.article-intro p{margin-bottom:15px}
.article-chapter{padding:25px 0 27px}
.chapter-heading{margin-bottom:16px}
.chapter-body,.editorial-article .faq-answer p{line-height:1.75}
.article-subsection+.article-subsection{margin-top:23px}
.article-subsection>p,.article-subsection>ul,.article-subsection>ol{margin-bottom:16px}
.article-subsection>p:last-child{margin-bottom:0}
.casino-story{grid-template-columns:96px minmax(0,1fr);column-gap:24px;padding-block:6px}
.casino-story-logo{width:96px;height:96px}
.article-subsection.casino-story+.casino-story{margin-top:25px}
.casino-story-copy>h3{margin-bottom:12px}
.casino-story-copy>p,.casino-story-copy>ul,.casino-story-copy>ol{margin-bottom:15px}
.casino-story-copy>:last-child{margin-bottom:0}
.table-block{margin:20px 0 24px}
.editorial-article .faq-item>summary{padding-block:16px;min-height:58px}
.editorial-article .faq-answer{padding-bottom:18px}
.country-section{padding-top:32px}
.document{padding:28px 30px 36px}
.document-header{padding:26px;gap:24px;grid-template-columns:minmax(0,2.3fr) minmax(190px,1fr)}
.document-header p{max-width:none;margin-top:16px}
.document-illustration{max-width:280px}
.document-layout{max-width:1280px;grid-template-columns:minmax(0,1fr) 190px;gap:30px;margin-top:32px}
.document-sections>section{margin-bottom:30px}
.document-sections h2{margin-bottom:13px}
.document-sections p,.document-sections li{line-height:1.75}
.document-sections p{margin-bottom:15px}
.footer-twenty{margin-top:32px}
.footer-directory{padding-block:34px 32px}

@media(min-width:1600px){.hero{padding-inline:44px}.hero-art img{height:244px}}
@media(max-width:1250px) and (min-width:901px){
 .hero{padding-inline:23px}
 .hero-main{grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);gap:22px}
 .hero-art img{height:205px}
 .hero-copy>p{font-size:15px}
}
@media(max-width:1150px){
 .document-layout{grid-template-columns:minmax(0,1fr);gap:26px;max-width:none}
 .document-aside{margin-top:0}
}
@media(max-width:900px){
 .hero{padding:16px 24px 18px}
 .mobile-masthead{margin-bottom:20px}
 .hero-main{grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);gap:20px}
 .hero h1,.hero-germany h1{font-size:36px}
 .hero-copy>p{font-size:15px}
 .hero-art img{height:205px}
 .editorial-article{margin-top:30px}
 .document{padding-top:16px}
 .document>.mobile-masthead{margin-bottom:20px}
}
@media(max-width:660px){
 .hero{padding:16px 14px 14px}
 .hero-main{display:flex;gap:12px;align-items:stretch}
 .hero h1,.hero-germany h1{font-size:32px;line-height:1.1;letter-spacing:-.9px}
 .hero-copy>p{font-size:14px;line-height:1.55;margin-top:13px}
 .hero-art{max-width:290px;align-self:center;margin:0}
 .hero-art img{height:142px}
 .hero-art .art-edition{font-size:7px;letter-spacing:.6px}
 .hero-art figcaption{font-size:5.5px;padding-top:6px;margin-top:0}
 .content-wrap{padding:16px 14px 0}
 .editorial-article{margin-top:27px}
 .article-front{padding-top:20px;margin-bottom:9px}
 .article-intro{font-size:16px;line-height:1.7}
 .article-chapter{padding:22px 0 24px}
 .chapter-heading{margin-bottom:14px}
 .chapter-body,.editorial-article .faq-answer p{line-height:1.72}
 .article-subsection+.article-subsection{margin-top:21px}
 .article-subsection>p{margin-bottom:15px}
 .casino-story{grid-template-columns:60px minmax(0,1fr);gap:14px;padding:0}
 .casino-story-logo{width:60px;height:60px}
 .casino-story-copy>h3{margin:0}
 .casino-story-copy>:not(h3){margin:0}
 .article-subsection.casino-story+.casino-story{margin-top:25px}
 .editorial-article .faq-item>summary{padding-block:15px}
 .document{padding:0 14px 26px}
 .document>.mobile-masthead{margin-bottom:0}
 .document>.mobile-toc{margin-inline:-14px}
 .document-header{margin:0 -14px;padding:22px 14px 14px;gap:4px}
 .document-header p{margin-top:14px;line-height:1.65}
 .document-art{height:140px}
 .document-illustration{max-height:146px;width:180px}
 .document-layout{margin-top:24px}
 .document-sections>section{margin-bottom:26px}
 .document-sections p,.document-sections li{line-height:1.72}
 .document-aside{margin-top:28px}
 .footer-twenty{margin-top:25px}
 .footer-directory{padding-block:28px}
}
@media(max-width:370px){
 .hero,.content-wrap{padding-inline:10px}
 .hero h1,.hero-germany h1{font-size:30px}
 .hero-art{max-width:270px}
 .hero-art img{height:132px}
 .document{padding-inline:12px}
 .document>.mobile-toc{margin-inline:-12px}
 .document-header{margin-inline:-12px;padding-inline:12px}
}
