/* One presentation card: real places above, a real day's record below.
   The connector is outside the map; it does not imply a tracked route. */
.sx-app.lj-app{padding:0;overflow:hidden;background:#fff;border-color:#dce9eb}
.lj-map-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;background:#fbfdfc;border-bottom:1px solid #e0ebea;line-height:1.5;color:#284b5d}
.lj-map-head>b{font-size:13px;font-weight:600}
.lj-map-head>span{font-size:11px;color:#7a919a}
.lj-map-view{background:#e9f3ef}
.lj-map-view .sl-image-region{border-radius:0}
.lj-connector{display:flex;flex-direction:column;align-items:center;gap:5px;background:linear-gradient(#f1f8f6,#f9fcfb);padding:0 14px;color:#648c97}
.lj-connector>i{display:block;height:10px;width:1px;flex:none;background:#bfd8dc}
.lj-connector>p{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 5px;font-size:11px;line-height:1.7;text-align:center}
.lj-connector>p>span{white-space:nowrap}
.lj-connector>p>b{font-size:11px;white-space:nowrap;color:#15859b;font-weight:600}
.lj-record{padding:12px 20px 13px;background:#f9fcfb}
.lj-record-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;line-height:1.5}
.lj-record-head>b{font-size:16px;color:#244655;font-weight:600}
.lj-record-head>span{font-size:10px;color:#91a4aa}
.lj-timeline{list-style:none;padding:0;margin:0}
.lj-timeline>li{display:grid;grid-template-columns:34px 8px minmax(0,1fr);gap:11px;align-items:start;position:relative;padding:10px 0;color:#234858}
.lj-timeline>li:before{content:'';position:absolute;width:1px;left:48.5px;top:22px;bottom:-20px;background:#d4e3e5}
.lj-timeline>li:last-child:before{display:none}
.lj-timeline time{font-size:11px;line-height:1.6;color:#7d949d;font-variant-numeric:tabular-nums;padding-top:1px}
.lj-timeline>li>i{width:7px;height:7px;border-radius:50%;background:#315f72;margin-top:6px;position:relative;z-index:1;box-shadow:0 0 0 3px #f9fcfb}
.lj-timeline>li>div{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.lj-timeline b{font-size:14px;line-height:1.6;font-weight:600;display:block;overflow-wrap:anywhere}
.lj-timeline em{font-style:normal;color:#648390;font-size:11px;white-space:nowrap;line-height:1.7;font-variant-numeric:tabular-nums}
.lj-timeline .lj-moving>i{background:#b6c8ce}
.lj-timeline .lj-moving b{color:#7b929c;font-weight:500}
.lj-timeline .lj-arrived>i{background:#1a9aac;box-shadow:0 0 0 3px #e6f5f4}
.lj-timeline .lj-arrived b{color:#146f85}
.lj-source-note{font-size:9px;line-height:1.7;color:#9aabb1;text-align:right;padding-top:8px;border-top:1px solid #e8efef;margin-top:7px!important}
@media(max-width:640px){.lj-map-head{padding:11px 16px}.lj-map-head>span{font-size:10px}.lj-record{padding:11px 17px 12px}.lj-record-head>span{font-size:9px}.lj-timeline>li{gap:9px}.lj-timeline>li:before{left:46.5px}.lj-timeline b{font-size:12px}.lj-connector{gap:4px}.lj-connector>p,.lj-connector>p>b{font-size:10px}.lj-connector>i{height:9px}.lj-source-note{font-size:8px}}
@media(max-width:360px){.lj-map-head{padding:10px 14px}.lj-map-head>b{font-size:12px}.lj-record{padding:10px 14px 12px}.lj-record-head{gap:8px}.lj-record-head>b{font-size:12px}.lj-record-head>span{font-size:8px}.lj-timeline>li{grid-template-columns:31px 7px minmax(0,1fr);gap:8px}.lj-timeline>li:before{left:42.5px}.lj-timeline time{font-size:10px}.lj-timeline>li>div{gap:6px}.lj-timeline em{font-size:9px}.lj-source-note{text-align:left}}