/* Holland Magazine presentation, based on the existing 2026-09-17 title profile.
   Shared by the Volksverhalen collection and all local story pages. */
:root{--paper:#fbfaf7;--ink:#092e47;--muted:#536576;--red:#bd4d30;--line:#e5e3dc;--white:#fff;--serif:Georgia,'Times New Roman',serif;--sans:Arial,sans-serif}
body{font-family:var(--sans)}
.wrap{width:min(1144px,calc(100% - 48px))}
.topbar{background:var(--ink);font-size:11px;letter-spacing:.07em}
.topbar .wrap{padding-block:6px}
.masthead{background:#fff}
.masthead-main{position:relative;justify-content:center;padding:22px 0 18px}
.brand{font:800 39px/1 Arial,sans-serif;letter-spacing:-1.6px;text-align:center}
.brand span{font-weight:300}
.brand small{font:9px/1.5 Arial,sans-serif;letter-spacing:3px;margin-top:10px}
.issue{display:none}
.navline nav{justify-content:center;gap:27px}
.navline a{padding:10px 0 8px;font:400 13px/1.6 Arial,sans-serif}
.navline a[aria-current="page"]{font-weight:700}
.crumb{margin:14px 0 18px;font-size:11px}
.eyebrow{font-size:10px;letter-spacing:1.7px}
.story-head{width:min(820px,calc(100% - 48px));max-width:820px;margin:18px auto 18px}
.story-head h1{font:700 clamp(2rem,3.7vw,2.8rem)/1.1 var(--serif);letter-spacing:-.035em;margin:8px 0 12px}
.story-head .deck{font:19px/1.45 var(--serif);color:var(--muted);max-width:68ch;margin:0 0 10px}
.story-head .story-meta{font:700 10px/1.55 var(--sans);letter-spacing:.07em;margin:0}
.story-figure{width:min(1000px,calc(100% - 48px));margin:0 auto 24px}
.story-figure figcaption{font:11px/1.5 var(--sans);margin-top:7px}
.story{margin-bottom:48px;font-size:19px;line-height:1.75}
.story p{margin-bottom:1em}
.story .ring-sketch{margin-block:28px}
.story .story-break{margin-block:1.7em}
.series-intro{max-width:none;margin:22px 0 14px;display:grid;grid-template-columns:1.12fr 1fr;column-gap:40px;row-gap:8px;align-items:start}
.series-intro>.eyebrow{grid-column:1/-1}
.series-intro h1{grid-column:1;grid-row:2/4;font:700 clamp(2rem,3.5vw,2.6rem)/1.1 var(--serif);letter-spacing:-.035em;margin:0}
.series-intro>p{grid-column:2;max-width:none;font-size:15px;line-height:1.55;margin:0}
.series-intro .series-small{font-size:12px;line-height:1.5;margin-top:3px}
.province-nav{gap:6px;padding:12px 0 20px}
.province-nav a{font-size:11px;padding:5px 10px}
.province-grid{gap:28px}
.card-copy{padding:18px 22px 22px}
.card-copy h2{font-size:28px}
.card-kind{margin:4px 0 9px}
.card-copy>p:not(.card-kind){margin-bottom:16px}
.hero{gap:36px;padding:20px 0 36px}
.hero h1{font:700 clamp(2.4rem,4vw,3.2rem)/1.08 var(--serif);margin:10px 0 14px}
.hero p{font-size:17px;line-height:1.55;margin:0 0 12px}
.hero-art{transform:none;box-shadow:none;border:0;background:none;padding:0}
.hero-art img{height:auto}
.section-head{margin:38px 0 18px}
.section-head h2{font-size:32px}
.feature{margin:20px 0 38px;padding:28px;gap:32px;background:#f0f3f3;border-color:var(--line)}
.note{margin:30px 0 40px}
.footer{background:var(--ink);padding:28px 0}
@media(max-width:800px){
.navline nav{justify-content:flex-start;gap:22px}
.series-intro{column-gap:24px}
.series-intro h1{font-size:32px}
}
@media(max-width:650px){
.wrap{width:calc(100% - 32px)}
.topbar{display:none}
.masthead-main{padding:17px 0 13px}
.brand{font-size:26px;letter-spacing:-1px}
.brand small{font-size:7px;letter-spacing:1.5px;margin-top:7px}
.navline nav{gap:19px}
.navline a{font-size:12px;padding:8px 0 7px}
.crumb{font-size:10px;margin:12px 0 14px}
.story-head{width:calc(100% - 32px);margin:14px auto 14px}
.story-head h1{font-size:32px;margin:7px 0 10px}
.story-head .deck{font-size:18px;line-height:1.4;margin-bottom:10px}
.story-head .story-meta{font-size:9px;letter-spacing:.055em}
.story-figure{width:calc(100% - 28px);margin-bottom:22px}
.story{width:calc(100% - 36px);font-size:18px;line-height:1.7}
.story .ring-sketch{margin:25px 0}
.series-intro{display:block;margin:18px 0 10px}
.series-intro h1{font-size:32px;line-height:1.08;margin:8px 0 11px}
.series-intro>p{font-size:14px;line-height:1.5;margin:0 0 9px}
.series-intro .series-small{font-size:11px;line-height:1.45;margin:0}
.province-nav{gap:5px;padding:9px 0 18px}
.province-nav a{font-size:10px;padding:4px 8px}
.card-copy{padding:16px 18px 20px}
.card-copy h2{font-size:27px}
.hero{padding:16px 0 28px;gap:20px}
.hero h1{font-size:36px}
.hero p{font-size:16px}
.section-head{margin:30px 0 16px}
.section-head h2{font-size:29px}
.feature{padding:20px;gap:20px}
}
@media(max-width:360px){
.brand{font-size:24px}
.series-intro h1{font-size:30px}
.story-head h1{font-size:30px}
}