.ck-campus-explorer {
--brand: #586ba4;
  --brand-strong: #45598f;
  --navy: #002b5c;
  --rule: #192f5b;
  --yellow: #fced77;
  --sky: #3398e1;
  --logo-blue: #0170b9;
  --district-empty: #c9d4e8;
  --district-campus: #7285b9;
  --pale-blue: #edf2fa;
  --body-text: #4b4f58;
  --white: #fff;
  --content: 955px;
  --tabs: 1140px;
  --radius-native: 40px;
  --shadow-soft: 0 16px 42px rgba(25, 47, 91, 0.09);
  color-scheme: light;
  display: block;
  color: #4b4f58;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang HK", "Microsoft JhengHei", "Helvetica Neue", sans-serif;
  font-size: 18px;
  line-height: 1.65;
  text-align: start;
}

.ck-campus-explorer, .ck-campus-explorer * { box-sizing: border-box; }
.ck-campus-explorer button, .ck-campus-explorer select { font: inherit; }
.ck-campus-explorer button, .ck-campus-explorer a, .ck-campus-explorer select { -webkit-tap-highlight-color: transparent; }
.ck-campus-explorer button { cursor: pointer; }
.ck-campus-explorer a { color: inherit; }
.ck-campus-explorer img { display: block; max-width: 100%; }
.ck-campus-explorer [hidden] { display: none !important; }
.ck-campus-explorer :focus-visible { outline: 3px solid #fced77; outline-offset: 4px; }

/* Isolated district-explorer styles from the accepted demo. */
.ck-campus-explorer /* District explorer */ .map-explorer {padding: 27px; background: rgba(255,255,255,.93); border: 1px solid rgba(88,107,164,.14); border-radius: 32px 0; box-shadow: var(--shadow-soft); }.ck-campus-explorer .explorer-topline {display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 23px; }.ck-campus-explorer .explorer-topline h2 {margin: 3px 0 0; color: var(--navy); font-family: Helvetica, Arial, "Microsoft JhengHei", sans-serif; font-size: 26px; line-height: 1.35; }.ck-campus-explorer .map-workspace {display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }.ck-campus-explorer .map-column {min-width: 0; display: block; }.ck-campus-explorer .map-pan-viewport {width: 100%; max-width: 100%; }.ck-campus-explorer .map-drag-intro {display: none; }.ck-campus-explorer .map-canvas .map-drag-intro-icon {display: block; width: 60px; min-width: 60px; max-width: 60px; height: 60px; min-height: 60px; max-height: 60px; margin: 0; padding: 0; flex: none; }.ck-campus-explorer .map-drag-intro-label {font-size: 20px; font-weight: 700; line-height: 1.5; white-space: nowrap; }.ck-campus-explorer .map-canvas {position: relative; overflow: hidden; border: 1px solid #dde4f1;
  border-radius: 28px 0; background: var(--pale-blue); }.ck-campus-explorer .map-canvas svg {display: block; width: 100%; height: auto; max-height: none; overflow: hidden; }.ck-campus-explorer .map-elastic-layer {position: relative; width: 100%; overflow: clip; }.ck-campus-explorer .map-canvas .district {fill: var(--district-empty); stroke: #fff; stroke-width: 2; cursor: pointer;
  transition: fill 160ms ease, opacity 160ms ease; }.ck-campus-explorer .map-canvas .district.has-campus {fill: var(--district-campus); }.ck-campus-explorer .map-canvas .district.has-campus:hover,
.ck-campus-explorer .map-canvas .district.has-campus.is-hovered {fill: var(--brand-strong); }.ck-campus-explorer .map-canvas .district:not(.has-campus),
.ck-campus-explorer .map-canvas .district.is-noninteractive {cursor: help; pointer-events: auto; }.ck-campus-explorer .map-canvas .district.is-selected {fill: var(--yellow); stroke: #fff; stroke-width: 3; }.ck-campus-explorer .map-canvas .district:focus {outline: none; }.ck-campus-explorer /* Temporary touch feedback cannot obscure the selected state after release. */ .map-canvas.is-touch-interaction .district.has-campus:hover,
.ck-campus-explorer .map-canvas.is-touch-interaction .district.has-campus.is-hovered {fill: var(--district-campus); }.ck-campus-explorer .map-canvas.is-touch-interaction .district.has-campus.is-selected {fill: var(--yellow); }.ck-campus-explorer .map-canvas.is-touch-interaction .district.has-campus.is-pressed {fill: var(--brand-strong); }.ck-campus-explorer .map-canvas .district:focus-visible {fill: var(--yellow); stroke: var(--rule); stroke-width: 5; }.ck-campus-explorer .district-label,
.ck-campus-explorer .district-marker {pointer-events: none; }.ck-campus-explorer .district-label,
.ck-campus-explorer .ersha-entry-title {font-family: Helvetica, Arial, "Microsoft JhengHei", sans-serif; font-size: 24px; font-weight: 600; }.ck-campus-explorer .district-label {text-anchor: middle; fill: var(--brand); }.ck-campus-explorer .district-label.has-campus-label {fill: #fff; }.ck-campus-explorer .district-label.is-selected {fill: var(--navy); }.ck-campus-explorer .district-label.is-callout {fill: var(--navy); }.ck-campus-explorer .district-callout {fill: none; stroke: var(--navy); stroke-width: 2.5; stroke-linecap: round; pointer-events: none; }.ck-campus-explorer .district-marker circle {fill: var(--yellow); stroke: #fff; stroke-width: 2.5; }.ck-campus-explorer .district-marker text {fill: var(--navy); font-family: Arial, sans-serif; font-size: 20px; font-weight: 700; text-anchor: middle; dominant-baseline: central; }.ck-campus-explorer .district-marker.is-selected circle {fill: var(--navy); }.ck-campus-explorer .district-marker.is-selected text {fill: var(--yellow); }.ck-campus-explorer /* Fixed inside the frame,
.ck-campus-explorer outside the draggable SVG and its elastic layer. */ .map-source-credit {position: absolute; left: 10px; bottom: 9px; z-index: 3;
  color: #bcc5d1; font-size: 8px; font-weight: 400; line-height: 1.2;
  white-space: nowrap; pointer-events: none; user-select: none; }.ck-campus-explorer .map-tooltip {position: absolute; z-index: 10; max-width: 230px; padding: 8px 12px;
  pointer-events: none; color: #fff; background: var(--navy); border-radius: 10px 0;
  box-shadow: 0 8px 20px rgba(0,43,92,.18); font-size: 13px; line-height: 1.5; }.ck-campus-explorer .map-meta {min-height: 48px; display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 0 3px; }.ck-campus-explorer .map-legend {display: flex; flex-wrap: wrap; gap: 12px; color: #667085; font-size: 15px; line-height: 1.4; }.ck-campus-explorer .map-legend > span {display: flex; align-items: center; gap: 5px; }.ck-campus-explorer .legend-swatch {width: 13px; height: 13px; display: inline-block; border: 1px solid #fff; }.ck-campus-explorer .legend-swatch.campus-available {background: var(--district-campus); }.ck-campus-explorer .legend-swatch.no-campus {background: var(--district-empty); }.ck-campus-explorer .map-canvas .ersha-quiet-entry {cursor: pointer; }.ck-campus-explorer .ersha-quiet-entry:focus {outline: none; }.ck-campus-explorer .ersha-hit-area {fill: transparent; stroke: transparent; stroke-width: 5; transition: fill 120ms ease, stroke 120ms ease; }.ck-campus-explorer .ersha-quiet-entry:focus-visible .ersha-hit-area {fill: #f7f9fc; fill-opacity: .8; stroke: var(--brand); }.ck-campus-explorer .ersha-quiet-entry text {font-family: Helvetica, Arial, "Microsoft JhengHei", sans-serif; pointer-events: none; }.ck-campus-explorer .ersha-entry-pin {color: var(--brand); pointer-events: none; }.ck-campus-explorer .ersha-entry-pin path {fill: currentColor; }.ck-campus-explorer .ersha-entry-pin circle {fill: #edf2fa; }.ck-campus-explorer .ersha-quiet-entry:hover .ersha-entry-pin,
.ck-campus-explorer .ersha-quiet-entry.is-selected .ersha-entry-pin {color: var(--navy); }.ck-campus-explorer .ersha-entry-title {fill: var(--brand); text-decoration: underline; text-decoration-color: #7f90b7; text-decoration-thickness: 1px; text-underline-offset: 5px; }.ck-campus-explorer .ersha-quiet-entry:hover .ersha-entry-title,
.ck-campus-explorer .ersha-quiet-entry.is-selected .ersha-entry-title {fill: var(--navy); text-decoration-color: var(--navy); }.ck-campus-explorer .ersha-quiet-entry.is-selected .ersha-entry-title {text-decoration-thickness: 1.5px; }.ck-campus-explorer #campus-panel {scroll-margin-top: 110px; }.ck-campus-explorer .campus-panel {--panel-inline-pad:25px; min-width: 0; padding: 28px var(--panel-inline-pad); color: #fff;
  background-color: var(--brand);
  background-image: linear-gradient(rgba(88,107,164,.94), rgba(88,107,164,.94)), url('../images/location-banner.jpg');
  background-position: center 65%; background-size: cover; background-repeat: no-repeat;
  border-radius: 32px 0; }.ck-campus-explorer .campus-panel h2 {margin: 0 0 6px; color: #fff; font-family: Helvetica, Arial, "Microsoft JhengHei", sans-serif; font-size: 29px; line-height: 1.35; }.ck-campus-explorer .panel-back-navigation {margin: 0 0 12px; color: #fff; font-size: 16px; line-height: 1.5; }.ck-campus-explorer .panel-back-navigation ol {display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; padding: 0; list-style: none; }.ck-campus-explorer .panel-back-button {display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 7px 0;
  border: 0; color: #fff; background: transparent; font: inherit; font-weight: 600;
  text-align: left; text-decoration: underline; text-underline-offset: 4px; }.ck-campus-explorer .panel-back-button:hover,
.ck-campus-explorer .panel-back-button:focus {color: #fff; background: transparent; opacity: 1; }.ck-campus-explorer .panel-back-separator,
.ck-campus-explorer .panel-back-current {color: #f2f4fb; }.ck-campus-explorer .panel-summary {margin: 0 0 20px; color: #fff; font-size: 18px; line-height: 1.65; }.ck-campus-explorer .panel-description {margin: -5px 0 22px; color: #f2f4fb; font-size: 16px; line-height: 1.75; }.ck-campus-explorer /* Short centred separator; source motif is the site's original Elementor tribal tile. */ .panel-tribal-divider {display: flex; flex-wrap: nowrap; align-items: flex-start;
  width: 82%; max-width: 780px; overflow: hidden;
  margin: 40px auto 30px; opacity: .6; pointer-events: none; }.ck-campus-explorer /* Intrinsic image height follows the motif tile; no independent band height or baseline gap. */ .panel-tribal-divider > .tribal-tile {flex: 0 0 68px; width: 68px; height: auto; }.ck-campus-explorer .district-directory {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }.ck-campus-explorer .district-button {min-width: 0; min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 12px 16px; border: 1px solid rgba(255,255,255,.25); border-radius: 10px 0;
  color: #fff; background: #6579b1; font-size: 18px; font-weight: 600; line-height: 1.35; text-align: left; }.ck-campus-explorer .district-button > span {flex: 1 1 auto; min-width: 0; }.ck-campus-explorer .district-button:hover {color: var(--navy); background: var(--yellow); border-color: var(--yellow); }.ck-campus-explorer .district-button small {flex: 0 0 24px; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; color: var(--navy); background: var(--yellow); font-size: 12px; }.ck-campus-explorer .district-button:hover small {background: #fff; }.ck-campus-explorer /* A percentage gap resolves against this panel,
.ck-campus-explorer not the viewport. Subtract the two 348px card widths; the ready pair uses up to 56px of spare space. */ .panel-results {display: flex; flex-wrap: wrap; justify-content: center; row-gap: 23px; column-gap: clamp(23px, calc(100% - 696px), 56px); }.ck-campus-explorer .panel-results .campus-card {flex: 0 0 auto; width: 100%; max-width: min(348px, 100%); color: #fff; }

/* Centre each card in the single-column narrow-screen result layout. */
@media (max-width: 767px) {.ck-campus-explorer .panel-results {flex-direction: column; flex-wrap: nowrap; align-items: center; }
}.ck-campus-explorer /* One shared crop-frame proportion for one- or two-campus results. */ .panel-results .campus-card > img {display: block; height: auto; aspect-ratio: 348 / 180; margin: 0 0 5px; }.ck-campus-explorer .panel-results .campus-card .card-title {margin-top: 8px; font-size: 20px; letter-spacing: 1.5px; }.ck-campus-explorer .panel-results .campus-card .card-rule {border-color: var(--yellow); }.ck-campus-explorer .panel-results .campus-card .card-link-label {color: var(--yellow); font-size: 17px; line-height: 1.5; }.ck-campus-explorer .empty-note {margin: 14px 0 22px; }.ck-campus-explorer .panel-reset {min-height: 46px; padding: 10px 17px; border: 0; border-radius: 12px 0; color: var(--navy); background: var(--yellow); font-weight: 600; }.ck-campus-explorer .noscript-note {padding: 15px; color: var(--navy); background: var(--yellow); }.ck-campus-explorer /* Existing school-card pattern */ .campus-card {min-width: 0; display: block; color: var(--navy); text-decoration: none; }.ck-campus-explorer .campus-card img {width: 100%; height: 180px; margin-bottom: 5px; object-fit: cover; object-position: center; border-radius: var(--radius-native) 0; transition: filter 160ms ease, transform 160ms ease; }.ck-campus-explorer .campus-card:hover img {filter: saturate(1.08); transform: translateY(-2px); }.ck-campus-explorer .card-title {margin: 0; font-size: 20px; font-weight: 400; line-height: 1.4; letter-spacing: 4px; }.ck-campus-explorer .card-rule {width: 72px; margin-top: 5px; border-bottom: 2px solid var(--rule); }.ck-campus-explorer .card-link-label {display: block; margin-top: 7px; color: var(--brand); font-size: 12px; letter-spacing: .4px; opacity: 0; transition: opacity 160ms ease; }.ck-campus-explorer .campus-card:hover .card-link-label,
.ck-campus-explorer .campus-card:focus-visible .card-link-label {opacity: 1; }.ck-campus-explorer /* Other production tabs retained for a complete page simulation */ .inner-panel {min-height: 520px; }.ck-campus-explorer .news-list {margin: 38px 0 0; padding: 0; list-style: none; background: rgba(255,255,255,.72); }.ck-campus-explorer .news-list li {display: grid; grid-template-columns: 135px 1fr; gap: 20px; align-items: baseline; padding: 22px 24px; border-bottom: 1px solid #dde3ef; }.ck-campus-explorer .news-list time {color: var(--brand); font-size: 15px; }.ck-campus-explorer .news-list a {color: var(--navy); font-size: 18px; font-weight: 600; text-decoration: none; }.ck-campus-explorer .news-list a:hover {color: var(--brand); text-decoration: underline; text-underline-offset: 4px; }.ck-campus-explorer .panel-intro {color: var(--brand); }.ck-campus-explorer .activity-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 20px; margin-top: 35px; }.ck-campus-explorer .activity-grid figure {margin: 0; }.ck-campus-explorer .activity-grid img {width: 100%; height: 180px; object-fit: cover; border-radius: var(--radius-native) 0; }.ck-campus-explorer .activity-grid figcaption {margin-top: 11px; color: var(--navy); font-size: 17px; line-height: 1.5; }.ck-campus-explorer .activity-grid figcaption span {display: block; color: var(--brand); font-size: 13px; }.ck-campus-explorer .choir-copy {padding: 28px 30px; color: var(--brand); background: rgba(255,255,255,.72); border-radius: 28px 0; }.ck-campus-explorer .choir-copy p {margin: 0 0 20px; }.ck-campus-explorer .choir-copy p:last-child {margin-bottom: 0; }.ck-campus-explorer .choir-copy a {color: var(--navy); font-weight: 600; }.ck-campus-explorer .site-footer {padding: 33px 0 20px; color: #fff; background: var(--sky); }.ck-campus-explorer .footer-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }.ck-campus-explorer .footer-grid h2 {margin: 0 0 10px; font-size: 19px; font-weight: 400; }.ck-campus-explorer .footer-grid a,
.ck-campus-explorer .footer-grid div > span {display: table; margin: 5px 0; color: #fff; font-size: 14px; text-decoration: none; }.ck-campus-explorer .footer-grid a:hover {text-decoration: underline; }.ck-campus-explorer .copyright,
.ck-campus-explorer .demo-note {width: calc(100% - 40px); max-width: var(--tabs); margin: 26px auto 0; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.35); font-size: 14px; }.ck-campus-explorer .demo-note {margin-top: 6px; padding: 0; border: 0; color: rgba(255,255,255,.8); font-size: 11px; letter-spacing: .5px; }

@media (max-width: 1220px) {.ck-campus-explorer .primary-nav a {padding-inline: 17px; font-size: 17px; }.ck-campus-explorer .primary-nav {margin-left: -17px; }.ck-campus-explorer .header-shell {max-width: 1140px; }
}
@media (max-width: 1000px) {.ck-campus-explorer .site-header {height: 72px; }.ck-campus-explorer main {padding-top: 72px; }.ck-campus-explorer .header-shell {justify-content: space-between; padding-inline: 18px; }.ck-campus-explorer .brand {flex-basis: auto; align-self: center; }.ck-campus-explorer .brand img {width: 61px; height: 55px; margin-top: 0; }.ck-campus-explorer .header-right {flex: 0 1 auto; display: flex; flex-direction: row-reverse; align-items: center; gap: 12px; }.ck-campus-explorer .utility-row {height: auto; gap: 7px; }.ck-campus-explorer .social-links {display: none; }.ck-campus-explorer .menu-toggle {width: 46px; height: 46px; display: grid; align-content: center; gap: 5px; padding: 10px; border: 1px solid rgba(255,255,255,.4); border-radius: 8px 0; background: transparent; }.ck-campus-explorer .menu-toggle span {display: block; width: 23px; height: 2px; margin-inline: auto; background: #fff; }.ck-campus-explorer .primary-nav {position: absolute; top: 72px; right: 0; left: 0; display: none; grid-template-columns: repeat(2, 1fr); margin: 0; padding: 10px 18px 18px; background: rgba(0,43,92,.98); box-shadow: 0 14px 25px rgba(0,0,0,.18); }.ck-campus-explorer .primary-nav.open {display: grid; }.ck-campus-explorer .primary-nav a {min-height: 48px; padding: 12px 17px; }.ck-campus-explorer .campus-hero {height: 460px; }.ck-campus-explorer .page-tab {padding-inline: 12px; font-size: 16px; }.ck-campus-explorer .district-label,
.ck-campus-explorer .ersha-entry-title {font-size: 25px; }

}
@media (max-width: 900px) {.ck-campus-explorer /* Retain the 6px narrow-screen credit; only desktop grows it to 8px. */ .map-source-credit {font-size: 6px; }.ck-campus-explorer /* The reset now lives beside selected campus results; collapse the empty row. */ .map-meta,
.ck-campus-explorer .map-legend {display: none; }.ck-campus-explorer /* Scale the unchanged desktop SVG into a movable viewport,
.ck-campus-explorer never redraw it. */ .map-pan-viewport {height: clamp(380px, 58vh, 600px); overflow: auto; cursor: grab;
    overscroll-behavior-x: contain; overscroll-behavior-y: auto;
    background: var(--pale-blue);
    touch-action: none; -webkit-overflow-scrolling: touch;
    scrollbar-width: none; scrollbar-color: transparent transparent;
    scrollbar-gutter: auto; }.ck-campus-explorer .map-pan-viewport.is-dragging {cursor: grabbing; user-select: none; }.ck-campus-explorer .map-pan-viewport:focus-visible {outline: 2px solid var(--brand); outline-offset: -3px; }.ck-campus-explorer .map-canvas svg {width: 860px; min-width: 860px; }.ck-campus-explorer /* More ordinary drag travel: 220px of empty room on every side of the map. The wrapper's border-box leaves the unchanged 860px SVG at its full size. */ .map-elastic-layer {box-sizing: border-box; width: 1300px; padding: 220px; overflow: clip; }.ck-campus-explorer .map-elastic-layer.is-edge-settling {transition: transform 220ms cubic-bezier(.2,.75,.35,1); }.ck-campus-explorer .map-pan-viewport::-webkit-scrollbar {display: none; width: 0; height: 0; }.ck-campus-explorer .map-pan-viewport.is-pannable + .map-gesture-hint {display: grid; }.ck-campus-explorer .map-drag-intro {position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column;
    align-items: center; justify-content: center; gap: 14px; padding: 20px;
    color: var(--navy); background: rgba(229, 235, 243, .62);
    pointer-events: none; text-align: center;
    opacity: 1; transition: opacity 180ms ease, visibility 180ms; }.ck-campus-explorer .map-drag-intro.is-dismissed {opacity: 0; visibility: hidden; }
}.ck-campus-explorer .map-gesture-hint {display: none;
  position: absolute; right: 14px; bottom: 14px; z-index: 3;
  width: 42px; height: 42px; padding: 0; box-sizing: border-box;
  place-items: center; pointer-events: none;
  border: 1px solid #dde4f1; border-radius: 50%; background: #fff; color: var(--brand); }.ck-campus-explorer .map-gesture-hint > svg.map-gesture-icon {display: block; width: 28px; height: 28px; min-width: 28px; max-width: 28px;
  padding: 0; margin: 0; overflow: visible; flex: none; }
@media (max-width: 900px) {.ck-campus-explorer .district-directory {grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {.ck-campus-explorer html {scroll-padding-top: 88px; }.ck-campus-explorer .campus-hero {height: 360px; }.ck-campus-explorer .tab-panel {padding-top: 18px; }.ck-campus-explorer .section-heading h1,
.ck-campus-explorer .inner-panel h1 {font-size: 30px; margin-bottom: 16px; }.ck-campus-explorer .section-heading > p {font-size: 16px; }.ck-campus-explorer .map-explorer {padding: 21px; }.ck-campus-explorer .explorer-topline {align-items: flex-start; flex-direction: column; gap: 14px; }.ck-campus-explorer .explorer-topline h2 {font-size: 24px; }.ck-campus-explorer .district-label,
.ck-campus-explorer .ersha-entry-title {font-size: 28px; }.ck-campus-explorer .card-title {font-size: 19px; letter-spacing: 3px; }.ck-campus-explorer .card-link-label {opacity: 1; }.ck-campus-explorer .activity-grid {grid-template-columns: repeat(2, minmax(0,1fr)); }.ck-campus-explorer .news-list li {grid-template-columns: 105px 1fr; gap: 13px; padding-inline: 15px; }.ck-campus-explorer .news-list a {font-size: 16px; }
}
@media (max-width: 540px) {.ck-campus-explorer .content-narrow,
.ck-campus-explorer .page-tabs-shell {width: calc(100% - 24px); }.ck-campus-explorer .campus-hero {height: 260px; }.ck-campus-explorer .campus-hero img {object-position: 53% center; }.ck-campus-explorer .page-tabs {grid-template-columns: repeat(2, 1fr); }.ck-campus-explorer .page-tab {min-height: 56px; padding: 13px 8px; font-size: 15px; }.ck-campus-explorer .page-tab + .page-tab {border-left: 0; }.ck-campus-explorer .page-tab:nth-child(even) {border-left: 1px solid rgba(255,255,255,.14); }.ck-campus-explorer .map-explorer {padding: 17px; border-radius: 25px 0; }.ck-campus-explorer .map-canvas {border-radius: 22px 0; }.ck-campus-explorer .map-meta {align-items: flex-start; }.ck-campus-explorer .map-legend {gap: 8px; }.ck-campus-explorer .campus-panel {--panel-inline-pad: 20px; padding: 24px var(--panel-inline-pad); border-radius: 25px 0; }.ck-campus-explorer .district-directory {grid-template-columns: 1fr; gap: 10px; }.ck-campus-explorer .news-list li {grid-template-columns: 1fr; gap: 2px; }.ck-campus-explorer .activity-grid {grid-template-columns: 1fr; }.ck-campus-explorer .activity-grid img {height: 200px; }.ck-campus-explorer .choir-copy {padding: 22px 20px; font-size: 16px; }.ck-campus-explorer .footer-grid {grid-template-columns: 1fr; gap: 22px; }
}
@media (prefers-reduced-motion: reduce) {.ck-campus-explorer html {scroll-behavior: auto; }.ck-campus-explorer *,
.ck-campus-explorer *::before,
.ck-campus-explorer *::after {transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
/* Move only an ordinary HTML wrapper; don't separately composite inline SVG. */
@media (max-width: 900px) {
  .ck-campus-explorer .map-pan-viewport.is-dragging .district,
  .ck-campus-explorer .map-pan-viewport.is-dragging .ersha-quiet-entry { pointer-events: none; }
}

/* Site-wide Astra heading rules must not turn these card titles grey. */
.ck-campus-explorer .panel-results .campus-card .card-title {
  color: #fff;
}
/* Preserve the lower-panel back link through focus and incoming site button styles.
   The widget's separate :focus-visible outline remains available to keyboards. */
.ck-campus-explorer .panel-back-button:focus {
  color: #fff;
  background-color: transparent;
}

/* The desktop/standalone demo's internal content-narrow inset must not become
   a one-sided phone gap. The existing Elementor widget wrapper is already centred. */
@media (max-width: 540px) {
  .ck-campus-explorer > .map-explorer.content-narrow {
    width: 100%;
    margin-inline: 0;
  }
}