/* Approved chapter tabs retain the article's brand and desktop presentation. */
.chapter-tabs,.direction-map{display:none}
.rental-entry [data-detail="rental"]{font-weight:650}
.numbered-shop-name,.numbered-shop-title{display:flex;align-items:center;gap:8px;min-width:0}
.numbered-shop-name .shop-name{max-width:none;min-width:0}
.shop-map-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 23px;width:23px;height:23px;border:1.5px solid var(--ink);border-radius:50%;background:var(--yellow);color:var(--ink);font-family:Arial,sans-serif;font-size:15px;font-weight:750;line-height:1;letter-spacing:0}
.numbered-shop-title{gap:11px}
.numbered-shop-title .shop-map-number{flex-basis:29px;width:29px;height:29px;font-size:18px}
.numbered-shop-title #detail-title{min-width:0}
@media(max-width:700px){
  :root{--chapter-tabs-height:52px;--chapter-top:108px}
  .site-header{z-index:30;justify-content:space-between}
  .site-header>.current-chapter,.site-header>.chapter-trigger{display:none}
  .site-header>.mobile-map-button{margin-left:auto}
  .chapter-tabs{position:sticky;top:56px;z-index:29;height:var(--chapter-tabs-height);display:grid;grid-template-columns:1fr 1.18fr 1fr;background:#fff;border-bottom:1px solid var(--line)}
  .chapter-tabs button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:52px;padding:0 5px;border-right:1px solid var(--line);border-radius:0;font-size:12px;line-height:1.5;white-space:nowrap;font-weight:600;position:relative}
  .chapter-tabs button:last-child{border-right:0}
  .chapter-tabs button[aria-selected="true"]{background:#fff5b9;color:var(--ink);font-weight:800}
  .chapter-tabs button[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ink)}
  .chapter-tabs button:focus-visible{outline-offset:-5px;outline:2px solid #167dba}
  [role="tabpanel"][hidden]{display:none!important}
  [role="tabpanel"]{scroll-margin-top:var(--chapter-top);min-width:0}
  .chapter-heading{padding-top:30px}
  .chapter-heading h2{font-size:29px;line-height:1.6}
  .hero{margin-bottom:0}
  .rental-column.rental-entry{margin-top:26px;padding:20px;border:0;border-top:2px solid #d4c55a;border-bottom:1px solid #d4c55a;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:0 16px;background:#fffdf0}
  .rental-entry>.rental-copy{grid-column:1;min-width:0}
  .rental-entry>.column-stamp{display:none}
  .rental-entry .mini-label{font-size:11px;line-height:1.8;margin:0 0 9px}
  .rental-entry h3{font-size:23px;line-height:1.65;margin:0 0 10px}
  .rental-entry .rental-copy>p:not(.mini-label){font-size:14px;line-height:1.9;margin:0}
  .rental-entry>.rental-cyclist{position:static;width:35px;height:auto;align-self:center;justify-self:center}
  .rental-entry .journey-map-link{font-size:13px;padding:0;border:0;min-height:44px;margin:8px 0 0;justify-content:flex-start;text-decoration:underline;text-underline-offset:4px}
  .rental-detail-button{display:flex;gap:8px;align-items:center;min-height:44px;margin:8px 0 0;padding:0;font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:4px}
  .cycle-divider{padding-bottom:30px}
  .cycle-journey{padding-top:0}
  .direction-title.scene-break{position:relative;z-index:1;width:calc(100% + 52px);max-width:none;margin:0 -16px 24px -36px;padding:28px 20px 24px;background:#f0f7f8;text-align:left;scroll-margin-top:var(--chapter-top)}
  .direction-title.scene-break.reverse{margin-top:26px}
  .scene-break>.eyebrow{font-size:11px;line-height:1.6;margin:0 0 9px;letter-spacing:.12em}
  .scene-break>h3{font-size:27px;line-height:1.5;letter-spacing:.015em;text-wrap:balance;max-width:350px}
  .scene-break>h3 .keep-word{white-space:nowrap}
  .scene-break>.direction-intro{font-size:15px;line-height:1.9;margin:16px 0 0}
  .view-stop .scenic-headline{text-wrap:balance}
  .scenic-keep{white-space:nowrap}
  .scene-break .direction-map{display:block;width:100%;max-width:300px;margin:18px auto 0}
  .direction-map-art{position:relative;aspect-ratio:1586/992;overflow:hidden}
  .direction-map-art>img{display:block;width:100%;height:100%;object-fit:contain}
  .direction-map-art>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
  .direction-arrow-underlay{stroke:#153f53;stroke-width:8;opacity:.78}
  .direction-arrow,.direction-arrow-head{stroke:var(--yellow);stroke-width:5}
  .direction-map figcaption{font-size:10px;line-height:1.7;text-align:right;margin:6px 0 0;color:#426574}
  .rental-detail-heading{position:relative;padding-right:48px}
  .rental-detail-heading .rental-detail-cycle{width:35px;height:55px;object-fit:contain;position:absolute;right:0;top:30px}
  .rental-detail-heading #detail-title{font-size:27px;line-height:1.6}
  .rental-detail-body .detail-prose{margin-top:0}
  .rental-detail-body .rental-info{display:block;font-size:15px;line-height:1.9}
  .rental-detail-body .rental-info dt{font-size:12px;margin:18px 0 5px}
  .rental-detail-body .rental-info dd{margin:0}
  .rental-detail-body .rental-copy>a{display:flex;align-items:center;min-height:44px;font-size:14px;line-height:1.8;margin-top:10px}
  .rental-detail-body .external-link{display:flex;align-items:center;min-height:44px;font-size:14px;line-height:1.8;margin-top:10px}
  .rental-detail-body .map-footnote{font-size:12px;line-height:1.9;margin-top:20px}
}
@media(max-width:350px){
 .chapter-tabs button{font-size:11px;gap:3px;padding:0 3px}
 .scene-break>h3{font-size:25px;line-height:1.55}
 .rental-entry h3{font-size:21px}
 .rental-entry .rental-copy>p:not(.mini-label){font-size:14px}
 .rental-column.rental-entry{grid-template-columns:minmax(0,1fr) 28px;gap:0 10px;padding:18px}
 .rental-entry>.rental-cyclist{width:27px}
 .rental-detail-heading #detail-title{font-size:23px;letter-spacing:0}
}
@media(prefers-reduced-motion:reduce){.chapter-tabs button{transition:none}}

/* The approved illustrated scene breaks continue into the desktop journey. */
@media(min-width:701px){
 .direction-title.scene-break{width:760px;max-width:100%;padding:36px 40px;background:#f0f7f8;text-align:left;scroll-margin-top:90px}
 .direction-title.scene-break>h3{font-size:32px;line-height:1.55;text-wrap:balance}
 .scene-break>h3 .keep-word{white-space:nowrap}
 .scene-break>.direction-intro{font-size:16px;line-height:1.95;max-width:580px;margin:22px auto 0}
 .scene-break .direction-map{display:block;width:100%;max-width:440px;margin:24px auto 0}
 .direction-map-art{position:relative;aspect-ratio:1586/992;overflow:hidden}
 .direction-map-art>img{display:block;width:100%;height:100%;object-fit:contain}
 .direction-map-art>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
 .direction-arrow-underlay{stroke:#153f53;stroke-width:8;opacity:.78}
 .direction-arrow,.direction-arrow-head{stroke:var(--yellow);stroke-width:5}
 .direction-map figcaption{font-size:11px;line-height:1.7;text-align:right;margin:8px 0 0;color:#426574}
}