/* Native SVG Sankey · Strategic Latitude Intelligence */
#sliTradeRoot{min-width:0;color:#d2e3ed}.tf-hero{padding:20px;background:linear-gradient(130deg,#1a3b51,#0b2235);border:1px solid #36566d;border-radius:13px;margin-bottom:15px}.tf-hero small,.tf-wide-title{color:#e1c18a;font-size:11px;font-weight:750;letter-spacing:1px}.tf-hero h2{font:normal clamp(25px,3vw,33px)/1.2 Georgia,serif;margin:9px 0}.tf-hero p{max-width:900px;color:#c2d5e2;font-size:12px}.tf-macro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;background:#102d43;border:1px solid #35546a;border-radius:11px;padding:14px;margin-bottom:15px}.tf-wide-title,.tf-macro-note{grid-column:1/-1}.tf-macro-note,.tf-warning{color:#bfd0de;font-size:11px;line-height:1.65}.tf-macro a,.tf-sources a{color:#eed09b}.tf-kpi,.tf-mini-kpi{display:flex;flex-direction:column;gap:5px;border:1px solid #385b73;border-radius:9px;background:#0b2538;padding:11px;min-width:0}.tf-kpi small,.tf-mini-kpi small{color:#b7cbd9;font-size:10px}.tf-kpi strong,.tf-mini-kpi b{font-size:18px;font-variant-numeric:tabular-nums;color:#f1dda9;overflow-wrap:anywhere}.tf-panel{padding:16px;border-radius:12px;border:1px solid #34556c;background:#0e283c}.tf-panel h3{font:normal 22px Georgia,serif;margin:0 0 13px}.tf-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tf-field{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#cee0e9}.tf-input{font:12px system-ui,sans-serif;color:#f4f7fa;background:#092133;border:1px solid #55778c;border-radius:7px;min-height:38px;width:100%;min-width:0;padding:8px}.tf-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0}.tf-sankey-scroll{background:#081c2e;border:1px solid #365169;border-radius:10px;overflow-x:auto;padding:10px}.tf-sankey{min-width:850px;width:100%;height:auto;display:block}.tf-meta p{font-size:12px;color:#c0d4e1;margin:9px 0}.tf-table-scroll{overflow-x:auto;margin:16px 0}.tf-table{width:100%;border-collapse:collapse;font-size:12px}.tf-table th{padding:9px;background:#183c53;color:#edd09b;white-space:nowrap}.tf-table td{padding:9px;border-bottom:1px solid #34556c;font-variant-numeric:tabular-nums}.tf-sources{display:flex;gap:8px 15px;flex-wrap:wrap;background:#133147;padding:12px;border-radius:8px}.tf-sources p,.tf-sources b{flex-basis:100%}.tf-sources b{font-size:11px;color:#ebc98b}.tf-empty{min-height:180px;padding:60px 15px;color:#e9ca99}@media(max-width:800px){.tf-macro{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-summary{grid-template-columns:1fr}.tf-panel{padding:12px}}@media(max-width:500px){.tf-controls{grid-template-columns:1fr}.tf-kpi strong{font-size:15px}.tf-hero{padding:15px}}
/* Sector-first Trade Flow lens: one canonical Sankey per observed matrix. */
.tf-sector-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:5px 0 15px;min-width:0}
.tf-sector-tab{flex:0 1 auto;max-width:100%;padding:10px 13px;border:1px solid #4e7189;background:#122f46;color:#d8e6ec;border-radius:9px;font:600 12px/1.35 system-ui,sans-serif;cursor:pointer}
.tf-sector-tab[aria-pressed="true"]{background:#2b4b60;border-color:#e0c083;color:#ffe5ae}
.tf-sector-tab:focus-visible{outline:2px solid #e8c887;outline-offset:2px}
.tf-sector-sankey{min-width:920px;min-height:330px;max-height:720px}
.tf-source-route-links{display:flex;gap:14px;flex-wrap:wrap;margin:14px 0}
.tf-source-route-links a{border:1px solid #658196;border-radius:9px;padding:10px 12px;color:#e8cf98;text-decoration:none}
.tf-source-route-links a:hover,.tf-source-route-links a:focus-visible{background:#21435b}
#sliSectorTradeSankeyRoot > a{color:#e3c389;font-size:12px}
#sliSectorTradeSankeyRoot .tf-controls{margin:14px 0}
#sliSectorTradeSankeyRoot .tf-controls .tf-field{max-width:320px}
#sliSectorTradeSankeyRoot .tf-macro-note{margin:12px 0;line-height:1.7}
@media(max-width:590px){.tf-sector-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tf-sector-tab{font-size:11px;padding:9px 7px;white-space:normal}}

/* Official BPS HS × partner matrix is gated; an unreviewed source is status, never a chart. */
.tf-bps-source-status{display:flex;align-items:center;gap:9px 18px;flex-wrap:wrap;padding:12px 15px;margin:-5px 0 15px;background:#10273a;border:1px solid #416179;border-radius:9px;min-width:0}
.tf-bps-source-status strong{font-size:12px;color:#f1d39b;font-weight:750}
.tf-bps-source-status p{flex:1 1 370px;margin:0;font-size:11px;color:#c5d7e2;line-height:1.6}
.tf-bps-source-status a{font-size:11px;color:#f7daaa;text-decoration:underline;white-space:normal}
.tf-panel .tf-table td:last-child{overflow-wrap:anywhere;max-width:330px}
