/* Arnhem Malburgen | Compacte, toegankelijke leeservaring 2026
   Geen grote tekstvlakken: hoofdstukken als scanbare kaarten met uitklapbare verdieping.
   Oorspronkelijke tekst blijft in de HTML; JS fungeert alleen als enhancement. */

.urban-theme .am-story-body.am-readable-v2 {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:20px;
  font-size:15px;
  line-height:1.72;
}
.urban-theme .am-readable-v2 > :not(.am-story-section) {grid-column:1/-1;min-width:0}
.urban-theme .am-readable-v2 > .am-chapter-feature {grid-column:1/-1}
.urban-theme .am-readable-v2 .am-story-opening {
  margin:0 0 5px;
  border:0;
  padding:0 0 18px;
}
.urban-theme .am-readable-v2 .am-story-opening p:first-child {
  font-size:18px;
  font-weight:500;
  line-height:1.65;
  margin-bottom:0;
}
.urban-theme .am-readable-v2 .am-story-section {
  margin:0;
  min-width:0;
  border:1px solid #e8ddd4;
  border-radius:15px;
  border-left:1px solid #e8ddd4;
  background:#fff;
  box-shadow:0 8px 22px rgba(42,41,38,.035);
  padding:28px 27px 22px;
  overflow:hidden;
  transition:box-shadow .2s ease,border-color .2s ease;
}
.urban-theme .am-readable-v2 .am-story-section:nth-child(2n) {background:#fcfaf7}
.urban-theme .am-readable-v2 .am-story-section:hover {
  box-shadow:0 12px 30px rgba(42,41,38,.075);
  border-color:#d7c5b7;
}
.urban-theme .am-readable-v2 .am-story-section > h2 {
  font-size:clamp(20px,1.6vw,25px);
  letter-spacing:-.03em;
  line-height:1.28;
  margin:0 0 13px;
  scroll-margin-top:125px;
}
.urban-theme .am-readable-v2 .am-story-section > h2::before {
  margin-bottom:12px;
  color:#a64e38;
  font-size:10px;
}
.urban-theme .am-readable-v2 .am-story-section .am-chapter-preview {
  font-size:14.5px;
  line-height:1.68;
  font-weight:420;
  color:#586169;
  margin:0 0 17px;
  max-width:none;
}
.urban-theme .am-readable-v2 .am-chapter-details {
  border-top:1px solid #e8e2dc;
  margin-top:auto;
  padding-top:10px;
}
.urban-theme .am-readable-v2 .am-chapter-details > summary,
.urban-theme .am-story-dossier > summary,
.urban-theme .am-home-more > summary,
.urban-theme .am-toc-expand > summary {
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  font-size:13px;
  font-weight:800;
  color:#954a36;
  padding:8px 0;
}
.urban-theme .am-chapter-details > summary::-webkit-details-marker,
.urban-theme .am-story-dossier > summary::-webkit-details-marker,
.urban-theme .am-home-more > summary::-webkit-details-marker,
.urban-theme .am-toc-expand > summary::-webkit-details-marker {display:none}
.urban-theme .am-read-arrow {
  width:26px;height:26px;flex:0 0 26px;display:inline-grid;
  place-items:center;border-radius:50%;background:#f5ece5;
  color:#934630;font-size:18px;line-height:1;font-weight:500;
}
.urban-theme details[open] > summary .am-read-arrow {transform:rotate(45deg)}
.urban-theme .am-readable-v2 .am-chapter-full {
  border-top:1px solid #eee5de;
  padding-top:18px;
  margin-top:9px;
}
.urban-theme .am-readable-v2 .am-chapter-full p {
  max-width:100%;
  font-size:14px;
  line-height:1.78;
  margin:0 0 14px;
}
.urban-theme .am-readable-v2 .am-chapter-full ul,
.urban-theme .am-readable-v2 .am-chapter-full ol {margin:15px 0 20px}
.urban-theme .am-readable-v2 .am-chapter-full h3 {font-size:18px;margin-top:24px}
.urban-theme .am-readable-v2 .am-chapter-feature {
  background:#f7f1eb;
}
.urban-theme .am-readable-v2 .am-chapter-feature .tile-grid {margin:20px 0 0}
.urban-theme .am-readable-v2 .am-chapter-feature > p {max-width:740px;font-size:15px}
.urban-theme .am-story-dossier {
  border:1px solid #e2d5c9;
  background:#f7f2ec;
  border-radius:16px;
  margin:24px 0 8px;
  padding:13px 26px 16px;
}
.urban-theme .am-story-dossier > summary {
  color:#2d3538;
  font-size:clamp(16px,1.4vw,19px);
  font-weight:800;
  min-height:50px;
}
.urban-theme .am-story-dossier > summary .am-read-arrow {
  background:#a6533d;color:#fff;
}
.urban-theme .am-dossier-hint {
  font-size:13px!important;
  color:#697073;
  margin:1px 0 0!important;
  line-height:1.6!important;
}
.urban-theme .am-story-dossier .amb-article-more {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:17px;
  margin:18px 0 0;
  padding:21px 0 6px;
  border-top:1px solid #ded5ca;
  max-width:100%;
}
.urban-theme .am-story-dossier .amb-article-more > .am-story-opening,
.urban-theme .am-story-dossier .amb-article-more > :not(.am-story-section) {
  grid-column:1/-1;
}
.urban-theme .am-story-dossier .amb-article-more .am-story-section {
  background:#fff;
  border-radius:11px;
  padding:23px 22px 19px;
}
.urban-theme .am-story-dossier .amb-article-more .am-story-section > h2 {font-size:20px}
.urban-theme .am-story-sidebar .am-toc ol {max-height:none;overflow:visible}
.urban-theme .am-toc-expand {border-top:1px solid #d9cec4;padding-top:7px;margin-top:7px}
.urban-theme .am-toc-expand > summary {
  font-size:12px;line-height:1.4;
}
.urban-theme .am-toc-expand ol {margin:7px 0 0}
.urban-theme .am-toc-expand li a {font-size:12px}

/* Homepage: drie luchtige redactionele kaarten in plaats van lange kolommen. */
.urban-theme .amb-urban-guide {padding:65px 0 72px;background:#f6f3ef}
.urban-theme .amb-urban-guide-head {padding-bottom:24px;gap:32px}
.urban-theme .amb-urban-guide-head h2 {font-size:clamp(28px,2.65vw,39px);line-height:1.16}
.urban-theme .amb-urban-guide-columns {
  gap:18px;
  padding:26px 0 35px;
  align-items:stretch;
}
.urban-theme .amb-urban-guide-columns article {
  padding:28px 26px 23px;
  background:#fff;
  border:1px solid #e8ddd3;
  border-radius:14px;
  box-shadow:0 7px 22px rgba(46,38,31,.035);
  min-width:0;
}
.urban-theme .amb-urban-guide-columns article:nth-child(2) {background:#faf7f3}
.urban-theme .amb-urban-guide-columns h3 {
  font-size:21px;line-height:1.3;
  margin:13px 0 12px;
}
.urban-theme .amb-urban-guide-columns .am-home-brief {
  font-size:14px;
  color:#596167;
  line-height:1.72;
  margin:0 0 14px;
}
.urban-theme .am-home-more {border-top:1px solid #eee5df;padding-top:7px}
.urban-theme .am-home-more > summary {font-size:12px}
.urban-theme .am-home-more-content {padding:16px 0 4px;border-top:1px solid #eee5df}
.urban-theme .am-home-more-content p {
  font-size:14px;line-height:1.8;color:#52595d;margin:0 0 13px;
}
.urban-theme .amb-news-editorial-copy > .am-story-dossier {
  padding:19px 28px;border-radius:14px;margin:0;
}
.urban-theme .amb-news-editorial-copy .amb-article-more {
  padding:0;margin:17px 0 0;border:0;
}
.urban-theme .amb-news-editorial-section {padding:24px 0 60px}
.urban-theme :is(.am-chapter-details,.am-story-dossier,.am-home-more,.am-toc-expand) > summary:focus-visible {
  outline:2px solid #a95640;outline-offset:4px;border-radius:4px;
}

@media(max-width:1100px) {
  .urban-theme .am-story-body.am-readable-v2 {gap:15px}
  .urban-theme .am-readable-v2 .am-story-section {padding:23px 20px 19px}
}
@media(max-width:900px) {
  .urban-theme .am-story-body.am-readable-v2 {grid-template-columns:1fr}
  .urban-theme .am-story-dossier .amb-article-more {grid-template-columns:1fr}
  .urban-theme .amb-urban-guide-columns {gap:13px}
  .urban-theme .amb-urban-guide-columns article {padding:23px 19px}
}
@media(max-width:700px) {
  .urban-theme .am-story-body.am-readable-v2 {gap:13px}
  .urban-theme .am-readable-v2 .am-story-section {padding:22px 19px 16px;border-radius:12px}
  .urban-theme .am-readable-v2 .am-story-section > h2 {font-size:21px}
  .urban-theme .am-readable-v2 .am-chapter-preview {font-size:14px}
  .urban-theme .am-story-dossier {padding:12px 17px;border-radius:12px}
  .urban-theme .am-story-dossier > summary {font-size:16px}
  .urban-theme .am-story-dossier .amb-article-more {padding-top:14px}
  .urban-theme .amb-urban-guide {padding:48px 0}
  .urban-theme .amb-urban-guide-columns {grid-template-columns:1fr;padding:23px 0 27px}
  .urban-theme .amb-urban-guide-columns article {padding:24px 22px}
}
@media(prefers-reduced-motion:reduce) {
  .urban-theme .am-readable-v2 .am-story-section {transition:none}
}

/* Long articles: show a readable introduction, and place the remaining chapters
   in one accessible expandable collection rather than a long stack. */
.urban-theme .am-long-chapters {
  grid-column:1/-1;
  background:#f4eee8;
  border:1px solid #ded0c2;
  border-radius:16px;
  padding:17px 25px 22px;
  margin:13px 0 5px;
}
.urban-theme .am-long-chapters > summary {
  cursor:pointer;list-style:none;display:flex;align-items:center;
  justify-content:space-between;gap:15px;
  font-weight:850;color:#293238;line-height:1.4;
  font-size:clamp(16px,1.45vw,20px);
  padding:6px 0;
}
.urban-theme .am-long-chapters > summary::-webkit-details-marker {display:none}
.urban-theme .am-long-chapters > summary .am-read-arrow {
  background:#a6533d;color:#fff;
}
.urban-theme .am-long-chapters[open] > summary .am-read-arrow {transform:rotate(45deg)}
.urban-theme .am-long-chapters-grid {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:17px;
  border-top:1px solid #ded2c7;
  padding-top:19px;
  margin-top:15px;
  align-items:start;
}
.urban-theme .am-long-chapters-grid .am-story-section {
  margin:0;padding:23px 22px 19px;
  min-width:0;background:#fff;
}
.urban-theme .am-long-chapters-grid .am-story-section > h2 {font-size:20px}
.urban-theme .am-long-chapters > summary:focus-visible {
  outline:2px solid #a95640;outline-offset:4px;border-radius:4px;
}
@media(max-width:900px){
  .urban-theme .am-long-chapters-grid {grid-template-columns:1fr}
}
@media(max-width:650px){
  .urban-theme .am-long-chapters {padding:14px 17px}
  .urban-theme .am-long-chapters-grid {gap:13px}
}

/* Research article: readable summary before the longer underlying introduction. */
.urban-theme .am-readable-v2 .am-story-opening[data-am-compact="yes"] {
  padding:0;
  margin:0 0 4px;
}
.urban-theme .am-opening-highlight {
  background:#f6f0e8;
  border-left:3px solid #af583e;
  border-radius:3px 12px 12px 3px;
  padding:23px 26px 20px;
}
.urban-theme .am-opening-label {
  display:block;
  margin:0 0 9px;
  font-size:11px;
  font-weight:850;
  color:#a74e38;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.urban-theme .am-readable-v2 .am-opening-highlight p {
  font-size:17px;
  line-height:1.65;
  color:#344047;
  margin:0;
}
.urban-theme .am-opening-more {
  margin-top:10px;
  border-bottom:1px solid #e5d8ce;
  padding:1px 0 11px;
}
.urban-theme .am-opening-more > summary {
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:7px 10px;
  color:#a34c36;
  font-weight:800;
  font-size:13px;
}
.urban-theme .am-opening-more > summary::-webkit-details-marker {display:none}
.urban-theme .am-opening-more > summary .am-read-arrow {background:#f4ebe4}
.urban-theme .am-opening-more[open] > summary .am-read-arrow {transform:rotate(45deg)}
.urban-theme .am-opening-full {
  padding:17px 9px 4px;
  border-top:1px solid #e5d8ce;
  margin-top:9px;
}
.urban-theme .am-readable-v2 .am-opening-full p {
  font-size:16px;
  line-height:1.75;
  max-width:760px;
  margin-bottom:16px;
}
.urban-theme .am-opening-more > summary:focus-visible {
  outline:2px solid #a95640;outline-offset:3px;border-radius:4px;
}
@media(max-width:650px){
  .urban-theme .am-opening-highlight {padding:20px 18px}
  .urban-theme .am-readable-v2 .am-opening-highlight p {font-size:15px}
}

/* Redactionele fotoreeks op de homepage: verschillende echte wijkbeelden. */
.urban-theme .amb-photo-gallery {
  padding:68px 0 58px;
  background:#fbf9f6;
  border-top:1px solid #e8ddd3;
  border-bottom:1px solid #e9e0d7;
}
.urban-theme .amb-photo-gallery-head {
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr);
  align-items:end;justify-content:space-between;gap:35px;
  margin-bottom:27px;
}
.urban-theme .amb-photo-gallery-head h2 {
  font-family:inherit;font-weight:800;
  font-size:clamp(27px,2.8vw,41px);
  line-height:1.16;letter-spacing:-.04em;
  color:#283137;margin:8px 0 0;
}
.urban-theme .amb-photo-gallery-head > p {
  font-size:15px;line-height:1.7;color:#63686b;
  max-width:430px;margin:0;
}
.urban-theme .amb-photo-gallery-grid {
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:17px;align-items:stretch;
}
.urban-theme .amb-photo-gallery-card {
  position:relative;display:block;isolation:isolate;
  overflow:hidden;border-radius:15px;
  min-height:310px;aspect-ratio:.87;
  background:#cfcbc5;text-decoration:none;color:white;
  box-shadow:0 8px 24px rgba(30,25,21,.075);
}
.urban-theme .amb-photo-gallery-image {
  width:100%;height:100%;position:absolute;inset:0;
  object-fit:cover;object-position:center;
  transition:transform .4s ease;
}
.urban-theme .amb-photo-gallery-card:hover .amb-photo-gallery-image {
  transform:scale(1.035);
}
.urban-theme .amb-photo-gallery-shade {
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(to bottom,rgba(17,25,30,.07) 18%,rgba(15,23,28,.14) 43%,rgba(15,23,28,.86) 100%);
}
.urban-theme .amb-photo-gallery-text {
  position:absolute;left:22px;right:38px;bottom:22px;z-index:2;
  display:flex;flex-direction:column;gap:6px;
}
.urban-theme .amb-photo-gallery-text strong {
  font-size:clamp(18px,1.55vw,23px);font-weight:820;
  letter-spacing:-.025em;line-height:1.24;color:#fff;
}
.urban-theme .amb-photo-gallery-text small {
  font-size:12px;line-height:1.5;color:#eceae6;
}
.urban-theme .amb-photo-gallery-arrow {
  position:absolute;right:15px;bottom:23px;z-index:2;
  border-radius:50%;display:grid;place-items:center;
  width:29px;height:29px;font-size:17px;
  color:#fff;border:1px solid rgba(255,255,255,.6);
}
.urban-theme .amb-photo-gallery-credit {
  font-size:11px;color:#777573;margin:15px 0 0;
}
.urban-theme .amb-photo-gallery-credit a {
  text-decoration:underline;text-underline-offset:3px;color:#a04e37;
}
.urban-theme .amb-photo-gallery-card:focus-visible {
  outline:3px solid #a6533d;outline-offset:4px;
}
.urban-theme .am-story-inline-photo figcaption a {
  color:#a34f3c;text-underline-offset:3px;
}
@media(max-width:1060px) {
  .urban-theme .amb-photo-gallery-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .urban-theme .amb-photo-gallery-card {min-height:260px;aspect-ratio:1.4}
}
@media(max-width:650px) {
  .urban-theme .amb-photo-gallery {padding:47px 0 38px}
  .urban-theme .amb-photo-gallery-head {grid-template-columns:1fr;gap:13px;margin-bottom:20px}
  .urban-theme .amb-photo-gallery-head h2 {font-size:29px}
  .urban-theme .amb-photo-gallery-head > p {font-size:14px}
  .urban-theme .amb-photo-gallery-grid {gap:12px}
  .urban-theme .amb-photo-gallery-card {min-height:210px;aspect-ratio:.78;border-radius:12px}
  .urban-theme .amb-photo-gallery-text {left:13px;right:24px;bottom:12px}
  .urban-theme .amb-photo-gallery-text strong {font-size:16px}
  .urban-theme .amb-photo-gallery-text small {font-size:10px;line-height:1.4}
  .urban-theme .amb-photo-gallery-arrow {right:7px;bottom:12px;width:22px;height:22px;font-size:13px}
}
@media(prefers-reduced-motion:reduce) {
  .urban-theme .amb-photo-gallery-image {transition:none}
}