*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#faf9fc;color:#25212b;font:17px/1.65 Arial,sans-serif}a{color:#6636a2}button,select,input{font:inherit}button,a.button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,.marker:focus-visible{outline:3px solid #b186ed;outline-offset:4px}header{background:#17131e;color:white;padding:20px 5%;display:flex;justify-content:space-between;gap:20px}header a{color:white;text-decoration:none;font-weight:bold}header span{display:block;font-size:10px;letter-spacing:2px;color:#cdb3f0}.hero{background-size:cover;background-position:center;min-height:650px;padding:70px 7%;color:white}.hero>div{max-width:700px}h1{font-size:clamp(52px,7.5vw,100px);line-height:1;letter-spacing:-4px;margin:15px 0 30px}h2{font-size:clamp(29px,4vw,46px);line-height:1.15;letter-spacing:-1px;margin:12px 0 25px}h3{font-size:24px;line-height:1.2;margin:12px 0}p{margin:15px 0}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:bold;color:#7644b7}.hero .eyebrow{color:#dcc5fc}.button{display:inline-block;background:#7544b7;color:white;border:0;border-radius:4px;padding:13px 22px;text-decoration:none;font-weight:bold}.date{font-size:12px;letter-spacing:1.3px;margin-top:35px}main{max-width:1150px;margin:auto;padding:0 35px}nav{display:flex;flex-wrap:wrap;gap:10px;padding:28px 0;border-bottom:1px solid #ddd}nav a{padding:8px 14px;border:1px solid #ddd;border-radius:30px;text-decoration:none;font-size:14px}.intro{font-size:23px;max-width:950px;margin:42px 0}section{scroll-margin-top:25px}main>section{padding:48px 0;border-bottom:1px solid #e4deeb}main>section>p{max-width:900px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#dfd7e9;border:1px solid #dfd7e9}.stats>div{padding:20px;background:white}small{display:block;color:#72697d;font-size:13px}.stats strong{display:block;font-size:19px;margin-top:8px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cards article{background:white;border:1px solid #e3dbea;border-top:4px solid #7644b7;padding:25px;display:flex;flex-direction:column}.number{font-size:42px;color:#d8c8ec;font-weight:bold}.cards button{background:#f2ecfa;border:0;color:#633799;padding:12px;margin-top:auto;text-align:left;font-weight:bold}.small,figcaption{font-size:13px;color:#706578}.tip{background:#ede4f8;border-left:4px solid #7544b7;padding:20px 25px;margin:25px 0;max-width:900px}.tip strong{font-size:11px;letter-spacing:1.5px;color:#67349d}.tip p{margin:8px 0 0}.maplayout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);border:1px solid #d9d1e4;background:white}.mapbox{position:relative;overflow:hidden;min-height:500px;background:#f3f1f8}.mapbox svg{display:block;width:100%;height:550px;touch-action:none;cursor:grab}.tools{position:absolute;z-index:2;top:15px;left:15px;display:flex;gap:5px}.tools button{border:1px solid #d4c8e4;background:white;padding:7px 13px}.mapdetail{padding:28px}.mapdetail select{width:100%;padding:10px;margin:12px 0;border:1px solid #ddd;background:white;font-size:14px}.marker{cursor:pointer}.marker.active circle,.marker.active rect{stroke:#e0602d;stroke-width:7}.marker.active circle{fill:#7644b7}.marker[hidden]{display:none}#spot-detail h3{margin-top:25px}.tablewrap{overflow:auto;margin:25px 0}table{border-collapse:collapse;width:100%;font-size:15px}th,td{border:1px solid #ddd;padding:14px;text-align:left}th{background:#292335;color:white}tr:nth-child(odd) td{background:#f3eff8}.activity{border-top:1px solid #dfd7e9;padding:22px 0}.activity small{color:#7644b7}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checks label{background:white;padding:13px;border:1px solid #e4deeb;display:flex;align-items:center;gap:10px}.checks input{width:20px;height:20px;accent-color:#7644b7;flex-shrink:0}.museum{float:right;width:230px;margin:0 0 25px 35px}.museum img{width:100%;height:310px;object-fit:cover}#beyond:after{content:"";display:block;clear:both}.cta{background:#211829!important;color:white;padding:40px!important;margin:30px 0}.cta .eyebrow{color:#cfaff6}.related{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px}.related a{color:#e2cef8;font-size:14px}.sources{padding:30px 0;font-size:14px}.sources summary{cursor:pointer;font-weight:bold}.sources li{margin:10px 0}.ref{font-size:12px}footer{background:#17131e;color:#c9bdd5;padding:28px;text-align:center;font-size:12px;letter-spacing:1px}.mapfilters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 10px}.mapfilters button{background:white;border:1px solid #d9d1e4;padding:8px 13px;border-radius:25px;font-size:14px}.mapfilters button[aria-pressed="true"]{background:#633799;color:white;border-color:#633799}.maplegend{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:#655a70}.mapdetail .source-links{padding-left:20px;font-size:13px}.mapdetail .source-links li{margin:6px 0}.mapdetail hr{border:0;border-top:1px solid #ddd;margin:25px 0}.facility-marker text{pointer-events:none}.view-photo{margin:16px 0 12px}.view-photo img{display:block;width:100%;height:auto;border-radius:12px}.view-photo figcaption{font-size:12px;color:#625c70;margin-top:6px}.view-area{font-size:17px;margin:12px 0 6px}.photo-credit{font-size:12px;line-height:1.5;margin:12px 0;color:#625c70}.photo-credit summary{cursor:pointer;color:#6034a5}.mapdetail{min-width:0}.photo-credit a{overflow-wrap:anywhere}
/* Responsive layout for standalone viewing and narrow Wix embeds. */
main > section, .stats > div, .cards article, .mapbox, .mapdetail {
  min-width: 0;
}
.stats strong, .stats small, .cards h3, .mapdetail h3, .view-area {
  overflow-wrap: anywhere;
}
img { max-width: 100%; }
.tablewrap { max-width: 100%; -webkit-overflow-scrolling: touch; }
.checks label { min-width: 0; overflow-wrap: anywhere; }
.source-links a, .sources a, .related a { overflow-wrap: anywhere; }

