/* Travel-specific additions to the approved DataMiners article design. */
.travel-cover .cover-audience{font-size:1rem!important;color:#657186!important;line-height:1.7!important;margin:0}
.travel-cover .cover-actions{margin-bottom:24px}
.travel-cover h1{max-width:750px}
.travel-cover .cover-photo img{object-position:62% center}
.travel-intro{padding:58px 22px 48px;background:#fff}
.travel-intro>div{max-width:860px;margin:0 auto}
.travel-intro p{font-size:1.2rem!important;line-height:1.8!important;color:#36455a;margin:0 0 18px}
.travel-intro p:last-child{margin-bottom:0}
.travel-intro strong{color:#172b43;font-weight:600}
.travel-content .travel-demo{margin:36px 0;padding:30px;border:1px solid #dbe2ea;border-radius:6px;background:#fff;box-shadow:0 6px 28px rgba(13,26,45,.04)}
.travel-content .travel-demo h3{font-size:1.45rem!important;line-height:1.4!important;margin:0 0 16px!important;padding:0}
.travel-content .demo-intro{font-size:1.02rem!important;line-height:1.65!important;color:#42516a}
.demo-toggle{display:flex;align-items:center;gap:10px;font-size:1rem;line-height:1.5;color:#18304a;font-weight:500;cursor:pointer;margin:24px 0 30px}
.demo-toggle input{width:20px;height:20px;accent-color:#b91454;flex-shrink:0}
.cost-row{display:grid;grid-template-columns:66px minmax(0,1fr) 82px;gap:12px;align-items:center;margin:20px 0;font-size:1rem;color:#15304b}
.cost-track{height:34px;background:#f0f3f7;border-radius:3px;overflow:hidden}
.cost-bar{display:flex;height:100%;transition:width .2s ease}
.cost-room{background:#183750;height:100%}.cost-extras{background:#cc195b;height:100%}
.chart-legend{display:flex;flex-wrap:wrap;gap:10px 22px;margin:24px 0;font-size:1rem;line-height:1.5;color:#4b5d72}
.chart-legend i{display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1px}
.key-navy{background:#183750}.key-pink{background:#cc195b}
.travel-content .chart-result{font-size:1.08rem!important;line-height:1.65!important;color:#17314a;border-top:1px solid #e3e8ee;padding-top:22px;margin-bottom:0;min-height:82px}
.demo-data{margin-top:24px;border-top:1px solid #e3e8ee;padding-top:18px}
.demo-data summary{font-size:1rem;line-height:1.6;color:#344b64;font-weight:500;cursor:pointer}
.travel-content .demo-data .table-scroll{margin-bottom:20px}
.travel-content .demo-data .compare-table tbody th{width:38%}
.travel-content .travel-demo figcaption{font-size:1rem!important;line-height:1.65!important;margin-top:22px}
.chart-controls{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 24px}
.chart-controls button{font-family:inherit;font-size:1rem;line-height:1.5;font-weight:500;border:1px solid #cdd6e1;border-radius:4px;padding:10px 14px;background:#fff;color:#203b56;min-height:44px}
.chart-controls button[aria-pressed=true]{background:#183750;border-color:#183750;color:#fff}
.history-chart{margin:0 -6px;max-width:calc(100% + 12px)}
.history-chart svg{display:block;width:100%;height:auto}
.chart-grid line{stroke:#e2e8f0;stroke-width:1}
.chart-axis text{font-family:Satoshi,Arial,sans-serif;font-size:16px;fill:#536579}
.history-line polyline{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.history-a polyline{stroke:#183750}.history-a circle{fill:#183750}
.history-b polyline{stroke:#cc195b;stroke-dasharray:9 6}.history-b circle{fill:#cc195b}
.history-line[hidden]{display:none}
.travel-content .brief-box{background:#f7f9fb;border-left:3px solid #e71665;padding:26px;margin:32px 0 4px}
.travel-content .brief-box ul{margin:16px 0 22px}
.travel-content .brief-box li{font-size:1.05rem;line-height:1.7}
.brief-box>a{font-size:1rem;font-weight:600;color:#b11550}
.travel-content .audience-row{border-top:1px solid #e3e8ee;padding:24px 0 0;margin-top:24px}
.travel-content .audience-row h3{margin:0 0 12px!important;padding:0}
.travel-content .audience-row p{font-size:1.08rem!important}
.travel-page .cta-title{padding-bottom:0}
.travel-page .cta-label{font-size:1rem!important;letter-spacing:.06em;color:#eaa6c0!important;text-transform:uppercase;margin:0 0 18px}
.travel-page .cta-section .cta-btn{display:inline-block;background:#e71665;border:1px solid #e71665;color:white;border-radius:4px;padding:16px 28px;font-weight:600;line-height:1.5;text-decoration:none}
.travel-page .toc-list{grid-auto-flow:row}
.travel-page .toc-list li:last-child{margin-bottom:0}
.travel-demo noscript{display:block;margin-top:16px;font-size:1rem;color:#536579}
@media(max-width:640px){
 .travel-cover h1{font-size:2.55rem!important}
 .travel-intro{padding:34px 22px}.travel-intro p{font-size:1.1rem!important;line-height:1.8!important}
 .travel-content .travel-demo{padding:24px 16px}
 .travel-content .travel-demo h3{font-size:1.35rem!important}
 .cost-row{grid-template-columns:53px minmax(0,1fr) 66px;gap:7px;font-size:1rem}
 .cost-track{height:32px}
 .chart-legend{gap:8px 14px;font-size:1rem}
 .travel-content .chart-result{font-size:1rem!important;min-height:108px}
 .travel-content .brief-box{padding:22px}
 .chart-controls{gap:6px}.chart-controls button{font-size:1rem;padding:9px 10px}
 .history-chart{overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}
 .history-chart svg{width:620px;max-width:none}
 .chart-scroll-hint{display:block;font-size:1rem!important;color:#66768a!important;margin:6px 0 0!important}
}
@media(min-width:641px){.chart-scroll-hint{display:none}}
@media(prefers-reduced-motion:reduce){.cost-bar{transition:none}}

/* Explicitly override the shared decorative chart legend. */
.travel-content .chart-legend{position:static;border:0;box-shadow:none;border-radius:0;background:transparent;padding:0}
.travel-content .history-chart{overflow:visible;padding-bottom:0}
.travel-content .history-chart svg{width:100%;max-width:100%}
.travel-content .chart-scroll-hint{display:none!important}