/* Local reset only: neutralize article/theme defaults before atlas styles. */
#oilnav{position:relative;isolation:isolate;display:block;float:none;width:100%;min-width:0;max-width:none;margin:0;padding:0;border:0;box-shadow:none;text-align:left;text-indent:0;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.7;color:#302f25;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:16px;font-weight:400;font-style:normal}
#oilnav :where(div,main,section,article,aside,header,footer,nav,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,figure,figcaption,form,fieldset,legend,label,details,summary){margin:0;padding:0;border:0;background:none;box-shadow:none;text-indent:0;text-transform:none;letter-spacing:inherit}
#oilnav :where(main,section,article,aside,header,footer,nav){display:block;float:none;width:auto;min-width:0;max-width:none}
#oilnav :where(h1,h2,h3,h4,h5,h6){color:inherit;font-family:inherit;font-style:normal;line-height:1.45;text-align:inherit;text-shadow:none;border-radius:0;clear:none}
#oilnav p{line-height:inherit;min-height:0}
#oilnav p:empty{height:auto;margin:0}
#oilnav :where(a,button,input,select,textarea){font-family:inherit;font-style:normal;text-transform:none;text-indent:0;letter-spacing:inherit;box-shadow:none}
#oilnav :where(button,input,select,textarea){margin:0;max-width:100%;vertical-align:middle}
#oilnav :where(button,input,select){float:none}
#oilnav button{-webkit-appearance:none;appearance:none;width:auto;font-weight:400;text-align:center}
#oilnav :where(a){color:inherit;text-decoration:none}
#oilnav :where(img){margin:0;padding:0;border:0;box-shadow:none;border-radius:0;max-height:none;opacity:1;filter:none}
#oilnav :where(svg){margin:0;padding:0;border:0;max-width:none;max-height:none;box-shadow:none;vertical-align:middle}
#oilnav :where(i){font-style:normal}
#oilnav :where(table){margin:0;background:transparent;border:0;box-shadow:none;border-spacing:0}
#oilnav :where(th,td){background:transparent;border:0;line-height:inherit}
#oilnav :where(thead,tbody,tr){background:transparent;border:0}
#oilnav :where(h1,h2,h3,h4,h5,h6,a,button)::before,#oilnav :where(h1,h2,h3,h4,h5,h6,a,button)::after{content:none}
#oilnav [hidden]{display:none!important}
/* The map image must retain Leaflet's size even inside .articleBody. */
#oilnav .leaflet-pane>svg,#oilnav .leaflet-image-layer,#oilnav .leaflet-tile{max-width:none!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important}
#oilnav .leaflet-image-layer{padding:0!important;margin:0!important}

