:root {
  color-scheme: light;
  --cp-bg: #f7f4ef;
  --cp-bg-elevated: #fcfbf8;
  --cp-surface: #ffffff;
  --cp-surface-soft: #f5f5f5;
  --cp-border: #dedede;
  --cp-border-strong: #919191;
  --cp-text: #242424;
  --cp-text-muted: #5c5c5c;
  --cp-text-soft: #6f6f6f;
  --cp-accent: #b11f4b;
  --cp-accent-hover: #9a1a41;
  --cp-accent-soft: rgba(177, 31, 75, 0.08);
  --cp-accent-fg: #ffffff;
  --cp-success: #16a34a;
  --cp-danger: #dc2626;
  --cp-warning: #f59e0b;
  --cp-link: #0078d4;
  --cp-shadow: 0 18px 48px rgba(0, 0, 0, 0.12);
  --cp-overlay: rgba(255, 255, 255, 0.8);
  --cp-panel: rgba(255, 255, 255, 0.86);
  --cp-panel-strong: rgba(255, 255, 255, 0.96);
  --cp-sheen: rgba(255, 255, 255, 0.55);
  --cp-highlight: rgba(177, 31, 75, 0.12);
}
html[data-theme="dark"] {
  color-scheme: dark;
  --cp-bg: #3d3b3a;
  --cp-bg-elevated: #343231;
  --cp-surface: #292929;
  --cp-surface-soft: #2e2e2e;
  --cp-border: #474747;
  --cp-border-strong: #5f5f5f;
  --cp-text: #dedede;
  --cp-text-muted: #919191;
  --cp-text-soft: #b0b0b0;
  --cp-accent: #fd8ea1;
  --cp-accent-hover: #fb7b91;
  --cp-accent-soft: rgba(253, 142, 161, 0.14);
  --cp-accent-fg: #1a1a1a;
  --cp-success: #4ade80;
  --cp-danger: #f87171;
  --cp-warning: #fbbf24;
  --cp-link: #4da6ff;
  --cp-shadow: 0 18px 48px rgba(0, 0, 0, 0.32);
  --cp-overlay: rgba(41, 41, 41, 0.88);
  --cp-panel: rgba(41, 41, 41, 0.72);
  --cp-panel-strong: rgba(41, 41, 41, 0.96);
  --cp-sheen: rgba(255, 255, 255, 0.04);
  --cp-highlight: rgba(253, 142, 161, 0.12);
}
.museum-visitors{background:var(--cp-bg);color:var(--cp-text);font-family:"Segoe UI",Aptos,Calibri,-apple-system,BlinkMacSystemFont,sans-serif}
.museum-visitors .hero{background:var(--cp-bg);color:var(--cp-text)}
.museum-visitors .hero-grad,.museum-visitors .ridge{display:none}
.museum-visitors .hero.short .hero-inner{padding-top:24px;padding-bottom:24px}
.museum-visitors .hero h1{font-family:inherit;font-size:clamp(1.8rem,4vw,2.8rem);max-width:none}
.museum-visitors h1,.museum-visitors h2,.museum-visitors h3{color:var(--cp-text)}
.museum-visitors .hero h1 em{color:var(--cp-accent)}
.museum-visitors .hero p.lede{color:var(--cp-text-muted);font-size:1rem;max-width:80ch;margin-top:12px}
.museum-visitors .eyebrow{color:var(--cp-accent)}
.headquarters-hours{font-size:.85rem;margin-top:8px;color:var(--cp-text-muted)}
.headquarters-hours a{color:var(--cp-link);text-decoration:underline;text-underline-offset:3px}
.museum-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.museum-shortcuts a{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--cp-surface);color:var(--cp-text);border:1px solid var(--cp-border);border-radius:10px;padding:12px 16px;min-height:48px}
.museum-shortcuts a:hover{color:var(--cp-accent);border-color:var(--cp-accent)}
.museum-shortcuts small{display:block;color:var(--cp-text-muted);font-size:.8rem}
.museum-visitors a:focus-visible{outline:3px solid var(--cp-accent);outline-offset:4px}
.museum-visitors>.section{padding-top:8px;padding-bottom:36px}
.museum-visitors .museum-section-head{margin-top:20px;margin-bottom:12px}
.museum-visitors .museum-section-head h2{font-size:1.5rem;font-family:inherit}
.museum-visitors .museum-section-head p{font-size:.95rem;color:var(--cp-text-muted);margin-top:8px}
.museum-visitors .museum-list{margin:16px 0 28px}
.museum-visitors .museum{display:flex;flex-direction:column;background:var(--cp-surface);border-color:var(--cp-border);box-shadow:none;overflow:hidden}
.museum-photo{height:120px;margin:0;position:relative;background:var(--cp-surface-soft)}
.museum-photo img{width:100%;height:100%;object-fit:cover}
.museum-photo figcaption{position:absolute;bottom:8px;left:12px;background:var(--cp-panel-strong);color:var(--cp-text);padding:2px 8px;border-radius:4px;font-size:.7rem}
.museum-visitors .museum-detail{height:auto;flex:1;display:flex;flex-direction:column;gap:12px;padding:20px}
.museum-visitors .museum-detail h3{font-family:inherit;font-size:1.3rem}
.museum-visitors .museum-detail>p{font-size:.9rem;color:var(--cp-text-muted)}
.museum-visitors .museum .facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
.museum-visitors .museum .facts div{background:var(--cp-surface-soft);font-size:.9rem}
.museum-visitors .museum .facts b{color:var(--cp-text-muted)}
.museum-visitors .museum .tag{color:var(--cp-accent)}
.museum-visitors .museum-links{margin-top:auto}
.museum-visitors .museum-links a,.museum-visitors .museum .facts a{color:var(--cp-link)}
.museum-visitors .museum-headquarters{scroll-margin-top:96px;margin:28px 0}
.museum-visitors .museum-headquarters .story-img{max-height:240px}
.museum-visitors .museum-history-handoff{background:var(--cp-surface);color:var(--cp-text);border:1px solid var(--cp-border);border-radius:16px;padding:24px}
.museum-visitors .museum-history-handoff .btn{display:inline-flex;flex-wrap:nowrap;gap:8px;max-width:100%;flex-shrink:0;border-radius:10px;background:var(--cp-accent);color:var(--cp-accent-fg)}
.museum-history-handoff .btn span[aria-hidden]{flex-shrink:0}
html[data-theme="dark"] .museum-visitors .headquarters-hours,html[data-theme="dark"] .museum-visitors .hero p.lede,html[data-theme="dark"] .museum-visitors .museum-section-head p{color:var(--cp-text-soft)}
@media(max-width:760px){.museum-shortcuts{grid-template-columns:1fr;gap:8px}.museum-shortcuts a{padding:8px 14px}.museum-shortcuts small{display:inline;margin-left:8px}.museum-visitors .museum-history-handoff .btn{flex-shrink:1}}
@media(max-width:360px){.museum-shortcuts small{display:block;margin-left:0}.museum-visitors .museum .facts{grid-template-columns:1fr}}
