/* Dedicated namespace for arrival data and the independent end-of-journey dialog. */
.jcm-arrival{margin:16px 25px 19px;color:#eee3ce}
.jcm-metrics{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;margin:0;border-top:1px solid #d5c29c36;border-bottom:1px solid #d5c29c2b}
.jcm-metric{position:relative;min-width:0;padding:13px 9px 12px 0}
.jcm-metric:nth-child(2n){padding-left:15px;padding-right:0}
.jcm-metric:nth-child(2n):before{content:"";position:absolute;left:0;top:13px;bottom:12px;width:1px;background:#d5c29c22}
.jcm-metric:nth-child(n+3){border-top:1px solid #d5c29c22}
.jcm-metric dt{font-size:10px;letter-spacing:.06em;color:#a9b6a6;line-height:1.6;margin:0 0 6px}
.jcm-metric dd{font-size:19px;line-height:1.45;min-height:28px;margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.jcm-date dd{font-size:12px;line-height:1.7;min-height:38px;color:#e5d3b7}
.jcm-metric small{display:block;color:#879d89;font-size:8px;line-height:1.6;margin-top:3px}
.jcm-number{font-family:Georgia,"Noto Serif SC","SimSun",serif;font-variant-numeric:tabular-nums;letter-spacing:.015em}
.jcm-unit{font-family:"Microsoft YaHei",sans-serif;font-size:.55em;color:#bac5af;margin-left:5px;letter-spacing:0;white-space:nowrap}
.jcm-empty{color:#879b8b;font-family:Georgia,serif;letter-spacing:0}
#journey-summary{width:min(790px,94vw);max-height:88vh;padding:0;border:1px solid #c8b58b52;background:linear-gradient(145deg,#1c2922,#111e19);color:#f1e7d2;border-radius:7px;box-shadow:0 35px 140px #0009;overflow:auto}
#journey-summary::backdrop{background:#07110dc9;backdrop-filter:blur(9px)}
.jcm-summary{padding:40px 45px 30px}
.jcm-summary-header{text-align:center}
.jcm-summary-kicker{margin:0 0 18px;color:#bdba9f;font-size:10px;line-height:1.7;letter-spacing:.15em}
.jcm-summary h1{font:normal clamp(25px,3.3vw,39px)/1.5 "Noto Serif SC","Source Han Serif SC","SimSun",serif;letter-spacing:.13em;margin:0}
.jcm-summary-dates{margin:16px 0;color:#d1ac80;font:14px/1.6 Georgia,serif;letter-spacing:.15em}
.jcm-summary-dates span{margin:0 14px;color:#866c52}
.jcm-summary-intro{max-width:480px;margin:0 auto;color:#aabca9;font-size:12px;line-height:2}
.jcm-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:30px 0 18px;border-top:1px solid #bdaa813f;border-bottom:1px solid #bdaa813f}
.jcm-summary-metric{text-align:center;min-width:0;padding:19px 8px 20px}
.jcm-summary-metric:nth-child(n+4){border-top:1px solid #bdaa8126}
.jcm-summary-metric dt{color:#aebda7;font-size:11px;letter-spacing:.08em;line-height:1.7}
.jcm-summary-metric dd{margin:8px 0 0;font-size:30px;line-height:1.3;min-height:39px}
.jcm-summary-metric .jcm-duration{font-size:27px;letter-spacing:.09em;color:#ebc995}
.jcm-summary-footnote{margin:14px 0 23px;text-align:center;font-size:10px;color:#92a78f;line-height:1.9}
.jcm-summary-footnote a{display:inline-block;margin-left:8px;color:#d3b58b;border-bottom:1px solid #bdaa813f}
.jcm-summary-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:11px}
.jcm-button{appearance:none;border:1px solid #c0bc9845;border-radius:3px;background:#27382a6b;color:#e3d8be;padding:11px 20px;font:11px/1.5 "Microsoft YaHei",sans-serif;letter-spacing:.1em;cursor:pointer;min-height:39px}
.jcm-button-primary{background:#9d3e2d;border-color:#c6774e;color:#fff1d9}
.jcm-button-primary span{margin-left:14px}
.jcm-button:hover{background:#405039;color:#fff0d2}.jcm-button-primary:hover{background:#b34c32}
.jcm-button:focus-visible,.jcm-summary a:focus-visible,.jcm-summary-sources summary:focus-visible{outline:2px solid #edc99e;outline-offset:4px}
.jcm-summary-sources{margin-top:28px;border-top:1px solid #bdaa8128;padding-top:16px;color:#9caf94}
.jcm-summary-sources>summary{cursor:pointer;font-size:10px;letter-spacing:.08em;line-height:1.7;list-style-position:inside}
.jcm-source-list{margin:16px 0 0;padding:0;list-style:none}
.jcm-source-list li{padding:11px 0;border-bottom:1px solid #bdaa811c;font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.jcm-source-list a{color:#dac19a;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.jcm-source-list small{display:block;color:#91a28d;font-size:9px;line-height:1.8;margin-top:3px}
.jcm-photo-credits{padding:15px 0 0;font-size:10px;line-height:1.9;color:#9eae96}
.jcm-photo-credits a{color:#dac19a;text-decoration:underline;text-underline-offset:3px}
@media(min-width:1700px){.jcm-arrival{margin-left:29px;margin-right:29px}}
@media(max-width:900px){.jcm-arrival{margin-left:20px;margin-right:20px}.jcm-metric dd{font-size:17px}.jcm-date dd{font-size:11px}}
@media(max-width:600px){.jcm-arrival{margin:10px 17px 13px}.jcm-metric{padding:10px 9px 9px 0}.jcm-metric:nth-child(2n){padding-left:12px}.jcm-metric dt{font-size:9px;margin-bottom:3px}.jcm-metric dd{font-size:17px;min-height:25px}.jcm-date dd{font-size:11px;min-height:35px}.jcm-metric small{font-size:8px;margin-top:1px}.jcm-summary{padding:28px 20px 23px}.jcm-summary-kicker{font-size:9px;letter-spacing:.08em;margin-bottom:16px}.jcm-summary h1{font-size:25px;letter-spacing:.08em}.jcm-summary-dates{font-size:12px;margin:12px 0}.jcm-summary-dates span{margin:0 7px}.jcm-summary-intro{font-size:10px;line-height:1.9}.jcm-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:23px}.jcm-summary-metric{padding:15px 7px}.jcm-summary-metric:nth-child(n+3){border-top:1px solid #bdaa8126}.jcm-summary-metric dt{font-size:10px}.jcm-summary-metric dd{font-size:27px;min-height:35px}.jcm-summary-metric .jcm-duration{font-size:23px}.jcm-summary-footnote{font-size:9px;line-height:2}.jcm-summary-actions{gap:8px}.jcm-button{padding:10px 13px;font-size:10px;letter-spacing:.05em}.jcm-button-primary span{margin-left:7px}.jcm-summary-sources{margin-top:23px}}
@media(prefers-reduced-motion:reduce){.jcm-button{transition:none}}

/* Data is part of the story; source qualifications stay legible at recording size. */
.event-card.with-metrics .jcm-arrival{margin:14px 25px 16px;color:#f0e6d0}
.jcm-metrics{border-color:#d6c69d35}
.event-card.with-metrics .jcm-metric{padding:10px 10px 11px 0}
.event-card.with-metrics .jcm-metric:nth-child(2n){padding-left:16px;padding-right:0}
.jcm-metric:last-child:nth-child(odd){grid-column:1/-1}
.jcm-metric:last-child:nth-child(odd):before{display:none}
.event-card.with-metrics .jcm-metric dt{font-size:11px;line-height:1.7;letter-spacing:.035em;color:#bdc9b1;margin:0 0 5px}
.event-card.with-metrics .jcm-metric dd{font-size:21px;line-height:1.45;min-height:28px;color:#f4e6c8}
.event-card.with-metrics .jcm-date dd{font-size:12px;line-height:1.8;min-height:35px;color:#e7d5b5}
.event-card.with-metrics .jcm-metric small{font-size:10px;line-height:1.75;color:#b2c0a4;margin-top:4px}
.event-card.with-metrics .jcm-metric dd.jcm-metric-text{font:13px/1.8 "Microsoft YaHei",sans-serif;letter-spacing:.01em;color:#dfd1b6}
.jcm-number.jcm-text-value{display:inline-block;max-width:100%;font:13px/1.85 "Microsoft YaHei",sans-serif;letter-spacing:0;overflow-wrap:anywhere;color:#e2d4b8}
.event-card.with-metrics .jcm-metric dd:has(.jcm-text-value){font-size:13px;line-height:1.85;min-height:25px}
.jcm-summary-text .jcm-text-value{font-size:inherit;line-height:inherit;color:inherit}
.jcm-number{font-family:Georgia,"Noto Serif SC","SimSun",serif}
.jcm-unit{color:#c2ceb4;font-size:.54em}
#journey-summary{width:min(870px,94vw);border-radius:10px;background:linear-gradient(140deg,#203128,#13241c);border-color:#d7c28e45}
.jcm-summary{padding:39px 43px 29px}
.jcm-summary h1{font-size:clamp(27px,3.2vw,40px);color:#f5e9cc;letter-spacing:.1em}
.jcm-summary-kicker{font-size:11px;color:#c9c4a5;letter-spacing:.12em}
.jcm-summary-dates{color:#d8b98c;font-size:15px}
.jcm-summary-intro{font-size:13px;line-height:1.95;color:#c3d0b7;max-width:570px}
.jcm-summary-grid{margin-top:27px;border-color:#d2bc8d38}
.jcm-summary-metric{padding:19px 13px}
.jcm-summary-metric dt{font-size:12px;color:#c3d0b6;letter-spacing:.055em}
.jcm-summary-metric dd{font-size:32px;line-height:1.45;color:#f1dfb7}
.jcm-summary-metric dd.jcm-summary-text{
 font:13px/1.9 "Microsoft YaHei",sans-serif;color:#d7dfc9;
 margin:9px auto 0;max-width:230px;min-height:0;letter-spacing:0;
}
.jcm-summary-metric small{display:block;font:10px/1.8 "Microsoft YaHei",sans-serif;color:#afc09e;margin-top:7px}
.jcm-summary-footnote{font-size:11px;line-height:1.95;color:#b3c2a4}
.jcm-summary-sources>summary{font-size:12px;color:#c9d4bd;line-height:1.8;padding:3px 0}
.jcm-source-list li{font-size:12px;line-height:1.95;color:#c3cfb7;padding:13px 0}
.jcm-source-list small{font-size:11px;line-height:1.9;color:#aabf9b}
.jcm-photo-credits{font-size:11px;color:#b5c4a7;line-height:1.95}
.jcm-button{font-size:12px;border-radius:4px;padding:11px 19px;background:#30433373;border-color:#b9bf9940}
.jcm-button-primary{background:#9e422f;border-color:#d0996773}
.jcm-button-primary:hover{background:#b54e37}
@media(min-width:1700px){
 .event-card.with-metrics .jcm-arrival{margin-left:29px;margin-right:29px}
 .event-card.with-metrics .jcm-metric small{font-size:10px}
}
@media(max-width:600px){
 .event-card.with-metrics .jcm-arrival{margin:10px 18px 13px}
 .event-card.with-metrics .jcm-metric{padding:8px 9px 8px 0}
 .event-card.with-metrics .jcm-metric:nth-child(2n){padding-left:13px}
 .event-card.with-metrics .jcm-metric dt{font-size:10px;line-height:1.65;margin-bottom:3px}
 .event-card.with-metrics .jcm-metric dd{font-size:19px;line-height:1.5;min-height:26px}
 .event-card.with-metrics .jcm-date dd{font-size:11px;line-height:1.8;min-height:32px}
 .event-card.with-metrics .jcm-metric small{font-size:9px;line-height:1.8;margin-top:3px}
 .event-card.with-metrics .jcm-metric dd.jcm-metric-text{font-size:12px}
 .jcm-number.jcm-text-value,.event-card.with-metrics .jcm-metric dd:has(.jcm-text-value){font-size:12px;line-height:1.85}
 #journey-summary{width:calc(100vw - 24px);max-height:calc(100dvh - 30px);border-radius:8px}
 .jcm-summary{padding:27px 20px 23px}
 .jcm-summary h1{font-size:27px;letter-spacing:.075em}
 .jcm-summary-kicker{font-size:10px;letter-spacing:.07em}
 .jcm-summary-intro{font-size:12px}
 .jcm-summary-dates{font-size:13px;letter-spacing:.08em}
 .jcm-summary-grid{margin-top:23px}
 .jcm-summary-metric{padding:15px 8px}
 .jcm-summary-metric dt{font-size:11px}
 .jcm-summary-metric dd{font-size:28px}
 .jcm-summary-metric dd.jcm-summary-text{font-size:12px;line-height:1.9}
 .jcm-summary-footnote{font-size:10px;line-height:1.95}
 .jcm-summary-actions{gap:8px}.jcm-button{font-size:11px;padding:10px 12px}
 .jcm-summary-sources>summary{font-size:11px}
 .jcm-source-list li{font-size:12px}.jcm-source-list small{font-size:10px}
}