#oilnav .leaflet-pane,#oilnav .leaflet-tile,#oilnav .leaflet-marker-icon,#oilnav .leaflet-marker-shadow,#oilnav .leaflet-tile-container,#oilnav .leaflet-pane > svg,#oilnav .leaflet-pane > canvas,#oilnav .leaflet-zoom-box,#oilnav .leaflet-image-layer,#oilnav .leaflet-layer{
	position: absolute;
	left: 0;
	top: 0;
	}#oilnav .leaflet-container{
	overflow: hidden;
	}#oilnav .leaflet-tile,#oilnav .leaflet-marker-icon,#oilnav .leaflet-marker-shadow{
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}#oilnav .leaflet-tile::selection{
	background: transparent;
}#oilnav .leaflet-safari .leaflet-tile{
	image-rendering: -webkit-optimize-contrast;
	}#oilnav .leaflet-safari .leaflet-tile-container{
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}#oilnav .leaflet-marker-icon,#oilnav .leaflet-marker-shadow{
	display: block;
	}#oilnav .leaflet-container .leaflet-overlay-pane svg{
	max-width: none !important;
	max-height: none !important;
	}#oilnav .leaflet-container .leaflet-marker-pane img,#oilnav .leaflet-container .leaflet-shadow-pane img,#oilnav .leaflet-container .leaflet-tile-pane img,#oilnav .leaflet-container img.leaflet-image-layer,#oilnav .leaflet-container .leaflet-tile{
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}#oilnav .leaflet-container img.leaflet-tile{
	
	mix-blend-mode: plus-lighter;
}#oilnav .leaflet-container.leaflet-touch-zoom{
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}#oilnav .leaflet-container.leaflet-touch-drag{
	-ms-touch-action: pinch-zoom;
	
	touch-action: none;
	touch-action: pinch-zoom;
}#oilnav .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{
	-ms-touch-action: none;
	touch-action: none;
}#oilnav .leaflet-container{
	-webkit-tap-highlight-color: transparent;
}#oilnav .leaflet-container a{
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}#oilnav .leaflet-tile{
	filter: inherit;
	visibility: hidden;
	}#oilnav .leaflet-tile-loaded{
	visibility: inherit;
	}#oilnav .leaflet-zoom-box{
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}#oilnav .leaflet-overlay-pane svg{
	-moz-user-select: none;
	}#oilnav .leaflet-pane{ z-index: 400; }#oilnav .leaflet-tile-pane{ z-index: 200; }#oilnav .leaflet-overlay-pane{ z-index: 400; }#oilnav .leaflet-shadow-pane{ z-index: 500; }#oilnav .leaflet-marker-pane{ z-index: 600; }#oilnav .leaflet-tooltip-pane{ z-index: 650; }#oilnav .leaflet-popup-pane{ z-index: 700; }#oilnav .leaflet-map-pane canvas{ z-index: 100; }#oilnav .leaflet-map-pane svg{ z-index: 200; }#oilnav .leaflet-vml-shape{
	width: 1px;
	height: 1px;
	}#oilnav .lvml{
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}#oilnav .leaflet-control{
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; 
	pointer-events: auto;
	}#oilnav .leaflet-top,#oilnav .leaflet-bottom{
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}#oilnav .leaflet-top{
	top: 0;
	}#oilnav .leaflet-right{
	right: 0;
	}#oilnav .leaflet-bottom{
	bottom: 0;
	}#oilnav .leaflet-left{
	left: 0;
	}#oilnav .leaflet-control{
	float: left;
	clear: both;
	}#oilnav .leaflet-right .leaflet-control{
	float: right;
	}#oilnav .leaflet-top .leaflet-control{
	margin-top: 10px;
	}#oilnav .leaflet-bottom .leaflet-control{
	margin-bottom: 10px;
	}#oilnav .leaflet-left .leaflet-control{
	margin-left: 10px;
	}#oilnav .leaflet-right .leaflet-control{
	margin-right: 10px;
	}#oilnav .leaflet-fade-anim .leaflet-popup{
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}#oilnav .leaflet-fade-anim .leaflet-map-pane .leaflet-popup{
	opacity: 1;
	}#oilnav .leaflet-zoom-animated{
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}#oilnav svg.leaflet-zoom-animated{
	will-change: transform;
}#oilnav .leaflet-zoom-anim .leaflet-zoom-animated{
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}#oilnav .leaflet-zoom-anim .leaflet-tile,#oilnav .leaflet-pan-anim .leaflet-tile{
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}#oilnav .leaflet-zoom-anim .leaflet-zoom-hide{
	visibility: hidden;
	}#oilnav .leaflet-interactive{
	cursor: pointer;
	}#oilnav .leaflet-grab{
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}#oilnav .leaflet-crosshair,#oilnav .leaflet-crosshair .leaflet-interactive{
	cursor: crosshair;
	}#oilnav .leaflet-popup-pane,#oilnav .leaflet-control{
	cursor: auto;
	}#oilnav .leaflet-dragging .leaflet-grab,#oilnav .leaflet-dragging .leaflet-grab .leaflet-interactive,#oilnav .leaflet-dragging .leaflet-marker-draggable{
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}#oilnav .leaflet-marker-icon,#oilnav .leaflet-marker-shadow,#oilnav .leaflet-image-layer,#oilnav .leaflet-pane > svg path,#oilnav .leaflet-tile-container{
	pointer-events: none;
	}#oilnav .leaflet-marker-icon.leaflet-interactive,#oilnav .leaflet-image-layer.leaflet-interactive,#oilnav .leaflet-pane > svg path.leaflet-interactive,#oilnav svg.leaflet-image-layer.leaflet-interactive path{
	pointer-events: visiblePainted; 
	pointer-events: auto;
	}#oilnav .leaflet-container{
	background: #ddd;
	outline-offset: 1px;
	}#oilnav .leaflet-container a{
	color: #0078A8;
	}#oilnav .leaflet-zoom-box{
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}#oilnav .leaflet-container{
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}#oilnav .leaflet-bar{
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}#oilnav .leaflet-bar a{
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}#oilnav .leaflet-bar a,#oilnav .leaflet-control-layers-toggle{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}#oilnav .leaflet-bar a:hover,#oilnav .leaflet-bar a:focus{
	background-color: #f4f4f4;
	}#oilnav .leaflet-bar a:first-child{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}#oilnav .leaflet-bar a:last-child{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}#oilnav .leaflet-bar a.leaflet-disabled{
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}#oilnav .leaflet-touch .leaflet-bar a{
	width: 30px;
	height: 30px;
	line-height: 30px;
	}#oilnav .leaflet-touch .leaflet-bar a:first-child{
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}#oilnav .leaflet-touch .leaflet-bar a:last-child{
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}#oilnav .leaflet-control-zoom-in,#oilnav .leaflet-control-zoom-out{
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}#oilnav .leaflet-touch .leaflet-control-zoom-in,#oilnav .leaflet-touch .leaflet-control-zoom-out{
	font-size: 22px;
	}#oilnav .leaflet-control-layers{
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}#oilnav .leaflet-control-layers-toggle{
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}#oilnav .leaflet-retina .leaflet-control-layers-toggle{
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}#oilnav .leaflet-touch .leaflet-control-layers-toggle{
	width: 44px;
	height: 44px;
	}#oilnav .leaflet-control-layers .leaflet-control-layers-list,#oilnav .leaflet-control-layers-expanded .leaflet-control-layers-toggle{
	display: none;
	}#oilnav .leaflet-control-layers-expanded .leaflet-control-layers-list{
	display: block;
	position: relative;
	}#oilnav .leaflet-control-layers-expanded{
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}#oilnav .leaflet-control-layers-scrollbar{
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}#oilnav .leaflet-control-layers-selector{
	margin-top: 2px;
	position: relative;
	top: 1px;
	}#oilnav .leaflet-control-layers label{
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}#oilnav .leaflet-control-layers-separator{
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}#oilnav .leaflet-default-icon-path{ 
	background-image: url(images/marker-icon.png);
	}#oilnav .leaflet-container .leaflet-control-attribution{
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}#oilnav .leaflet-control-attribution,#oilnav .leaflet-control-scale-line{
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}#oilnav .leaflet-control-attribution a{
	text-decoration: none;
	}#oilnav .leaflet-control-attribution a:hover,#oilnav .leaflet-control-attribution a:focus{
	text-decoration: underline;
	}#oilnav .leaflet-attribution-flag{
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}#oilnav .leaflet-left .leaflet-control-scale{
	margin-left: 5px;
	}#oilnav .leaflet-bottom .leaflet-control-scale{
	margin-bottom: 5px;
	}#oilnav .leaflet-control-scale-line{
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}#oilnav .leaflet-control-scale-line:not(:first-child){
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}#oilnav .leaflet-control-scale-line:not(:first-child):not(:last-child){
	border-bottom: 2px solid #777;
	}#oilnav .leaflet-touch .leaflet-control-attribution,#oilnav .leaflet-touch .leaflet-control-layers,#oilnav .leaflet-touch .leaflet-bar{
	box-shadow: none;
	}#oilnav .leaflet-touch .leaflet-control-layers,#oilnav .leaflet-touch .leaflet-bar{
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}#oilnav .leaflet-popup{
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}#oilnav .leaflet-popup-content-wrapper{
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}#oilnav .leaflet-popup-content{
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}#oilnav .leaflet-popup-content p{
	margin: 17px 0;
	margin: 1.3em 0;
	}#oilnav .leaflet-popup-tip-container{
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}#oilnav .leaflet-popup-tip{
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}#oilnav .leaflet-popup-content-wrapper,#oilnav .leaflet-popup-tip{
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}#oilnav .leaflet-container a.leaflet-popup-close-button{
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}#oilnav .leaflet-container a.leaflet-popup-close-button:hover,#oilnav .leaflet-container a.leaflet-popup-close-button:focus{
	color: #585858;
	}#oilnav .leaflet-popup-scrolled{
	overflow: auto;
	}#oilnav .leaflet-oldie .leaflet-popup-content-wrapper{
	-ms-zoom: 1;
	}#oilnav .leaflet-oldie .leaflet-popup-tip{
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}#oilnav .leaflet-oldie .leaflet-control-zoom,#oilnav .leaflet-oldie .leaflet-control-layers,#oilnav .leaflet-oldie .leaflet-popup-content-wrapper,#oilnav .leaflet-oldie .leaflet-popup-tip{
	border: 1px solid #999;
	}#oilnav .leaflet-div-icon{
	background: #fff;
	border: 1px solid #666;
	}#oilnav .leaflet-tooltip{
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}#oilnav .leaflet-tooltip.leaflet-interactive{
	cursor: pointer;
	pointer-events: auto;
	}#oilnav .leaflet-tooltip-top:before,#oilnav .leaflet-tooltip-bottom:before,#oilnav .leaflet-tooltip-left:before,#oilnav .leaflet-tooltip-right:before{
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}#oilnav .leaflet-tooltip-bottom{
	margin-top: 6px;
}#oilnav .leaflet-tooltip-top{
	margin-top: -6px;
}#oilnav .leaflet-tooltip-bottom:before,#oilnav .leaflet-tooltip-top:before{
	left: 50%;
	margin-left: -6px;
	}#oilnav .leaflet-tooltip-top:before{
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}#oilnav .leaflet-tooltip-bottom:before{
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}#oilnav .leaflet-tooltip-left{
	margin-left: -6px;
}#oilnav .leaflet-tooltip-right{
	margin-left: 6px;
}#oilnav .leaflet-tooltip-left:before,#oilnav .leaflet-tooltip-right:before{
	top: 50%;
	margin-top: -6px;
	}#oilnav .leaflet-tooltip-left:before{
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}#oilnav .leaflet-tooltip-right:before{
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}@media print{#oilnav .leaflet-control{
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

#oilnav{--ink:#18343f;--muted:#63777b;--paper:#fffefa;--line:#dce1d8;--gold:#e9aa51;--teal:#438c87;--navy:#14343f;color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;letter-spacing:.015em;text-align:left;overflow-x:clip}#oilnav *{box-sizing:border-box}#oilnav h1,#oilnav h2,#oilnav h3,#oilnav p{margin:0}#oilnav a{color:inherit;text-decoration:none}#oilnav button,#oilnav input,#oilnav select{font:inherit;color:inherit}#oilnav button,#oilnav select{cursor:pointer}#oilnav button{border:1px solid var(--line);border-radius:7px;background:var(--paper);line-height:1.4;padding:11px 16px;min-height:44px;transition:background .16s,box-shadow .16s,transform .16s}#oilnav button:hover{background:#edf1e9;border-color:#a1b1a6}#oilnav button:disabled{opacity:.45;cursor:default}#oilnav button:focus-visible,#oilnav a:focus-visible,#oilnav input:focus-visible,#oilnav select:focus-visible,#oilnav summary:focus-visible{outline:3px solid #d28b28;outline-offset:3px}#oilnav select{max-width:100%;padding:11px 30px 11px 12px;border:1px solid var(--line);border-radius:6px;background-color:#fffefa;min-height:44px}#oilnav input[type=search]{appearance:none;width:100%;min-width:0;padding:12px 8px;background:transparent;border:0;outline-offset:0}#oilnav input[type=checkbox]{accent-color:var(--teal);width:17px;height:17px}#oilnav small{font-size:12px}#oilnav .wrap{max-width:1248px;padding:0 24px;margin:auto}#oilnav .mast{max-width:1248px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;margin:auto;border-bottom:1px solid var(--line)}#oilnav .brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;letter-spacing:.05em}#oilnav .brand b{font-size:10px;letter-spacing:.14em;margin-left:9px;color:var(--muted)}#oilnav .brand .pixel{width:28px;height:28px}#oilnav .mast-right{display:flex;align-items:center;gap:24px}#oilnav .edition{font:10px/1.3 monospace;color:var(--muted);letter-spacing:.12em}#oilnav #on-motion{font-size:11px;padding:8px 12px;min-height:36px;background:transparent}#oilnav .hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:36px;min-height:365px;padding:44px 0 36px}#oilnav .eyebrow{font:10px/1.5 monospace;letter-spacing:.19em;color:var(--teal);font-weight:700;margin-bottom:12px}#oilnav h1{font-size:clamp(36px,4.5vw,60px);font-weight:900;letter-spacing:-.045em;line-height:1.25}#oilnav h1 span{display:block;font-size:19px;letter-spacing:.035em;font-weight:600;margin-top:12px}#oilnav .hero-copy{font-size:14px;line-height:1.95;margin:19px 0;color:#566d71}#oilnav .hero-actions{display:flex;align-items:center;gap:26px}#oilnav .primary{background:var(--navy);color:#fffefa;display:inline-flex;gap:30px;justify-content:space-between;align-items:center;padding:12px 22px;border:1px solid var(--navy);border-radius:6px;font-weight:700;min-height:48px}#oilnav .primary:hover{background:#2a505a;color:white;transform:translateY(-1px)}#oilnav .textlink{font-size:13px;font-weight:700;border-bottom:1px solid #abb6aa;padding:6px 0}#oilnav .hero-note{font-size:10px;color:var(--muted);margin-top:14px}#oilnav .hero-note span{padding:0 6px;color:#b8c1b6}#oilnav .hero-art{position:relative}#oilnav .oil-scene{width:100%;max-height:280px;filter:drop-shadow(0 15px 20px #163b3d12)}#oilnav .pixel{width:42px;height:42px;display:block;flex-shrink:0;overflow:visible}#oilnav .stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:9px;background:#fffefa;margin:0 0 28px}#oilnav .stats>div{display:flex;justify-content:center;align-items:center;gap:22px;padding:19px 15px}#oilnav .stats>div+div{border-left:1px solid var(--line)}#oilnav .stats b{font:700 28px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.06em;display:block}#oilnav .stats b span{font:600 12px/1 sans-serif;margin-left:7px;letter-spacing:0}#oilnav .stats small{color:var(--muted);font-size:10px}#oilnav .jumpnav{position:sticky;top:0;z-index:800;background:#f7f5eff5;backdrop-filter:blur(10px);display:flex;gap:30px;border-bottom:1px solid var(--line);overflow:auto;scrollbar-width:none;margin-bottom:38px}#oilnav .jumpnav a{white-space:nowrap;font-size:12px;padding:16px 1px 13px;border-bottom:3px solid transparent;font-weight:600}#oilnav .jumpnav a.active{border-color:var(--ink);color:var(--ink)}#oilnav .jumpnav a:hover{color:var(--teal)}#oilnav .section{margin:0 0 65px;scroll-margin-top:82px}#oilnav .section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 23px}#oilnav h2{font-size:26px;letter-spacing:-.03em;font-weight:800;display:flex;align-items:center;gap:10px;line-height:1.45}#oilnav h2 .pixel{width:34px;height:34px}#oilnav .section-title .eyebrow{font-size:10px;margin-bottom:8px}#oilnav .section-kicker{font-size:11px;color:var(--muted);margin-bottom:4px}#oilnav .explore-box{background:var(--paper);border:1px solid #ccd6d0;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px #193b4210}#oilnav .filterbar{display:flex;gap:9px;padding:17px 17px 9px;align-items:center}#oilnav .search{display:flex;align-items:center;gap:6px;background:#f5f6f0;border:1px solid #d7dfd5;border-radius:6px;min-width:0}#oilnav .search>span{font-size:25px;line-height:1;padding-left:12px;color:#6e8588}#oilnav .search kbd{font:12px monospace;border:1px solid #cbd3c9;border-radius:3px;padding:0 5px;margin-right:12px;color:#8c9b91}#oilnav .filterbar .search{flex:1}#oilnav .filterbar input{font-size:13px}#oilnav .filterbar select{font-size:12px;max-width:205px}#oilnav .quiet{border:0;background:transparent;color:var(--muted);font-size:12px;padding:10px 9px;text-decoration:underline;text-underline-offset:4px}#oilnav .filterline{display:flex;align-items:center;gap:22px;padding:0 17px 14px;flex-wrap:wrap}#oilnav .segmented{display:flex;gap:3px;align-items:center;flex-wrap:wrap}#oilnav .segmented button{border:1px solid transparent;min-height:37px;padding:7px 13px;background:transparent;font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px}#oilnav .segmented button.selected{background:#eaf0e8;border-color:#d0dacf;color:#234e49}#oilnav .dot{width:8px;height:8px;background:#94a5a9;display:inline-block;vertical-align:middle;border-radius:2px;flex-shrink:0}#oilnav .dot.oil{background:#dda14d}#oilnav .dot.gas{background:#59aba6}#oilnav .dot.both{background:linear-gradient(135deg,#dda14d 50%,#59aba6 50%)}#oilnav .check{font-size:11px;display:flex;align-items:center;gap:5px;cursor:pointer}#oilnav #on-result-count{font-size:11px;color:var(--muted);margin-left:auto}#oilnav .map-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#oilnav .map-column{min-width:0;background:var(--navy)}#oilnav .map-stage{position:relative}#oilnav #on-map{height:510px;background:#12323f;background-image:linear-gradient(#30515d20 1px,transparent 1px),linear-gradient(90deg,#30515d20 1px,transparent 1px);background-size:36px 36px;z-index:0;cursor:grab}#oilnav .map-label{position:absolute;top:18px;left:18px;z-index:500;color:#ceded7;font:10px/1.5 monospace;letter-spacing:.09em;pointer-events:none;background:#12323fb8;padding:8px 12px;border:1px solid #43616b65;border-radius:3px}#oilnav .map-label small{font:9px sans-serif;display:block;color:#8eaaac;margin:4px 0 0 13px;letter-spacing:0}#oilnav .live-dot{display:inline-block;background:#dfb66b;width:5px;height:5px;margin-right:7px}#oilnav .map-home{position:absolute;bottom:25px;right:12px;z-index:500;background:#244955;color:#e8eee5;border-color:#5c7c81;font-size:11px;min-height:34px;padding:6px 10px}#oilnav .map-home:hover{background:#43626c}#oilnav .regions{display:flex;gap:3px;justify-content:center;padding:9px 6px;background:#0f2c37;flex-wrap:wrap}#oilnav .regions button{font-size:10px;color:#b4c6c5;background:transparent;border-color:transparent;padding:6px 8px;min-height:32px}#oilnav .regions button.selected,#oilnav .regions button:hover{background:#294b57;color:#fff3d9;border-color:#48646c}#oilnav .detail-panel{padding:24px 20px;background:#fffefa;max-height:566px;overflow-y:auto;border-left:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#c0cbbf transparent;scroll-margin-top:70px}#oilnav .detail-empty{padding-top:28px;text-align:center}#oilnav .detail-empty>.pixel,#oilnav .detail-empty>span:first-child .pixel{width:94px;height:94px;margin:0 auto 24px}#oilnav .detail-empty h3{font-size:17px;margin:10px 0}#oilnav .detail-empty p{font-size:12px;color:var(--muted)}#oilnav .detail-empty small{font-size:10px;color:var(--muted);display:block;margin-top:22px}#oilnav .quick-picks{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:24px}#oilnav .quick-picks button{font-size:10px;min-height:32px;padding:5px 8px;border-radius:20px}#oilnav .detail-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}#oilnav .detail-top .pixel{width:50px;height:50px}#oilnav .detail-top button{padding:3px 9px;min-height:32px;font-size:18px}#oilnav .detail-country{font-size:11px;font-weight:600;color:var(--teal)}#oilnav .detail-panel h3{font-size:22px;line-height:1.45;overflow-wrap:anywhere;margin:5px 0}#oilnav .original{font:10px/1.5 sans-serif;color:var(--muted);overflow-wrap:anywhere;margin-bottom:13px}#oilnav .badges{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}#oilnav .badge{font-size:9px;line-height:1.4;background:#eaf1e9;color:#3d6b55;border:1px solid #dce5d7;padding:4px 7px;border-radius:4px}#oilnav .badge.muted{background:#f0f1ed;border-color:#e1e4dc;color:#7a8787}#oilnav .detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0}#oilnav .detail-metrics>div{background:#f4f3ec;border-radius:5px;padding:10px}#oilnav .detail-metrics small{display:block;font-size:9px;color:var(--muted)}#oilnav .detail-metrics b{display:block;font:700 20px/1.5 monospace;letter-spacing:-.06em}#oilnav .detail-metrics span{font-size:9px;color:var(--muted)}#oilnav dl{font-size:11px;margin:15px 0}#oilnav dl>div{border-top:1px solid #eceee6;padding:9px 0;display:grid;grid-template-columns:77px 1fr;gap:8px}#oilnav dt{color:var(--muted)}#oilnav dd{margin:0;overflow-wrap:anywhere;line-height:1.6}#oilnav .detail-actions{display:flex;gap:6px}#oilnav .detail-actions button{font-size:11px;flex:1;padding:9px 7px}#oilnav .detail-actions button.saved{background:#fff0c9;border-color:#e5ca8d}#oilnav .source-button{display:block;border:1px solid #b8ccc4;border-radius:5px;padding:9px;text-align:center;font-size:11px;color:#3e716c;margin-top:9px}#oilnav .source-button:hover{background:#ecf2eb}#oilnav .map-foot{padding:9px 16px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted);flex-wrap:wrap}#oilnav .map-foot .dot{margin:0 4px 0 8px}#oilnav .map-foot .dot:first-child{margin-left:0}#oilnav .leaflet-control-zoom{border:1px solid #56727b;box-shadow:none}#oilnav .leaflet-control-zoom a{background:#254652;color:#dce9e1;border-color:#56727b;width:34px;height:34px;font:24px/34px monospace}#oilnav .leaflet-control-attribution{font-size:8px;background:#13323fcd;color:#9cb5b6;padding:2px 7px}#oilnav .leaflet-control-attribution a{color:#bfd5d1}#oilnav .leaflet-tooltip{font:11px/1.5 sans-serif;border:1px solid #bdcfca;background:#fffbea;color:var(--ink);border-radius:4px;box-shadow:0 3px 15px #102c3b25}#oilnav .oil-marker{border:0;background:none;display:flex;align-items:center;justify-content:center}#oilnav .oil-marker .marker-pixel{filter:drop-shadow(0 2px 2px #061c26);width:42px;height:42px}#oilnav .oil-marker.selected .marker-pixel{filter:drop-shadow(0 0 4px #ffe5a0)}#oilnav .oil-cluster{background:transparent}#oilnav .cluster-inner{background:#1e4551;border:1px solid #d0a05b;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:2px;box-shadow:0 3px 8px #08202a55;height:44px;color:#ffe0a8}#oilnav .cluster-inner .pixel{height:31px;width:31px}#oilnav .cluster-inner b{font:700 12px/1 monospace;padding-right:6px}#oilnav .results-head{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px;gap:12px}#oilnav .results-head h3{font-size:15px}#oilnav .results-head h3 span{font-size:11px;color:var(--muted);font-weight:400;margin-left:8px}#oilnav .results-head>div{display:flex;align-items:center;gap:12px}#oilnav .results-head label{font-size:10px;color:var(--muted)}#oilnav .results-head select{font-size:10px;padding:6px 24px 6px 8px;min-height:35px}#oilnav .result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#oilnav .field-card{border:1px solid var(--line);border-radius:7px;background:var(--paper);display:flex;align-items:center;position:relative;min-width:0;overflow:hidden;transition:border .2s,transform .2s}#oilnav .field-card:hover{border-color:#90aaa4;transform:translateY(-2px)}#oilnav .field-open{border:0;background:transparent;border-radius:0;min-width:0;display:flex;gap:10px;align-items:center;text-align:left;padding:13px;flex:1;min-height:86px}#oilnav .field-open:hover{background:#f0f4ec;border:0}#oilnav .field-open .pixel{width:35px;height:35px}#oilnav .field-info{min-width:0;display:block}#oilnav .field-info b{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere;max-height:36px;overflow:hidden}#oilnav .field-info small{font-size:9px;display:block;margin-top:4px;color:var(--muted)}#oilnav .field-star{position:relative;align-self:stretch;flex-shrink:0;border:0;border-left:1px solid #eef0e9;border-radius:0;padding:8px;min-width:36px;background:transparent;font-size:18px;color:#8b9c95}#oilnav .field-star.saved{color:#b27b23;background:#fff7e5}#oilnav .pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;font-size:11px;color:var(--muted)}#oilnav .pagination button{font-size:11px;min-height:35px;padding:7px 13px}#oilnav .ranking-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}#oilnav .ranking-toolbar label{font-size:12px;white-space:nowrap}#oilnav .ranking-toolbar select{font-size:12px;min-height:37px;padding:6px 28px 6px 10px}#oilnav .rank-card{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:26px 30px}#oilnav .rank-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:8px}#oilnav .rank-header h3{font-size:18px}#oilnav .rank-header p{font-size:11px;color:var(--muted);margin-top:4px}#oilnav .rank-header .pixel{width:50px;height:50px}#oilnav .rank-row{display:grid;grid-template-columns:28px minmax(130px,1fr) minmax(130px,1.2fr) 110px;align-items:center;gap:20px;width:100%;text-align:left;border:0;border-radius:0;background:transparent;padding:13px 0;min-height:60px;border-bottom:1px solid #edf0e8}#oilnav .rank-row:hover{background:#f5f5ed;border-color:#edf0e8}#oilnav .rank-number{font:700 15px monospace;color:#8a9a93}#oilnav .rank-row:nth-child(-n+3) .rank-number{color:#af7b2d}#oilnav .rank-name{font-weight:700;font-size:12px;overflow-wrap:anywhere}#oilnav .rank-name small{font-size:10px;font-weight:400;color:var(--muted);display:block;margin-top:3px}#oilnav .rank-track{height:11px;background:#eff1e8;border-radius:2px;overflow:hidden}#oilnav .rank-track i{display:block;height:100%;background:#d7a252;border-radius:2px;min-width:2px}#oilnav .rank-row.gas .rank-track i{background:#5b9b94}#oilnav .rank-value{font:700 18px/1.3 monospace;letter-spacing:-.03em;text-align:right}#oilnav .rank-value small{font:9px/1.5 sans-serif;display:block;color:var(--muted);margin-top:4px}#oilnav .fine{font-size:10px;color:var(--muted);line-height:1.8}#oilnav .rank-card>.fine{margin-top:18px}#oilnav .country-controls{display:flex;gap:10px;margin-bottom:20px}#oilnav .country-controls .search{max-width:475px;flex:1}#oilnav .country-controls input,#oilnav .country-controls select{font-size:12px}#oilnav .country-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}#oilnav .country-card{position:relative;text-align:left;border-radius:8px;background:#fffefa;padding:19px;min-height:174px;display:flex;flex-direction:column;align-items:flex-start}#oilnav .country-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #12333c0d}#oilnav .country-card .region{font-size:9px;color:var(--muted);margin-bottom:11px}#oilnav .country-card strong{font-size:16px;line-height:1.5;padding-right:25px}#oilnav .country-card .country-iso{position:absolute;right:16px;top:18px;background:#eaf0e8;color:#598078;font:700 11px monospace;padding:7px;border:1px solid #dbe5d7;border-radius:4px}#oilnav .country-card .country-number{font:700 26px/1.3 monospace;margin-top:12px}#oilnav .country-card .country-number small{font:10px sans-serif;color:var(--muted);margin-left:6px}#oilnav .country-card .country-sub{font-size:10px;color:var(--muted);margin-top:5px}#oilnav .country-card .country-arrow{position:absolute;right:19px;bottom:22px;color:var(--teal)}#oilnav .center{text-align:center;margin-top:22px}#oilnav .secondary{background:#edf1e7;border:1px solid #b8c7b8;font-size:12px;padding:12px 24px}#oilnav #on-country-profile{scroll-margin-top:80px;background:#e9eee4;border:1px solid #cfdaca;border-radius:9px;margin-top:25px;padding:26px}#oilnav .profile-head{display:flex;justify-content:space-between;gap:16px;align-items:center}#oilnav .profile-head h3{font-size:25px}#oilnav .profile-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0}#oilnav .profile-metrics>div{padding:15px;background:#f7f8ef;border-radius:5px}#oilnav .profile-metrics small{font-size:10px;color:var(--muted);display:block}#oilnav .profile-metrics b{font:700 24px monospace;display:block;margin:5px 0}#oilnav .profile-actions{display:flex;gap:10px;margin:18px 0}#oilnav .profile-actions button{font-size:12px}#oilnav .compare-box{background:#fffefa;border:1px solid var(--line);border-radius:9px;overflow-x:auto;padding:23px}#oilnav .empty{padding:26px 15px;text-align:center;grid-column:1/-1;font-size:13px;color:var(--muted)}#oilnav .empty .pixel{margin:0 auto 12px;width:52px;height:52px}#oilnav .empty p{font-size:11px;margin-top:6px}#oilnav table{border-collapse:collapse;min-width:580px;width:100%;font-size:12px;table-layout:fixed}#oilnav th,#oilnav td{border-bottom:1px solid #e3e7dc;padding:14px;text-align:left;overflow-wrap:anywhere;vertical-align:top}#oilnav thead th{font-size:14px}#oilnav th:first-child{width:100px;color:var(--muted);font-weight:500;font-size:10px}#oilnav td small{display:block;font-size:10px;color:var(--muted)}#oilnav th button{font-size:10px;padding:3px 7px;min-height:28px;display:block;margin-top:10px}#oilnav .saved-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 12px}#oilnav .saved-heading h3{font-size:16px}#oilnav .saved-heading h3 span{font:12px monospace;color:var(--muted);margin-left:8px}#oilnav .saved-heading small{color:var(--muted);font-size:10px}#oilnav .learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}#oilnav .learn-grid article{background:#eeefe6;border-radius:9px;padding:26px}#oilnav .learn-grid article>span .pixel{width:57px;height:57px;margin-bottom:16px}#oilnav .learn-grid .eyebrow{font-size:9px;margin-bottom:9px}#oilnav .learn-grid h3{font-size:16px;margin-bottom:10px;line-height:1.65}#oilnav .learn-grid article>p:last-child{font-size:12px;line-height:1.9;color:#566d70}#oilnav .glossary{margin-top:26px;border:1px solid var(--line);border-radius:8px;padding:22px 26px;background:var(--paper)}#oilnav .glossary h3{font-size:17px;margin-bottom:15px}#oilnav details{border-top:1px solid var(--line);padding:14px 0;font-size:12px}#oilnav summary{cursor:pointer;font-weight:700;line-height:1.65;list-style:none;position:relative;padding-right:24px}#oilnav summary:after{content:'+';position:absolute;right:3px;font:18px monospace;color:#709189}#oilnav details[open] summary:after{content:'−'}#oilnav details p{margin-top:11px;color:var(--muted);font-size:12px;line-height:1.9}#oilnav .sources{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;border-top:1px solid var(--line);padding-top:35px;margin-top:20px}#oilnav .sources h2{font-size:23px;margin-bottom:16px}#oilnav .sources>div:first-child>p:last-child{font-size:12px;color:var(--muted);line-height:1.9}#oilnav .sources details:first-child{border:0;padding-top:0}#oilnav .source-links{display:flex;gap:7px 20px;flex-wrap:wrap;font-size:10px;margin:16px 0}#oilnav .source-links a,#oilnav .fine a{color:#367d76;text-decoration:underline;text-underline-offset:3px}#oilnav footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;align-items:center;gap:20px}#oilnav footer p{font:10px monospace;color:var(--muted)}#oilnav footer>a:last-child{font-size:11px;color:var(--muted)}#oilnav .notice{background:#eef2e7;border:1px solid #d5dfcd;border-radius:5px;padding:12px 17px;margin-bottom:15px;font-size:12px}#oilnav .notice.error{background:#fff1dc;border-color:#dfc49d;color:#8c561f}#oilnav .sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}#oilnav .skip{position:fixed;top:-100px;left:20px;z-index:10000;background:#fff;padding:12px}#oilnav .skip:focus{top:10px}#oilnav #on-toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#153743;color:#fffefa;border-radius:6px;padding:12px 20px;font-size:12px;z-index:2000;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center;box-shadow:0 5px 30px #17313c30}#oilnav #on-toast.show{opacity:1;transform:translate(-50%,0)}#oilnav #on-compare-tray{position:fixed;right:20px;bottom:20px;z-index:900;background:#fff9e9;box-shadow:0 4px 20px #193b4226;border:1px solid #d6bd86;border-radius:8px;padding:9px 13px;font-size:11px}#oilnav #on-compare-tray a{font-weight:700;margin-left:12px;text-decoration:underline}#oilnav .pump-beam{transform-origin:24px 15px;animation:on-pump 2.8s steps(6,end) infinite alternate}#oilnav .pump-rod{animation:on-rod 2.8s steps(6,end) infinite alternate}#oilnav .spark{animation:on-spark 2s steps(2,end) infinite}#oilnav .still .pump-beam,#oilnav .still .pump-rod,#oilnav .still .spark,#oilnav.motion-off .pump-beam,#oilnav.motion-off .pump-rod,#oilnav.motion-off .spark,#oilnav.page-hidden .pump-beam,#oilnav.page-hidden .pump-rod,#oilnav.page-hidden .spark,#oilnav .animation-paused .pump-beam,#oilnav .animation-paused .pump-rod,#oilnav .animation-paused .spark{animation-play-state:paused}#oilnav [hidden]{display:none!important}@keyframes on-pump{from{transform:rotate(-10deg)}to{transform:rotate(10deg)}}@keyframes on-rod{from{transform:translateY(-3px)}to{transform:translateY(3px)}}@keyframes on-spark{0%,100%{opacity:.7}50%{opacity:1;transform:translateY(-2px)}}
@media(min-width:1500px){#oilnav .hero{min-height:395px}}
@media(max-width:1000px){#oilnav .filterbar{flex-wrap:wrap}#oilnav .filterbar .search{flex-basis:100%}#oilnav .map-layout{grid-template-columns:minmax(0,1fr) 275px}#oilnav .detail-panel{padding:18px 16px}#oilnav .jumpnav{gap:22px}#oilnav .country-grid{grid-template-columns:repeat(3,1fr)}#oilnav .hero{gap:10px}#oilnav .hero-copy{font-size:12px}#oilnav .sources{gap:30px}#oilnav .edition{display:none}#oilnav .rank-row{gap:12px}}
@media(max-width:760px){#oilnav .wrap{padding:0 16px}#oilnav .mast{padding:15px 16px}#oilnav .brand{font-size:13px}#oilnav .brand b{font-size:8px;margin-left:5px}#oilnav #on-motion{font-size:10px;padding:6px 7px}#oilnav .hero{grid-template-columns:1fr;gap:0;padding:30px 0 20px;position:relative}#oilnav h1{font-size:40px}#oilnav h1 span{font-size:16px;margin-top:10px}#oilnav .hero-copy{font-size:12px;line-height:1.9}#oilnav .hero-art{position:absolute;right:-10px;bottom:4px;width:150px;opacity:.9;pointer-events:none}#oilnav .hero-actions{gap:16px;align-items:flex-start;flex-direction:column}#oilnav .hero-actions .primary{font-size:13px;padding:10px 16px;gap:24px}#oilnav .hero-actions .textlink{font-size:11px}#oilnav .hero-note{font-size:9px;margin-top:18px;padding-right:100px;line-height:1.8}#oilnav .stats{margin-bottom:14px}#oilnav .stats>div{padding:14px 5px;gap:4px;flex-direction:column;text-align:center}#oilnav .stats .pixel{width:28px;height:28px}#oilnav .stats b{font-size:21px;line-height:1.4}#oilnav .stats b span{font-size:8px;margin-left:3px}#oilnav .stats small{font-size:8px;letter-spacing:-.03em}#oilnav .jumpnav{margin-bottom:27px;gap:25px}#oilnav .jumpnav a{font-size:11px;padding:12px 0 10px}#oilnav h2{font-size:21px;gap:7px}#oilnav h2 .pixel{width:28px;height:28px}#oilnav .section-title{align-items:flex-start;margin-bottom:17px}#oilnav .section-kicker{display:none}#oilnav .section{margin-bottom:43px}#oilnav .filterbar{padding:12px 10px 8px;gap:6px}#oilnav .filterbar .select-wrap{flex:1;min-width:0}#oilnav .filterbar select{width:100%;font-size:11px;max-width:none;padding-left:8px}#oilnav .filterbar .quiet{font-size:10px;padding:7px;flex-shrink:0}#oilnav .filterline{padding:0 10px 10px;gap:7px 13px}#oilnav .filterline .segmented button{font-size:11px;padding:6px 9px}#oilnav .filterline #on-result-count{font-size:9px}#oilnav .check{font-size:10px}#oilnav .map-layout{grid-template-columns:1fr}#oilnav #on-map{height:390px}#oilnav .map-label{top:12px;left:10px;font-size:8px;padding:7px 9px}#oilnav .map-label small{font-size:8px}#oilnav .detail-panel{border-left:0;border-top:1px solid #dce1d8;max-height:none;overflow:visible;padding:18px}#oilnav .detail-empty{padding-top:0;display:grid;grid-template-columns:50px 1fr;text-align:left;column-gap:13px}#oilnav .detail-empty>span:first-child{grid-row:1/4}#oilnav .detail-empty>span:first-child .pixel{width:50px;height:50px;margin:8px 0 0}#oilnav .detail-empty .eyebrow{display:none}#oilnav .detail-empty h3{font-size:14px;margin:0 0 4px}#oilnav .detail-empty p{font-size:10px}#oilnav .detail-empty p br{display:none}#oilnav .detail-empty small{display:none}#oilnav .quick-picks{margin-top:9px;justify-content:flex-start;grid-column:2}#oilnav .detail-panel h3{font-size:23px}#oilnav .detail-panel dl>div{grid-template-columns:100px 1fr;font-size:12px}#oilnav .detail-metrics b{font-size:25px}#oilnav .detail-actions button{font-size:12px}#oilnav .map-foot{font-size:8px;padding:9px 10px;gap:3px}#oilnav .results-head{margin-top:20px;flex-wrap:wrap}#oilnav .results-head>div{gap:5px;margin-left:auto}#oilnav .results-head h3{font-size:13px}#oilnav .results-head .quiet{font-size:10px}#oilnav .results-head select{font-size:10px;max-width:130px}#oilnav .result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#oilnav .field-open{padding:10px 6px;gap:5px;min-height:87px}#oilnav .field-open .pixel{width:28px;height:28px}#oilnav .field-info b{font-size:10px;max-height:45px}#oilnav .field-info small{font-size:8px;line-height:1.5}#oilnav .field-star{min-width:30px;padding:4px;font-size:16px}#oilnav .ranking-toolbar{align-items:flex-start;flex-wrap:wrap;gap:9px}#oilnav .ranking-toolbar .segmented{gap:2px}#oilnav .ranking-toolbar .segmented button{font-size:10px;padding:7px 8px}#oilnav .ranking-toolbar label{margin-left:auto;font-size:10px}#oilnav .rank-card{padding:18px 14px}#oilnav .rank-header h3{font-size:16px}#oilnav .rank-header p{font-size:10px}#oilnav .rank-header .pixel{width:36px;height:36px}#oilnav .rank-row{grid-template-columns:19px minmax(0,1fr) 90px;gap:8px;padding:12px 0;position:relative}#oilnav .rank-track{position:absolute;left:27px;bottom:0;width:calc(100% - 125px);height:3px}#oilnav .rank-number{font-size:12px}#oilnav .rank-name{font-size:11px}#oilnav .rank-name small{font-size:9px}#oilnav .rank-value{font-size:16px}#oilnav .rank-value small{font-size:8px}#oilnav .country-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#oilnav .country-card{padding:15px;min-height:162px}#oilnav .country-card strong{font-size:14px;padding-right:0}#oilnav .country-card .country-iso{right:12px;top:12px;padding:4px;font-size:10px}#oilnav .country-card .region{font-size:8px;margin-bottom:10px}#oilnav .country-card .country-number{font-size:23px}#oilnav .country-card .country-sub{font-size:9px}#oilnav .country-controls{gap:6px}#oilnav .country-controls input{font-size:11px}#oilnav .country-controls select{font-size:10px;max-width:125px}#oilnav #on-country-profile{padding:18px}#oilnav .profile-metrics{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}#oilnav .profile-metrics>div{padding:12px}#oilnav .profile-head h3{font-size:21px}#oilnav .profile-actions{flex-wrap:wrap}#oilnav .compare-box{padding:12px}#oilnav .saved-heading small{font-size:9px}#oilnav .learn-grid{grid-template-columns:1fr 1fr;gap:9px}#oilnav .learn-grid article{padding:18px 14px}#oilnav .learn-grid article>span .pixel{width:43px;height:43px;margin-bottom:12px}#oilnav .learn-grid h3{font-size:13px}#oilnav .learn-grid article>p:last-child{font-size:11px}#oilnav .learn-grid .eyebrow{font-size:8px;letter-spacing:.05em}#oilnav .glossary{padding:18px}#oilnav .glossary h3{font-size:15px}#oilnav .sources{grid-template-columns:1fr;gap:25px;padding-top:27px}#oilnav .sources h2{font-size:20px}#oilnav footer{flex-wrap:wrap;gap:12px;padding:22px 0 80px}#oilnav footer p{order:3;font-size:8px;width:100%}#oilnav footer>a:last-child{font-size:10px}#oilnav #on-compare-tray{right:12px;bottom:12px;font-size:10px}#oilnav #on-toast{bottom:70px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#oilnav .pump-beam,#oilnav .pump-rod,#oilnav .spark{animation:none}#oilnav *{transition:none!important}}
#oilnav .cluster-inner .pump-beam,#oilnav .cluster-inner .pump-rod{animation-duration:4.2s}#oilnav .oil-marker.selected:after{content:'';position:absolute;bottom:4px;left:7px;width:28px;height:7px;border:2px solid #ffe5a4;border-radius:50%;box-shadow:0 0 9px #efc66f80;pointer-events:none}
#oilnav h1,#oilnav h2,#oilnav h3{padding:0;border:0;background:none;box-shadow:none}#oilnav h1:before,#oilnav h1:after,#oilnav h2:before,#oilnav h2:after,#oilnav h3:before,#oilnav h3:after{display:none}#oilnav .results-head{scroll-margin-top:75px}

/* Daylight field atlas: oilfield signs, survey paper, and readable geography. */
#oilnav{--ink:#302f25;--muted:#686c57;--paper:#fffdf3;--line:#d4cfb8;--gold:#d9a526;--teal:#4c7050;--navy:#35382c;background:#f3efde;background-image:linear-gradient(#857d4c06 1px,transparent 1px),linear-gradient(90deg,#857d4c06 1px,transparent 1px);background-size:24px 24px}
#oilnav .mast{border-bottom:3px solid var(--ink);padding-top:16px;padding-bottom:16px}#oilnav .edition{letter-spacing:.025em;font-family:inherit}
#oilnav .hero{grid-template-columns:minmax(0,1fr) 336px;gap:48px;align-items:start;padding:38px 0 26px;min-height:0}#oilnav .hero-intro{position:relative;min-width:0;padding-bottom:95px}#oilnav .hero .eyebrow{font:700 12px/1.6 inherit;letter-spacing:.08em;color:#766530;border-left:5px solid #d3a02a;padding-left:10px;margin-bottom:12px}#oilnav h1{font-size:clamp(36px,4.6vw,62px);letter-spacing:-.045em;color:#333428;text-shadow:2px 2px #ded3a2}#oilnav h1 span{font-size:17px;letter-spacing:.06em;font-weight:700;margin-top:13px;text-shadow:none}#oilnav .hero-copy{color:#636450;font-size:13px;margin:17px 0;line-height:1.9}#oilnav .hero-actions{gap:22px}#oilnav .hero-note{font-size:10px;color:#6b6e58}#oilnav .hero-art{position:absolute;bottom:0;left:0;right:0;height:84px;overflow:hidden;border-bottom:3px solid #8b784c}#oilnav .oil-scene{width:100%;height:84px;max-height:none;filter:none;display:block}
#oilnav .title-ad{width:336px;max-width:100%;height:280px;margin-top:0;position:relative;background:transparent;justify-self:end}#oilnav .title-ad.is-preview{background:#ece8d7;outline:1px dashed #c6bea4;outline-offset:-1px}#oilnav .ad-preview{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:#7b7866}#oilnav .ad-preview[hidden]{display:none}#oilnav .ad-preview small{font-size:10px;letter-spacing:.1em;margin-bottom:9px}#oilnav .ad-preview span{font-size:14px;font-weight:600}#oilnav .ad-preview p{font-size:10px;margin-top:6px}#oilnav .title-ad ins{border:0;background:transparent;margin:0;padding:0;text-decoration:none}
#oilnav button,#oilnav select,#oilnav .primary,#oilnav .search,#oilnav .stats,#oilnav .explore-box,#oilnav .field-card,#oilnav .rank-card,#oilnav .country-card,#oilnav .compare-box,#oilnav .glossary,#oilnav .learn-grid article,#oilnav #on-country-profile{border-radius:2px}#oilnav .primary{background:#e0b239;color:#302e22;border:2px solid #3c3c2e;box-shadow:3px 3px 0 #c7b98a;font-size:13px}#oilnav .primary:hover{background:#efc34e;color:#302e22;box-shadow:5px 5px 0 #c7b98a;transform:translate(-1px,-1px)}#oilnav .primary span{transition:transform .18s}#oilnav .primary:hover span{transform:translateX(4px)}#oilnav .stats{border:1px solid #aca58a;border-top:4px solid #535741;background:#eee9d3;box-shadow:none}#oilnav .stats>div{justify-content:flex-start;padding-left:32px}#oilnav .stats>div+div{border-left:1px solid #c4bda3}#oilnav .stats b{color:#414732}#oilnav .jumpnav{background:#f3efdef7;gap:25px;border-bottom:1px solid #bfb79b;backdrop-filter:none}#oilnav .jumpnav a{font-size:12px}#oilnav .jumpnav a.active{border-color:#aa7b14}#oilnav .section-title{border-bottom:2px solid #555943;padding-bottom:15px}#oilnav .eyebrow,#oilnav .section-title .eyebrow{font-family:inherit;font-size:11px;letter-spacing:.06em;color:#82703f}#oilnav h2{font-size:25px}#oilnav .explore-box{border:1px solid #a59f83;box-shadow:4px 4px 0 #d4ceb7}#oilnav .filterbar{background:#eae6d4}#oilnav .filterline{background:#eae6d4;padding-top:4px}#oilnav .search{background:#fffdf4;border-color:#c9c4af}#oilnav .segmented button.selected{color:#3c452e;background:#e2dfc9;border-color:#9f9d79}
#oilnav .map-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 13px;border-top:1px solid #c8c2aa;background:#f6f0d9;flex-wrap:wrap}#oilnav .terrain-key{display:flex;gap:12px;font-size:10px;flex-wrap:wrap}#oilnav .terrain-key span{display:flex;align-items:center;gap:5px}#oilnav .terrain-key i{width:10px;height:10px;border:1px solid #51604a50;display:inline-block}#oilnav .terrain-key .sea{background:#64bbcc}#oilnav .terrain-key .forest{background:#5e914a}#oilnav .terrain-key .desert{background:#dec174}#oilnav .terrain-key .ice{background:#e9eed9}#oilnav .map-tool-actions{display:flex;gap:12px;align-items:center;font-size:10px}#oilnav .map-tool-actions select{font-size:10px;min-height:34px;padding:6px 24px 6px 8px}#oilnav #on-random{font-size:11px;min-height:34px;padding:6px 10px;border-color:#a38e54;background:#f4df99}#oilnav .terrain-note{font-size:9px;line-height:1.7;color:#706e59;padding:8px 15px 0}#oilnav #on-map,#oilnav .map-column{background:#64bbcc;background-image:none}#oilnav .terrain-pixels{image-rendering:pixelated}#oilnav .map-label{color:#354835;background:#fcf4d9e8;border-color:#978b5e;box-shadow:2px 2px #506b5940;border-radius:0;letter-spacing:.04em}#oilnav .map-label small{color:#72765b}#oilnav .live-dot{background:#558151}#oilnav .map-home{background:#fff7de;color:#344635;border-color:#8a8f67;box-shadow:2px 2px #49675530}#oilnav .map-home:hover{background:#efdb9c}#oilnav .regions{background:#dcd6b8;border-top:2px solid #7b8061}#oilnav .regions button{color:#4e5740;min-height:36px}#oilnav .regions button.selected,#oilnav .regions button:hover{background:#fff5d4;color:#3d452f;border-color:#999575}#oilnav .leaflet-control-zoom{border-color:#8a8d67;border-radius:1px}#oilnav .leaflet-control-zoom a{background:#fff8df;color:#3e4b33;border-color:#c7c5a8}#oilnav .leaflet-control-attribution{color:#52634a;background:#fffae5dc}#oilnav .leaflet-control-attribution a{color:#415735}#oilnav .cluster-inner{background:#fff1c4;color:#3a4030;border:2px solid #5b6644;border-radius:2px;box-shadow:3px 3px 0 #3a674448}#oilnav .cluster-inner:hover{background:#ffe49a;border-color:#363f29}#oilnav .oil-marker .marker-pixel{filter:drop-shadow(1px 2px 0 #f9f2ce) drop-shadow(0 2px 2px #34583e66)}#oilnav .oil-marker.selected .marker-pixel{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px #cc6d00)}#oilnav .detail-panel{background:#fffaf0;border-left:2px solid #b0a989}#oilnav .detail-empty{padding-top:18px}#oilnav .detail-empty h3{font-size:17px}#oilnav .detail-metrics>div{background:#ede8d4;border-radius:0}#oilnav .detail-country{color:#576c45}#oilnav .detail-actions button{border-color:#c1baa0}#oilnav .quick-picks button{border-radius:2px}#oilnav .rank-card{border-top:4px solid #656a4f}#oilnav .rank-track{background:#e9e5d1;height:12px;border-radius:0}#oilnav .rank-track i{background:repeating-linear-gradient(90deg,#c49a2e 0px,#c49a2e 7px,#d9b552 7px,#d9b552 9px);border-radius:0}#oilnav .rank-row.gas .rank-track i{background:#619a89}#oilnav .rank-row:hover{background:#f2ecd6}#oilnav .country-card{border-top:3px solid #888b67;background:#fffbee;min-height:174px}#oilnav .country-card:hover{border-color:#9a7f37;background:#fff5d9;box-shadow:3px 3px 0 #d0c6a5}#oilnav .country-card .country-iso{background:transparent;border:0;padding:0;border-radius:0;top:17px;right:16px}#oilnav .country-card strong{padding-right:0;font-size:15px}#oilnav .country-card .region{padding-right:45px;min-height:24px}#oilnav .country-flag{display:inline-block!important;width:24px!important;height:18px!important;object-fit:contain;vertical-align:-3px;margin:0 6px 0 0;border:1px solid #55552b25;box-shadow:1px 1px 0 #302f2515;flex-shrink:0;border-radius:0!important}#oilnav .country-iso .country-flag{width:36px!important;height:27px!important;margin:0}#oilnav .profile-head h3 .country-flag{width:40px!important;height:30px!important;vertical-align:-4px;margin-right:12px}#oilnav .country-select{display:flex;align-items:center}#oilnav #on-country-flag:empty{display:none}#oilnav .country-select .country-flag{margin-right:5px}#oilnav .field-info .country-flag,#oilnav .rank-name small .country-flag{width:18px!important;height:14px!important;vertical-align:-3px;margin-right:4px}#oilnav .learn-grid{gap:0;border:1px solid #c6bea1;background:#ebe6d0}#oilnav .learn-grid article{border-radius:0;background:transparent;border-bottom:1px solid #c6bea1;border-right:1px solid #c6bea1;padding:26px}#oilnav .learn-grid article:nth-child(3n){border-right:0}#oilnav .learn-grid article:nth-last-child(-n+3){border-bottom:0}#oilnav .learn-grid article>p:last-child{color:#61664e}#oilnav #on-country-profile{background:#e8e5ce;border-color:#b7b69b}#oilnav .profile-metrics>div{background:#fff9e7;border-radius:0}#oilnav footer{border-top:3px solid #565b43}#oilnav .sources{border-radius:0}
/* Underlines travel, arrows move, and field rows lift slightly. Ads are excluded. */
#oilnav .textlink,#oilnav .source-links a,#oilnav .sources .fine a,#oilnav footer>a:last-child{background-image:linear-gradient(#ad7b19,#ad7b19);background-size:0 2px;background-repeat:no-repeat;background-position:left bottom;transition:background-size .22s,color .22s}#oilnav .textlink:hover,#oilnav .source-links a:hover,#oilnav .sources .fine a:hover,#oilnav footer>a:last-child:hover{background-size:100% 2px;color:#876116}#oilnav .jumpnav a{transition:color .18s,border-color .18s,background .18s}#oilnav .jumpnav a:hover{background:#e8e1c8;border-bottom-color:#b58a2d}#oilnav .source-button{transition:background .18s,transform .18s}#oilnav .source-button:hover{background:#eee2ba;transform:translateY(-2px)}#oilnav .country-arrow{transition:transform .2s}#oilnav .country-card:hover .country-arrow{transform:translate(3px,-3px)}#oilnav .brand .pixel{transition:transform .2s}#oilnav .brand:hover .pixel{transform:rotate(-8deg)}#oilnav .rank-row .rank-name{transition:transform .18s}#oilnav .rank-row:hover .rank-name{transform:translateX(4px)}
@media(max-width:1000px){#oilnav .hero{gap:25px}#oilnav h1{font-size:43px}#oilnav .hero-actions{gap:15px}#oilnav .filterbar{flex-wrap:wrap}#oilnav .filterbar .search{flex-basis:100%}#oilnav .stats>div{padding-left:20px}#oilnav .map-layout{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:760px){#oilnav .hero{grid-template-columns:minmax(0,1fr);gap:25px;padding:26px 0}#oilnav .hero-intro{padding-bottom:100px}#oilnav .title-ad{justify-self:center;margin-top:0}#oilnav h1{font-size:clamp(36px,8.9vw,50px)}#oilnav h1 span{font-size:14px}#oilnav .hero-actions{gap:18px}#oilnav .hero-art{display:block}#oilnav .stats>div{padding:15px 9px;gap:8px;justify-content:center}#oilnav .stats b{font-size:21px}#oilnav .stats b span{font-size:9px;margin-left:4px}#oilnav .stats .pixel{width:27px;height:27px}#oilnav .stats small{font-size:9px}#oilnav h2{font-size:21px}#oilnav .map-layout{grid-template-columns:1fr}#oilnav .map-tools{gap:7px}#oilnav .map-tool-actions{width:100%;justify-content:space-between}#oilnav .map-label{font-size:9px;left:10px;top:12px;padding:7px 9px}#oilnav .map-label small{font-size:8px}#oilnav #on-map{height:420px}#oilnav .detail-panel{border-left:0;border-top:2px solid #b0a989}#oilnav .country-grid{gap:9px}#oilnav .country-card{padding:14px}#oilnav .country-card .country-iso{right:12px;top:13px}#oilnav .country-card .country-iso .country-flag{width:30px!important;height:23px!important}#oilnav .country-card strong{font-size:14px}#oilnav .learn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#oilnav .learn-grid article{padding:18px;border:0;border-right:1px solid #c6bea1!important;border-bottom:1px solid #c6bea1!important}#oilnav .learn-grid article:nth-child(2n){border-right:0!important}#oilnav .learn-grid article:nth-last-child(-n+2){border-bottom:0!important}#oilnav .edition{display:none}#oilnav .country-select{max-width:100%}#oilnav .country-select select{min-width:0}#oilnav .map-tool-actions label{display:flex;align-items:center;gap:6px}}
@media(max-width:420px){#oilnav .hero-actions{gap:15px}#oilnav .hero-actions .textlink{font-size:11px}#oilnav .hero-actions .primary{padding:10px 13px;gap:15px}#oilnav .stats>div{flex-direction:column;gap:5px;align-items:center}#oilnav .stats p{text-align:center}#oilnav .learn-grid{grid-template-columns:1fr}#oilnav .learn-grid article{border-right:0!important}#oilnav .learn-grid article:nth-last-child(2){border-bottom:1px solid #c6bea1!important}#oilnav .filterbar select{max-width:185px}}
#oilnav.motion-off *,#oilnav.motion-off *:before,#oilnav.motion-off *:after{transition:none!important;animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#oilnav *,#oilnav *:before,#oilnav *:after{transition:none!important;scroll-behavior:auto!important;animation:none!important}}
@media(max-width:760px){#oilnav .hero-art{width:100%;opacity:1;right:0;bottom:0}#oilnav .hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap}#oilnav .hero-note{padding-right:0}#oilnav .rank-row>span:empty{display:none}}
#oilnav .nearby-fields{min-width:160px;max-width:260px;font-size:12px}#oilnav .nearby-fields b{display:block;margin-bottom:7px}#oilnav .nearby-fields button{display:block;width:100%;font-size:11px;text-align:left;padding:7px;min-height:34px;margin:3px 0}#oilnav .nearby-fields small{display:block;font-size:10px}
/* Overview clusters stay still; only individual rigs and the hero animate. */
#oilnav .cluster-inner .pump-beam,#oilnav .cluster-inner .pump-rod{animation:none!important}

#oilnav{padding:0 16px}#oilnav .wrap{padding:0;max-width:1200px}#oilnav .mast{padding-left:0;padding-right:0;max-width:1200px}
@media(max-width:760px){#oilnav{padding:0 10px}}