/* Companion chapters: cream, city ink, and a warm edge between the two. */
:root{--chapter-edge:#e9ac66;--chapter-soft:#f8e8d3;--chapter-ink:#481b2c}
html[data-city="okc"]{--chapter-edge:#ff9a66;--chapter-soft:#fff0dd;--chapter-ink:#002d62}
.chapter-hero.pagehero,.chapter-hero.game-hero{height:auto!important;min-height:0!important;padding:32px 0!important;background:radial-gradient(ellipse at 95% 0,#e9ac661c,transparent 60%),linear-gradient(130deg,#271923,#481b2c 80%)!important;color:#fffaf2;border-bottom:3px solid var(--chapter-edge)}
html[data-city="okc"] .chapter-hero{background:radial-gradient(ellipse at 95% 0,#ff9a6626,transparent 60%),linear-gradient(130deg,#061c32,#002d62 80%)!important}
.chapter-hero>.chapter-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 176px;align-items:center;gap:30px;padding:0!important}
.chapter-hero-copy{min-width:0}
.chapter-hero .eyebrow{font:850 11px/1.5 system-ui;letter-spacing:.14em;color:#f5cb87;margin:0 0 12px}
.chapter-hero h1{font:400 clamp(38px,5.7vw,72px)/1.06 Georgia,serif!important;letter-spacing:-.035em;margin:0 0 18px!important;max-width:840px}
.chapter-hero h1 em{color:#f5cb87;font-weight:400}
.chapter-hero .chapter-hero-grid>p{font-size:17px;line-height:1.65;color:#fff1e1;max-width:740px;margin:0;grid-column:1/-1}
.chapter-mark{width:176px;height:176px;box-sizing:border-box;padding:20px 24px;aspect-ratio:1;border:2px solid var(--chapter-edge);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#f5cb87;box-shadow:inset 0 0 0 7px #ffffff09;transform:rotate(4deg)}
.chapter-mark>span{max-width:100%;flex-shrink:0;text-align:center;line-height:1.2;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}
.chapter-mark>svg{width:56px;height:56px;flex-shrink:0;display:block}
.chapter-mark>strong{max-width:100%;min-width:0;flex-shrink:0;text-align:center;white-space:normal;overflow-wrap:normal;font:italic 19px/1.12 Georgia,serif}
.chapter-jumps{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:18px 0 0;max-width:520px}
.chapter-jumps>.pillbtn{width:min(164px,calc((100% - 16px)/3))!important;min-width:0!important;padding:5px 20px 5px 6px!important;background:var(--chapter-ink)!important;color:#fffaf2!important;border:2px solid var(--chapter-edge)!important;box-shadow:0 2px 0 #bc7b3c14}
.chapter-jumps>.pillbtn::after{right:5px;font-size:14px}
.chapter-jumps>.pillbtn:hover{background:var(--chapter-soft)!important;color:var(--chapter-ink)!important}
.chapter-deeper{padding:32px 0;background:#f7eddf;border-top:1px solid #e7d3bb}
html[data-city="okc"] .chapter-deeper{background:#edf3f8;border-color:#d3e1ed}
.chapter-deeper .sectiontitle{font-size:clamp(30px,4vw,44px);line-height:1.12}
.chapter-deeper .sublead{font-size:15px;line-height:1.65;margin-bottom:20px}
.chapter-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.chapter-related-card{display:flex;flex-direction:column;min-width:0;background:#fffaf2;border:1px solid #e6d8c6;border-top:3px solid var(--chapter-edge);border-radius:15px;padding:20px;text-decoration:none;box-shadow:0 5px 15px #281c2708}
.chapter-related-card:hover{border-color:#bc7b3c;box-shadow:0 6px 18px #281c2714}
.chapter-related-number{font:800 12px/1.4 system-ui;letter-spacing:.07em;color:#85532a;margin-bottom:12px}
.chapter-related-card h3{font:400 25px/1.15 Georgia,serif;color:var(--chapter-ink);letter-spacing:-.015em;margin:0 0 10px}
.chapter-related-card p{font-size:14px;line-height:1.6;color:#65575c;margin:0 0 18px}
.chapter-read{font-size:12px;font-weight:800;color:var(--chapter-ink);margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px}
.chapter-reading{margin-top:26px;border-top:1px solid #c6a37966;padding-top:20px;max-width:850px}
.chapter-reading h3{font:400 25px/1.2 Georgia,serif;margin:0 0 8px}
.chapter-reading>p{font-size:14px;color:var(--sub);margin:0 0 12px;line-height:1.6}
.chapter-reading ul{padding-left:19px;margin:0}.chapter-reading li+li{margin-top:10px}
.chapter-reading li>a{display:inline-block;min-height:44px;padding:10px 0;color:var(--chapter-ink);font-size:14px;font-weight:750;text-underline-offset:4px;text-decoration-thickness:1px}
.chapter-reading li>p{font-size:13px;color:var(--sub);line-height:1.6;margin:0}
/* Warm borders are accents; readable ink and filled actions keep their existing roles. */
body:has(.chapter-deeper) main :is(.cardlink,.practical-toggle,.outing-toggle,.listing-detail-toggle,.map-view-link,.reset,.quick-filter)[data-ui-control],
body[data-page="route66"] .route66-actions>a{border:2px solid var(--chapter-edge)!important}
body:has(.chapter-deeper) main .section-close-bar>.section-close-control,
body[data-page="route66"] main .section-close-bar>.section-close-control{border:2px solid var(--chapter-edge)!important}
body[data-page="route66"] .route66-jumps>a{border:2px solid var(--chapter-edge)!important}
body[data-page="route66"] .route66-actions>a:hover{background:#fff0dd;color:var(--chapter-ink)}
html[data-city="okc"] body[data-page="route66"] .route66-actions>a:hover{background:#fff0dd;color:#002d62}
body[data-page="route66"] .route66-tools :is(input,select){border-color:#d5a36a}
body[data-page="route66"] .route66-history-more{border-color:#d5a36a}
body[data-page="route66"] .route66-source-jump{border-bottom:2px solid var(--chapter-edge);text-decoration:none}
body[data-page="smashburgers"] .smash-hero{border-bottom:3px solid var(--chapter-edge)}
body[data-page="smashburgers"] .smash-hero-mark{border-color:var(--chapter-edge)}
body[data-page="smashburgers"] .section-intro-actions>.pillbtn{border:2px solid var(--chapter-edge)!important}
@media(max-width:700px){
 .chapter-hero.pagehero,.chapter-hero.game-hero{padding:24px 0!important}
 .chapter-hero>.chapter-hero-grid{grid-template-columns:minmax(0,1fr) 100px;gap:14px;align-items:start}
 .chapter-hero h1{font-size:clamp(29px,7.6vw,46px)!important;margin-bottom:14px!important}
 .chapter-hero .eyebrow{font-size:10px;letter-spacing:.1em}
 .chapter-hero .chapter-hero-grid>p{font-size:15px;line-height:1.6}
 .chapter-mark{width:100px;height:100px;padding:10px;gap:4px;margin-top:8px;box-shadow:inset 0 0 0 4px #ffffff09}
 .chapter-mark>span{font-size:6px;letter-spacing:.08em}.chapter-mark>svg{width:32px;height:32px}.chapter-mark>strong{font-size:12px}
 .chapter-related-grid{grid-template-columns:1fr}.chapter-related-card{padding:18px}.chapter-related-card h3{font-size:24px}.chapter-related-card p{margin-bottom:12px}.chapter-related-number{margin-bottom:8px}
 .chapter-jumps>.pillbtn{font-size:11.5px!important}.chapter-deeper{padding:28px 0}.chapter-reading{margin-top:20px}
}
/* Utility links share the same three-across row as chapter jumps. */
body[data-page="dining"] .dining-utilities{justify-content:center;gap:8px}
body[data-page="dining"] .dining-utilities>[data-ui-control]{width:min(164px,calc((100% - 16px)/3))!important;min-width:0!important;padding:5px 20px 5px 6px!important;border:2px solid var(--chapter-edge)!important}
body[data-page="dining"] .dining-utilities>[data-ui-control]::after{right:5px}
@media(max-width:700px){body[data-page="dining"] .dining-utilities>[data-ui-control]{font-size:11.5px!important}}
/* Route 66 actions must not inherit dark link text on the navy fill. */
body[data-page="route66"] .route66-actions>a{background:var(--chapter-ink)!important;color:#fffaf2!important}
body[data-page="route66"] .route66-actions>a.primary{background:#ffd1a3!important;color:var(--chapter-ink)!important}
body[data-page="route66"] .route66-actions>a:hover{background:#fff0dd!important;color:var(--chapter-ink)!important}
body[data-page="route66"] .route66-hero{border-bottom:3px solid var(--chapter-edge)}

/* Chapter shortcuts follow the section introduction, with its map centered below. */
.chapter-section-jumps{width:100%;max-width:520px;margin:20px auto 14px;padding:0}
.chapter-section-jumps>.pillbtn{height:52px!important;min-height:52px!important}
.chapter-map-action{display:flex;justify-content:center;align-items:center;width:100%;margin:0 0 20px}
body main .chapter-map-action>.map-view-link{margin:0!important;height:52px!important;min-height:52px!important;width:164px!important;max-width:100%;padding:5px 25px 5px 8px!important;text-align:center;justify-content:center}
body[data-page="dining"] .chapter-map-action>.map-view-link{border:2px solid var(--chapter-edge)!important}
body[data-page="plans"] .section .visit-jumps{width:100%;margin:0 auto 20px;padding:0;justify-content:center}
body[data-page="route66"] .route66-story .chapter-section-jumps{margin:20px auto}
body[data-page="smashburgers"] .story-wrap .chapter-section-jumps{margin:20px auto}


/* Leave room for the rotated circle at the edges of narrow screens. */
body[data-page="smashburgers"] .smash-hero-mark{max-width:min(400px,calc(100% - 32px));box-sizing:border-box;container-type:inline-size;padding:18px;gap:8px}
body[data-page="smashburgers"] .smash-hero-mark>strong{max-width:100%;font-size:clamp(30px,22cqw,76px);line-height:1.1}
body[data-page="smashburgers"] .smash-hero-mark>span{max-width:90%;font-size:clamp(8px,3cqw,11px);line-height:1.2}
body[data-page="smashburgers"] .smash-hero-mark>em{max-width:90%;font-size:clamp(10px,6cqw,20px);line-height:1.2}