.production-page{--ink:#202622;--accent:#9b2b21;--paper:#faf8f3;background:var(--paper);color:var(--ink);min-height:100vh;font-family:Arial,sans-serif}
.production-page[data-title-id="financieel-magazine"]{--accent:#215a51;--paper:#f7f3eb}
.production-page[data-title-id="euro-magazine"]{--accent:#344ea0}
.production-page[data-title-id="holland-magazine"]{--accent:#a6431f}
.production-page[data-title-id="museum-magazine"]{--accent:#6b3452}
.production-page[data-title-id="kidnet"]{--accent:#22647b}
.production-bar{padding:.8rem max(1.25rem,calc((100% - 1200px)/2));border-bottom:1px solid #dcd9d0;display:flex;gap:1rem;justify-content:space-between;font-size:.8rem}
.production-page a{color:var(--accent);text-underline-offset:.22em}
.production-page a:focus-visible,.production-page summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.production-masthead{max-width:1200px;margin:0 auto;padding:1.8rem 1.25rem;display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:4px solid var(--ink)}
.production-masthead>span{font-family:Georgia,serif;font-size:clamp(1.9rem,4vw,3.1rem);font-weight:700;letter-spacing:-.06em;text-transform:capitalize}
.production-masthead>a{font-size:.8rem;text-decoration:none}
.production-shell{max-width:1200px;margin:auto;padding:1.5rem 1.25rem 5rem}
.production-page figure{margin:0 0 1.75rem}
.production-hero-stage{display:grid;isolation:isolate;background:#172922}
.production-hero-stage>img,.production-hero-stage>.production-heading{grid-area:1/1;min-width:0}
.production-page figure img{display:block;width:100%;height:auto;object-fit:contain}
.production-heading{align-self:end;z-index:1;padding:5rem 3rem 2.5rem;color:#fff;background:linear-gradient(transparent,rgba(8,20,20,.8) 40%,rgba(8,20,20,.95));text-shadow:0 2px 12px #0008}
.production-kicker{text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-family:Arial,sans-serif;font-size:.75rem;margin:0 0 1rem}
.production-heading h1{max-width:970px;font-family:Georgia,serif;font-size:clamp(2rem,4.2vw,3.7rem);line-height:1.08;letter-spacing:-.035em;margin:0;text-wrap:balance}
.production-page figcaption{display:flex;align-items:start;gap:1.5rem;justify-content:space-between;font-size:.78rem;line-height:1.6;padding:.9rem 0 1rem;color:#51594f;border-bottom:1px solid #dcd9d0}
.production-caption{max-width:700px}.production-credit{max-width:280px;font-size:.7rem;color:#62685f}
.production-reading-head,.production-body{max-width:730px;margin:auto}
.production-byline{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.8rem;margin:1.7rem 0 2rem}
.production-source-meter{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;font-size:.8rem;font-weight:700}
.production-source-symbol{display:inline-grid;grid-template-columns:24px 30px;min-height:32px;align-items:stretch;color:white;background:#696969;border:1px solid #555;border-radius:4px;font:800 .75rem/1 Arial,sans-serif}
.production-source-symbol>span,.production-source-symbol>strong{display:grid;place-items:center}.production-source-symbol>span{background:#0004}
.production-meter-detail{display:block;margin-top:.3rem;font-size:.68rem;font-weight:400;color:#555e54}
.production-intro{font-family:Georgia,serif;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.55;margin:0 0 2.2rem;font-weight:700;text-wrap:pretty}
.production-body{font-family:Georgia,serif;font-size:1.18rem;line-height:1.85}
.production-body>p{margin:0 0 1.5rem;white-space:pre-line;text-wrap:pretty}
.production-body>p:first-child::first-letter{float:left;font-size:3.7rem;line-height:.95;padding:.1rem .55rem 0 0;color:var(--accent)}
.production-sources{margin-top:3.5rem;border-top:3px solid var(--accent);padding:1.8rem 0 0;font-family:Arial,sans-serif;font-size:.9rem;line-height:1.7;overflow-wrap:anywhere;scroll-margin-top:1rem}
.production-sources h2{font-family:Georgia,serif;font-size:1.7rem;margin:.4rem 0 1rem}.production-sources p{margin:0 0 1rem}.production-sources .production-kicker{color:var(--accent)}
.production-sources ul{padding-left:1.2rem}.production-sources li{margin:.8rem 0}.production-dossier{font-size:.75rem;color:#5b6259}.production-sources details{border-top:1px solid #dcd9d0;margin-top:1.4rem;padding-top:1rem}.production-sources summary{cursor:pointer;font-weight:700;margin-bottom:.75rem}
@media(max-width:700px){.production-bar{flex-wrap:wrap;font-size:.7rem}.production-masthead{padding:1.3rem 1.25rem}.production-masthead>a{display:none}.production-shell{padding:1rem 1.25rem 3rem}.production-hero-stage>img,.production-hero-stage>.production-heading{grid-area:auto}.production-heading{padding:1.5rem 1.25rem 1.75rem;background:#172922}.production-heading h1{font-size:clamp(1.9rem,6.5vw,2.6rem)}.production-page figcaption{display:block}.production-caption,.production-credit{display:block;max-width:none}.production-credit{margin-top:.65rem}.production-body{font-size:1.1rem;line-height:1.8}.production-byline{align-items:start;gap:.65rem;margin:1.4rem 0 1.7rem}.production-meter-detail{max-width:180px;line-height:1.5}.production-intro{font-size:1.2rem}}

/* Compact magazine opener: full image at one third of the former width. */
.production-hero-stage{grid-template-columns:1fr 2fr;align-items:center}
.production-hero-stage>img,.production-hero-stage>.production-heading{grid-area:auto}
.production-heading{align-self:center;padding:1.5rem 2rem;background:none;text-shadow:none}
.production-heading h1{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.12}
.production-heading .production-kicker{margin-bottom:.7rem}
.production-inline-image{margin:2rem 0 2.5rem!important;background:#f0ede5}
.production-inline-image>img{max-width:100%;margin:auto}
.production-inline-image figcaption{padding:1rem 1.2rem;font-family:Arial,sans-serif}
@media(max-width:700px){.production-hero-stage{grid-template-columns:1fr 2fr}.production-heading{padding:1rem}.production-heading h1{font-size:clamp(1.15rem,4.6vw,1.65rem)}.production-heading .production-kicker{font-size:.58rem;letter-spacing:.08em}.production-inline-image figcaption{font-size:.78rem}.production-inline-image>img{max-width:100%}}

/* One shared column for masthead, opener, text, photographs and sources. */
.production-page{--article-width:730px}
.production-shell,.production-masthead{box-sizing:border-box;width:100%;max-width:calc(var(--article-width) + 2.5rem)}
.production-reading-head,.production-body{width:100%;max-width:none}

.production-support-link{font-family:Arial,sans-serif;font-size:.85rem;border-top:1px solid #dcd9d0;padding-top:1.5rem;margin-top:2.5rem!important}
.production-page[data-support-page="true"] h1{font:700 clamp(1.8rem,4vw,2.6rem)/1.15 Georgia,serif}.production-image-notes{margin-top:2rem}.production-image-notes img{max-width:440px!important}.production-image-notes figcaption{display:block;overflow-wrap:anywhere}.production-image-notes .production-caption,.production-image-notes .production-credit{display:block;max-width:none;white-space:pre-line}.production-image-notes .production-credit{margin-top:1rem}

.production-hero-stage{display:block;background:transparent}.production-hero-stage>img{height:300px!important;object-fit:cover!important}.production-hero-stage>.production-heading{background:none;color:var(--ink);text-shadow:none;padding:1.5rem 0 0}.production-heading h1{font-size:clamp(1.7rem,4vw,2.7rem)}.production-bar{display:block}.production-shell p{overflow-wrap:break-word}.edition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.edition-grid img{width:100%;aspect-ratio:2/1;object-fit:cover}.edition-grid h2{font:700 1.4rem/1.2 Georgia}.edition-grid a{text-decoration:none}.production-source-meter{margin-bottom:1.5rem}.production-source-meter i{display:inline-block;width:30px;height:7px;background:#b38c43}@media(max-width:550px){.production-hero-stage>img{height:220px!important}.edition-grid{grid-template-columns:1fr}}