.museum-guides .wp-block-post-template{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:24px;
}

/* Card */
.museum-guides .wp-block-post-template > li,
.museum-guides .wp-block-post-template > div{
  list-style:none;
  background:#FFFDFB;              
  border:1px solid #F3D8C9;        
  border-radius:16px;
  padding:18px;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  display:flex;
  flex-direction:column;
  height:100%;
  transition:.2s ease;
}
.museum-guides .wp-block-post-template > li:hover,
.museum-guides .wp-block-post-template > div:hover{
  box-shadow:0 6px 14px rgba(0,0,0,.06);
  border-color: rgba(196,69,54,.35); 
}


.museum-guides .wp-block-post-title{ margin:6px 0 8px; }
.museum-guides .wp-block-post-title a{
  text-decoration:none;
  font-weight:700;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
  color:#5E3023; 
}
.museum-guides .wp-block-post-title a:hover{ text-decoration:underline; }


.museum-guides .tag-primary, .museum-guides .tag-borough{ margin:4px 0 0; }
.museum-guides .tag-primary a, .museum-guides .tag-borough a{
  display:inline-block; padding:.28em .65em; margin:0 .35em .35em 0;
  border:1px solid rgba(0,0,0,.10);
  border-radius:999px; font-size:.85rem; text-decoration:none;
  background:#FAEFE7; 
}
.museum-guides .tag-primary a{   
  background:rgba(196,69,54,.08);
  border-color:rgba(196,69,54,.22);
  color:#5E3023;
}

.museum-guides .wp-block-post-excerpt{ margin:8px 0 12px; }
.museum-guides .wp-block-post-excerpt__excerpt{
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
  overflow:hidden;
}
.museum-guides .wp-block-post-excerpt{ flex-grow:1; }
.museum-guides .wp-block-post-excerpt__more-link{ display:none; }

.museum-guides .wp-block-read-more{
  margin-top:auto;
  text-align:left;
}
.museum-guides .wp-block-read-more a{
  display:inline-block;
  background:#C44536; 
  color:#fff !important;
  font-weight:600;
  text-decoration:none;
  padding:12px 22px;
  border-radius:999px;
  line-height:1.3;
  font-size:0.95rem;
  transition:all .2s ease;
  box-shadow:0 2px 4px rgba(0,0,0,.08);
}
.museum-guides .wp-block-read-more a:hover{
  background:#A33A2D;
  box-shadow:0 4px 8px rgba(0,0,0,.12);
  transform:translateY(-1px);
}

.museum-guides .wp-block-post-terms{ margin-bottom:6px; }


@media (min-width: 922px){
  .filters-inline { display: none !important; }
}

@media (max-width: 921px){
  #secondary .widget_filter-everything,
  #secondary .fe-widget { display: none !important; }
  .filters-inline { display: block !important; margin: 12px 0 16px; }
}

.contact-form .wpcf7-not-valid-tip {
    display: none;
}

.contact-form .wpcf7-form.submitting .wpcf7-not-valid-tip,
.contact-form .wpcf7-form.invalid .wpcf7-not-valid-tip {
    display: block;
}

