/* ─── HEADLINE (above gallery — Airbnb pattern) ─── */
    .detail-headline { padding: var(--sp-4) 0 var(--sp-5); }
    .detail-headline .detail-title {
      font-family: var(--font-display);
      font-size: clamp(1.75rem, 3vw, 2.25rem);
      font-weight: 700;
      color: var(--c-text);
      line-height: 1.15;
      margin-bottom: var(--sp-3);
      overflow-wrap: anywhere;
      word-break: normal;
    }
    .detail-headline__meta {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: var(--sp-4);
      font-size: var(--t-sm);
      color: var(--c-text-2);
      min-width: 0;
    }
    .detail-headline__meta .signal-fire { color: var(--c-error); font-weight: 600; }
    .detail-headline__meta .signal-success { color: var(--c-success); font-weight: 600; }
    .detail-headline__meta .meta-divider { color: var(--c-border); }
    .detail-headline__meta a { color: var(--c-gold); text-decoration: underline; font-weight: 600; }

    /* ─── GALLERY (smaller, inside main column) ─── */
    .detail-gallery {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr;
      grid-template-rows: 200px 200px;
      gap: 6px;
      border-radius: var(--r-xl);
      overflow: hidden;
      position: relative;
      margin-bottom: var(--sp-6);
    }
    .gallery-main {
      grid-row: 1 / -1;
      position: relative;
      overflow: hidden;
      cursor: pointer;
    }
    .gallery-main img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--dur-slow); }
    .gallery-main:hover img { transform: scale(1.03); }
    .gallery-thumb {
      position: relative;
      overflow: hidden;
      cursor: pointer;
    }
    .gallery-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--dur-slow); }
    .gallery-thumb:hover img { transform: scale(1.06); }
    .gallery-thumb::after {
      content: '';
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0);
      transition: background var(--dur-fast);
    }
    .gallery-thumb:hover::after { background: rgba(0,0,0,0.2); }
    .gallery-actions {
      position: absolute;
      bottom: var(--sp-5);
      right: var(--sp-5);
      display: flex;
      gap: var(--sp-3);
    }
    .gallery-btn {
      display: flex;
      align-items: center;
      gap: var(--sp-2);
      padding: var(--sp-2) var(--sp-5);
      background: rgba(255,255,255,0.95);
      backdrop-filter: blur(8px);
      border-radius: var(--r-full);
      font-size: var(--t-sm);
      font-weight: 600;
      color: var(--c-midnight);
      border: none;
      cursor: pointer;
      transition: all var(--dur-fast);
      box-shadow: var(--shadow-md);
    }
    .gallery-btn:hover { background: white; transform: translateY(-1px); }

    /* ─── ANCHOR NAV ─── */
    .anchor-nav {
      position: sticky;
      top: 76px;
      z-index: var(--z-sticky);
      background: white;
      border-bottom: 1px solid var(--c-border);
      display: none;
    }
    .anchor-nav.is-visible { display: block; }
    .anchor-nav__inner {
      display: flex;
      gap: 0;
      overflow-x: auto;
      scrollbar-width: none;
    }
    .anchor-nav__inner::-webkit-scrollbar { display: none; }
    .anchor-link {
      padding: var(--sp-4) var(--sp-5);
      font-size: var(--t-sm);
      font-weight: 500;
      color: var(--c-muted);
      white-space: nowrap;
      border-bottom: 3px solid transparent;
      transition: all var(--dur-fast);
      text-decoration: none;
    }
    .anchor-link:hover, .anchor-link.active {
      color: var(--c-midnight);
      border-bottom-color: var(--c-gold);
    }

    /* ─── MAIN LAYOUT ─── */
    .detail-layout {
      display: grid;
      grid-template-columns: 1fr 360px;
      gap: var(--sp-10);
      align-items: start;
      padding: var(--sp-8) 0 var(--sp-20);
      min-width: 0;
    }
    .detail-main { min-width: 0; }

    /* ─── INFO HEADER ─── */
    .detail-info-header { padding: var(--sp-6) 0; }
    .detail-type-badges {
      display: flex;
      gap: var(--sp-2);
      flex-wrap: wrap;
      margin-bottom: var(--sp-4);
    }
    .detail-type-badge {
      display: flex;
      align-items: center;
      gap: var(--sp-2);
      padding: var(--sp-2) var(--sp-4);
      background: var(--c-bg);
      border: 1px solid var(--c-border);
      border-radius: var(--r-full);
      font-size: var(--t-sm);
      font-weight: 600;
      color: var(--c-muted);
    }
    .detail-title {
      font-family: var(--font-display);
      font-size: var(--t-h1);
      font-weight: 700;
      color: var(--c-midnight);
      line-height: 1.1;
      margin-bottom: var(--sp-4);
    }
    .detail-rating-row {
      display: flex;
      align-items: center;
      gap: var(--sp-4);
      flex-wrap: wrap;
      margin-bottom: var(--sp-4);
    }
    .detail-rating-stars { font-size: 1.25rem; color: #F59E0B; letter-spacing: 3px; }
    .detail-rating-score { font-size: 1.125rem; font-weight: 700; color: var(--c-midnight); }
    .detail-rating-count { color: var(--c-muted); font-size: var(--t-sm); }
    .detail-rating-link { color: var(--c-gold); font-size: var(--t-sm); font-weight: 600; }
    .detail-signals {
      display: flex;
      gap: var(--sp-4);
      flex-wrap: wrap;
      margin-bottom: var(--sp-5);
    }
    .detail-signal {
      display: flex;
      align-items: center;
      gap: var(--sp-2);
      font-size: var(--t-sm);
      font-weight: 600;
    }
    .detail-signal--fire { color: var(--c-error); }
    .detail-signal--book { color: var(--c-muted); }

    /* Key info strip */
    .key-info-strip {
      display: flex;
      gap: 1px;
      background: var(--c-border);
      border: 1px solid var(--c-border);
      border-radius: var(--r-lg);
      overflow: hidden;
      margin-bottom: var(--sp-8);
    }
    .key-info-item {
      flex: 1;
      padding: var(--sp-4) var(--sp-3);
      background: white;
      text-align: center;
    }
    .key-info-item__icon { font-size: 1.25rem; margin-bottom: var(--sp-1); }
    .key-info-item__label { font-size: var(--t-xs); color: var(--c-muted); }
    .key-info-item__value { font-size: var(--t-sm); font-weight: 700; color: var(--c-midnight); margin-top: 2px; }

    /* ─── TABS ─── */
    .detail-tabs {
      display: flex;
      gap: 0;
      border-bottom: 2px solid var(--c-border);
      margin-bottom: var(--sp-8);
      overflow-x: auto;
      scrollbar-width: none;
    }
    .detail-tabs::-webkit-scrollbar { display: none; }
    .detail-tab-btn {
      padding: var(--sp-4) var(--sp-5);
      font-size: var(--t-sm);
      font-weight: 600;
      color: var(--c-muted);
      border-bottom: 3px solid transparent;
      margin-bottom: -2px;
      white-space: nowrap;
      cursor: pointer;
      background: none;
      border-left: none;
      border-right: none;
      border-top: none;
      transition: all var(--dur-fast);
    }
    .detail-tab-btn.active { color: var(--c-midnight); border-bottom-color: var(--c-gold); }
    .detail-tab-btn:hover:not(.active) { color: var(--c-text); }
    .detail-tab-panel { display: none; }
    .detail-tab-panel.active { display: block; }

    /* Overview highlights */
    .highlight-list { display: flex; flex-direction: column; gap: var(--sp-3); margin-bottom: var(--sp-8); }
    .highlight-item {
      display: flex;
      align-items: flex-start;
      gap: var(--sp-4);
      padding: var(--sp-4);
      background: var(--c-gold-pale);
      border-radius: var(--r-lg);
      border-left: 4px solid var(--c-gold);
    }
    .highlight-item__icon { font-size: 1.5rem; flex-shrink: 0; }
    .highlight-item__text { font-size: var(--t-sm); font-weight: 500; color: var(--c-midnight); line-height: 1.5; }

    /* Timeline */
    .timeline { position: relative; padding-left: 24px; }
    .timeline::before {
      content: '';
      position: absolute;
      left: 7px;
      top: 0;
      bottom: 0;
      width: 2px;
      background: var(--c-border);
    }
    .timeline-day {
      font-family: var(--font-display);
      font-size: 1.125rem;
      font-weight: 700;
      color: var(--c-midnight);
      padding: var(--sp-5) 0 var(--sp-4);
      margin-left: -24px;
      padding-left: 24px;
      position: relative;
    }
    .timeline-day::before {
      content: '📅';
      position: absolute;
      left: -4px;
      top: var(--sp-5);
      font-size: 1rem;
    }
    .timeline-item {
      display: flex;
      gap: var(--sp-4);
      padding: var(--sp-3) 0;
      position: relative;
    }
    .timeline-item::before {
      content: '';
      position: absolute;
      left: -20px;
      top: var(--sp-4);
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: var(--c-gold);
      border: 2px solid white;
      box-shadow: 0 0 0 2px var(--c-gold);
    }
    .timeline-time {
      font-size: var(--t-sm);
      font-weight: 700;
      color: var(--c-gold);
      min-width: 48px;
      flex-shrink: 0;
      padding-top: 2px;
    }
    .timeline-activity { font-size: var(--t-sm); color: var(--c-text); line-height: 1.5; }
    .timeline-activity strong { color: var(--c-midnight); }

    /* Route map */
    .route-map {
      border: 1px solid var(--c-border);
      border-radius: var(--r-lg);
      background: white;
      box-shadow: var(--shadow-sm);
      overflow: hidden;
      margin-bottom: var(--sp-8);
    }
    .route-map__head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: var(--sp-4);
      padding: var(--sp-5) var(--sp-6);
      border-bottom: 1px solid var(--c-border);
      background: var(--c-bg);
    }
    .route-map__eyebrow {
      font-size: var(--t-xs);
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--c-gold-dark);
      margin-bottom: var(--sp-1);
    }
    .route-map h4 {
      font-family: var(--font-display);
      font-size: 1.375rem;
      line-height: 1.15;
      color: var(--c-midnight);
      margin: 0;
    }
    .route-map__distance {
      flex-shrink: 0;
      border: 1px solid rgba(184, 134, 11, 0.28);
      border-radius: var(--r-full);
      padding: 6px 12px;
      color: var(--c-gold-dark);
      background: white;
      font-size: var(--t-xs);
      font-weight: 800;
    }
    .route-map__canvas {
      padding: var(--sp-4);
      background:
        radial-gradient(circle at 18% 12%, rgba(184, 134, 11, 0.12), transparent 24%),
        linear-gradient(180deg, white, var(--c-bg));
    }
    .route-map__canvas svg {
      display: block;
      width: 100%;
      height: auto;
      min-height: 260px;
      border-radius: var(--r-md);
    }
    .route-map__svg {
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.38);
      background: #B9E2EA;
    }
    .route-map__labels text {
      font-family: var(--font-body);
      font-size: 18px;
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
      fill: rgba(31, 42, 68, .38);
      paint-order: stroke;
      stroke: rgba(255,255,255,.72);
      stroke-width: 5px;
    }
    .route-map__sea-texture path {
      fill: none;
      stroke: rgba(255,255,255,.62);
      stroke-width: 3;
      stroke-linecap: round;
      stroke-dasharray: 1 14;
      animation: routeWaterDrift 9s linear infinite;
    }
    .route-map__route-dash {
      animation: routeDashMove 1.6s linear infinite;
    }
    .route-map__boat {
      transform-box: fill-box;
      transform-origin: center;
      filter: drop-shadow(0 8px 10px rgba(14, 28, 47, .22));
    }
    .route-map__pulse {
      transform-box: fill-box;
      transform-origin: center;
      animation: routeMarkerPulse 2.8s ease-out infinite;
    }
    .route-map__marker:nth-of-type(2n) .route-map__pulse { animation-delay: .6s; }
    .route-map__marker:nth-of-type(3n) .route-map__pulse { animation-delay: 1.1s; }
    .route-map__marker-label {
      font-family: var(--font-body);
      font-size: 15px;
      font-weight: 800;
      fill: var(--c-midnight);
      paint-order: stroke;
      stroke: rgba(255,255,255,.86);
      stroke-width: 6px;
      stroke-linecap: round;
      stroke-linejoin: round;
      pointer-events: none;
    }
    @keyframes routeDashMove {
      to { stroke-dashoffset: -22; }
    }
    @keyframes routeMarkerPulse {
      0% { transform: scale(.72); opacity: .38; }
      72% { transform: scale(1.45); opacity: 0; }
      100% { transform: scale(1.45); opacity: 0; }
    }
    @keyframes routeWaterDrift {
      to { stroke-dashoffset: -60; }
    }
    @media (prefers-reduced-motion: reduce) {
      .route-map__route-dash,
      .route-map__pulse,
      .route-map__sea-texture path {
        animation: none;
      }
      .route-map__boat {
        display: none;
      }
    }
    .route-map__stops {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: var(--sp-3);
      list-style: none;
      margin: 0;
      padding: var(--sp-5) var(--sp-6);
      border-top: 1px solid var(--c-border);
    }
    .route-map__stops li {
      display: grid;
      grid-template-columns: 28px 1fr auto;
      align-items: center;
      gap: var(--sp-3);
      min-width: 0;
      font-size: var(--t-sm);
    }
    .route-map__stop-num {
      width: 28px;
      height: 28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: var(--r-full);
      background: var(--c-gold);
      color: white;
      font-weight: 800;
      font-size: var(--t-xs);
    }
    .route-map__stop-name {
      color: var(--c-midnight);
      font-weight: 700;
      overflow-wrap: anywhere;
    }
    .route-map__stop-time {
      color: var(--c-muted);
      font-size: var(--t-xs);
      white-space: nowrap;
    }
    .route-map__note {
      margin: 0;
      padding: 0 var(--sp-6) var(--sp-5);
      color: var(--c-muted);
      font-size: var(--t-xs);
      line-height: 1.5;
    }

    /* Cabin comparison */
    .cabin-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: var(--sp-4);
    }
    .cabin-card {
      border: 2px solid var(--c-border);
      border-radius: var(--r-xl);
      overflow: hidden;
      transition: all var(--dur-base);
      position: relative;
    }
    .cabin-card.is-recommended {
      border-color: var(--c-gold);
    }
    .cabin-card.is-recommended::before {
      content: '⭐ PHỔ BIẾN';
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      background: var(--c-gold);
      color: #0C0A09;
      font-size: var(--t-xs);
      font-weight: 800;
      padding: 2px 12px;
      border-radius: 0 0 var(--r-full) var(--r-full);
      letter-spacing: 0.1em;
      z-index: 2;
    }
    .cabin-card:hover { border-color: var(--c-gold); transform: translateY(-3px); box-shadow: var(--shadow-lg); }
    .cabin-card__img { height: 160px; overflow: hidden; }
    .cabin-card__img img { width: 100%; height: 100%; object-fit: cover; }
    .cabin-card__body { padding: var(--sp-5); }
    .cabin-card__name {
      font-family: var(--font-display);
      font-size: 1rem;
      font-weight: 700;
      color: var(--c-midnight);
      margin-bottom: var(--sp-3);
    }
    .cabin-specs { display: flex; flex-direction: column; gap: var(--sp-2); margin-bottom: var(--sp-4); }
    .cabin-spec { display: flex; align-items: center; gap: var(--sp-2); font-size: var(--t-sm); color: var(--c-muted); }
    .cabin-spec strong { color: var(--c-text); font-weight: 500; }
    .cabin-card__price {
      font-family: var(--font-display);
      font-size: 1.25rem;
      font-weight: 700;
      color: var(--c-gold);
      margin-bottom: var(--sp-4);
    }
    .cabin-card__price-unit { font-size: var(--t-xs); color: var(--c-muted); font-family: var(--font-body); font-weight: 400; }

    /* Inclusions/Exclusions */
    .inc-exc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-6); }
    .inc-exc__title { font-weight: 700; margin-bottom: var(--sp-4); font-size: 0.9375rem; }
    .inc-exc__list { display: flex; flex-direction: column; gap: var(--sp-3); }
    .inc-item { display: flex; align-items: flex-start; gap: var(--sp-3); font-size: var(--t-sm); }
    .inc-item__icon { width: 18px; flex-shrink: 0; font-size: 0.875rem; margin-top: 1px; }

    /* Rating breakdown */
    .rating-overview {
      display: flex;
      gap: var(--sp-10);
      align-items: flex-start;
      margin-bottom: var(--sp-8);
    }
    .rating-big {
      text-align: center;
      flex-shrink: 0;
    }
    .rating-big__num {
      font-family: var(--font-display);
      font-size: 4rem;
      font-weight: 700;
      color: var(--c-midnight);
      line-height: 1;
    }
    .rating-big__stars { font-size: 1.25rem; color: #F59E0B; letter-spacing: 3px; margin: var(--sp-2) 0; }
    .rating-big__count { font-size: var(--t-xs); color: var(--c-muted); }
    .rating-bars { flex: 1; display: flex; flex-direction: column; gap: var(--sp-3); }
    .rating-bar-row { display: flex; align-items: center; gap: var(--sp-3); }
    .rating-bar-label { font-size: var(--t-sm); color: var(--c-muted); min-width: 80px; }
    .rating-bar-track { flex: 1; height: 8px; background: var(--c-border); border-radius: var(--r-full); overflow: hidden; }
    .rating-bar-fill { height: 100%; background: var(--c-gold); border-radius: var(--r-full); transition: width 1s var(--ease-out); }
    .rating-bar-num { font-size: var(--t-sm); font-weight: 700; color: var(--c-midnight); min-width: 28px; text-align: right; }

    /* Review filter */
    .review-filter-bar {
      display: flex;
      gap: var(--sp-3);
      margin-bottom: var(--sp-6);
      flex-wrap: wrap;
    }

    /* Policy */
    .policy-timeline { position: relative; padding-left: var(--sp-8); }
    .policy-timeline::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--c-border); }
    .policy-item { position: relative; padding: var(--sp-4) 0; }
    .policy-item::before { content: ''; position: absolute; left: -25px; top: var(--sp-5); width: 10px; height: 10px; border-radius: 50%; background: var(--c-success); }
    .policy-item:last-child::before { background: var(--c-error); }
    .policy-item__title { font-weight: 700; font-size: var(--t-sm); margin-bottom: var(--sp-1); }
    .policy-item__desc { font-size: var(--t-sm); color: var(--c-muted); }

    /* MAP */
    .map-section { background: var(--c-bg); border-radius: var(--r-xl); overflow: hidden; margin-bottom: var(--sp-8); }
    .map-placeholder {
      height: 320px;
      background: linear-gradient(135deg, #B2DFDB, #80DEEA);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }
    .map-pin {
      position: absolute;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
    }
    .map-pin__icon { font-size: 2.5rem; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3)); animation: bounce 1s ease-in-out infinite alternate; }
    @keyframes bounce { from { transform: translateY(0); } to { transform: translateY(-8px); } }
    .map-pin__label { background: var(--c-midnight); color: white; padding: 4px 12px; border-radius: var(--r-full); font-size: var(--t-xs); font-weight: 700; white-space: nowrap; }
    .map-info {
      padding: var(--sp-5) var(--sp-6);
      display: flex;
      gap: var(--sp-6);
      border-top: 1px solid var(--c-border);
      background: white;
    }
    .map-info-item { display: flex; align-items: center; gap: var(--sp-3); }
    .map-info-item__icon { font-size: 1.25rem; }
    .map-info-item__text { font-size: var(--t-sm); }
    .map-info-item__text strong { display: block; font-weight: 700; color: var(--c-midnight); }

    /* FAQ */
    .faq-list { display: flex; flex-direction: column; gap: 0; }
    .faq-item { border-bottom: 1px solid var(--c-border); }
    .faq-question {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: var(--sp-5) 0;
      cursor: pointer;
      font-weight: 600;
      font-size: var(--t-sm);
      color: var(--c-midnight);
      gap: var(--sp-4);
    }
    .faq-question:hover { color: var(--c-gold); }
    .faq-chevron { flex-shrink: 0; transition: transform var(--dur-base); font-size: 0.75rem; color: var(--c-muted); }
    .faq-item.is-open .faq-chevron { transform: rotate(180deg); }
    .faq-answer {
      display: none;
      padding: 0 0 var(--sp-5);
      font-size: var(--t-sm);
      color: var(--c-muted);
      line-height: 1.7;
    }
    .faq-item.is-open .faq-answer { display: block; }

    /* Related */
    .related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-5); }

    /* Mobile */
    .container > nav[aria-label="Breadcrumb"] {
      max-width: 100%;
      min-width: 0;
    }
    @media (max-width: 1180px) {
      .detail-headline .detail-title,
      .detail-title {
        font-size: clamp(1.34rem, 5vw, 1.78rem);
        line-height: 1.12;
        overflow-wrap: anywhere;
        max-width: 100%;
      }
    }
    @media (max-width: 1024px) {
      .detail-layout { grid-template-columns: 1fr; }
      .booking-sidebar { position: static; }
      .detail-gallery { grid-template-columns: 1fr; grid-template-rows: 280px; }
      .gallery-main { grid-row: auto; }
      .gallery-thumb { display: none; }
      .cabin-grid { grid-template-columns: 1fr; }
      .inc-exc-grid { grid-template-columns: 1fr; }
      .rating-overview { flex-direction: column; gap: var(--sp-6); }
      .related-grid { grid-template-columns: 1fr; }
      .route-map__stops { grid-template-columns: 1fr; }
      .key-info-strip { flex-wrap: wrap; }
      .key-info-item { min-width: 40%; }
    }
    @media (max-width: 640px) {
      .detail-headline,
      .detail-info-header,
      .detail-layout {
        overflow: hidden;
      }
      .detail-headline .detail-title,
      .detail-title {
        font-size: clamp(1.08rem, 5.6vw, 1.28rem);
        line-height: 1.12;
        word-break: normal;
        overflow-wrap: anywhere;
        max-width: calc(100vw - 40px);
      }
      .container > nav[aria-label="Breadcrumb"] {
        flex-wrap: wrap !important;
        white-space: normal !important;
        overflow: hidden !important;
        line-height: 1.45;
      }
      .container > nav[aria-label="Breadcrumb"] > * {
        min-width: 0;
        overflow-wrap: anywhere;
      }
      .container > nav[aria-label="Breadcrumb"] > span:last-child {
        display: none;
      }
      .detail-headline__meta {
        gap: var(--sp-2);
        font-size: 0.8125rem;
        display: grid;
        grid-template-columns: 1fr;
        align-items: start;
      }
      .detail-headline__meta,
      .detail-signals,
      .detail-rating-row {
        max-width: 100%;
        overflow: visible;
      }
      .detail-headline__meta > *,
      .detail-signals > *,
      .detail-rating-row > * {
        min-width: 0;
        overflow-wrap: anywhere;
      }
      .detail-rating-row { gap: var(--sp-2); font-size: var(--t-xs); }
      .detail-rating-stars { font-size: 1rem; letter-spacing: 2px; }
      .detail-rating-score { font-size: 1rem; }
      .detail-signals { flex-direction: column; gap: var(--sp-2); }
      .detail-type-badge { font-size: var(--t-xs); padding: 4px var(--sp-3); }
      .route-map__head { flex-direction: column; padding: var(--sp-4); }
      .route-map__canvas { padding: var(--sp-3); }
      .route-map__canvas svg { min-height: 220px; }
      .route-map__labels text { font-size: 14px; }
      .route-map__marker-label { display: none; }
      .route-map__stops { padding: var(--sp-4); }
      .route-map__stops li { grid-template-columns: 28px 1fr; }
      .route-map__stop-time { grid-column: 2; }
      .key-info-item { min-width: 50%; padding: var(--sp-3) var(--sp-2); }
      .key-info-item__value { font-size: var(--t-xs); }
      .key-info-item__label { font-size: 0.6875rem; }
      .key-info-strip {
        width: 100%;
        overflow: hidden;
      }
      .detail-headline__meta .meta-divider {
        display: none;
      }
      .gallery-actions {
        left: var(--sp-3);
        right: var(--sp-3);
        bottom: var(--sp-3);
        justify-content: center;
        flex-wrap: wrap;
      }
      .gallery-btn {
        max-width: calc(50% - var(--sp-2));
        padding: var(--sp-2) var(--sp-3);
        font-size: 0.8125rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }