/* OilOutlook 1.6 — compact, readable and scoped to the editorial homepage. */
:root{--oo-orange:#f5a640;--oo-green:#53d695;--oo-red:#ff747b}
.oo-home-inner{min-width:0}.oo-home-inner>section{min-width:0}.oo-v2-heading h2{font-size:clamp(27px,3.3vw,40px);line-height:1.12}.oo-v2-heading small{font-size:12px;color:#9baab4}.oo-data-note{font-size:12px!important;line-height:1.65!important;color:#93a4ae;margin:12px 0!important}.oo-data-note a{color:#d5b477}.oo-eyebrow{font-size:11px;letter-spacing:.12em}.oo-brand-tagline{display:block}.oo-professional-mark{width:48px!important;height:48px!important}
.oo-daily-videos{gap:16px;align-items:start}.oo-daily-card{background:#10181f;border:1px solid #26323c;padding:10px;border-radius:6px}.oo-daily-card h3{font-size:17px;line-height:1.3;margin:10px 0}.oo-daily-card small{font-size:11px;line-height:1.5}.oo-daily-card a{font-size:11px}.oo-daily-thumb{border-radius:3px}.oo-video-section [data-daily-status]{font-size:12px;color:#93a4ae;margin:0 0 12px}.oo-source-links{font-size:11px;margin-top:12px}.oo-source-links a{font-size:12px}.oo-daily-play span{width:34px;height:34px}
.oo-compact-markets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.oo-market-panel{min-width:0;border:1px solid #29343d;background:#0e161c;border-radius:7px;overflow:hidden}.oo-market-panel h3{font-family:var(--font-sans,Arial);font-size:16px;font-weight:650;margin:0;padding:14px 16px;border-bottom:1px solid #26323c}.oo-compact-widget{height:350px;width:100%}.oo-market-panel details{padding:10px 14px;border-top:1px solid #26323c;font-size:11px;color:#d5b477}.oo-market-panel summary{cursor:pointer}.oo-quote-links{display:flex;flex-wrap:wrap;gap:10px;padding-top:10px}.oo-quote-links a{color:#bcc8d0}.oo-chart-frame{height:390px}.oo-chart-tabs{gap:6px;flex-wrap:wrap}.oo-chart-tabs button{font-size:12px;padding:9px 12px}.oo-chart-reading{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:14px}.oo-chart-reading p{font-size:13px;color:#a8b6bf;line-height:1.6;margin:0}.oo-chart-reading strong{color:#e5e8e6}
.oo-risk-map-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.oo-world-map{border-radius:7px}.oo-map-base{opacity:.66}.oo-map-caption{position:absolute;left:14px;top:12px;font-size:10px;letter-spacing:.16em;color:#93a4ae}.oo-risk-point{width:30px!important;height:30px!important;gap:0;backdrop-filter:none;overflow:visible}.oo-risk-point::before{display:none}.oo-risk-point span{position:absolute;width:25px;height:25px;opacity:.25;box-shadow:none!important}.oo-risk-point b{position:relative;color:white;font-size:12px}.oo-risk-point strong{clip-path:none;overflow:visible;width:auto;height:auto;position:absolute;top:calc(100% + 3px);left:50%;transform:translateX(-50%);font-size:10px!important;line-height:1.3;padding:3px 5px;background:#081017e6;border-radius:3px}.oo-risk-point[aria-pressed=true]{outline:2px solid #e3c581;outline-offset:3px}.oo-risk-point[data-risk-key=suez] strong{left:auto;right:100%;transform:none;top:0}.oo-risk-point[data-risk-key=babElMandeb] strong{left:0;top:100%;transform:translateX(-60%)}.oo-risk-point[data-risk-key=persianGulf] strong{left:100%;transform:none;top:7px}.oo-region-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.oo-region-picker button{display:flex;align-items:center;gap:7px;border:1px solid #29343d;border-radius:4px;background:#10181f;color:#c5cdd2;padding:10px;font-size:12px;cursor:pointer;text-align:left}.oo-region-picker button span{font-size:10px;color:#7f919d}.oo-region-picker button[aria-pressed=true]{border-color:#d6b575;background:#202725}.oo-region-picker i,.oo-risk-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.is-red{--status:#ff747b}.is-orange{--status:#f5a640}.is-green{--status:#53d695}.is-neutral{--status:#81909e}.oo-region-picker i{background:var(--status)}.oo-risk-lens{padding:22px;border-radius:7px;gap:10px;justify-content:start}.oo-region-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.oo-region-badge{color:var(--status);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.oo-region-head small{margin:0;font-size:11px}.oo-risk-lens h3{font-size:30px;line-height:1.2;margin:0}.oo-risk-lens .oo-region-location{font-size:13px;line-height:1.5;margin:0;color:#9dafb9}.oo-risk-lens .oo-metric-scope{font-size:11px;line-height:1.5;color:#d5b477;margin:5px 0 0}.oo-region-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.oo-region-metrics>div{padding:14px;background:#0a1218;border:1px solid #23313b;border-radius:5px;min-width:0}.oo-region-metrics dt{font-size:11px;color:#a6b5bf}.oo-region-metrics dd{font-size:25px;line-height:1.2;margin:6px 0;color:#eff0e9;font-variant-numeric:tabular-nums}.oo-region-metrics small{font-size:10px;margin:0;line-height:1.5}.oo-region-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:8px}.oo-region-copy strong{font-size:12px;color:#e3e8e9}.oo-region-copy p{font-size:13px;line-height:1.6;margin:5px 0;color:#a4b4bd}.oo-risk-legend{gap:16px;margin-top:14px;font-size:11px}
.oo-analysis-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.oo-analysis-card,.oo-thesis-grid>article{background:#10181f;border:1px solid #29343d;border-radius:7px;padding:22px}.oo-analysis-card h3,.oo-thesis-grid h3{font-size:25px;line-height:1.2;margin:9px 0 12px}.oo-analysis-card p,.oo-thesis-grid p{font-size:13px;line-height:1.65;color:#aab9c2}.oo-bar-key{display:flex;gap:18px;font-size:10px;margin:16px 0}.oo-bar-key span:first-child{color:#879ca9}.oo-bar-key span:last-child{color:#d5b477}.oo-output-bars{margin:14px 0}.oo-output-bars>strong{display:block;font-size:12px;margin-bottom:5px;color:#d4dde1}.oo-output-bars>div{display:flex;align-items:center;gap:8px;height:18px;padding-right:45px;position:relative}.oo-output-bars i{display:block;height:7px;background:#879ca9;border-radius:1px}.oo-output-bars .is-forecast i{background:#d5b477}.oo-output-bars span{font-size:11px;font-variant-numeric:tabular-nums;flex-shrink:0}.oo-inventory-bars{display:grid;gap:22px;margin:25px 0}.oo-inventory-bars strong{font-size:12px}.oo-inventory-track{height:9px;background:#25313a;margin:8px 0}.oo-inventory-track i{display:block;height:100%;background:#f5a640}.oo-inventory-bars b{font-size:17px;font-weight:500;color:#edc174}.oo-investor-note{border-top:1px solid #29343d;padding-top:18px}.oo-investor-note>strong{font-size:13px;color:#d5b477}.oo-thesis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.oo-thesis-grid h3{font-size:23px}.oo-thesis-grid dl{border-top:1px solid #29343d;padding-top:12px}.oo-thesis-grid dt{font-size:11px;font-weight:700;color:#d5b477;margin-top:12px}.oo-thesis-grid dd{font-size:12px;line-height:1.6;color:#aab9c2;margin:5px 0 12px}.oo-thesis-grid a{font-size:11px;color:#d5b477}
@media(max-width:767px){.oo-home-inner{display:block}.oo-hero-grid{display:block}.oo-story-rail{display:none}.oo-daily-videos{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:12px;overscroll-behavior-x:contain}.oo-daily-card{scroll-snap-align:start}.oo-v2-heading{margin-bottom:14px}.oo-v2-section{margin-top:28px;padding-top:20px}.oo-compact-markets{gap:8px}.oo-market-panel h3{font-size:12px;padding:12px 8px;min-height:52px;display:flex;align-items:center}.oo-market-panel details{padding:9px 8px;font-size:10px}.oo-chart-frame{height:320px}.oo-chart-reading{gap:14px}.oo-chart-reading p{font-size:12px}.oo-region-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.oo-region-picker button{font-size:11px;min-height:40px}.oo-risk-point{width:23px!important;height:23px!important}.oo-risk-point span{width:20px;height:20px}.oo-risk-point b{font-size:10px}.oo-risk-point strong{display:none}.oo-map-caption{font-size:8px;left:10px;top:9px}.oo-risk-lens{padding:15px}.oo-region-metrics{grid-template-columns:1fr 1fr;gap:8px}.oo-region-metrics>div:last-child:nth-child(3){grid-column:1/-1}.oo-region-metrics>div{padding:11px}.oo-region-metrics dd{font-size:21px}.oo-region-copy{grid-template-columns:1fr;gap:9px}.oo-region-copy p{font-size:12px}.oo-analysis-grid,.oo-thesis-grid{grid-template-columns:1fr}.oo-analysis-card,.oo-thesis-grid>article{padding:18px}.oo-risk-legend{gap:12px;font-size:10px}.oo-chart-tabs button{font-size:11px;padding:8px 10px}.oo-brand-tagline{display:none}.oo-latest .oo-v2-heading{align-items:start}.oo-region-head small{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.oo-slow-ticker{display:flex;background:#10181f;border-block:1px solid #27343d;height:130px}.oo-ticker-heading{width:105px;flex-shrink:0;background:#d6b575;color:#0b1217;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:11px;font-weight:750;letter-spacing:.06em}.oo-ticker-heading button{color:#0b1217;border:1px solid #75623e;background:transparent;border-radius:3px;width:34px;height:27px;cursor:pointer;font-size:14px}.oo-ticker-window{flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#4c5a63 #10181f}.oo-ticker-items{display:flex;width:max-content;height:116px}.oo-ticker-quote{width:230px;height:116px;flex:0 0 230px;border-right:1px solid #27343d}.oo-ticker-quote .tradingview-widget-container{height:116px}.oo-market-stamp a{color:#d5b477}@media(max-width:767px){.oo-ticker-heading{width:72px;font-size:9px;text-align:center;padding:8px}.oo-slow-ticker{height:126px}.oo-market-stamp{font-size:10px}}
.oo-hero-grid .oo-hero-stage{height:auto!important;aspect-ratio:auto!important}.gh-footer-copyright{white-space:normal!important;overflow-wrap:anywhere;text-align:center}.oo-home-inner .oo-section-heading{gap:14px;flex-wrap:wrap}.oo-home-inner .oo-section-heading h2{font-size:clamp(27px,3.3vw,40px)}
@media(max-width:767px){.oo-home-inner .oo-hero-grid{min-height:0;margin:0}.oo-home-inner .oo-hero-stage{min-height:0!important}.gh-footer-bar{min-width:0}.gh-footer-copyright{max-width:100%;font-size:11px}}
@media(min-width:768px){.oo-hero-grid{align-items:stretch}.oo-hero-grid .oo-hero-stage>.oo-hero-slide,.oo-hero-grid .oo-hero-copy{min-height:560px}.oo-story-rail{max-height:560px;overflow-y:auto}}
.oo-daily-play{background:radial-gradient(ellipse at 70% 20%,#294139,#111c25 70%)}.oo-video-fallback{position:absolute;inset:20px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:650;letter-spacing:.02em;color:#c8d3d3;line-height:1.4;text-align:center;pointer-events:none}.oo-daily-play img{position:relative;z-index:1}.oo-daily-play span{z-index:2}

/* 1.6.1: explicit stability colors and production-volume markers. */
.is-yellow{--status:#f5dd51}
.oo-professional-mark{width:36px!important;height:36px!important;flex-shrink:0}
.oo-world-map .oo-risk-point{width:32px!important;height:32px!important;background:transparent;border:0;box-shadow:none;isolation:isolate}
.oo-world-map .oo-risk-point span{width:var(--volume-size,22px);height:var(--volume-size,22px);background:var(--status)!important;opacity:1;border:1px solid #ffffff66;box-shadow:0 0 0 4px #080c1077!important}
.oo-world-map .oo-risk-point b{color:#071017;font-weight:800;text-shadow:none;font-size:11px}
.oo-world-map .oo-risk-point.is-volume-context span{border-radius:3px;transform:rotate(45deg)}
.oo-world-map .oo-risk-point:focus-visible{outline:2px solid white;outline-offset:7px}
.oo-world-map .oo-risk-point[aria-pressed=true]{outline:2px solid white;outline-offset:7px;z-index:8}
.oo-risk-legend{display:flex;flex-wrap:wrap;line-height:1.8}
.oo-risk-legend i{background:var(--status)!important;box-shadow:none!important}
@media(max-width:767px){.oo-world-map .oo-risk-point span{width:calc(var(--volume-size,22px)*.8);height:calc(var(--volume-size,22px)*.8)}}
