/* Holland Magazine: Museum front page, contextual reading rail. 24 September 2026. */
body[data-holland-layout="3"] .masthead>.wrap:first-child{display:flex;align-items:center;justify-content:space-between;gap:24px}
body[data-holland-layout="3"] .masthead .brand{padding:24px 0 21px!important;text-align:left;font-size:38px;letter-spacing:-1.5px;line-height:1.08}
body[data-holland-layout="3"] .masthead .brand small{display:block!important;font:9px/1.5 Arial,sans-serif;letter-spacing:2.8px;margin-top:10px!important}
body[data-holland-layout="3"] .masthead .language-bar{padding:0!important;margin:0!important;width:auto;min-height:0}
body[data-holland-layout="3"] .masthead .language-picker{margin:0}
body[data-holland-layout="3"] .navline nav{justify-content:flex-start;gap:28px;padding-top:11px;padding-bottom:11px;min-height:48px}
body[data-holland-layout="3"] .hm-front-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:32px;align-items:start}
body[data-holland-layout="3"] .hero{display:block!important;min-height:0!important;height:auto!important;background:transparent;overflow:visible}
body[data-holland-layout="3"] .hero:after{display:none!important}
body[data-holland-layout="3"] .hero .hero-art{display:block;position:static!important;width:100%;height:auto!important}
body[data-holland-layout="3"] .hero .hero-art img{position:static!important;width:100%;height:auto!important;aspect-ratio:1.9;object-fit:cover!important}
body[data-holland-layout="3"] .hero .hero-copy{position:static!important;width:100%!important;max-width:none!important;padding:20px 0 0!important;color:var(--navy)}
body[data-holland-layout="3"] .hero .hero-copy h1{font:700 36px/1.13 Arial,sans-serif!important;letter-spacing:-1px;margin:0 0 14px!important;max-width:none!important;text-wrap:pretty}
body[data-holland-layout="3"] .hero .hero-copy p{display:block!important;font-size:16px;line-height:1.6;max-width:none;color:var(--muted);margin-bottom:12px}
body[data-holland-layout="3"] .hero .hero-copy .eyebrow{background:none;padding:0;color:var(--accent);margin-bottom:10px}
body[data-holland-layout="3"] .hero a:hover{color:var(--accent)}
body[data-holland-layout="3"] .hero .read{display:inline!important;color:var(--navy)}
body[data-holland-layout="3"] .hero .hero-credit{display:block!important;color:var(--muted);font-size:10px;margin-top:12px}
body[data-holland-layout="3"] .top-stories{display:grid!important;grid-template-columns:1fr;gap:20px;margin:0!important;border-left:1px solid var(--line);padding-left:25px}
body[data-holland-layout="3"] .top-stories .card{display:block;border:0!important;border-bottom:1px solid var(--line)!important;background:none;padding:0 0 20px!important}
body[data-holland-layout="3"] .top-stories .card>a{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:16px!important;align-items:start}
body[data-holland-layout="3"] .top-stories .card img{width:112px!important;height:98px!important;aspect-ratio:auto!important;object-fit:cover!important}
body[data-holland-layout="3"] .top-stories .copy{padding:0!important}
body[data-holland-layout="3"] .top-stories .card h3{font:700 20px/1.25 Arial,sans-serif!important;letter-spacing:-.4px;margin:0 0 7px!important}
body[data-holland-layout="3"] .top-stories .card p,body[data-holland-layout="3"] .top-stories .card .read{display:none}
body[data-holland-layout="3"] .section-title{margin-top:35px;padding-top:20px}
body[data-holland-layout="3"] .card h3{font-family:Arial,sans-serif;font-size:23px;font-weight:700;line-height:1.2;letter-spacing:-.5px}
body[data-holland-layout="3"] .article-layout{grid-template-columns:minmax(0,1fr) 300px;gap:36px}
body[data-holland-layout="3"] .article-layout>article{min-width:0}
body[data-holland-layout="3"] .article-title h1{font:700 37px/1.15 Arial,sans-serif;letter-spacing:-.9px;text-wrap:pretty}
body[data-holland-layout="3"] .article-hero{height:auto;aspect-ratio:1.9;object-fit:cover}
body[data-holland-layout="3"] .rail{position:static;border-left:1px solid var(--line);padding-left:24px}
body[data-holland-layout="3"] .rail h2{font:700 22px/1.2 Arial,sans-serif;border-top:0;padding-top:0;letter-spacing:-.4px}
body[data-holland-layout="3"] .rail .small-card h3{font:700 16px/1.35 Arial,sans-serif;letter-spacing:-.2px}
body[data-holland-layout="3"] .rail .small-card{grid-template-columns:76px minmax(0,1fr);gap:12px}
body[data-holland-layout="3"] .rail .small-card img{width:76px;height:76px;object-fit:cover}
.hm-topics{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;min-height:0;overflow:visible;margin:12px 0 24px}
.hm-topics a{display:inline-block;white-space:normal;padding:7px 11px;background:#f0ede6;border:1px solid #e5e3dc;font:12px/1.4 Arial,sans-serif}
.hm-rail-topics{margin-top:28px}
body[data-holland-layout="3"] .directory-head{padding-top:22px;padding-bottom:16px}
/* The unpublished folklore previews use the same masthead and reading columns. */
body[data-holland-layout="3"] .masthead-main{width:100%;max-width:1200px;margin:0 auto;padding:0 28px!important;min-height:0;display:flex!important}
body[data-holland-layout="3"] .masthead-main .issue{position:static;transform:none;margin:0;font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
body[data-holland-layout="3"] .archive-intro{padding-top:26px;padding-bottom:22px}
body[data-holland-layout="3"] .archive-intro h1{margin-top:10px;margin-bottom:16px}
body[data-holland-layout="3"] .archive-intro p{line-height:1.65}
.hm-folk-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:36px;align-items:start;max-width:1200px;margin:auto;padding:0 28px}
.hm-folk-reading{min-width:0}
body[data-holland-layout="3"] .hm-folk-reading .story-head{max-width:none;width:auto;margin:0;padding:4px 0 22px;text-align:left}
body[data-holland-layout="3"] .hm-folk-reading .story-head h1{font-size:42px;line-height:1.12;margin:12px 0 16px}
body[data-holland-layout="3"] .hm-folk-reading .story-figure{max-width:none;width:100%;margin:0 0 28px}
body[data-holland-layout="3"] .hm-folk-reading .story-figure img{height:auto;max-height:none}
body[data-holland-layout="3"] .hm-folk-reading .story{width:100%;max-width:680px;padding:0;margin:0 0 48px}
body[data-holland-layout="3"] .hm-folk-reading .ring-sketch{margin-left:0;margin-right:0}
.hm-folk-layout .rail{font-family:Arial,sans-serif}
.hm-folk-layout .small-list{display:grid;gap:18px}
.hm-folk-layout .small-card{display:grid;border-bottom:1px solid var(--line);padding-bottom:18px;text-decoration:none}
.hm-folk-layout .small-card h3{margin:0}
@media(max-width:1000px){
 body[data-holland-layout="3"] .hm-front-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:24px}
 body[data-holland-layout="3"] .top-stories{padding-left:20px}
 body[data-holland-layout="3"] .top-stories .card>a{grid-template-columns:85px minmax(0,1fr)!important;gap:12px!important}
 body[data-holland-layout="3"] .top-stories .card img{width:85px!important;height:85px!important}
 body[data-holland-layout="3"] .top-stories .card h3{font-size:18px!important}
 body[data-holland-layout="3"] .article-layout,.hm-folk-layout{grid-template-columns:minmax(0,1fr) 250px;gap:24px}
 body[data-holland-layout="3"] .navline nav{gap:20px}
}
@media(max-width:760px){
 body[data-holland-layout="3"] .article-layout,.hm-folk-layout{grid-template-columns:minmax(0,1fr)}
 body[data-holland-layout="3"] .rail{border-left:0;border-top:2px solid var(--navy);padding:24px 0 0;margin-top:16px}
 body[data-holland-layout="3"] .rail .small-card h3{font-size:18px}
 body[data-holland-layout="3"] .article-title h1{font-size:32px}
}
@media(max-width:650px){
 body[data-holland-layout="3"] .masthead>.wrap:first-child{display:block}
 body[data-holland-layout="3"] .masthead .brand{font-size:26px!important;letter-spacing:-1px!important;padding:22px 0 15px!important;text-align:left}
 body[data-holland-layout="3"] .masthead .brand small{font-size:7px!important;letter-spacing:1.6px!important;margin-top:8px!important}
 body[data-holland-layout="3"] .masthead .language-bar{display:flex;justify-content:flex-end;padding-bottom:10px!important;margin-top:-2px!important}
 body[data-holland-layout="3"] .masthead .mobile-menu{display:none!important}
 body[data-holland-layout="3"] .hm-front-grid{display:block}
 body[data-holland-layout="3"] .hero .hero-art img{aspect-ratio:1.7}
 body[data-holland-layout="3"] .hero .hero-copy{padding:16px 0 0!important}
 body[data-holland-layout="3"] .hero .hero-copy h1{font-size:29px!important;line-height:1.16!important;margin:0 0 12px!important}
 body[data-holland-layout="3"] .hero .hero-copy p{font-size:15px;line-height:1.6}
 body[data-holland-layout="3"] .top-stories{display:grid!important;padding:0;border-left:0;border-top:1px solid var(--line);margin-top:24px!important;gap:0}
 body[data-holland-layout="3"] .top-stories .card{padding:16px 0!important}
 body[data-holland-layout="3"] .top-stories .card>a{grid-template-columns:96px minmax(0,1fr)!important;gap:14px!important}
 body[data-holland-layout="3"] .top-stories .card img{width:96px!important;height:82px!important}
 body[data-holland-layout="3"] .top-stories .card h3{font-size:19px!important}
 body[data-holland-layout="3"] .masthead-main .issue{display:none}
 body[data-holland-layout="3"] .masthead-main.wrap{padding-left:17px!important;padding-right:17px!important}
 body[data-holland-layout="3"] .archive-intro{padding-top:24px;padding-bottom:20px}
 body[data-holland-layout="3"] .archive-intro h1{font-size:31px;line-height:1.15;margin:10px 0 16px}
 body[data-holland-layout="3"] .archive-intro p{font-size:15px}
 .hm-folk-layout{padding:0 17px}
 body[data-holland-layout="3"] .hm-folk-reading .story-head h1{font-size:33px}
 body[data-holland-layout="3"] .hm-folk-reading .story-head .deck{font-size:18px;line-height:1.55}
}