/* Sea World & Shuiwan: page-local magazine layout and accessible visit tools. */
main.shekou-subarea-page .sw-guide {
  --sw-ink: #102b50;
  --sw-blue: #0069ec;
  --sw-blue-dark: #0055bf;
  --sw-muted: #47617f;
  --sw-line: #d7e5f6;
  --sw-soft: #f3f8ff;
  --sw-green: #007b5c;
  min-width: 0;
  max-width: 100%;
  background: #fff;
  color: var(--sw-ink);
  font: 15px/1.5 Arial, Helvetica, sans-serif;
  text-align: left;
  overflow-wrap: anywhere;
}
main.shekou-subarea-page .sw-guide, main.shekou-subarea-page .sw-guide *, main.shekou-subarea-page .sw-guide *::before, main.shekou-subarea-page .sw-guide *::after { box-sizing: border-box; }
main.shekou-subarea-page .sw-guide [hidden] { display: none !important; }
main.shekou-subarea-page .sw-guide :is(section, article, aside, div, form, fieldset, nav) { min-width: 0; }
main.shekou-subarea-page .sw-guide :is(h1, h2, h3, h4) {
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  color: var(--sw-ink);
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.025em;
  text-transform: none;
}
main.shekou-subarea-page .sw-guide h2 { font-size: 23px; }
main.shekou-subarea-page .sw-guide h3 { font-size: 18px; }
main.shekou-subarea-page .sw-guide h4 { font-size: 16px; }
main.shekou-subarea-page .sw-guide :is(p, li, dt, dd, label) { color: var(--sw-muted); font: inherit; }
main.shekou-subarea-page .sw-guide p { margin: 0 0 11px; }
main.shekou-subarea-page .sw-guide p:last-child { margin-bottom: 0; }
main.shekou-subarea-page .sw-guide :is(ul, ol) { margin: 0 0 12px; padding-left: 20px; }
main.shekou-subarea-page .sw-guide li { margin-bottom: 6px; }
main.shekou-subarea-page .sw-guide figure { margin: 0; }
main.shekou-subarea-page .sw-guide small { font: 12px/1.45 Arial, Helvetica, sans-serif; }
main.shekou-subarea-page .sw-guide a { color: var(--sw-blue-dark); text-underline-offset: 3px; }
main.shekou-subarea-page .sw-guide a:hover { color: #003e90; }
main.shekou-subarea-page .sw-guide img { display: block; max-width: 100%; height: auto; }
main.shekou-subarea-page .sw-guide svg:not(.sw-map-svg) { display: inline-block; flex: 0 0 auto; width: 23px; height: 23px; max-width: 100%; color: var(--sw-blue); vertical-align: middle; }
main.shekou-subarea-page .sw-guide :is(button, input, select, textarea) { max-width: 100%; font: 14px/1.4 Arial, Helvetica, sans-serif; letter-spacing: normal; text-transform: none; }
main.shekou-subarea-page .sw-guide button { cursor: pointer; }
main.shekou-subarea-page .sw-guide :is(button, input, select):disabled { cursor: not-allowed; opacity: .6; }
main.shekou-subarea-page .sw-guide :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 3px solid #0058c9; outline-offset: 3px; }
main.shekou-subarea-page .sw-guide :is(input[type="checkbox"], input[type="radio"]) { appearance: auto; -webkit-appearance: auto; display: inline-block; position: static; flex: 0 0 17px; width: 17px; min-width: 17px; height: 17px; margin: 2px 0 0; padding: 0; opacity: 1; clip: auto; clip-path: none; accent-color: var(--sw-blue); }
main.shekou-subarea-page .sw-guide [id] { scroll-margin-top: 100px; }
main.shekou-subarea-page .sw-guide .sw-wrap { width: 100%; max-width: 1280px; margin-inline: auto; padding-inline: 24px; }
main.shekou-subarea-page .sw-guide .sw-eyebrow { color: #547091; font: 700 11px/1.4 Arial, sans-serif; text-transform: uppercase; letter-spacing: .14em; }
main.shekou-subarea-page .sw-guide .sw-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 16px; }
main.shekou-subarea-page .sw-guide :is(a, button).sw-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; max-width: 100%; padding: 10px 15px;
  border: 1px solid var(--sw-blue); border-radius: 5px;
  color: #fff; background: var(--sw-blue); box-shadow: none;
  font: 700 14px/1.35 Arial, Helvetica, sans-serif;
  text-align: center; text-decoration: none; white-space: normal;
  transition: background-color .15s ease, border-color .15s ease;
}
main.shekou-subarea-page .sw-guide :is(a, button).sw-button:hover { color: #fff; background: #0054be; border-color: #0054be; text-decoration: none; }
main.shekou-subarea-page .sw-guide :is(a, button):is(.sw-button-light, .sw-outline) { color: var(--sw-blue-dark); background: #fff; border-color: #b0cef1; }
main.shekou-subarea-page .sw-guide :is(a, button):is(.sw-button-light, .sw-outline):hover { color: #004da8; background: #eaf4ff; border-color: #6ca7ed; }
main.shekou-subarea-page .sw-guide .sw-button svg { width: 18px; height: 18px; color: inherit; }

/* Full-width waterfront image, with a consistent reading surface on the left. */
main.shekou-subarea-page .sw-guide .sw-hero { position: relative; isolation: isolate; min-height: 365px; overflow: hidden; background: #0c2d4e; color: #fff; }
main.shekou-subarea-page .sw-guide .sw-hero-image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center 57%; }
main.shekou-subarea-page .sw-guide .sw-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #062037ed 0%, #0c294bcb 37%, #102b506b 65%, #0c233a25 100%), linear-gradient(0deg, #071f39cd, transparent 38%); }
main.shekou-subarea-page .sw-guide .sw-hero > .sw-wrap { position: relative; min-height: 365px; padding-block: 19px 20px; }
main.shekou-subarea-page .sw-guide .sw-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 0 0 23px; color: #eaf4ff; font: 12px/1.4 Arial, sans-serif; }
main.shekou-subarea-page .sw-guide .sw-breadcrumb a { color: #fff; text-decoration: none; }
main.shekou-subarea-page .sw-guide .sw-breadcrumb a:hover { text-decoration: underline; }
main.shekou-subarea-page .sw-guide .sw-hero-copy { position: relative; z-index: 1; max-width: 730px; }
main.shekou-subarea-page .sw-guide .sw-hero .sw-eyebrow { margin-bottom: 8px; color: #d2eaff; }
main.shekou-subarea-page .sw-guide .sw-hero h1 { max-width: 780px; margin-bottom: 9px; color: #fff; -webkit-text-fill-color: #fff; font-size: clamp(38px, 4.15vw, 57px); line-height: 1.04; letter-spacing: -.04em; text-wrap: balance; }
main.shekou-subarea-page .sw-guide .sw-hero .sw-lead { max-width: 690px; margin-bottom: 10px; color: #fff; font-size: 22px; line-height: 1.25; }
main.shekou-subarea-page .sw-guide .sw-hero .sw-intro { max-width: 650px; margin-bottom: 0; color: #f2f6fc; font-size: 15px; line-height: 1.45; }
main.shekou-subarea-page .sw-guide .sw-hero .sw-actions { margin-top: 15px; }
main.shekou-subarea-page .sw-guide .sw-hero :is(a, button):focus-visible { outline-color: #fff; }
main.shekou-subarea-page .sw-guide .sw-hero-note { position: absolute; top: 55px; right: 42px; max-width: 270px; margin: 0; transform: rotate(-5deg); color: #fff; text-shadow: 0 2px 13px #071c3980; font: italic 25px/1.2 "Segoe Print", "Bradley Hand", cursive; text-align: center; }
main.shekou-subarea-page .sw-guide .sw-hero-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 9px 19px; margin-top: 23px; padding-top: 13px; border-top: 1px solid #c6dbf44d; color: #fff; }
main.shekou-subarea-page .sw-guide .sw-hero-meta > span { display: flex; align-items: center; gap: 7px; max-width: 100%; color: #f7fbff; font: 12px/1.4 Arial, sans-serif; }
main.shekou-subarea-page .sw-guide .sw-hero-meta svg { width: 20px; height: 20px; color: #fff; }
main.shekou-subarea-page .sw-guide .sw-photo-credit { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; margin-top: 12px; color: #eff7ff; font: 11px/1.45 Arial, sans-serif; }
main.shekou-subarea-page .sw-guide .sw-photo-credit:hover { color: #fff; }
main.shekou-subarea-page .sw-guide .sw-photo-credit svg { width: 15px; height: 15px; color: currentColor; }

/* A quick orientation strip precedes the two-column editorial dashboard. */
main.shekou-subarea-page .sw-guide .sw-facts { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 9px; margin: 13px 0 16px; }
main.shekou-subarea-page .sw-guide .sw-facts > article { display: flex; align-items: flex-start; gap: 9px; padding: 13px 10px; border: 1px solid var(--sw-line); border-radius: 5px; background: linear-gradient(145deg, #fff, #f5f9ff); }
main.shekou-subarea-page .sw-guide .sw-facts > article > svg { width: 25px; height: 25px; }
main.shekou-subarea-page .sw-guide .sw-facts h2 { margin: 0 0 5px; color: #124a97; font-size: 13px; line-height: 1.3; letter-spacing: -.015em; }
main.shekou-subarea-page .sw-guide .sw-facts p { margin: 0; font-size: 12px; line-height: 1.45; }
main.shekou-subarea-page .sw-guide .sw-layout { display: grid; grid-template-columns: minmax(0, 1fr) 236px; align-items: start; gap: 16px; padding-bottom: 24px; }
main.shekou-subarea-page .sw-guide .sw-main, main.shekou-subarea-page .sw-guide .sw-sidebar { display: flex; flex-direction: column; gap: 14px; }
main.shekou-subarea-page .sw-guide .sw-panel { min-width: 0; margin: 0; padding: 15px; border: 1px solid var(--sw-line); border-radius: 6px; background: linear-gradient(135deg, #fff 55%, #f8fbff); box-shadow: 0 1px 3px #173a6004; }
main.shekou-subarea-page .sw-guide .sw-panel > :last-child { margin-bottom: 0; }
main.shekou-subarea-page .sw-guide .sw-section-head { display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 12px; row-gap: 5px; margin: 0 0 13px; padding: 0; border: 0; }
main.shekou-subarea-page .sw-guide .sw-section-head h2 { flex: 1; margin: 0; color: #064699; font-size: 23px; }
main.shekou-subarea-page .sw-guide .sw-section-head > div { flex: 1; }
main.shekou-subarea-page .sw-guide .sw-section-head > div h2 { margin: 0 0 5px; }
main.shekou-subarea-page .sw-guide .sw-section-head p { flex-basis: 100%; margin: 0; font-size: 13px; line-height: 1.45; }
main.shekou-subarea-page .sw-guide .sw-section-head > a { display: inline-flex; align-items: center; gap: 5px; min-height: 44px; max-width: 100%; margin: -8px 0 -5px auto; font: 13px/1.4 Arial, sans-serif; text-decoration: none; }
main.shekou-subarea-page .sw-guide .sw-section-head > a:hover { text-decoration: underline; }
main.shekou-subarea-page .sw-guide .sw-section-head h2 svg, main.shekou-subarea-page .sw-guide .sw-panel > h2 svg { margin-right: 6px; width: 24px; height: 24px; }
main.shekou-subarea-page .sw-guide .sw-note { margin: 10px 0 0; color: #526783; font-size: 12px; line-height: 1.5; }
main.shekou-subarea-page .sw-guide .sw-status { min-height: 0; margin: 9px 0 0; color: #315d81; font-size: 13px; line-height: 1.45; }
main.shekou-subarea-page .sw-guide .sw-status:empty { display: none; }

main.shekou-subarea-page .sw-guide .sw-story-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
main.shekou-subarea-page .sw-guide .sw-story-grid article { position: relative; }
main.shekou-subarea-page .sw-guide .sw-story-grid article:not(:last-child)::after { content: "→"; position: absolute; z-index: 1; top: 54px; right: -12px; width: 14px; background: #fff; color: var(--sw-blue); font: 700 17px/1 Arial, sans-serif; text-align: center; }
main.shekou-subarea-page .sw-guide .sw-story-grid img { width: 100%; aspect-ratio: 1.65; object-fit: cover; border: 1px solid #d5e5f7; border-radius: 4px; }
main.shekou-subarea-page .sw-guide .sw-story-grid small { display: block; margin-top: 7px; color: #416891; font-size: 11px; }
main.shekou-subarea-page .sw-guide .sw-story-grid h3 { margin: 6px 0 5px; color: #144b93; font-size: 15px; line-height: 1.3; }
main.shekou-subarea-page .sw-guide .sw-story-grid p { margin: 0; font-size: 13px; line-height: 1.45; }
main.shekou-subarea-page .sw-guide .sw-story-grid article > a { display: inline-flex; align-items: center; min-height: 38px; margin-top: 4px; font-size: 12px; line-height: 1.4; }

main.shekou-subarea-page .sw-guide .sw-planner-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(235px, 1fr); gap: 12px; }
main.shekou-subarea-page .sw-guide .sw-rhythms { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
main.shekou-subarea-page .sw-guide .sw-rhythm { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 86px; min-width: 0; padding: 10px 7px; border: 1px solid var(--sw-line); border-radius: 5px; background: #f5f9ff; color: #16457f; font: 700 13px/1.35 Arial, sans-serif; text-align: center; }
main.shekou-subarea-page .sw-guide .sw-rhythm svg { width: 28px; height: 28px; }
main.shekou-subarea-page .sw-guide .sw-rhythm:nth-child(4n+1) svg { color: #d37d00; }
main.shekou-subarea-page .sw-guide .sw-rhythm:nth-child(4n+2) svg { color: #008463; }
main.shekou-subarea-page .sw-guide .sw-rhythm:nth-child(4n+4) svg { color: #e32b6d; }
main.shekou-subarea-page .sw-guide .sw-rhythm:hover { border-color: #72a9ee; background: #eaf4ff; }
main.shekou-subarea-page .sw-guide .sw-rhythm[aria-pressed="true"] { border-color: var(--sw-blue); color: #004ea8; background: #e4f1ff; box-shadow: inset 0 0 0 1px var(--sw-blue); }
main.shekou-subarea-page .sw-guide .sw-day-plan { background: linear-gradient(145deg, #eaf5ff, #f9fcff); }
main.shekou-subarea-page .sw-guide .sw-day-plan > h2 { margin-bottom: 6px; color: #064699; font-size: 21px; }
main.shekou-subarea-page .sw-guide .sw-day-plan > p:not(.sw-note) { font-size: 13px; line-height: 1.45; }
main.shekou-subarea-page .sw-guide .sw-timeline { display: flex; flex-direction: column; gap: 0; margin: 12px 0; padding: 0 0 0 8px; list-style: none; }
main.shekou-subarea-page .sw-guide .sw-timeline li { position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 3px 9px; margin: 0; padding: 0 0 14px 13px; border-left: 1px solid #a1c5f1; font-size: 13px; line-height: 1.4; }
main.shekou-subarea-page .sw-guide .sw-timeline li:last-child { padding-bottom: 0; border-left-color: transparent; }
main.shekou-subarea-page .sw-guide .sw-timeline li::before { content: ""; position: absolute; top: 4px; left: -4px; width: 7px; height: 7px; border-radius: 50%; background: var(--sw-blue); }
main.shekou-subarea-page .sw-guide .sw-timeline time { color: #005ab9; font-weight: 700; font-variant-numeric: tabular-nums; }
main.shekou-subarea-page .sw-guide .sw-timeline strong { color: #234b7e; font-size: 13px; line-height: 1.4; }
main.shekou-subarea-page .sw-guide .sw-timeline li > div h3 { margin: 0 0 3px; color: #234b7e; font-size: 14px; line-height: 1.4; }
main.shekou-subarea-page .sw-guide .sw-timeline p { grid-column: 2; margin: 0; font-size: 12px; line-height: 1.45; }
main.shekou-subarea-page .sw-guide .sw-day-plan > .sw-button { width: 100%; margin-top: 11px; }

main.shekou-subarea-page .sw-guide .sw-map-layout { display: grid; grid-template-columns: minmax(0, 1fr) 205px; align-items: start; gap: 12px; }
main.shekou-subarea-page .sw-guide .sw-map-visual { overflow: hidden; border: 1px solid #ccdfeb; border-radius: 5px; background: #eaf6f2; }
main.shekou-subarea-page .sw-guide .sw-map-svg { display: block; width: 100%; max-width: 100%; height: auto; }
main.shekou-subarea-page .sw-guide .sw-map-svg text { font-family: Arial, Helvetica, sans-serif; }
main.shekou-subarea-page .sw-guide .sw-map-visual > .sw-note { margin: 0; padding: 10px 12px; border-top: 1px solid #cbdfe8; background: #f5faf7; }
main.shekou-subarea-page .sw-guide .sw-map-controls { display: flex; flex-direction: column; gap: 6px; }
main.shekou-subarea-page .sw-guide .sw-map-choice { display: flex; align-items: center; gap: 8px; min-height: 44px; width: 100%; padding: 9px 10px; border: 1px solid var(--sw-line); border-radius: 4px; background: #f7fbff; color: #234d81; font-size: 13px; line-height: 1.35; text-align: left; }
main.shekou-subarea-page .sw-guide .sw-map-choice svg { width: 19px; height: 19px; }
main.shekou-subarea-page .sw-guide .sw-map-choice:hover { background: #eaf4ff; border-color: #80aeeb; }
main.shekou-subarea-page .sw-guide .sw-map-choice[aria-pressed="true"] { background: #e4f1ff; border-color: var(--sw-blue); color: #0052b5; box-shadow: inset 3px 0 var(--sw-blue); font-weight: 700; }
main.shekou-subarea-page .sw-guide .sw-map-detail { margin-top: 12px; padding: 12px 14px; border: 1px solid #d3e5f8; border-radius: 5px; background: #f3f8ff; }
main.shekou-subarea-page .sw-guide .sw-map-detail h3 { color: #0d519b; font-size: 17px; }
main.shekou-subarea-page .sw-guide .sw-map-detail p { font-size: 14px; line-height: 1.45; }
main.shekou-subarea-page .sw-guide .sw-map-detail > a:not(.sw-button) { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; }
main.shekou-subarea-page .sw-guide .sw-map-detail .sw-actions { gap: 6px 17px; margin-top: 4px; }
main.shekou-subarea-page .sw-guide .sw-map-detail .sw-actions > a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; }

main.shekou-subarea-page .sw-guide .sw-place-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: stretch; gap: 9px; }
main.shekou-subarea-page .sw-guide .sw-place-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--sw-line); border-radius: 5px; background: #fff; }
main.shekou-subarea-page .sw-guide .sw-place-card > img { width: 100%; aspect-ratio: 1.18; object-fit: cover; }
main.shekou-subarea-page .sw-guide .sw-place-body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 8px; padding: 11px 9px; }
main.shekou-subarea-page .sw-guide .sw-place-body h3 { margin: 0; color: #164987; font-size: 15px; line-height: 1.3; }
main.shekou-subarea-page .sw-guide .sw-place-body p { margin: 0; font-size: 13px; line-height: 1.45; }
main.shekou-subarea-page .sw-guide .sw-place-body dl { margin: 0; font-size: 12px; line-height: 1.45; }
main.shekou-subarea-page .sw-guide .sw-place-body dt { margin-top: 8px; color: #1c4a80; font-size: 12px; font-weight: 700; }
main.shekou-subarea-page .sw-guide .sw-place-body dt:first-child { margin-top: 0; }
main.shekou-subarea-page .sw-guide .sw-place-body dd { margin: 2px 0 0; font-size: 12px; line-height: 1.45; }
main.shekou-subarea-page .sw-guide .sw-place-body > small { color: #59708b; font-size: 11px; line-height: 1.4; }
main.shekou-subarea-page .sw-guide .sw-place-body > a { display: inline-flex; align-items: center; min-height: 38px; margin-top: 1px; font-size: 12px; line-height: 1.4; }
main.shekou-subarea-page .sw-guide .sw-card-actions { display: flex; flex-wrap: wrap; align-items: stretch; gap: 6px; width: 100%; margin-top: auto; padding-top: 5px; }
main.shekou-subarea-page .sw-guide .sw-card-actions > :is(a, button) { display: inline-flex; flex: 1 1 78px; align-items: center; justify-content: center; gap: 5px; min-height: 44px; max-width: 100%; padding: 9px 7px; border: 1px solid #abc9f1; border-radius: 4px; background: #fff; color: #075ebf; font: 13px/1.35 Arial, sans-serif; text-align: center; text-decoration: none; white-space: nowrap; overflow-wrap: normal; }
main.shekou-subarea-page .sw-guide .sw-card-actions > :is(a, button):hover { background: #edf6ff; border-color: #659ee8; }
main.shekou-subarea-page .sw-guide .sw-card-actions svg { width: 17px; height: 17px; color: inherit; }
main.shekou-subarea-page .sw-guide .sw-save[aria-pressed="true"] { background: #eaf8f2; border-color: #83bfa7; color: #006b4d; }

main.shekou-subarea-page .sw-guide .sw-dining-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
main.shekou-subarea-page .sw-guide .sw-dining-grid > article { overflow: hidden; border: 1px solid var(--sw-line); border-radius: 5px; background: #fff; }
main.shekou-subarea-page .sw-guide .sw-dining-grid img { width: 100%; aspect-ratio: 1.9; object-fit: cover; }
main.shekou-subarea-page .sw-guide .sw-dining-grid > article > div { padding: 12px; }
main.shekou-subarea-page .sw-guide .sw-dining-grid h3 { color: #144b8e; font-size: 17px; }
main.shekou-subarea-page .sw-guide .sw-dining-grid p { font-size: 14px; line-height: 1.45; }
main.shekou-subarea-page .sw-guide .sw-dining-grid strong { color: #194a80; font-size: 13px; line-height: 1.45; }
main.shekou-subarea-page .sw-guide .sw-dining-grid + h3 { margin-top: 20px; }
main.shekou-subarea-page .sw-guide .sw-occasions { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin-top: 13px; }
main.shekou-subarea-page .sw-guide .sw-occasions article { padding: 12px 8px; border: 1px solid var(--sw-line); border-radius: 5px; background: #f7fbff; text-align: center; }
main.shekou-subarea-page .sw-guide .sw-occasions svg { width: 27px; height: 27px; margin-bottom: 8px; }
main.shekou-subarea-page .sw-guide .sw-occasions article:nth-child(3n+1) svg { color: #d58200; }
main.shekou-subarea-page .sw-guide .sw-occasions article:nth-child(3n) svg { color: #df2b6b; }
main.shekou-subarea-page .sw-guide .sw-occasions h3 { margin: 0 0 6px; color: #1d4a7f; font-size: 13px; line-height: 1.35; }
main.shekou-subarea-page .sw-guide .sw-occasions p { margin: 0; color: #285b9a; font-size: 12px; line-height: 1.4; }
main.shekou-subarea-page .sw-guide .sw-check-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
main.shekou-subarea-page .sw-guide .sw-check-grid article { padding: 15px; border: 1px solid #d5e6f5; border-radius: 5px; background: #f2f8ff; }
main.shekou-subarea-page .sw-guide .sw-check-grid article:nth-child(2) { border-color: #e9ddc8; background: #fff9ef; }
main.shekou-subarea-page .sw-guide .sw-check-grid h3 { color: #174e8c; font-size: 18px; }
main.shekou-subarea-page .sw-guide .sw-check-grid ul { margin: 9px 0 0; padding-left: 18px; }
main.shekou-subarea-page .sw-guide .sw-check-grid li { margin-bottom: 7px; font-size: 14px; line-height: 1.5; }
main.shekou-subarea-page .sw-guide .sw-check-grid li::marker { color: #00815f; }
main.shekou-subarea-page .sw-guide .sw-check-grid article:nth-child(2) li::marker { color: #ae751e; }
main.shekou-subarea-page .sw-guide .sw-checks { display: flex; flex-direction: column; gap: 9px; padding: 0; list-style: none; }
main.shekou-subarea-page .sw-guide .sw-check-grid .sw-checks { padding-left: 0; }
main.shekou-subarea-page .sw-guide .sw-checks li { display: flex; align-items: flex-start; gap: 8px; margin: 0; }
main.shekou-subarea-page .sw-guide .sw-checks li > svg { width: 17px; height: 17px; margin-top: 2px; color: #007d5c; }
main.shekou-subarea-page .sw-guide .sw-check-grid article > a { display: inline-flex; align-items: center; min-height: 44px; margin-top: 8px; font-size: 14px; }
main.shekou-subarea-page .sw-guide .sw-transport-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
main.shekou-subarea-page .sw-guide .sw-transport-grid article { display: flex; flex-direction: column; align-items: flex-start; padding: 14px; border: 1px solid var(--sw-line); border-radius: 5px; background: #f8fbff; }
main.shekou-subarea-page .sw-guide .sw-transport-grid h3 { color: #165092; font-size: 17px; }
main.shekou-subarea-page .sw-guide .sw-transport-grid p { font-size: 14px; }
main.shekou-subarea-page .sw-guide .sw-transport-grid article > a { display: inline-flex; align-items: center; gap: 5px; min-height: 44px; margin-top: auto; font-size: 13px; }
main.shekou-subarea-page .sw-guide .sw-panel details { margin: 9px 0 0; border: 1px solid var(--sw-line); border-radius: 4px; background: #fff; }
main.shekou-subarea-page .sw-guide .sw-panel details > summary { min-height: 44px; padding: 12px; color: #1c508c; font: 700 14px/1.4 Arial, sans-serif; cursor: pointer; }
main.shekou-subarea-page .sw-guide .sw-panel details > summary::marker { color: var(--sw-blue); }
main.shekou-subarea-page .sw-guide .sw-panel details[open] > summary { border-bottom: 1px solid #e0eaf6; background: #f3f8ff; }
main.shekou-subarea-page .sw-guide .sw-panel details > :not(summary) { margin: 11px 12px; font-size: 14px; line-height: 1.5; }
main.shekou-subarea-page .sw-guide .sw-source-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 18px; margin: 0; padding: 0; list-style: none; }
main.shekou-subarea-page .sw-guide .sw-source-list li { margin: 0; padding-block: 8px; border-bottom: 1px solid #e2ecf7; font-size: 13px; line-height: 1.5; }
main.shekou-subarea-page .sw-guide .sw-source-list a { display: inline-flex; align-items: center; min-height: 32px; font-size: 13px; }
main.shekou-subarea-page .sw-guide #sources > p { font-size: 13px; }

/* A compact utility rail; it moves below the guide on smaller screens. */
main.shekou-subarea-page .sw-guide .sw-sidebar { gap: 12px; }
main.shekou-subarea-page .sw-guide .sw-sidebar .sw-panel { padding: 13px; }
main.shekou-subarea-page .sw-guide .sw-sidebar h2 { display: flex; align-items: flex-start; gap: 7px; margin-bottom: 12px; color: #094b9c; font-size: 18px; line-height: 1.25; }
main.shekou-subarea-page .sw-guide .sw-sidebar h2 svg { width: 21px; height: 21px; margin: 1px 0 0; }
main.shekou-subarea-page .sw-guide .sw-sidebar p { font-size: 13px; line-height: 1.5; }
main.shekou-subarea-page .sw-guide .sw-sidebar .sw-button { width: 100%; padding-inline: 10px; font-size: 13px; }
main.shekou-subarea-page .sw-guide .sw-weather { display: flex; align-items: center; gap: 12px; margin: 8px 0 12px; }
main.shekou-subarea-page .sw-guide .sw-weather > svg { width: 45px; height: 45px; color: #e19700; }
main.shekou-subarea-page .sw-guide .sw-weather p { margin: 0; }
main.shekou-subarea-page .sw-guide .sw-weather strong { display: block; color: #174e8c; font-size: 21px; }
main.shekou-subarea-page .sw-guide .sw-weather small { display: block; margin-top: 4px; color: var(--sw-muted); }
main.shekou-subarea-page .sw-guide .sw-panel.sw-weather { display: block; margin: 0; }
main.shekou-subarea-page .sw-guide .sw-panel.sw-weather > div { display: flex; align-items: flex-start; gap: 10px; margin: 9px 0; }
main.shekou-subarea-page .sw-guide .sw-panel.sw-weather > div > svg { width: 35px; height: 35px; margin-top: 3px; color: #ce8500; }
main.shekou-subarea-page .sw-guide .sw-panel.sw-weather strong { font-size: 16px; line-height: 1.35; }
main.shekou-subarea-page .sw-guide .sw-sidebar .sw-panel > a:not(.sw-button) { display: inline-flex; align-items: center; min-height: 44px; margin-top: 5px; font-size: 13px; line-height: 1.4; }
main.shekou-subarea-page .sw-guide .sw-sidebar .sw-panel > .sw-button + a { margin-block: 6px; }
main.shekou-subarea-page .sw-guide .sw-fact-list, main.shekou-subarea-page .sw-guide .sw-fact-list dl { margin: 0; }
main.shekou-subarea-page .sw-guide .sw-fact-list > div, main.shekou-subarea-page .sw-guide .sw-fact-list dl > div { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 8px; padding: 8px 0; border-bottom: 1px solid #e2ecf7; }
main.shekou-subarea-page .sw-guide .sw-fact-list dt { margin: 9px 0 2px; color: #21538b; font-size: 12px; font-weight: 700; line-height: 1.4; }
main.shekou-subarea-page .sw-guide .sw-fact-list dt:first-child { margin-top: 0; }
main.shekou-subarea-page .sw-guide .sw-fact-list dd { margin: 0 0 9px; color: #4d6480; font-size: 12px; line-height: 1.45; }
main.shekou-subarea-page .sw-guide .sw-fact-list > div :is(dt, dd), main.shekou-subarea-page .sw-guide .sw-fact-list dl > div :is(dt, dd) { margin: 0; }
main.shekou-subarea-page .sw-guide .sw-checklist { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
main.shekou-subarea-page .sw-guide .sw-checklist label { display: flex; align-items: flex-start; gap: 8px; min-height: 44px; margin: 0; padding: 10px 0; color: #3d587b; font-size: 13px; line-height: 1.45; cursor: pointer; }
main.shekou-subarea-page .sw-guide .sw-checklist label:has(input:checked) { color: #006d51; }
main.shekou-subarea-page .sw-guide .sw-saved-list, main.shekou-subarea-page .sw-guide .sw-saved-list ul { display: flex; flex-direction: column; gap: 7px; margin: 0; padding: 0; list-style: none; }
main.shekou-subarea-page .sw-guide .sw-saved-list li { margin: 0; padding: 8px 9px; border: 1px solid #d8e7f6; border-radius: 4px; background: #f4f9ff; font-size: 13px; line-height: 1.45; }
main.shekou-subarea-page .sw-guide .sw-saved-list li > a { display: inline-flex; align-items: center; min-height: 35px; }
main.shekou-subarea-page .sw-guide .sw-saved-list button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; max-width: 100%; margin: 5px 0 0; padding: 7px 10px; border: 1px solid #bbd2ee; border-radius: 4px; color: #16579f; background: #fff; font-size: 12px; }
main.shekou-subarea-page .sw-guide .sw-link-list { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none; }
main.shekou-subarea-page .sw-guide .sw-link-list a { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 9px 0; border-bottom: 1px solid #e2ebf6; color: #145caa; font-size: 13px; line-height: 1.4; text-decoration: none; }
main.shekou-subarea-page .sw-guide .sw-link-list a:hover { text-decoration: underline; }
main.shekou-subarea-page .sw-guide .sw-link-list a:last-child { border-bottom: 0; }
main.shekou-subarea-page .sw-guide .sw-link-list svg { width: 18px; height: 18px; color: inherit; }

@media (max-width: 1199px) {
  main.shekou-subarea-page .sw-guide .sw-wrap { padding-inline: 20px; }
  main.shekou-subarea-page .sw-guide .sw-hero-copy { max-width: 680px; }
  main.shekou-subarea-page .sw-guide .sw-hero-note { right: 25px; max-width: 220px; font-size: 23px; }
  main.shekou-subarea-page .sw-guide .sw-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  main.shekou-subarea-page .sw-guide .sw-layout { grid-template-columns: minmax(0, 1fr) 225px; gap: 13px; }
  main.shekou-subarea-page .sw-guide .sw-place-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
  main.shekou-subarea-page .sw-guide .sw-place-card > img { aspect-ratio: 1.6; }
  main.shekou-subarea-page .sw-guide .sw-place-body { padding: 12px; }
  main.shekou-subarea-page .sw-guide .sw-place-body h3 { font-size: 17px; }
  main.shekou-subarea-page .sw-guide .sw-place-body p { font-size: 14px; }
  main.shekou-subarea-page .sw-guide .sw-planner-grid { grid-template-columns: minmax(0, 1fr); }
  main.shekou-subarea-page .sw-guide .sw-rhythms { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  main.shekou-subarea-page .sw-guide .sw-day-plan .sw-timeline { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; }
  main.shekou-subarea-page .sw-guide .sw-day-plan .sw-timeline li { padding-bottom: 9px; }
  main.shekou-subarea-page .sw-guide .sw-day-plan > .sw-button { width: auto; }
  main.shekou-subarea-page .sw-guide .sw-map-layout { grid-template-columns: minmax(0, 1fr); }
  main.shekou-subarea-page .sw-guide .sw-map-controls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  main.shekou-subarea-page .sw-guide .sw-map-choice { height: 100%; }
  main.shekou-subarea-page .sw-guide .sw-occasions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  main.shekou-subarea-page .sw-guide .sw-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
  main.shekou-subarea-page .sw-guide .sw-story-grid article:nth-child(2)::after { display: none; }
  main.shekou-subarea-page .sw-guide .sw-dining-grid, main.shekou-subarea-page .sw-guide .sw-transport-grid { gap: 9px; }
  main.shekou-subarea-page .sw-guide .sw-dining-grid h3, main.shekou-subarea-page .sw-guide .sw-transport-grid h3 { font-size: 16px; }
}
@media (max-width: 979px) {
  main.shekou-subarea-page .sw-guide .sw-hero-note { display: none; }
  main.shekou-subarea-page .sw-guide .sw-hero-copy { max-width: 720px; }
  main.shekou-subarea-page .sw-guide .sw-hero::before { background: linear-gradient(90deg, #06223eeb, #0b3056a8 80%, #0c233a70), linear-gradient(0deg, #071f39ad, transparent 45%); }
  main.shekou-subarea-page .sw-guide .sw-layout { grid-template-columns: minmax(0, 1fr); }
  main.shekou-subarea-page .sw-guide .sw-sidebar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 12px; }
  main.shekou-subarea-page .sw-guide .sw-sidebar .sw-panel { height: 100%; }
  main.shekou-subarea-page .sw-guide .sw-story-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
  main.shekou-subarea-page .sw-guide .sw-story-grid article:nth-child(2)::after { display: block; }
  main.shekou-subarea-page .sw-guide .sw-planner-grid { grid-template-columns: minmax(0, 1.4fr) minmax(230px, 1fr); }
  main.shekou-subarea-page .sw-guide .sw-day-plan .sw-timeline { display: flex; }
  main.shekou-subarea-page .sw-guide .sw-map-controls { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  main.shekou-subarea-page .sw-guide .sw-place-body :is(dt, dd) { font-size: 13px; }
  main.shekou-subarea-page .sw-guide .sw-place-card > img { aspect-ratio: 1.7; }
}
@media (max-width: 719px) {
  main.shekou-subarea-page .sw-guide .sw-wrap { padding-inline: 16px; }
  main.shekou-subarea-page .sw-guide .sw-hero, main.shekou-subarea-page .sw-guide .sw-hero > .sw-wrap { min-height: 0; }
  main.shekou-subarea-page .sw-guide .sw-hero > .sw-wrap { padding-block: 20px 22px; }
  main.shekou-subarea-page .sw-guide .sw-breadcrumb { margin-bottom: 23px; font-size: 12px; }
  main.shekou-subarea-page .sw-guide .sw-hero h1 { font-size: clamp(36px, 6.8vw, 47px); }
  main.shekou-subarea-page .sw-guide .sw-hero .sw-lead { font-size: 21px; line-height: 1.3; }
  main.shekou-subarea-page .sw-guide .sw-hero .sw-intro { font-size: 15px; line-height: 1.5; }
  main.shekou-subarea-page .sw-guide .sw-hero-meta { gap: 10px 16px; margin-top: 19px; }
  main.shekou-subarea-page .sw-guide .sw-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-block: 12px; }
  main.shekou-subarea-page .sw-guide .sw-facts > article { padding: 12px; }
  main.shekou-subarea-page .sw-guide .sw-facts h2 { font-size: 14px; }
  main.shekou-subarea-page .sw-guide .sw-facts p { font-size: 13px; }
  main.shekou-subarea-page .sw-guide .sw-panel { padding: 14px; }
  main.shekou-subarea-page .sw-guide .sw-section-head h2 { font-size: 23px; }
  main.shekou-subarea-page .sw-guide .sw-section-head p { font-size: 14px; }
  main.shekou-subarea-page .sw-guide .sw-section-head > a { margin: 0 0 -6px; font-size: 14px; }
  main.shekou-subarea-page .sw-guide .sw-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
  main.shekou-subarea-page .sw-guide .sw-story-grid article:nth-child(2)::after { display: none; }
  main.shekou-subarea-page .sw-guide .sw-story-grid h3 { font-size: 17px; }
  main.shekou-subarea-page .sw-guide .sw-story-grid p { font-size: 14px; }
  main.shekou-subarea-page .sw-guide .sw-planner-grid { grid-template-columns: minmax(0, 1fr); }
  main.shekou-subarea-page .sw-guide .sw-rhythms { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  main.shekou-subarea-page .sw-guide .sw-rhythm { min-height: 95px; }
  main.shekou-subarea-page .sw-guide .sw-day-plan .sw-timeline { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  main.shekou-subarea-page .sw-guide .sw-timeline strong { font-size: 14px; }
  main.shekou-subarea-page .sw-guide .sw-timeline p { font-size: 13px; }
  main.shekou-subarea-page .sw-guide .sw-map-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  main.shekou-subarea-page .sw-guide .sw-map-choice { font-size: 14px; }
  main.shekou-subarea-page .sw-guide .sw-place-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  main.shekou-subarea-page .sw-guide .sw-place-body h3 { font-size: 18px; }
  main.shekou-subarea-page .sw-guide .sw-place-body p { font-size: 15px; }
  main.shekou-subarea-page .sw-guide .sw-place-body :is(dt, dd) { font-size: 13px; }
  main.shekou-subarea-page .sw-guide .sw-dining-grid { grid-template-columns: minmax(0, 1fr); }
  main.shekou-subarea-page .sw-guide .sw-dining-grid > article { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
  main.shekou-subarea-page .sw-guide .sw-dining-grid img { min-height: 100%; aspect-ratio: auto; object-fit: cover; }
  main.shekou-subarea-page .sw-guide .sw-dining-grid h3 { font-size: 18px; }
  main.shekou-subarea-page .sw-guide .sw-dining-grid p { font-size: 15px; }
  main.shekou-subarea-page .sw-guide .sw-check-grid, main.shekou-subarea-page .sw-guide .sw-transport-grid { grid-template-columns: minmax(0, 1fr); }
  main.shekou-subarea-page .sw-guide .sw-check-grid li, main.shekou-subarea-page .sw-guide .sw-transport-grid p { font-size: 15px; }
  main.shekou-subarea-page .sw-guide .sw-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  main.shekou-subarea-page .sw-guide .sw-sidebar h2 { font-size: 20px; }
  main.shekou-subarea-page .sw-guide .sw-sidebar p, main.shekou-subarea-page .sw-guide .sw-checklist label, main.shekou-subarea-page .sw-guide .sw-link-list a { font-size: 14px; }
  main.shekou-subarea-page .sw-guide .sw-fact-list :is(dt, dd) { font-size: 13px; }
  main.shekou-subarea-page .sw-guide .sw-source-list { grid-template-columns: minmax(0, 1fr); }
  main.shekou-subarea-page .sw-guide .sw-source-list li, main.shekou-subarea-page .sw-guide .sw-source-list a { font-size: 14px; }
}
@media (max-width: 479px) {
  main.shekou-subarea-page .sw-guide .sw-wrap { padding-inline: 13px; }
  main.shekou-subarea-page .sw-guide .sw-hero h1 { font-size: 37px; }
  main.shekou-subarea-page .sw-guide .sw-hero .sw-lead { font-size: 20px; }
  main.shekou-subarea-page .sw-guide .sw-hero .sw-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
  main.shekou-subarea-page .sw-guide .sw-hero .sw-button { width: 100%; }
  main.shekou-subarea-page .sw-guide .sw-hero-meta > span { font-size: 12px; }
  main.shekou-subarea-page .sw-guide .sw-facts > article { gap: 7px; padding: 11px 9px; }
  main.shekou-subarea-page .sw-guide .sw-facts > article > svg { width: 22px; height: 22px; }
  main.shekou-subarea-page .sw-guide .sw-facts h2 { font-size: 13px; }
  main.shekou-subarea-page .sw-guide .sw-facts p { font-size: 12px; }
  main.shekou-subarea-page .sw-guide .sw-panel { padding: 13px; }
  main.shekou-subarea-page .sw-guide .sw-section-head { gap: 6px; }
  main.shekou-subarea-page .sw-guide .sw-section-head h2 { flex-basis: 100%; font-size: 22px; }
  main.shekou-subarea-page .sw-guide .sw-story-grid { gap: 14px 11px; }
  main.shekou-subarea-page .sw-guide .sw-story-grid article::after { display: none !important; }
  main.shekou-subarea-page .sw-guide .sw-story-grid img { aspect-ratio: 1.25; }
  main.shekou-subarea-page .sw-guide .sw-story-grid h3 { font-size: 16px; }
  main.shekou-subarea-page .sw-guide .sw-story-grid p { font-size: 14px; }
  main.shekou-subarea-page .sw-guide .sw-rhythms { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  main.shekou-subarea-page .sw-guide .sw-rhythm { min-height: 91px; padding: 12px 9px; font-size: 14px; }
  main.shekou-subarea-page .sw-guide .sw-day-plan .sw-timeline { display: flex; }
  main.shekou-subarea-page .sw-guide .sw-timeline li { grid-template-columns: 48px minmax(0, 1fr); font-size: 14px; }
  main.shekou-subarea-page .sw-guide .sw-timeline strong { font-size: 15px; }
  main.shekou-subarea-page .sw-guide .sw-timeline li > div h3 { font-size: 15px; }
  main.shekou-subarea-page .sw-guide .sw-day-plan > .sw-button { width: 100%; }
  main.shekou-subarea-page .sw-guide .sw-map-controls { gap: 7px; }
  main.shekou-subarea-page .sw-guide .sw-map-choice { padding: 10px 8px; font-size: 13px; }
  main.shekou-subarea-page .sw-guide .sw-map-detail { padding: 12px; }
  main.shekou-subarea-page .sw-guide .sw-map-detail h3 { font-size: 18px; }
  main.shekou-subarea-page .sw-guide .sw-map-detail p { font-size: 15px; }
  main.shekou-subarea-page .sw-guide .sw-place-grid { grid-template-columns: minmax(0, 1fr); gap: 13px; }
  main.shekou-subarea-page .sw-guide .sw-place-card > img { aspect-ratio: 1.8; }
  main.shekou-subarea-page .sw-guide .sw-place-body { padding: 15px; gap: 10px; }
  main.shekou-subarea-page .sw-guide .sw-place-body h3 { font-size: 21px; }
  main.shekou-subarea-page .sw-guide .sw-place-body :is(dt, dd) { font-size: 14px; }
  main.shekou-subarea-page .sw-guide .sw-card-actions > :is(a, button) { font-size: 14px; }
  main.shekou-subarea-page .sw-guide .sw-dining-grid > article { display: block; }
  main.shekou-subarea-page .sw-guide .sw-dining-grid img { min-height: 0; width: 100%; aspect-ratio: 1.9; }
  main.shekou-subarea-page .sw-guide .sw-dining-grid > article > div { padding: 14px; }
  main.shekou-subarea-page .sw-guide .sw-occasions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  main.shekou-subarea-page .sw-guide .sw-occasions h3 { font-size: 14px; }
  main.shekou-subarea-page .sw-guide .sw-occasions p { font-size: 13px; }
  main.shekou-subarea-page .sw-guide .sw-sidebar { grid-template-columns: minmax(0, 1fr); }
  main.shekou-subarea-page .sw-guide .sw-sidebar .sw-panel { padding: 15px; }
  main.shekou-subarea-page .sw-guide .sw-sidebar p, main.shekou-subarea-page .sw-guide .sw-checklist label, main.shekou-subarea-page .sw-guide .sw-link-list a { font-size: 15px; }
  main.shekou-subarea-page .sw-guide .sw-fact-list :is(dt, dd) { font-size: 14px; }
  main.shekou-subarea-page .sw-guide .sw-sidebar .sw-button { font-size: 14px; }
  main.shekou-subarea-page .sw-guide .sw-panel details > summary, main.shekou-subarea-page .sw-guide .sw-panel details > :not(summary) { font-size: 15px; }
  main.shekou-subarea-page .sw-guide .sw-note { font-size: 13px; }
}
@media (max-width: 359px) {
  main.shekou-subarea-page .sw-guide .sw-wrap { padding-inline: 11px; }
  main.shekou-subarea-page .sw-guide .sw-hero h1 { font-size: 34px; }
  main.shekou-subarea-page .sw-guide .sw-hero .sw-lead { font-size: 19px; }
  main.shekou-subarea-page .sw-guide .sw-facts { grid-template-columns: minmax(0, 1fr); }
  main.shekou-subarea-page .sw-guide .sw-facts > article { padding: 11px 12px; }
  main.shekou-subarea-page .sw-guide .sw-facts h2 { font-size: 14px; }
  main.shekou-subarea-page .sw-guide .sw-facts p { font-size: 13px; }
  main.shekou-subarea-page .sw-guide .sw-story-grid { grid-template-columns: minmax(0, 1fr); }
  main.shekou-subarea-page .sw-guide .sw-story-grid img { aspect-ratio: 1.75; }
  main.shekou-subarea-page .sw-guide .sw-story-grid h3 { font-size: 18px; }
  main.shekou-subarea-page .sw-guide .sw-map-controls { grid-template-columns: minmax(0, 1fr); }
  main.shekou-subarea-page .sw-guide .sw-map-choice { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  main.shekou-subarea-page .sw-guide *, main.shekou-subarea-page .sw-guide *::before, main.shekou-subarea-page .sw-guide *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media print {
  main.shekou-subarea-page .sw-guide { background: #fff; color: #111; font-size: 10pt; }
  main.shekou-subarea-page .sw-guide .sw-wrap { max-width: none; padding-inline: 0; }
  main.shekou-subarea-page .sw-guide .sw-hero, main.shekou-subarea-page .sw-guide .sw-hero > .sw-wrap { min-height: 0; background: #fff; color: #111; }
  main.shekou-subarea-page .sw-guide .sw-hero > .sw-wrap { padding-block: 12px; }
  main.shekou-subarea-page .sw-guide .sw-hero-image, main.shekou-subarea-page .sw-guide .sw-hero::before, main.shekou-subarea-page .sw-guide .sw-hero-note { display: none; }
  main.shekou-subarea-page .sw-guide .sw-hero :is(h1, p, span, a) { color: #111 !important; -webkit-text-fill-color: #111 !important; }
  main.shekou-subarea-page .sw-guide .sw-hero h1 { font-size: 29pt; }
  main.shekou-subarea-page .sw-guide .sw-hero-meta { border-top-color: #bbb; }
  main.shekou-subarea-page .sw-guide .sw-layout { display: block; }
  main.shekou-subarea-page .sw-guide .sw-main { gap: 10px; }
  main.shekou-subarea-page .sw-guide .sw-panel { padding: 10px; background: #fff; box-shadow: none; break-inside: avoid; }
  main.shekou-subarea-page .sw-guide .sw-facts, main.shekou-subarea-page .sw-guide .sw-place-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  main.shekou-subarea-page .sw-guide .sw-sidebar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 12px; }
  main.shekou-subarea-page .sw-guide .sw-place-card { break-inside: avoid; }
  main.shekou-subarea-page .sw-guide .sw-place-card > img { aspect-ratio: 2; }
  main.shekou-subarea-page .sw-guide .sw-place-body { padding: 9px; }
  main.shekou-subarea-page .sw-guide .sw-map-layout { grid-template-columns: minmax(0, 1fr); }
  main.shekou-subarea-page .sw-guide :is(.sw-rhythms, .sw-map-controls, .sw-card-actions, .sw-actions, .sw-saved-list button) { display: none !important; }
  main.shekou-subarea-page .sw-guide .sw-story-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  main.shekou-subarea-page .sw-guide .sw-section-head > a { display: none; }
}