.nav-label{color:#59616d;font-size:8px;font-weight:900;letter-spacing:.2em;margin:12px 12px 1px}.nav-label:first-child{margin-top:0}.nav-sub{padding:8px 12px 8px 28px;font-size:11px}.nav-sub span{color:var(--accent)}
.hero-panel{min-height:286px;background-image:linear-gradient(90deg,rgba(13,16,21,.97) 0%,rgba(13,16,21,.86) 45%,rgba(13,16,21,.27) 76%,rgba(13,16,21,.64) 100%),url('assets/china-barcelona-trade-bg.png');background-size:cover;background-position:center 54%;border:1px solid rgba(238,151,96,.16)}
.hero-panel>div:first-child{position:relative;z-index:2}.hero-panel:after{content:"BARCELONA  ·  CHINA";width:auto;height:auto;border:0;border-radius:0;right:28px;top:22px;color:rgba(255,255,255,.6);font-size:8px;letter-spacing:.3em;font-weight:800}.hero-score{background:rgba(16,18,22,.64);backdrop-filter:blur(14px);border-color:rgba(255,255,255,.17);position:relative;z-index:2}.hero-score strong{font-size:15px;letter-spacing:.12em}
.insight-grid{display:grid;grid-template-columns:1.08fr 1fr .82fr;gap:16px;margin:16px 0}.donut-layout{display:flex;align-items:center;gap:26px;min-height:190px}.donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;position:relative}.donut:after{content:"";position:absolute;inset:18px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line)}.donut span{position:relative;z-index:1;text-align:center}.donut b,.donut small{display:block}.donut b{font-size:19px}.donut small{color:var(--muted);font-size:9px;margin-top:2px}.legend{flex:1;display:grid;gap:10px}.legend>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;font-size:10px}.legend i{width:8px;height:8px;border-radius:50%}.legend b{font-size:11px}.legend small{grid-column:2/4;color:var(--muted);margin-top:-7px}.route-card{min-height:130px;display:flex;align-items:center;justify-content:space-between;padding:12px}.route-point{text-align:center;width:92px}.route-point b{width:48px;height:48px;border:1px solid #dfb18e;border-radius:50%;display:grid;place-items:center;margin:auto;color:var(--accent);background:#fff7f2}.route-point span,.route-point small{display:block}.route-point span{font-size:9px;font-weight:700;margin-top:8px}.route-point small{font-size:9px;color:var(--muted);margin-top:3px}.route-line{height:1px;background:linear-gradient(90deg,var(--accent),var(--accent2));flex:1;position:relative;margin:0 4px}.route-line i{position:absolute;width:9px;height:9px;background:#fff;border:2px solid var(--accent);border-radius:50%;top:-4px;animation:route 4s ease-in-out infinite}.route-line em{position:absolute;width:100%;text-align:center;top:12px;font-size:8px;color:var(--muted);font-style:normal}@keyframes route{0%{left:0}50%{left:calc(100% - 9px)}100%{left:0}}.explain{font-size:10px;line-height:1.6;color:var(--muted);margin:0 12px}.plain-logic{display:grid;gap:8px}.plain-logic p{margin:0;background:#f7f7f4;border-radius:9px;padding:11px;font-size:10px;line-height:1.35}.plain-logic b{color:var(--accent);margin-right:5px}
.simulator-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:16px;margin-bottom:16px}.simulator-controls{padding:8px 20px}.control-row{display:grid;grid-template-columns:1fr auto;gap:9px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.control-row:last-child{border-bottom:0}.control-row b,.control-row small{display:block}.control-row b{font-size:11px}.control-row small{font-size:9px;color:var(--muted);margin-top:4px}.control-row output{font-size:14px;font-weight:800;color:var(--accent)}.control-row input[type=range]{grid-column:1/3;width:100%;accent-color:var(--accent)}.control-row input[type=number],.control-row select{width:82px;border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff;text-align:right}.scenario-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}.scenario-kpis .kpi{min-height:122px}.scenario-explanation{min-height:286px}.scenario-explanation>p{font-size:11px;color:var(--muted);line-height:1.7}.comparison-bars{display:grid;gap:14px;margin-top:22px}.comparison>div:first-child{display:flex;justify-content:space-between;font-size:9px;margin-bottom:6px}.comparison span{color:var(--muted)}.tracks{height:11px;background:#eceee9;border-radius:99px;position:relative;overflow:hidden}.tracks i,.tracks em{position:absolute;left:0;height:5px;border-radius:99px}.tracks i{top:0;background:#9aa0a8}.tracks em{bottom:0;background:linear-gradient(90deg,var(--accent),var(--accent2))}.positive{color:var(--good)!important}.negative{color:var(--danger)!important}.history-columns{margin-bottom:16px}.purchase-chart .bar,.bar.purchase{background:linear-gradient(180deg,#596375,#242a33)}
@media(max-width:1280px){.insight-grid{grid-template-columns:1fr 1fr}.insight-grid>article:last-child{grid-column:1/3}.plain-logic{grid-template-columns:repeat(4,1fr)}.simulator-layout{grid-template-columns:1fr}}
@media(max-width:850px){.insight-grid{grid-template-columns:1fr}.insight-grid>article:last-child{grid-column:auto}.plain-logic{grid-template-columns:1fr 1fr}.donut-layout{justify-content:center}.hero-panel{background-position:64% center}.scenario-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.scenario-kpis{grid-template-columns:1fr}.plain-logic{grid-template-columns:1fr}.donut-layout{align-items:flex-start}.donut{width:120px;height:120px}.hero-panel{background-position:58% center}.hero-panel:after{display:none}}