/* =============== London Museums Timeline =============== */
:root {
  --lm-tl-accent: var(--global-palette8, #0f766e);
  --lm-tl-line: color-mix(in oklab, var(--lm-tl-accent) 45%, #999 55%);
  --lm-tl-bg: var(--wp--preset--color--base, #ffffff);
  --lm-tl-ink: var(--wp--preset--color--contrast, #1c1c1c);
  --lm-tl-muted: color-mix(in oklab, var(--lm-tl-ink) 60%, #999 40%);
  --lm-tl-radius: 16px;
  --lm-tl-gap: clamp(0.8rem, 1.5vw, 1rem);
  --lm-tl-card-w: min(48ch, 90vw);
  --lm-tl-shadow: 0 8px 24px rgba(0,0,0,.08);
}

@media (prefers-color-scheme: dark) {
  :root {
    --lm-tl-bg: #0b0b0b;
    --lm-tl-ink: #f2f2f2;
    --lm-tl-muted: #b8b8b8;
    --lm-tl-shadow: 0 10px 28px rgba(0,0,0,.35);
  }
}

.lm-timeline {
  --col-left: 10rem;
  position: relative;
  display: grid;
  gap: 1.25rem;
  padding: 1rem 0 2rem;
  color: var(--lm-tl-ink);
}

/* Sticky year nav */
.lm-tl-nav {
  position: sticky;
  top: clamp(48px, 7vh, 96px);
  z-index: 2;
  display: flex;
  gap: .5rem .75rem;
  flex-wrap: wrap;
  margin-bottom: .5rem;
  padding: .5rem 0;
}
.lm-tl-nav a {
  border: 1px solid color-mix(in oklab, var(--lm-tl-ink) 14%, transparent);
  padding: .35rem .6rem;
  border-radius: 999px;
  font-size: .9rem;
  text-decoration: none;
  color: var(--lm-tl-ink);
  transition: transform .15s ease, background-color .2s ease, border-color .2s ease;
}
.lm-tl-nav a:hover,
.lm-tl-nav a:focus-visible {
  background: color-mix(in oklab, var(--lm-tl-accent) 15%, transparent);
  border-color: var(--lm-tl-accent);
  transform: translateY(-1px);
  outline: none;
}

/* Vertical line */
.lm-timeline::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--col-left);
  width: 2px;
  height: 100%;
  background: linear-gradient(
    to bottom,
    color-mix(in oklab, var(--lm-tl-line) 90%, transparent),
    color-mix(in oklab, var(--lm-tl-line) 60%, transparent)
  );
  opacity: .8;
}

/* Items: year | card */
.lm-tl-item {
  display: grid;
  grid-template-columns: var(--col-left) 1fr;
  align-items: start;
  gap: var(--lm-tl-gap);
  position: relative;
}
.lm-tl-item::before {
  content: "";
  position: absolute;
  left: calc(var(--col-left) - 6px);
  top: .9rem;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--lm-tl-bg);
  border: 3px solid var(--lm-tl-accent);
  box-shadow: 0 0 0 6px color-mix(in oklab, var(--lm-tl-accent) 20%, transparent);
}

.lm-tl-year {
  margin: .25rem 0 0;
  padding-right: .5rem;
  text-align: right;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--lm-tl-muted);
}

/* Card */
.lm-tl-card {
  position: relative;
  background: var(--lm-tl-bg);
  border: 1px solid color-mix(in oklab, var(--lm-tl-ink) 10%, transparent);
  border-radius: var(--lm-tl-radius);
  padding: 1rem 1.25rem 1.1rem 1.25rem;
  box-shadow: var(--lm-tl-shadow);
  max-width: var(--lm-tl-card-w);
  transform-origin: left center;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.lm-tl-title { margin: 0 2rem .35rem 0; font-size: clamp(1.05rem, 1.2rem + .2vw, 1.25rem); }
.lm-tl-text { margin: 0; line-height: 1.5; color: var(--lm-tl-ink); }

/* Permalink chip */
.lm-tl-permalink {
  position: absolute; top: .85rem; right: .85rem;
  text-decoration: none; font-weight: 700; font-size: .9rem; line-height: 1;
  opacity: .35; transition: opacity .2s ease, transform .2s ease;
}
.lm-tl-card:hover .lm-tl-permalink,
.lm-tl-card:focus-within .lm-tl-permalink,
:target .lm-tl-permalink { opacity: .9; }

/* Hover/focus */
.lm-tl-card:hover,
.lm-tl-card:focus-within {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
  border-color: color-mix(in oklab, var(--lm-tl-accent) 35%, transparent);
}

/* :target highlight */
.lm-tl-item:target .lm-tl-card {
  border-color: var(--lm-tl-accent);
  box-shadow: 0 14px 36px rgba(0,0,0,.18);
}
.lm-tl-item:target::before { background: var(--lm-tl-accent); }

/* Mobile */
@media (max-width: 720px) {
  .lm-timeline { --col-left: 2.25rem; }
  .lm-tl-item { grid-template-columns: 1fr; padding-left: calc(var(--col-left) + .75rem); }
  .lm-tl-year { text-align: left; color: var(--lm-tl-accent); order: -1; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .lm-tl-card, .lm-tl-nav a, .lm-tl-permalink { transition: none !important; }
}
/* ===== London Museums Timeline – brand tweaks ===== */

/* BRAND COLOURS */
:root {
  /* keep the green timeline line you liked */
  --lm-tl-accent: #0f766e;

  /* your brand accents */
  --brand-accent-bg: #FFE9D5;   /* card background */
  --brand-accent-1: #C44536;    /* hover border/links */
  --brand-accent-2: #5E3023;    /* hover focus/permalink */
}

/* 1) MORE SPACE between year labels and the vertical line */
.lm-timeline { 
  --col-left: 12rem;            /* was 10rem */
  gap: 1.75rem;                 /* a bit more vertical space between items */
}
.lm-tl-year { 
  padding-right: 1rem;          /* was .5rem */
}

/* 2) WIDER CARDS + LESS SCRUNCHED */
.lm-tl-card {
  max-width: min(60ch, 95vw);   /* was min(48ch, 90vw) */
  padding: 1.1rem 1.4rem 1.2rem;
}

/* add extra breathing room between items on large screens */
@media (min-width: 721px) {
  .lm-tl-item { margin-bottom: .25rem; }
}

/* 3) BRAND ACCENT BOXES */
.lm-tl-card {
  background: var(--brand-accent-bg);
  border-color: color-mix(in oklab, var(--brand-accent-1) 25%, #0000);
  box-shadow: 0 10px 28px rgba(0,0,0,.10);
}

/* subtle tweak so the date-dot halo complements the card bg */
.lm-tl-item::before {
  box-shadow: 0 0 0 8px color-mix(in oklab, var(--lm-tl-accent) 18%, #0000);
}

/* 4) HOVERS use your brand reds (keep the green line) */
.lm-tl-card:hover,
.lm-tl-card:focus-within {
  border-color: var(--brand-accent-1);
  box-shadow: 0 14px 36px rgba(0,0,0,.16);
  transform: translateY(-2px) scale(1.01);
}
.lm-tl-card a:hover,
.lm-tl-card a:focus-visible {
  color: var(--brand-accent-2);
  text-decoration: underline;
}
.lm-tl-permalink {
  opacity: .4;
}
.lm-tl-card:hover .lm-tl-permalink,
.lm-tl-card:focus-within .lm-tl-permalink {
  opacity: .95;
  transform: translateY(-1px);
  color: var(--brand-accent-2);
}

/* 5) REMOVE THE TOP BUTTONS (year jump links) */
.lm-tl-nav { display: none !important; }

/* 6) MOBILE keeps things comfy */
@media (max-width: 720px) {
  .lm-timeline { --col-left: 2.75rem; } /* a touch more left space on mobile */
  .lm-tl-item { padding-left: calc(var(--col-left) + 1rem); }
  .lm-tl-year { margin-bottom: .25rem; }
}

/* ===== Sidebar author card ===== */
.wds-sidebar-card{
  background:#FFE9D5;
  border:1px solid rgba(196,69,54,.25);
  border-left:6px solid #0f766e;
  border-radius:14px;
  padding:1rem 1.1rem 1.1rem;
  color:#5E3023;
}
.wds-sidebar-title{
  margin:0 0 .5rem;
  font-size:1.05rem;
  line-height:1.2;
  color:#5E3023;
}
.wds-sidebar-card a{ color:inherit; text-decoration:underline; }
.wds-sidebar-card a:hover, .wds-sidebar-card a:focus-visible{ color:#C44536; }
@media (min-width: 992px){ .wds-sticky{ position:sticky; top:2rem; } }


/* Make FE filters breathe inside the card */
.wds-sidebar-card .fe-widget, 
.wds-sidebar-card .fe-container, 
.wds-sidebar-card .fe-filters {
  margin: 0;
}

.wds-sidebar-card .fe-heading,
.wds-sidebar-card .fe-title,
.wds-sidebar-card .widget-title {
  margin: 0 0 .5rem;
  font-size: 1.05rem;
  color: #5E3023;
}

/* Tidy lists */
.wds-sidebar-card .fe-filter,
.wds-sidebar-card .fe-checkboxes,
.wds-sidebar-card .fe-items {
  margin: .35rem 0;
}

/* Links & hover accents */
.wds-sidebar-card a:hover,
.wds-sidebar-card a:focus-visible {
  color: #C44536;
  text-decoration: underline;
}
/* ===== Sidebar cards – white background, peach border ===== */
:root{
  --wds-peach:#FFE9D5;
  --wds-red:#C44536;
  --wds-brown:#5E3023;
}

/* Core card */
.wds-sidebar-card{
  background:#fff !important;          /* was peach */
  border:2px solid var(--wds-peach) !important;
  border-left-width:2px !important;    /* remove thick accent */
  border-radius:14px;
  padding:1rem 1.1rem 1.1rem;
  color:var(--wds-brown);
  box-shadow:0 4px 14px rgba(0,0,0,.04); /* softer */
}

/* Title + links */
.wds-sidebar-title{ margin:0 0 .5rem; font-size:1.05rem; color:var(--wds-brown); }
.wds-sidebar-card a{ color:inherit; text-decoration:underline; }
.wds-sidebar-card a:hover,
.wds-sidebar-card a:focus-visible{ color:var(--wds-red); }

/* Author media – match border to peach, no blending needed */
.wds-author-media{
  border:2px solid var(--wds-peach);
  box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.wds-author-media img{
  mix-blend-mode: normal !important;
  filter:none !important;
}

/* CTA becomes subtle outline */
.wds-cta{
  background:#fff;
  border:1px solid var(--wds-peach);
  color:var(--wds-brown);
}
.wds-cta:hover,
.wds-cta:focus-visible{
  border-color:var(--wds-red);
  color:var(--wds-red);
}

/* Make Filter Everything widget match the white card */
.wds-filter-card{ background:#fff !important; border:2px solid var(--wds-peach) !important; }
.wds-filter-card .fe-heading,
.wds-filter-card .fe-title,
.wds-filter-card .widget-title{ margin:0 0 .5rem; color:var(--wds-brown); }
.wds-filter-card a:hover,
.wds-filter-card a:focus-visible{ color:var(--wds-red); }

/* Optional: keep sticky behaviour if you were using it */
@media (min-width: 992px){
  .wds-sticky{ position:sticky; top:2rem; }
}
/* Inline, tiny avatar fully embedded in text (no float, no border) */
.wds-avatar-inline{
  display:inline-block;
  width:1.05em;           /* scales with text size */
  height:1.05em;
  border-radius:50%;
  object-fit:cover;
  vertical-align:-0.18em; /* nudges to baseline; tweak -0.12em..-0.22em if needed */
  margin:0 .35em 0 .25em; /* small gap before 'Jamie George' */
  border:0 !important;
  box-shadow:none !important;
}

/* If you previously used a floated .wds-avatar, neutralise it just in case */
.wds-avatar{ float:none !important; }
/* White card with peach border */
:root{
  --wds-peach:#FFE9D5;
  --wds-red:#C44536;
  --wds-brown:#5E3023;
}

.wds-sidebar-card{
  background:#fff !important;
  border:2px solid var(--wds-peach) !important;
  border-radius:14px;
  padding:1rem 1.1rem 1.1rem;
  color:var(--wds-brown);
  box-shadow:0 4px 14px rgba(0,0,0,.04);
}
.wds-sidebar-title{ margin:0 0 .5rem; font-size:1.05rem; color:var(--wds-brown); }
.wds-sidebar-card a{ color:inherit; text-decoration:underline; }
.wds-sidebar-card a:hover, .wds-sidebar-card a:focus-visible{ color:var(--wds-red); }

/* Tiny avatar fully embedded IN the text (no float, no border) */
.wds-avatar-inline{
  display:inline-block;
  width:1.05em;           /* scales with font size; tweak 0.95–1.15em if needed */
  height:1.05em;
  border-radius:50%;
  object-fit:cover;
  vertical-align:-0.18em; /* nudges to sit nicely on the baseline */
  margin:0 .35em 0 .3em;  /* small spacing around avatar */
  border:0 !important;
  box-shadow:none !important;
}

/* Neutralise any older avatar styles you tried */
.wds-avatar, .wds-avatar-wrap, .wds-author-media { display:none !important; }
/* Sticky helper (works with WP admin bar) */
body.admin-bar { --wpab: 32px; }          /* admin bar height on desktop */
@media (max-width: 782px){ body.admin-bar { --wpab: 46px; } }

@media (min-width: 992px){
  .wds-sticky{
    position: sticky;
    top: calc(var(--wpab, 0px) + 16px);   /* header offset */
  }
}

/* ===== Top picks for museum pages ===== */
.wds-top-picks { 
  margin: 2rem 0 1.5rem;
  padding: 1rem 1.25rem;
  background: #fff;
  border: 2px solid #FFE9D5;
  border-radius: 14px;
  box-shadow: 0 4px 14px rgba(0,0,0,.04);
}
.wds-top-picks :is(h2,h3) {
  margin-top: 0;
}
.wds-top-picks ul {
  margin: .5rem 0 0;
  padding-left: 0;
  list-style: none;
  column-gap: 1.25rem;
}
@media (min-width: 800px){
  .wds-top-picks ul { columns: 2; }
}
.wds-top-picks li {
  position: relative;
  padding-left: 1.5rem;
  margin: .4rem 0;
  break-inside: avoid;
}
.wds-top-picks li::before {
  content: "";
  position: absolute; left: 0; top: .45em;
  width: .6rem; height: .6rem; border-radius: 50%;
  background: #C44536;
  box-shadow: 0 0 0 3px #FFE9D5;
}
.wds-top-picks a {
  text-decoration: none;
  border-bottom: 1px dotted rgba(196,69,54,.45);
}
.wds-top-picks a:hover, .wds-top-picks a:focus-visible {
  color: #C44536;
  border-bottom-style: solid;
}
.wds-section-sep {
  margin: 1.75rem 0 1rem;
  border-top: 2px solid #FFE9D5;
}

/* ===== About block for museum landing page (brand: peach/red/brown) ===== */
:root{
  --wds-peach:#FFE9D5;
  --wds-red:#C44536;
  --wds-brown:#5E3023;
}

.wds-about-hero{
  margin: 1.75rem 0 2rem;
}

.wds-about-card{
  position: relative;
  background:#fff;
  border:2px solid var(--wds-peach);
  border-radius:16px;
  padding: clamp(1rem, 1rem + 1vw, 1.5rem);
  box-shadow: 0 8px 22px rgba(0,0,0,.06);
}

.wds-about-heading{
  margin-top:0;
  margin-bottom:.75rem;
  font-size:clamp(1.2rem,1.1rem + .5vw,1.5rem);
  color:var(--wds-brown);
}

.wds-about-copy{
  margin:0 0 .9rem;
  color: var(--wds-brown);
  font-size: clamp(1rem, .98rem + .2vw, 1.06rem);
  line-height: 1.6;
}

.wds-about-meta{
  display:flex;
  align-items:center;
  gap:.5rem;
  margin:.75rem 0 .5rem;
  color: color-mix(in oklab, var(--wds-brown) 80%, #000 20%);
  font-size:.95rem;
}
.wds-about-avatar{
  width: 5em;
  height: 5em;
  border-radius: 50%;
  object-fit: cover;
  vertical-align: -0.15em;
  border: 0;
  box-shadow: none;
}

.wds-about-more{
  margin: .5rem 0 0;
}
.wds-about-more a{
  font-weight:600;
  color:var(--wds-red);
  text-decoration:none;
}
.wds-about-more a:hover,
.wds-about-more a:focus-visible{
  text-decoration:underline;
}

/* responsive tweaks */
@media (max-width:600px){
  .wds-about-card{ padding:1rem 1rem 1.1rem; }
}

/*museum tables*/

.wds-table tbody tr:nth-child(even){background:#fafafa}
.wds-table td, .wds-table th {vertical-align:top}
.wds-table caption{caption-side:top;text-align:left;font-weight:600;margin:.25rem 0}
.wds-table { width:100%; border-collapse:collapse; margin: .5rem 0 1.25rem; }
.wds-table thead th { background:#f7f7f7; font-weight:600; }
.wds-table th, .wds-table td { padding:10px; border-bottom:1px solid #eee; }
.wds-table tbody tr:hover { background:#f2f6ff; } /* subtle hover */


/* ===============================
   WHICH MUSEUM SECTION STYLES
   =============================== */

:root {
  --wdts-accent: #CA6052;           /* North London red */
  --wdts-accent-ink: #8E3D31;       /* hover/darker */
  --wdts-ink: #2B2B2B;              /* body text */
  --wdts-muted: #6B7280;            /* muted text */
  --wdts-bg-soft: #FAF8F4;          /* page background */
  --wdts-card: #FFFFFF;             /* card background */
  --wdts-border: #E7D7CB;           /* soft border */
  --wdts-shadow: 0 1px 2px rgba(0,0,0,.05), 0 6px 20px rgba(0,0,0,.06);
  --wdts-radius: 16px;
}

/* Container */
.which-museum {
  position: relative;
  padding: 1rem 0 0;
}

/* Headings */
.which-museum h2 {
  font-size: clamp(1.8rem, 2.6vw, 2.4rem);
  line-height: 1.15;
  margin-bottom: .75rem;
}

.which-museum h2 + p {
  color: var(--wdts-muted);
  margin-top: .25rem;
}

.which-museum h3 {
  font-size: clamp(1.2rem, 1.6vw, 1.35rem);
  margin: 1.75rem 0 .75rem;
  padding-left: .75rem;
  border-left: 4px solid var(--wdts-accent);
}

/* Optional topic “cards” */
.which-museum .museum-topic {
  background: var(--wdts-card);
  border: 1px solid var(--wdts-border);
  border-radius: var(--wdts-radius);
  padding: 1rem 1.1rem;
  box-shadow: var(--wdts-shadow);
  margin: 1rem 0;
}

.which-museum .museum-topic h3 {
  border-left: none;
  padding-left: 0;
  margin-top: 0;
}

.which-museum .museum-topic p {
  margin: .6rem 0 0;
}

/* Links */
.which-museum a {
  color: var(--wdts-accent);
  text-decoration: underline;
  text-decoration-color: var(--wdts-accent);
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
  transition: color .15s ease, background-size .2s ease, text-decoration-color .2s ease;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 0% 2px;
  background-position: 0 100%;
  background-repeat: no-repeat;
}

.which-museum a:hover {
  color: var(--wdts-accent-ink);
  text-decoration-color: transparent;
  background-size: 100% 2px;
}

/* Paragraph rhythm */
.which-museum p {
  line-height: 1.7;
  font-size: 1.05rem;
}

/* Responsive tweak */
@media (max-width: 640px) {
  .which-museum .museum-topic {
    padding: .9rem .9rem;
  }
}

/* ===============================
   WHICH MUSEUM SECTION STYLES
   =============================== */

/* ===============================
   NORTH LONDON 'WHICH MUSEUM' — CLEAN, FLAT LIST (no boxes-in-boxes)
   =============================== */

/* Brand colour variables */
:root {
  --wdts-accent: #CA6052;           /* North London red */
  --wdts-accent-ink: #8E3D31;       /* hover/darker red */
  --wdts-ink: #2B2B2B;              /* main body text */
  --wdts-muted: #6B7280;            /* muted text */
  --wdts-border: #E7D7CB;           /* soft divider */
  --wdts-radius: 16px;
}

/* ===== Section wrapper ===== */
/* Make the outer section blend with the page (no background box) */
.which-museum {
  background: transparent !important;
  padding: 0; /* the page container already handles spacing */
  border-radius: 0;
}

/* ===== Subsections (flatten ALL Group/card styling) ===== */
.which-museum .museum-topic,
.which-museum .wp-block-group.museum-topic {
  /* kill card look from themes / block styles */
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  /* now make them a clean list with subtle dividers */
  border-top: 1px solid var(--wdts-border) !important;
  padding: 1.25rem 0 !important;
  margin: 0 !important;
}

/* first item: no top divider, tighter top spacing */
.which-museum .museum-topic:first-child {
  border-top: 0 !important;
  padding-top: 0 !important;
}

/* Some themes add styles via utility classes; neutralise them */
.which-museum .museum-topic.is-style-rounded,
.which-museum .museum-topic.has-background {
  background: transparent !important;
  border-radius: 0 !important;
}

/* ===== Headings inside subsections — red accent line (robust) ===== */
.which-museum .museum-topic :is(h2,h3,h4,h5,h6,.wp-block-heading) {
  border-left: 4px solid var(--wdts-accent);
  padding-left: .75rem;
  margin: 0 0 .75rem 0;
  font-size: clamp(1.2rem, 1.6vw, 1.35rem);
  line-height: 1.3;
}

/* Main H2 above the list */
.which-museum h2 {
  font-size: clamp(1.8rem, 2.6vw, 2.4rem);
  line-height: 1.15;
  margin-bottom: 1rem;
}
.which-museum h2 + p {
  color: var(--wdts-muted);
  margin-top: .25rem;
}

/* Paragraphs */
.which-museum p {
  line-height: 1.7;
  font-size: 1.05rem;
  color: var(--wdts-ink);
}

/* Links — red underline animation */
.which-museum a {
  color: var(--wdts-accent);
  text-decoration: underline;
  text-decoration-color: var(--wdts-accent);
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
  transition: color .15s ease, background-size .2s ease, text-decoration-color .2s ease;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 0% 2px;
  background-position: 0 100%;
  background-repeat: no-repeat;
}
.which-museum a:hover {
  color: var(--wdts-accent-ink);
  text-decoration-color: transparent;
  background-size: 100% 2px;
}

/* Responsive tweaks */
@media (max-width: 640px) {
  .which-museum .museum-topic { padding: 1rem 0 !important; }
}
/* More air between topics, a touch tighter inside */
.which-museum .museum-topic { padding: 1.4rem 0 !important; }
.which-museum .museum-topic + .museum-topic { margin-top: .25rem; } /* tiny gap before divider */

.which-museum p { margin: .6rem 0 .9rem; } /* was default browser margins */
.which-museum .museum-topic :is(h2,h3,h4,h5,h6,.wp-block-heading){
  margin-bottom: .6rem; /* slightly tighter under heading */