/* Map, detail-panel and reading-size upgrade. Loaded after the base skin. */
.rail-clock{border:0;background:transparent;cursor:pointer}
.world-map{filter:drop-shadow(0 0 25px rgba(35,221,208,.1))}
.connector-layer{position:absolute;inset:0;z-index:3;width:100%;height:100%;overflow:visible;pointer-events:none}.connector-line{fill:none;stroke:rgba(255,83,108,.8);stroke-width:1.2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgba(255,83,108,.55))}.connector-end{fill:#f7fffa;stroke:#ff536c;stroke-width:1;vector-effect:non-scaling-stroke}
.country-shape{stroke:rgba(139,231,219,.35);stroke-width:.7;vector-effect:non-scaling-stroke;transition:fill .25s,stroke .25s}
.country-shape:hover{fill:rgba(89,240,181,.58);stroke:#dbfff1}
.continent-north-america{fill:rgba(17,106,166,.42)}.continent-south-america{fill:rgba(22,156,112,.4)}.continent-europe{fill:rgba(114,69,184,.5)}.continent-africa{fill:rgba(211,151,46,.36)}.continent-asia{fill:rgba(218,153,40,.4)}.continent-oceania{fill:rgba(15,150,164,.42)}.continent-antarctica{fill:rgba(33,83,140,.3)}
.event-pin{padding:0;border:0;background:transparent;cursor:pointer;z-index:5}.event-pin span{color:#d4e5e1;font-size:9px}
.map-callouts{pointer-events:none}.callout{width:min(204px,27%);padding:11px 12px;background:rgba(8,13,18,.94);animation:none;pointer-events:auto;cursor:pointer}.callout h3{font-size:13px;line-height:1.35}.callout p{color:#b5c5c4;font-size:11px}.callout b{font-size:10px}.map-legend{color:#9bb0ad;font-size:10px}.map-footer{color:#91a4a4;font-size:11px}
.callout::after{display:none}
.event-pin.is-hidden{display:none}.pin-us{left:25%;top:31%}.pin-eu{left:53%;top:26%}.pin-cn{left:77%;top:33%}.pin-jp{left:85.13%;top:31.13%}.callout.us{left:4%;top:34%}.callout.eu{left:42%;top:7%}.callout.cn{right:3%;top:38%}
.callout.jp{right:1%;top:40%}
.feed-item{grid-template-columns:46px 20px 1fr}.feed-time{color:#8ca1a2;font-size:11px}.feed-item h3{font-size:13px}.feed-item p{color:#8aa0a1;font-size:11px}.impact{font-size:10px}
.feed-item{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.feed-item:hover h3{color:var(--green)}
.calendar-item{width:100%;grid-template-columns:52px 1fr auto;gap:10px;padding:13px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.calendar-item:hover h3{color:var(--green)}.calendar-date{font-size:11px}.calendar-date b{font-size:16px}.calendar-item h3{font-size:14px;line-height:1.35}.calendar-item p{color:#8ca09f;font-size:11px;line-height:1.38}.impact-badge{min-width:45px;padding:5px 6px;font-size:10px;text-align:center;white-space:nowrap}.impact-badge.low{border-color:rgba(104,215,176,.3);color:#68d7b0}.impact-stars{display:block;font-size:10px;letter-spacing:0}.count{font-size:10px!important}
.calendar-item{grid-template-columns:92px 1fr auto}.calendar-date{align-self:start;padding-top:3px;white-space:nowrap;font-size:10px}.calendar-list{max-height:390px}.feed-list{max-height:340px}.right-stack{min-height:740px}.radar-card{min-height:740px}.map-stage{min-height:638px}
.guide-item{width:100%;padding:10px;color:#c4d0ce;font-size:12px;text-align:left;cursor:pointer}.guide-item:hover{border-color:rgba(89,240,181,.45);color:#effff8}
.released-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:42px;margin-top:12px;padding:8px;overflow:hidden;border:1px solid rgba(137,174,169,.15);border-radius:7px;background:rgba(3,10,14,.45)}.released-event{display:grid;grid-template-columns:auto auto 1fr;gap:6px;align-items:center;min-width:0;padding:8px;border:1px solid rgba(104,215,176,.22);border-radius:5px;background:rgba(89,240,181,.05);color:#bcd0ca;font:10px "DM Mono",monospace;text-align:left;cursor:pointer}.released-event span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.released-event small{grid-column:1/-1;overflow:hidden;color:#e7bd62;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.released-event:hover{border-color:var(--green);color:#f0fff7}.released-event .bias-bullish{color:#65ebae}.released-event .bias-bearish{color:#ff667b}.released-event .bias-neutral{color:var(--gold)}
.orb-logo{display:grid!important;place-items:center;overflow:hidden}.orb-logo img{width:34px;height:34px;border-radius:10px;filter:drop-shadow(0 0 8px rgba(117,255,208,.32))}
.market-board{gap:8px;min-width:0}.market-marquee{position:relative;flex:1;min-width:240px;height:26px;overflow:hidden;border-left:1px solid rgba(104,215,176,.16);border-right:1px solid rgba(104,215,176,.16)}.market-track{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:center;transition:opacity .28s ease,transform .28s ease}.market-quote{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;height:26px;padding:0 8px;border-left:1px solid rgba(104,215,176,.14);color:#b6c8c4;font:10px "DM Mono",monospace;white-space:nowrap}.market-quote strong{color:#f2fff8;font-weight:700}.market-quote .up{color:#62eab3}.market-quote .down{color:#ff7388}.market-quote .flat{color:#e7bd62}.market-quote small{color:#9db4ae;font-size:9px}.market-quote.is-gold strong{color:#f3ce76}
.market-track.market-slide{animation:market-slide-in .36s cubic-bezier(.18,.82,.25,1) both}@keyframes market-slide-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.ticker-bar{position:relative;min-height:54px}.ticker-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:stretch;width:100%;min-width:0;overflow:hidden}.ticker-news-card{display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;column-gap:6px;align-items:center;min-width:0;padding:6px 8px;border:1px solid rgba(104,215,176,.16);border-radius:6px;background:linear-gradient(110deg,rgba(17,41,43,.42),rgba(6,13,18,.22));color:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.ticker-news-card:hover{border-color:rgba(104,215,176,.52);background:rgba(38,104,93,.2);transform:translateY(-1px)}.ticker-news-card .news-time{grid-column:1}.ticker-news-card .news-country{grid-column:2}.ticker-news-card .news-rating{grid-column:3;justify-self:end}.ticker-news-card strong{grid-column:1/-1;overflow:hidden;margin-top:4px;color:#d9ebe6;font-size:10px;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.news-time{color:#8ca2a1;font:10px "DM Mono",monospace}.news-country{padding:2px 5px;border:1px solid rgba(104,215,176,.28);border-radius:10px;color:#c6eee0;font:9px "DM Mono",monospace}.news-rating{font-size:10px;letter-spacing:1px}.news-rating.high{color:#ff7186}.news-rating.medium{color:#e7bd62}.ticker-track.news-slide{animation:news-slide-in .42s ease both}@keyframes news-slide-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:930px){.ticker-bar{min-height:42px}.ticker-track{grid-template-columns:minmax(0,1fr)}.ticker-news-card{display:none}.ticker-news-card:first-child{display:grid}.ticker-news-card strong{font-size:10px}}
.detail-dialog{width:min(760px,calc(100% - 28px));max-height:min(760px,calc(100vh - 32px));padding:0;border:1px solid rgba(89,240,181,.36);border-radius:14px;background:#091217;color:#eaf5f0;box-shadow:0 32px 100px rgba(0,0,0,.7)}.detail-dialog::backdrop{background:rgba(0,7,11,.76);backdrop-filter:blur(5px)}.dialog-shell{position:relative;padding:32px}.dialog-close{position:absolute;top:13px;right:15px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#0c171d;color:#d8ebe5;font-size:24px;line-height:1;cursor:pointer}.dialog-kicker{margin:0;color:var(--green);font:11px "DM Mono",monospace;letter-spacing:.13em}.dialog-shell h2{max-width:90%;margin:9px 0 12px;font-size:28px;line-height:1.2}.dialog-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;color:#b8ccc7;font:11px "DM Mono",monospace}.dialog-meta span{padding:6px 8px;border:1px solid var(--line);border-radius:20px}.dialog-meta .detail-stars{border-color:rgba(255,83,108,.4);color:var(--red)}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dialog-grid section{padding:16px;border:1px solid var(--line);border-radius:9px;background:rgba(4,12,16,.5)}.dialog-grid h3{margin:0 0 9px;color:var(--gold);font-size:14px}.dialog-grid p,.dialog-grid li{color:#b8c7c5;font-size:13px;line-height:1.75}.dialog-grid p{margin:0}.dialog-grid ul{margin:0;padding-left:18px}.dialog-source{margin:18px 0 0;color:#819794;font-size:11px;line-height:1.6}
.detail-dialog{position:fixed;inset:0;z-index:1000;display:none;width:100%;max-width:none;max-height:none;border:0;border-radius:0;background:rgba(0,7,11,.62);backdrop-filter:blur(3px)}.detail-dialog.is-open{display:block!important}.detail-dialog .dialog-shell{position:absolute;top:0;right:0;width:min(680px,94vw);height:100%;max-height:none;overflow:auto;border:0;border-left:1px solid rgba(89,240,181,.42);border-radius:0;background:#091217;box-shadow:-28px 0 90px rgba(0,0,0,.62);animation:drawer-in .38s cubic-bezier(.18,.82,.25,1) both}@keyframes drawer-in{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}
@media(max-width:930px){.market-board{display:flex;grid-column:1/-1;grid-row:2}.date-tabs{grid-row:3}.radar-card{min-height:580px}.map-stage{min-height:474px}.right-stack{min-height:330px}}@media(max-width:620px){.market-board{display:flex;gap:2px}.market-board>span,.market-board>b{display:none}.market-marquee{min-width:0;height:23px}.market-quote{gap:1px;height:23px;padding:0 1px;font-size:8px}.market-quote strong{font-size:8px}.market-quote small{font-size:7px}.market-quote b{font-size:7px}.pin-us{left:24%;top:32%}.pin-eu{left:53%;top:27%}.pin-cn{left:79%;top:34%}.pin-jp{left:89%;top:34%}.callout{width:148px;padding:8px}.callout h3{font-size:10px}.callout p{font-size:9px}.calendar-item{grid-template-columns:82px 1fr auto}.calendar-item h3{font-size:13px}.calendar-item p{font-size:10px}.impact-badge{min-width:42px;font-size:9px}.calendar-list,.feed-list{max-height:330px}.right-stack{gap:10px}.right-stack>.top-tabs{display:flex;grid-column:1;order:unset;margin:0;overflow:auto}.right-stack>.released-strip{grid-column:1;margin-top:0}.released-strip{grid-template-columns:1fr;margin-top:9px}.released-event{font-size:9px}.dialog-shell{padding:24px 18px}.dialog-shell h2{font-size:22px}.dialog-grid{grid-template-columns:1fr}.dialog-grid p,.dialog-grid li{font-size:12px}.detail-dialog{max-height:calc(100vh - 18px)}}

/* First-screen decision brief: the values a macro trader checks before reading headlines. */
.briefing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0 0}.brief-card{display:block;min-width:0;padding:12px;border:1px solid rgba(104,215,176,.2);border-radius:8px;background:linear-gradient(140deg,rgba(10,28,31,.9),rgba(5,12,17,.84));color:#c7d9d5;text-align:left;text-decoration:none;cursor:pointer;transition:border-color .2s,transform .2s}.brief-card:hover{border-color:rgba(89,240,181,.65);transform:translateY(-1px)}.brief-card small{display:block;color:#65dfae;font:9px "DM Mono",monospace;letter-spacing:.1em}.brief-card strong{display:block;margin-top:6px;overflow:hidden;color:#effbf8;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.brief-card span{display:block;overflow:hidden;margin-top:5px;color:#91a8a5;font:10px "DM Mono",monospace;text-overflow:ellipsis;white-space:nowrap}.brief-card .brief-result{color:#f2c866}.brief-card.speech small{color:#bca3ff}.brief-card.release small{color:#ff8294}@media(max-width:930px){.briefing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.briefing-grid{gap:7px;margin-top:10px}.brief-card{padding:9px}.brief-card strong{font-size:10px}.brief-card span{font-size:8px}.brief-card small{font-size:8px}}

/* Desktop detail drawer: a compact impact briefing sits left of the full
   chronological timeline. Phones retain the original top-to-bottom stack. */
@media (min-width:621px){
  .detail-dialog .dialog-shell{width:min(940px,94vw);padding:36px 38px}
  .detail-dialog .dialog-grid{grid-template-columns:minmax(250px,.78fr) minmax(410px,1.55fr);align-items:start;gap:18px}
  .detail-dialog .dialog-grid section{min-width:0;padding:18px}
  .detail-dialog .dialog-grid section:first-child{position:sticky;top:0;background:linear-gradient(145deg,rgba(18,47,49,.78),rgba(5,14,19,.82))}
  .detail-dialog .dialog-grid section:first-child h3{display:flex;align-items:center;gap:9px}
  .detail-dialog .dialog-grid section:first-child h3::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(242,200,102,.55),transparent)}
  .detail-dialog .dialog-grid section:first-child p{font-size:14px;line-height:1.9}
  .detail-dialog .dialog-grid section:last-child{background:rgba(3,10,14,.72)}
  .detail-dialog .dialog-grid section:last-child ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
  .detail-dialog .dialog-grid section:last-child li{display:block;margin:0;padding:10px 12px;border:1px solid rgba(131,171,163,.18);border-left:3px solid rgba(89,240,181,.62);border-radius:6px;background:rgba(12,28,31,.56);color:#c8d7d4;font:12px/1.55 "DM Mono",monospace}
  .detail-dialog .dialog-source{margin-top:16px;padding-top:13px;border-top:1px solid rgba(131,171,163,.16)}
}

/* The decision cards carry human-facing labels, not terminal telemetry.
   Use the site UI typeface and a readable scale for labels such as
   "Next high-impact", "Latest release" and "Key speaker watch". */
.brief-card{padding:14px 15px}
.brief-card small{
  color:#8af0c2;
  font-family:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif;
  font-size:12px;
  font-weight:650;
  letter-spacing:.015em;
  line-height:1.35;
}
.brief-card strong{margin-top:8px;font-size:14px;font-weight:650;line-height:1.4}
.brief-card span{
  margin-top:7px;
  color:#b4c7c2;
  font-family:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif;
  font-size:12px;
  font-weight:500;
  line-height:1.4;
}
@media(max-width:620px){
  .brief-card{padding:11px 12px}
  .brief-card small{font-size:10px;line-height:1.35;letter-spacing:0}
  .brief-card strong{font-size:12px;line-height:1.35}
  .brief-card span{font-size:10px;line-height:1.35}
}

/* One human-facing type system across the calendar.  Mono remains only for
   compact market codes, never for explanatory labels or user content. */
:root{--ui-copy:Inter,"Noto Sans SC","Microsoft YaHei","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
.map-footer,.map-footer button,.released-event,.released-event small,
.guide-item,.calendar-more,.dialog-kicker,.dialog-meta,.dialog-source,
.detail-dialog .dialog-grid section:last-child li{
  font-family:var(--ui-copy)!important;
  letter-spacing:0!important;
}
.map-footer,.map-footer button{font-size:12px;font-weight:550;line-height:1.45}
.released-event{font-size:12px;font-weight:520;line-height:1.35}
.released-event small{font-size:11px;font-weight:600;line-height:1.35}
.released-event em{grid-column:1/-1;overflow:hidden;color:#9fd7c0;font-size:11px;font-style:normal;font-weight:650;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.map-footer #mapTimeline{cursor:default}
.guide-item{font-size:13px;font-weight:520;line-height:1.42}
.calendar-more{font-size:12px;font-weight:600}
.dialog-kicker{font-size:12px;font-weight:650;letter-spacing:.03em!important}
.dialog-meta{font-size:12px;font-weight:520}
.dialog-source{font-size:12px;line-height:1.65}
.detail-dialog .dialog-grid section:last-child li{font-size:13px;line-height:1.62}
@media(max-width:620px){
  .map-footer,.map-footer button{font-size:11px}
  .released-event{font-size:11px}
  .released-event small{font-size:10px}
  .released-event em{font-size:10px}
  .guide-item{font-size:12px}
  .dialog-kicker,.dialog-meta,.dialog-source{font-size:11px}
  .detail-dialog .dialog-grid section:last-child li{font-size:12px}
}

/* Desktop side panels: let the data lists use the available card height rather
   than leaving a visual dead zone under the visible rows. */
@media(min-width:931px){
  .right-stack{grid-template-rows:1fr 1fr}
  .right-stack>.feed-card,.right-stack>.calendar-card{display:flex;flex-direction:column}
  .right-stack>.feed-card .feed-list,.right-stack>.calendar-card .calendar-list{height:0;min-height:0;max-height:none;flex:1 1 auto;margin-top:13px}
  .right-stack>.feed-card .feed-item,.right-stack>.calendar-card .calendar-item{padding-top:14px;padding-bottom:14px}
}

.seo-route-nav{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:16px 0;padding:15px 16px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,rgba(12,28,29,.82),rgba(7,13,18,.92));font-size:11px}.seo-route-nav p{width:100%;margin:0 0 3px;color:var(--green);font:10px "DM Mono",monospace;letter-spacing:.08em}.seo-route-nav a{padding:6px 9px;border:1px solid rgba(89,240,181,.26);border-radius:6px;color:#c5dad5;text-decoration:none}.seo-route-nav a:hover{border-color:var(--green);color:#f2fff9;background:rgba(89,240,181,.08)}

/* Global language and product links are intentionally visible on every
   dashboard variant, but compact enough to preserve the live-terminal layout. */
.top-actions{flex-wrap:wrap;justify-content:flex-end}
.language{flex-wrap:wrap;justify-content:flex-end;overflow:visible}
.bottom-ticker .footer-network{display:flex;flex-wrap:wrap;align-items:center;gap:9px 12px;min-width:0}
.bottom-ticker .footer-network a{color:#a7cfc1;text-decoration:none;font:600 10px/1.35 var(--ui-copy);white-space:nowrap}
.bottom-ticker .footer-network a:hover{color:#83f0bd;text-decoration:underline}
html[dir="rtl"] .top-actions,html[dir="rtl"] .language,html[dir="rtl"] .bottom-ticker .footer-network{justify-content:flex-start}
@media(max-width:760px){
  .top-actions{gap:4px;align-items:center}
  .language{gap:3px}
  .language a{min-width:0;padding-inline:5px;font-size:9px}
  .bottom-ticker .footer-network{width:100%;gap:5px 9px;order:4}
  .bottom-ticker .footer-network a{font-size:9px;white-space:normal}
}

/* Phone-only first-screen hierarchy.  The desktop terminal keeps its compact
   horizontal header; on a small screen the product entry and every language
   control receive their own predictable row before the live market content. */
@media(max-width:620px){
  .terminal{padding-inline:10px}
  .topbar{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:11px;
    min-height:0;
    padding:16px 0 12px;
  }
  .brand-block{min-width:0}
  .brand-block h1{font-size:21px;line-height:1.08}
  .tagline{font-size:11px;line-height:1.4}
  .top-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:8px;
    width:100%;
  }
  .ea-link{
    display:flex;
    justify-content:center;
    width:100%;
    min-width:0;
    min-height:36px;
    padding:7px 10px;
  }
  .ea-link small{display:block}
  .language{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    width:100%;
    margin:0;
    overflow:hidden;
    border-radius:8px;
  }
  .language a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:32px;
    padding:5px 2px;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
    font-size:10px;
    line-height:1;
    white-space:nowrap;
  }
  .language a:nth-child(4n){border-right:0}
  .language a:nth-child(n+5){border-bottom:0}
  .control-strip{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:7px;
    min-height:0;
    padding:10px 0;
  }
  .pulse-label{min-height:20px}
  .market-board{min-height:25px}
  .ticker-bar{min-height:46px}
  .top-tabs,.date-tabs{
    width:100%;
    border-radius:8px;
    scroll-snap-type:x proximity;
  }
  .top-tabs .tab,.date-tabs .date-tab{
    min-height:38px;
    padding-inline:10px;
    scroll-snap-align:start;
  }
  .dashboard{padding-top:12px}
  .right-stack{gap:10px;margin-top:10px}
  .feed-card,.calendar-card{min-height:0;padding:14px}
  .released-strip{margin-top:10px}
}