/* One quiet atlas chapter; the frame expands with its live content. */
body.ts-route .atlas-story { box-sizing:border-box; margin:32px 0; padding:38px clamp(22px,4vw,48px); border:8px solid transparent; border-image:url('/assets/atlas-icons/label-frame-v1.webp') 64 fill / 8px stretch; background:#f1ead9; color:#203f2b; scroll-margin-top:32px; }
.atlas-story-header { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid #a58b5555; }
.atlas-story-kicker { display:block; font:500 10px/1.5 var(--atlas-sans,sans-serif); letter-spacing:.14em; text-transform:uppercase; color:#79613c; }
body.ts-route .atlas-story-header h2 { color:#203f2b; margin:10px 0 0; font:500 clamp(32px,3.6vw,46px)/1.08 var(--atlas-serif,Georgia,serif); overflow-wrap:anywhere; }
.atlas-story-header img { width:80px; height:80px; object-fit:contain; flex:none; }
.atlas-story-prose { max-width:62ch; margin-inline:auto; }
body.ts-route .atlas-story :is(.omschrijving,.route-excerpt) { color:#40503f; font:400 15px/1.95 var(--atlas-sans,sans-serif); margin:0 0 20px; text-align:left; }
.atlas-story-prose > .omschrijving::first-letter,.atlas-story-prose > .route-excerpt::first-letter { float:left; font:500 64px/.85 var(--atlas-serif,Georgia,serif); color:#8a693d; margin:8px 8px 0 0; }
body.ts-route .atlas-story .route-readmore { margin:12px 0 0; }
body.ts-route .atlas-story .route-readmore summary { color:#784530; padding:12px 0; font:500 13px/1.5 var(--atlas-sans,sans-serif); cursor:pointer; }
body.ts-route .atlas-story .route-readmore[open] summary { margin-bottom:12px; }
body.ts-route .atlas-story :is(.atlas-story-discover,.atlas-story-faq) { padding-top:26px; margin-top:26px; border-top:1px solid #a58b5555; }
body.ts-route .atlas-story h3 { font:500 29px/1.15 var(--atlas-serif,Georgia,serif); color:#203f2b; margin:0 0 20px; }
.atlas-story-notes { display:grid; gap:16px; margin:0; }
.atlas-story-notes > div { display:grid; grid-template-columns:100px minmax(0,1fr); gap:18px; }
.atlas-story-notes dt { color:#79613c; font:500 10px/1.7 var(--atlas-sans,sans-serif); letter-spacing:.08em; text-transform:uppercase; padding-top:3px; }
.atlas-story-notes dd { margin:0; font:400 14px/1.7 var(--atlas-sans,sans-serif); color:#40503f; }
.atlas-story-question { border-top:1px solid #a58b5540; }
.atlas-story-question:last-child { border-bottom:1px solid #a58b5540; }
.atlas-story-question summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:48px; padding:16px 0; list-style:none; cursor:pointer; color:#203f2b; font:500 14px/1.5 var(--atlas-sans,sans-serif); }
.atlas-story-question summary::-webkit-details-marker { display:none; }
.atlas-story-question summary span { flex:none; font-size:24px; font-weight:400; color:#8a693d; transition:transform .2s; }
.atlas-story-question[open] summary span { transform:rotate(45deg); }
body.ts-route .atlas-story-question p { margin:0 0 20px; color:#59634d; font:400 14px/1.8 var(--atlas-sans,sans-serif); max-width:62ch; }
.atlas-story summary:focus-visible { outline:2px solid #923e31; outline-offset:4px; }
@media(max-width:480px) { body.ts-route .atlas-story { padding:26px 20px; } .atlas-story-header { gap:12px; } .atlas-story-header img { width:52px; height:66px; } body.ts-route .atlas-story-header h2 { font-size:32px; } body.ts-route .atlas-story :is(.omschrijving,.route-excerpt) { font-size:14px; line-height:1.85; } .atlas-story-notes > div { grid-template-columns:1fr; gap:3px; } body.ts-route .atlas-story h3 { font-size:27px; } }
@media(prefers-reduced-motion:reduce) { .atlas-story-question summary span { transition:none; } }
.atlas-story-prose .route-readmore .omschrijving::first-letter { float:left; font:500 64px/.85 var(--atlas-serif,Georgia,serif); color:#8a693d; margin:8px 8px 0 0; }