@media (max-width: 750px) {
  header { font-size: 13px; }
  .hero { min-height: 580px; padding: 55px 25px; }
  h1 { letter-spacing: -2px; }
  main { padding: 0 20px; }
  .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cards, .maplayout, .checks { grid-template-columns: minmax(0, 1fr); }
  .mapbox svg { height: 440px; }
  .mapbox { min-height: 440px; }
  .museum { float: none; width: 100%; margin: 20px 0; }
  .museum img { height: 300px; }
  .intro { font-size: 20px; }
  .cta { padding: 26px !important; }
  main > section { padding: 35px 0; }
}

@media (max-width: 600px) {
  body { font-size: 16px; line-height: 1.5; }
  header {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
    padding: 16px 12px;
  }
  header a { max-width: 100%; }
  header > a:first-child { font-size: 16px; line-height: 1.35; }
  header span {
    font-size: 10px;
    letter-spacing: 1.2px;
    line-height: 1.6;
    margin-top: 4px;
  }
  header > a:last-child {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 8px 12px;
    background: #31233f;
    border: 1px solid #69517f;
    border-radius: 4px;
    font-size: 13px;
  }
  main { width: 100%; padding: 0 10px; }
  .hero { padding: 30px 12px; min-height: 0; }
  h1 {
    font-size: clamp(30px, 10vw, 48px);
    line-height: 1.08;
    letter-spacing: -1px;
    overflow-wrap: anywhere;
    margin: 12px 0 22px;
  }
  h2 { font-size: 25px; line-height: 1.2; letter-spacing: -.5px; }
  h3 { font-size: 21px; line-height: 1.25; }
  .eyebrow { font-size: 11px; letter-spacing: 1.3px; }
  .date { font-size: 11px; letter-spacing: .7px; margin-top: 24px; }
  .button { max-width: 100%; padding: 12px 14px; font-size: 15px; }
  nav { gap: 7px; padding: 20px 0; }
  nav a { display: flex; align-items: center; min-height: 44px; padding: 8px 11px; }
  .intro { font-size: 18px; margin: 24px 0; }
  main > section { padding: 24px 0; }
  .stats { grid-template-columns: minmax(0, 1fr); }
  .stats > div { height: auto; padding: 14px; }
  .stats strong { font-size: 17px; line-height: 1.45; margin-top: 5px; white-space: normal; }
  .stats small { white-space: normal; }
  .tip, .cards article, .mapdetail { padding: 14px; }
  .tip { margin: 20px 0; }
  .cards { gap: 12px; }
  .cards button { min-height: 44px; white-space: normal; }
  .mapfilters { gap: 6px; }
  .mapfilters button { min-height: 44px; max-width: 100%; padding: 8px 10px; font-size: 13px; }
  .maplegend { gap: 8px; }
  .mapbox { min-height: 0; }
  .mapbox svg { height: clamp(280px, 85vw, 380px); }
  .tools { top: 8px; left: 8px; gap: 4px; }
  .tools button { min-width: 44px; min-height: 44px; padding: 6px 10px; }
  .mapdetail select { min-width: 0; max-width: 100%; font-size: 16px; min-height: 44px; }
  .view-photo { margin: 14px 0; }
  .view-photo img { width: 100%; height: auto; }
  table { font-size: 14px; }
  th, td { padding: 10px; overflow-wrap: break-word; }
  .checks label { padding: 12px; }
  .museum img { height: 240px; }
  .cta { padding: 20px 14px !important; }
  .related { flex-direction: column; gap: 12px; }
  .sources ul { padding-left: 20px; }
  footer { padding: 20px 12px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
/* Tables become labeled cards within a narrow mobile embed. */
@media (max-width: 600px) {
 .mobile-cards, .mobile-cards tbody { display: block; width: 100%; }
 .mobile-cards .table-head { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
 .mobile-cards tr:not(.table-head) { display: block; border: 1px solid #dfd7e9; border-top: 4px solid #7644b7; margin: 0 0 14px; background: white; }
 .mobile-cards td, .mobile-cards tr:nth-child(odd) td { display: block; width: 100%; border: 0; border-bottom: 1px solid #eee8f4; padding: 10px 12px; background: white; font-size: 15px; line-height: 1.5; overflow-wrap: normal; word-break: normal; }
 .mobile-cards td:last-child { border-bottom: 0; }
 .mobile-cards td::before { content: attr(data-label); display: block; margin-bottom: 3px; color: #6636a2; font-size: 12px; font-weight: bold; }
 .mobile-cards td:first-child { font-weight: bold; font-size: 17px; }
}

.hero{background-position:center 54%}.mapbox svg{touch-action:pan-y}.mapdetail{max-height:720px;overflow:auto}.mapbox{background:#f3f1f8}.guide-photo{margin:24px 0}.guide-photo img{width:100%;max-height:480px;object-fit:cover;border-radius:5px}.mapnote{font-size:13px;line-height:1.5}.mapdetail h4{margin:14px 0 4px}.mapdetail .view-photo img{max-height:260px;object-fit:cover}.mapdetail .view-photo figcaption{overflow-wrap:anywhere}.skip{position:absolute;left:15px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.mapbox svg.panning{touch-action:none}.tools{flex-wrap:wrap}.mapbox svg .marker text{pointer-events:none}.mapdetail:focus{outline:none}@media(max-width:750px){.mapdetail{max-height:none;overflow:visible}.mapbox svg{height:480px}}@media(max-width:600px){.mapbox svg{height:390px}.hero{padding-top:50px;padding-bottom:50px}.stats{grid-template-columns:minmax(0,1fr)}.tools button{font-size:13px}.mapdetail .view-photo img{max-height:none}.hero>div{max-width:100%}}

@media(max-width:600px){.stats strong,.stats small{overflow-wrap:normal;word-break:normal}.stats>div{padding:16px}}
