.distribution-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch}.map-panel{background:#112638;padding:24px;box-shadow:var(--shadow)}.world-map{position:relative;min-height:340px;overflow:hidden;background:radial-gradient(ellipse at 52% 46%,#315d72 0 18%,transparent 19%),radial-gradient(ellipse at 24% 36%,#315d72 0 12%,transparent 13%),radial-gradient(ellipse at 70% 34%,#315d72 0 14%,transparent 15%),radial-gradient(ellipse at 73% 72%,#315d72 0 10%,transparent 11%),#1c4053}.world-map:before{content:"";position:absolute;inset:14% 8%;border:1px solid rgba(255,255,255,.18);border-radius:48% 44% 50% 42%;transform:rotate(-8deg)}.map-grid-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.12) 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,rgba(255,255,255,.12) 50%,transparent 50.5%);opacity:.55}.map-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#f07a22;box-shadow:0 0 0 7px rgba(240,122,34,.18);z-index:2}.map-dot:after{content:attr(data-label);position:absolute;left:18px;top:-6px;white-space:nowrap;color:#fff;font-size:11px}.dot-cn{left:72%;top:43%}.dot-in{left:63%;top:55%}.dot-ma{left:43%;top:47%}.dot-us{left:22%;top:39%}.dot-tr{left:52%;top:38%}.map-legend{display:flex;gap:18px;flex-wrap:wrap;color:#c7d8df;font-size:12px;margin-top:16px}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.legend-dot.supply{background:var(--orange)}.legend-dot.trade{background:var(--cyan)}.application-stack{display:grid;gap:12px}.application-stack article{padding:22px;background:#fff;border-left:4px solid var(--orange);box-shadow:var(--shadow)}.application-stack b,.application-stack span,.application-stack em{display:block}.application-stack span{color:var(--muted);font-size:14px}.application-stack em{color:var(--blue);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-style:normal;margin-top:8px}.market-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-card,.chart-card{background:#fff;border:1px solid var(--line);padding:20px;box-shadow:0 8px 25px rgba(17,38,56,.06)}.metric-card span,.metric-card small{display:block}.metric-card span{color:var(--muted);font-size:12px}.metric-card strong{display:block;color:var(--blue);font-size:34px;line-height:1.1;margin:9px 0}.metric-card small{color:var(--muted);font-size:12px}.chart-card{grid-column:span 2}.share-card{grid-column:span 1}.chart-title{display:flex;justify-content:space-between;gap:10px;font-size:13px}.chart-title span{color:var(--muted);font-size:11px}.bar-chart{height:210px;display:flex;align-items:end;gap:12px;padding:20px 8px 0;border-bottom:1px solid var(--line)}.bar-chart span{position:relative;display:block;flex:1;height:var(--h);background:linear-gradient(180deg,var(--cyan),var(--blue));transform-origin:bottom;animation:rise 1.1s ease both}.bar-chart span i{position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted);font-style:normal}.chart-note{display:block;color:var(--muted);font-size:11px;margin-top:30px}@keyframes rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}.donut{width:155px;height:155px;border-radius:50%;margin:18px auto;background:conic-gradient(var(--orange) 0 68%,var(--cyan) 68% 86%,#b9c5cb 86% 100%);display:grid;place-items:center}.donut:after{content:"";width:97px;height:97px;background:#fff;border-radius:50%;grid-area:1/1}.donut div{position:relative;z-index:2;text-align:center}.donut strong,.donut small{display:block}.donut strong{font-size:24px;color:var(--blue)}.donut small{font-size:10px;color:var(--muted)}.share-card ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:12px;color:var(--muted)}.share-card li{display:flex;align-items:center;gap:6px}.share-card li b{margin-left:auto;color:var(--ink)}.swatch{width:8px;height:8px;border-radius:50%}.swatch.oil{background:var(--orange)}.swatch.filler{background:var(--cyan)}.swatch.other{background:#b9c5cb}.source-note{margin-top:18px;font-size:11px;color:var(--muted)}.oilfield-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.reason-list{display:grid;gap:16px;padding:0;list-style:none}.reason-list li{padding:16px 18px;border-left:3px solid var(--orange);background:var(--soft)}.reason-list b,.reason-list span{display:block}.reason-list span{color:var(--muted);font-size:14px;margin-top:4px}.indicator-panel{padding:24px;background:#112638;color:#fff;box-shadow:var(--shadow)}.indicator-panel h3{margin-top:0}.indicator{margin:18px 0}.indicator span,.indicator b{display:block}.indicator span{font-size:12px;color:#bfd0d8}.indicator b{font-size:14px;margin:3px 0 7px}.meter{height:7px;background:#2d4b5b;border-radius:9px;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--orange));border-radius:9px}.indicator-panel small{color:#a8bec7;font-size:11px}.dosage-tool{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;margin-top:30px;padding:26px;background:linear-gradient(120deg,#eaf5f7,#f9f1e9);border:1px solid var(--line)}.dosage-tool h3{margin:0 0 9px}.dosage-tool p{color:var(--muted);font-size:14px}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.calc-fields label{margin:0}.calc-result{grid-column:span 2;padding:16px;background:#fff;border-left:4px solid var(--orange)}.calc-result span,.calc-result strong,.calc-result small{display:block}.calc-result span,.calc-result small{color:var(--muted);font-size:12px}.calc-result strong{color:var(--blue);font-size:30px;line-height:1.2;margin:4px 0}@media(max-width:980px){.distribution-grid,.oilfield-grid,.dosage-tool{grid-template-columns:1fr}.market-dashboard{grid-template-columns:1fr 1fr}.chart-card{grid-column:span 2}.share-card{grid-column:span 1}}@media(max-width:720px){.market-dashboard{grid-template-columns:1fr}.chart-card,.share-card{grid-column:span 1}.world-map{min-height:240px}.map-dot:after{font-size:9px}.calc-fields{grid-template-columns:1fr}.calc-result{grid-column:span 1}}
