:root{--bg:#f7f6f2;--paper:#fff;--ink:#252c29;--muted:#626960;--line:#e3e4dc;--gold:#806523;--gold-light:#f0e8d5;--green:#397660;--red:#a0443c;--serif:Georgia,'Times New Roman',serif;--radius:10px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button,a,select{touch-action:manipulation}button{cursor:pointer}a:hover{color:var(--gold)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}img{max-width:100%;display:block}button{color:inherit}.wrap{max-width:1264px;padding-inline:32px;margin-inline:auto}header{border-bottom:1px solid var(--line);background:rgba(247,246,242,.97);position:sticky;top:0;z-index:40}.header-inner{height:82px;display:flex;align-items:center;gap:42px}.brand{font-size:28px;letter-spacing:-1.2px;font-weight:750;display:inline-flex;gap:8px;align-items:center;white-space:nowrap;line-height:1}.brand img{object-fit:contain}.brand-light{font-weight:400}.brand-dot{color:var(--gold)}.desktop-nav{display:flex;align-items:center;gap:28px;font-size:13px;margin-left:35px}.nav-group{position:relative}.desktop-nav>a,.nav-group>a{padding:28px 0;display:block}.nav-group>a span{margin-left:5px;color:var(--muted)}.mega{position:absolute;top:58px;left:-30px;width:460px;padding:28px;background:var(--paper);box-shadow:0 12px 40px #2028201a;border:1px solid var(--line);border-radius:8px;display:none;grid-template-columns:1fr 1fr;gap:35px}.nav-group:hover .mega,.nav-group:focus-within .mega{display:grid}.mega small{letter-spacing:1px;color:var(--muted);font-size:10px}.mega a{display:flex;justify-content:space-between;padding:9px 0}.mega a span{color:var(--gold)}.header-actions{display:flex;align-items:center;gap:22px;margin-left:auto}.search-link{font-size:29px;line-height:1}.currency-control select{border:1px solid var(--line);background:transparent;padding:8px 13px;border-radius:6px;font-size:12px}.menu-button{display:none;background:none;border:1px solid var(--line);border-radius:5px;padding:7px 10px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:35px;padding-top:52px;padding-bottom:43px;align-items:center}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-size:64px;font-weight:400;letter-spacing:-2.5px;line-height:1.1;margin-bottom:21px}h1 em{font-weight:400;color:var(--gold)}.hero h1{font-size:73px;line-height:1.08;letter-spacing:-3px}.hero-copy>p{font-size:15px;line-height:1.85;color:#72786f}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:13px 19px;border-radius:5px;border:1px solid transparent;font-size:12px;font-weight:600;min-height:45px}.primary{background:var(--ink);color:#fff}.primary:hover{background:#3b483f;color:white}.outline{border-color:#cbd0c5}.text-link{font-size:12px;font-weight:600;white-space:nowrap}.hero-trust{display:flex;gap:18px;font-size:9px;color:var(--muted);margin-top:28px}.hero-trust span::first-letter{color:var(--gold)}.hero-art{position:relative;height:365px;border-radius:8px;overflow:hidden;background:#ece5d9}.hero-art img{width:100%;height:100%;object-fit:cover}.art-caption{position:absolute;bottom:16px;left:20px;right:20px;display:flex;justify-content:space-between;letter-spacing:1.7px;font-size:9px;color:#594d34}.value-strip{display:grid;grid-template-columns:repeat(3,1fr);padding-top:22px;padding-bottom:23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.value-strip>div{display:flex;align-items:center;gap:17px;padding-left:27px;border-right:1px solid var(--line)}.value-strip>div:first-child{padding-left:0}.value-strip>div:last-child{border:0}.tiny-symbol{font-size:27px;font-weight:300;color:var(--gold)}.value-strip strong{display:block;font-size:12px;font-weight:500}.value-strip small{color:var(--muted);font-size:10px}.section{margin-top:53px;margin-bottom:48px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px;gap:20px}h2{font-family:var(--serif);font-size:31px;font-weight:400;letter-spacing:-.8px;line-height:1.25;margin-bottom:16px}.section-heading h2{margin:0}.market-panel{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);overflow:hidden}.table-toolbar{padding:15px 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.tabs{display:flex;gap:5px}.tabs button{min-height:44px;border:0;background:transparent;color:var(--muted);padding:8px 12px;font-size:11px;border-radius:5px;white-space:nowrap}.tabs button.active{background:#f0f0e9;color:var(--ink);font-weight:600}.source-label{font-size:10px;color:var(--muted);white-space:nowrap;display:flex;gap:7px;align-items:center}.source-label i{width:5px;height:5px;border-radius:50%;background:var(--gold)}table{border-collapse:collapse;width:100%;text-align:left}.table-scroll{overflow:auto}th{font-weight:500;color:var(--muted);font-size:10px;padding:12px 20px;background:#fcfcfa;white-space:nowrap}td{padding:14px 20px;border-top:1px solid #efefe9;font-size:12px}td strong{font-size:13px}td small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.metal-name{display:flex;align-items:center;gap:12px;white-space:nowrap}.element{display:inline-grid;place-items:center;width:37px;height:37px;border:1px solid #dfdfd5;background:#f0f1ed;border-radius:7px;color:#6b736a;font-family:var(--serif);font-weight:400;font-size:19px;flex-shrink:0}.element-au{background:#faf3dd;border-color:#eadab1;color:#a7863c}.element-ag,.element-pt,.element-pd{background:#eff2f2;border-color:#dce2e1;color:#748080}.element-cu{background:#f9ede5;border-color:#ebd4c5;color:#b77e55}.tabular{font-variant-numeric:tabular-nums;letter-spacing:.2px}.change{font-size:11px;white-space:nowrap}.positive{color:var(--green)}.negative{color:var(--red)}.basis{font-size:9px;padding:4px 7px;border-radius:4px;background:#f4f3ee;color:#6b7064;white-space:nowrap}.row-price-link{display:inline-block;padding:6px 0;color:var(--gold);font-size:10px;font-weight:600;line-height:1.4;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.row-price-link:hover{color:var(--ink)}.spark{height:32px;width:108px}.table-note{font-size:9px;color:var(--muted);padding:13px 20px;border-top:1px solid var(--line);margin:0;display:flex;justify-content:space-between;gap:20px}.table-note a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.feature-split{display:grid;grid-template-columns:1.25fr 1fr;gap:25px;margin-top:32px}.chart-card{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:white;min-width:0}.chart-heading{display:flex;justify-content:space-between}.chart-heading h2{font-size:27px;margin-bottom:17px}.focus-price{font-size:32px;letter-spacing:-.8px;font-weight:500;line-height:1.3}.focus-price small{font-size:10px;color:var(--muted);letter-spacing:0;margin-left:10px}.inline-meta{font-size:10px;color:var(--muted);margin-top:7px}.chart{height:200px;width:100%;margin:15px 0 2px}.chart-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;font-size:9px;color:var(--muted);gap:10px}.chart-foot a{color:var(--ink)}.calculator-promo{background:#edece3;border:1px solid #e1dfd0;border-radius:var(--radius);padding:32px 40px;display:flex;flex-direction:column;align-items:start;justify-content:center}.calculator-promo h2{font-size:40px;line-height:1.1}.purity-preview{display:flex;gap:8px;margin:5px 0 25px}.purity-preview span{font-size:11px;border:1px solid #d6d6c6;padding:7px 14px;border-radius:5px;color:#7c806f}.purity-preview .selected{background:var(--ink);color:#fff;border-color:var(--ink)}.calculator-promo>small{font-size:8px;color:var(--muted);margin-top:12px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.guide-image{position:relative;border-radius:7px;overflow:hidden;aspect-ratio:1.8;background:#eae5db}.guide-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.guide-card:hover img,.guide-card:focus-within img{transform:scale(1.03)}.image-arrow{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:29px;height:29px;background:#ffffffe0;border-radius:50%;color:var(--ink)}.guide-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:17px 0 9px}.guide-meta>span:first-child{color:var(--gold)}.guide-card h3{font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:-.45px;line-height:1.2;margin:0 0 8px}.guide-card p{font-size:11px;color:var(--muted);line-height:1.6}.trust-banner{background:#eaece4;border-radius:var(--radius);padding:35px 38px;display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:52px;margin-bottom:60px}.trust-banner h2{font-size:32px;margin:0}.trust-banner>div:last-child{align-self:center}footer{border-top:1px solid var(--line);background:#f0f0e9;padding-top:43px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:45px;padding-bottom:35px}.footer-grid .brand{font-size:26px}.footer-grid p{font-size:11px;color:var(--muted);margin-top:17px}.footer-grid .footer-title{font-size:11px;font-weight:600;margin-bottom:13px}.footer-grid>div>a:not(.brand){display:block;font-size:11px;color:var(--muted);margin-top:8px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:17px;padding-bottom:20px;font-size:9px;color:var(--muted)}.footer-bottom>div{display:flex;gap:20px}.small{font-size:11px;line-height:1.7;color:var(--muted)}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;z-index:200;background:white;padding:12px}.skip:focus{top:10px}.mobile-bottom{display:none}.mobile-menu{border:0;max-width:none;max-height:none;width:100%;height:100dvh;margin:0;background:#26302a;color:#e8ebe4;padding:25px 24px 50px}.mobile-menu::backdrop{background:#26302a}.mobile-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.mobile-head button{background:none;border:1px solid #586157;border-radius:5px;color:white;padding:8px 12px}.mobile-featured{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;border-block:1px solid #4c554c;padding-block:20px}.mobile-featured a{display:flex;flex-direction:column;color:#d4b875}.mobile-featured strong{color:#eee;font-size:13px}.mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:32px}.mobile-grid .menu-group-title{font-family:Arial,sans-serif;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#c0c8b8;border-bottom:1px solid #4d554a;padding-bottom:12px}.mobile-grid a{display:flex;justify-content:space-between;font-size:13px;padding:8px 0}.mobile-menu .search-form{margin:0}.breadcrumbs{font-size:10px;color:var(--muted);padding:25px 0}.page-intro{padding:29px 0 35px}.page-intro h1{font-size:55px;max-width:850px}.notice{background:#eeeee5;border:1px solid #e0e1d4;border-radius:7px;padding:18px 22px;font-size:12px;line-height:1.85;margin:23px 0}.notice a{text-decoration:underline}.instrument-intro{display:flex;justify-content:space-between;align-items:center;gap:50px;padding:25px 0 30px}.instrument-intro h1{display:flex;align-items:center;gap:20px;font-size:50px;margin-bottom:15px}.instrument-intro .button{white-space:nowrap}.instrument-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:25px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px}.panel dl{font-size:12px;margin-bottom:0}.panel dt{color:var(--muted);font-size:10px;margin-top:17px}.panel dd{margin:4px 0}.dark-panel{background:#29372e;border-radius:8px;padding:24px;color:#f0f0e8;margin-top:20px}.dark-panel h2{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.2}.dark-panel p{font-size:12px;color:#bec7b9}.dark-panel a{font-size:11px;color:#d9c28e}.quote-head{display:flex;justify-content:space-between;gap:15px}.quote-head .focus-price{font-size:42px;margin-top:10px}.quote-head #quote-basis{font-size:12px;color:var(--muted)}.quote-controls{display:flex;gap:10px;align-items:start}.quote-controls label,.explore-controls label{display:flex;flex-direction:column;font-size:10px;color:var(--muted);gap:5px}select,input{background:white;border:1px solid #d9ddd3;border-radius:5px;min-height:40px;padding:9px 12px;color:var(--ink);max-width:100%}.quote-controls select{font-size:12px}.chart-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:30px;border-top:1px solid var(--line);padding-top:20px}.range-buttons{display:flex;gap:5px}.range-buttons button{min-height:44px;background:white;border:0;border-radius:5px;font-size:11px;padding:7px 10px}.range-buttons button.active{background:#eee9dc;color:#85662f}.large-chart{height:340px}.chart-status{color:var(--muted);font-size:11px;min-height:18px;margin:4px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px}.prose{font-size:15px;line-height:1.9;color:#535e53}.prose h2{color:var(--ink);font-size:30px;margin-top:36px}.prose h3{color:var(--ink);font-size:19px;font-weight:500;margin:18px 0 10px}.prose a{color:#887035;text-decoration:underline;text-underline-offset:3px}.prose li{margin-bottom:8px}.history-table{background:white;border:1px solid var(--line)}.history-table th{font-size:11px}.history-table td{font-variant-numeric:tabular-nums;font-size:12px}.history-table td:last-child{text-align:right}.history-table th:last-child{text-align:right}.calculator-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:35px}.calculator-form label{display:flex;flex-direction:column;gap:8px;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.calculator-form fieldset{padding:0;border:0;margin:28px 0}.calculator-form legend{font-size:12px;padding:0 0 10px}.purity-options{display:flex;gap:7px;margin-bottom:18px}.purity-options button{flex:1;background:#f6f6f0;border:1px solid var(--line);border-radius:5px;padding:9px 6px;font-size:12px}.purity-options button.active{background:var(--ink);color:white;border-color:var(--ink)}.calculator-form>.button{margin-top:22px;width:100%}.result-panel{background:#eeeee4;border:1px solid #dddfd0;border-radius:10px;padding:35px}.result-panel output{font-size:45px;letter-spacing:-1.5px;display:block;overflow-wrap:anywhere}.result-rule{height:1px;background:#d9dcca;margin-top:30px}.result-panel .notice{margin-top:35px;background:transparent;font-size:11px}.explore-controls{display:flex;gap:20px;flex-wrap:wrap}.explore-controls select{min-width:180px}.library-cards .guide-grid{row-gap:36px}.article-heading{max-width:850px;margin:25px auto 35px;text-align:center}.article-heading h1{font-size:55px}.article-heading>p{font-size:16px;color:var(--muted)}.article-byline{font-size:11px;display:flex;gap:10px;justify-content:center;color:var(--muted)}.article-byline a{color:var(--ink)}.article-cover{margin:0}.article-cover img{width:100%;height:420px;object-fit:cover;border-radius:8px}.article-cover figcaption{font-size:10px;color:var(--muted);margin-top:8px}.article-layout{display:grid;grid-template-columns:minmax(0,740px) 260px;gap:80px;justify-content:center;margin-top:45px}.article-body>p:first-child{font-family:var(--serif);font-size:24px;line-height:1.6;color:var(--ink)}.reading-sidebar{align-self:start;position:sticky;top:112px}.reading-sidebar>a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;font-size:12px}.sources{border-top:1px solid var(--line);margin-top:30px}.sources h2{font-size:24px}.sources ul{padding-left:20px;font-size:12px}.editorial-note{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.info-prose{max-width:800px;padding-bottom:30px}.search-form{display:flex;gap:10px;max-width:720px;margin:28px 0}.search-form input{flex:1;min-width:0;padding:13px}.search-form button{border:0;background:var(--gold);color:white;border-radius:5px;padding:12px 20px;font-size:12px;white-space:nowrap}.search-results{max-width:800px}.search-results>a,.search-results>.link-card{display:block;border-top:1px solid var(--line);padding:25px 0}.search-results h2{font-size:26px}.search-results p{color:var(--muted)}[hidden]{display:none!important}
@media(min-width:1500px){.wrap{max-width:1360px}.hero-art{height:395px}.hero{padding-top:65px;padding-bottom:55px}.hero h1{font-size:80px}}
@media(max-width:1100px){.desktop-nav{gap:19px;margin-left:0}.header-inner{gap:24px}.hero h1{font-size:60px}.hero-actions{gap:18px}.hero-trust{gap:10px;font-size:8px}.hero-art{height:330px}.source-label{display:none}.table-note{display:block}.table-note a{margin-left:12px}.instrument-layout{grid-template-columns:minmax(0,1fr) 240px}.quote-controls{flex-direction:column}.quote-controls label{width:100%}.article-layout{gap:40px}.calculator-promo{padding:28px}.brand{font-size:26px}}
@media(max-width:850px){.desktop-nav{display:none}.menu-button{display:block}.header-inner{height:70px}.header-actions{gap:18px}.hero{gap:20px}.hero h1{font-size:50px}.hero-art{height:310px}.hero-copy>p{font-size:13px}.hero-actions{align-items:start;flex-direction:column;gap:14px}.hero-trust{flex-wrap:wrap;margin-top:20px}.value-strip>div{padding-left:15px;gap:10px}.value-strip strong{font-size:11px}.value-strip small{font-size:9px}.tiny-symbol{font-size:22px}.section-heading h2{font-size:27px}.trend-col{display:none}.feature-split{grid-template-columns:1.1fr 1fr;gap:18px}.calculator-promo{padding:25px}.calculator-promo h2{font-size:34px}.purity-preview{gap:5px}.purity-preview span{padding:6px 9px}.guide-grid{gap:18px}.guide-card h3{font-size:21px}.guide-meta{font-size:7px}.trust-banner{padding:30px}.footer-grid{gap:25px;grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1;display:flex;gap:22px;align-items:center;flex-wrap:wrap}.footer-grid>div:last-child h3{margin:0}.footer-grid>div:last-child a{margin:0}.instrument-layout{grid-template-columns:1fr}.instrument-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.instrument-aside .dark-panel{margin:0}.quote-controls{flex-direction:row}.instrument-intro h1{font-size:43px}.instrument-intro{gap:20px}.article-layout{grid-template-columns:minmax(0,1fr) 210px;gap:30px}.article-heading h1{font-size:45px}.calculator-layout{gap:20px}.result-panel{padding:25px}.result-panel output{font-size:35px}.page-intro h1{font-size:48px}}
@media(max-width:620px){body{font-size:14px}.wrap{padding-inline:20px}.header-inner{height:64px;gap:10px}.brand{font-size:25px}.brand img{width:31px;height:31px}.header-actions{gap:12px}.header-actions .search-link{display:none}.currency-control select{padding:6px 8px;min-height:34px;font-size:10px}.menu-button{font-size:11px;padding:5px 8px}.menu-button span{font-size:15px;margin-left:3px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:27px;gap:28px}.hero h1{font-size:58px;letter-spacing:-2.7px}.hero-copy>p{font-size:14px;line-height:1.8}.hero-actions{flex-direction:row;align-items:center;gap:20px;margin-top:24px}.hero-actions .button{font-size:11px;gap:20px;padding:12px 15px}.hero-actions .text-link{font-size:10px}.hero-trust{font-size:8px;gap:14px;margin-top:22px}.hero-art{height:220px}.hero-art img{object-position:center 58%}.art-caption{font-size:8px}.value-strip{grid-template-columns:1fr;gap:14px;padding-block:18px;margin-inline:20px;padding-inline:0}.value-strip>div{border:0;padding:0;gap:13px}.value-strip small{font-size:10px;margin-left:7px}.value-strip strong{display:inline;font-size:11px}.tiny-symbol{font-size:22px;min-width:25px}.section{margin-top:35px;margin-bottom:32px}.section-heading{gap:15px;align-items:start;margin-bottom:18px}.section-heading h2{font-size:27px}.section-heading>.text-link{font-size:9px;margin-top:8px;white-space:normal;text-align:right;min-width:72px}.table-toolbar{padding:12px 10px;overflow:auto}.tabs{gap:1px}.tabs button{min-height:44px;font-size:9px;padding:7px 9px}.market-table th{padding:10px 12px;font-size:9px}.market-table td{padding:13px 12px}.market-table th:nth-child(5),.market-table td:nth-child(5),.market-table th:last-child,.market-table td:last-child{display:none}.market-table td strong{font-size:12px}.market-table td small{font-size:8px}.metal-name{gap:8px}.element{width:31px;height:33px;font-size:17px}.change{font-size:9px}.market-table td:nth-child(2){white-space:nowrap}.table-note{padding:12px;font-size:8px;line-height:1.7}.table-note a{display:block;margin:4px 0 0}.feature-split{grid-template-columns:1fr;gap:20px}.chart-card{padding:20px}.chart-heading h2{font-size:27px}.focus-price{font-size:31px}.calculator-promo{padding:30px}.calculator-promo h2{font-size:39px}.purity-preview span{padding:8px 16px}.calculator-promo>small{font-size:9px}.guide-grid{grid-template-columns:1fr;gap:27px}.guide-image{aspect-ratio:1.85}.guide-meta{font-size:9px;margin-top:15px}.guide-card h3{font-size:28px}.guide-card p{font-size:12px;margin-bottom:0}.trust-banner{grid-template-columns:1fr;gap:22px;border-radius:0;padding:30px 22px;margin-top:40px;margin-bottom:35px}.trust-banner h2{font-size:32px}footer{margin-top:35px;padding-top:32px;padding-bottom:70px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{display:block;grid-column:auto}.footer-grid>div:last-child a{margin-top:8px}.footer-bottom{flex-direction:column;gap:12px;font-size:9px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:45;background:#f9f9f4f5;backdrop-filter:blur(10px);border-top:1px solid var(--line);justify-content:space-around;padding:9px 0 calc(9px + env(safe-area-inset-bottom))}.mobile-bottom a{display:flex;align-items:center;flex-direction:column;font-size:20px;line-height:1.2;color:#596553;min-width:64px}.mobile-bottom span{font-size:9px;margin-top:4px}.breadcrumbs{font-size:9px;padding:20px 0}.page-intro{padding:18px 0 22px}.page-intro h1{font-size:43px;letter-spacing:-1.7px}.instrument-intro{display:block;padding-top:12px}.instrument-intro h1{font-size:42px;letter-spacing:-1.8px}.instrument-intro .button{margin-top:8px}.quote-head{flex-direction:column}.quote-head .focus-price{font-size:40px}.quote-controls{display:grid;grid-template-columns:1fr 1fr}.quote-controls select{width:100%}.large-chart{height:280px}.chart-toolbar{margin-top:20px}.chart-toolbar>span{font-size:10px}.range-buttons button{min-height:44px;padding:7px 8px;font-size:10px}.chart-foot{font-size:8px}.instrument-aside{grid-template-columns:1fr}.instrument-aside .panel dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.instrument-aside .panel dt{margin:0}.instrument-aside .panel dd{margin:0}.two-col{grid-template-columns:1fr;gap:24px}.calculator-layout{grid-template-columns:1fr}.calculator-form{padding:22px}.form-grid{gap:16px}.purity-options{gap:5px}.purity-options button{font-size:11px}.result-panel output{font-size:40px}.explore-controls{gap:12px}.explore-controls label{flex:1;min-width:130px}.explore-controls select{min-width:0;width:100%}.article-heading{margin-top:15px;text-align:left}.article-heading h1{font-size:41px;letter-spacing:-1.5px}.article-heading>p{font-size:14px}.article-byline{justify-content:start;font-size:10px;flex-wrap:wrap}.article-cover img{height:245px}.article-cover figcaption{font-size:8px}.article-layout{grid-template-columns:1fr;margin-top:30px}.article-body>p:first-child{font-size:22px}.prose{font-size:14px;line-height:1.9}.prose h2{font-size:28px}.reading-sidebar{position:static}.prose table{font-size:11px}.prose th,.prose td{padding:10px}.info-prose{max-width:100%}.search-form{gap:8px}.search-form button{padding:10px 14px}.mobile-menu{padding:22px 20px 50px}.mobile-grid{gap:20px}.mobile-head .brand{font-size:27px}.desktop-only{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.contact-form{max-width:780px}.contact-form>label{margin-top:22px}textarea{font:inherit;line-height:1.7;resize:vertical;background:white;border:1px solid #d9ddd3;border-radius:5px;padding:12px;color:var(--ink);width:100%}

.currency-note{padding:0 20px 14px;margin:0;font-size:10px}
/* Clear controls and consistent site identity. */
select{appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%235d665f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding:12px 38px 12px 14px;min-height:44px;border:1px solid #d9ddd5;border-radius:7px;color:#27372e;font:inherit;cursor:pointer;max-width:100%}select:hover{border-color:#a3ad9f}select:focus-visible{outline:2px solid #a17d39;outline-offset:3px}select:disabled{opacity:.5;cursor:not-allowed}.currency-control select{padding-right:30px;background-position:right 7px center}.nav-chevron{display:inline-block;width:7px;height:7px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);margin:0 0 3px 6px}.search-link{display:grid;place-items:center;width:40px;height:40px;border-radius:50%}.search-link:hover{background:#eaece5}.search-icon{display:block}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.breadcrumbs>span[aria-hidden]{color:#9a9f93}.brand-domain{font-weight:400;color:#647164;font-size:.73em;letter-spacing:-.5px}.frequency-buttons{display:flex;gap:3px;padding:4px;background:#eeefe9;border-radius:8px}.frequency-buttons button{padding:8px 13px;border:0;border-radius:5px;background:transparent;font:inherit;font-size:12px;color:#596453;cursor:pointer}.frequency-buttons button.active{background:#fff;color:#26372c;box-shadow:0 1px 4px #26372c18}.frequency-buttons button:disabled{opacity:.38;cursor:not-allowed}.chart-toolbar{flex-wrap:wrap;gap:12px}.calculator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.calculator-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid #dddfd5;border-radius:10px;background:#fff;gap:15px}.calculator-card:hover,.calculator-card:focus-within{border-color:#a98b50}.calculator-card h2{font-size:25px}.calculator-card p{color:#687264;line-height:1.7;margin:0}.calculator-card .text-link{margin-top:auto}.tool-symbol{display:grid;place-items:center;width:44px;height:44px;background:#f3efe5;color:#937132;border-radius:9px;font-size:21px}#utility-result{overflow-wrap:anywhere}#instrument-history td{white-space:normal}.quote-controls label{min-width:120px}.explore-controls{flex-wrap:wrap}
@media(max-width:1100px){.desktop-nav{gap:18px;margin-left:10px}.header-inner{gap:18px}.brand{font-size:24px}}
@media(max-width:900px){.desktop-nav{display:none}.menu-button{display:block}.calculator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.calculator-grid{grid-template-columns:1fr}.frequency-buttons button{padding:8px 12px}.quote-controls{width:100%;display:grid;grid-template-columns:1fr 1fr}.quote-controls label{min-width:0}.quote-controls select{width:100%}.brand{font-size:22px}.header-inner{gap:8px}.header-actions{gap:6px}.brand img{width:28px;height:28px}.currency-control select{font-size:12px;padding-left:7px}.calculator-card{padding:22px}}
@media(max-width:380px){.brand{font-size:18px;gap:5px}.brand img{width:23px;height:23px}.menu-button{font-size:11px;padding:6px}.header-actions{gap:3px}.mobile-head .brand{font-size:22px}}

/* Crawlable, keyboard-accessible metal navigation on every metal page. */
.metal-navigation{border-block:1px solid #dedfd5;padding:16px 0;margin:0 0 28px;display:grid;gap:10px}.metal-navigation-group{display:flex;align-items:center;gap:16px}.metal-navigation-label{flex:0 0 120px;font-size:12px;color:#697366}.metal-navigation-links{display:flex;flex-wrap:wrap;gap:7px}.metal-navigation-links a{display:flex;align-items:center;min-height:44px;padding:8px 15px;border:1px solid #dedfd5;border-radius:6px;background:#fff;font-size:13px;line-height:1.4}.metal-navigation-links a:hover{border-color:#a98b50;background:#f3efe5}.metal-navigation-links a[aria-current=page]{background:#28372e;color:#fff;border-color:#28372e}.metal-navigation a:focus-visible,.related-metals a:focus-visible{outline:2px solid #a17d39;outline-offset:4px}.related-metals .section-heading p{font-size:14px;color:#697366;line-height:1.7;margin:10px 0 0}.related-metal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.related-metal-card{display:flex;flex-direction:column;min-width:0;border:1px solid #dedfd5;border-radius:9px;background:#fff;overflow:hidden}.related-metal-price{display:block;flex:1;padding:24px}.related-metal-price h3{font-size:25px;margin:16px 0 12px;line-height:1.25}.related-metal-price h3 span{font:18px Arial,sans-serif;color:#9d7c3b}.related-metal-price p{font-size:13px;line-height:1.7;color:#576453;margin:0 0 14px}.related-metal-price .small{display:block;line-height:1.7}.related-metal-price:hover h3,.related-metal-price:focus-within h3{color:#917132}.related-metal-compare{display:flex;align-items:center;min-height:48px;padding:13px 24px;border-top:1px solid #e5e6dd;background:#f6f5ef;font-size:12px;line-height:1.6}.related-metal-compare:hover{background:#eeebdf}.metal-ratio-link{font-size:13px;line-height:1.8;margin:20px 0 0;color:#697366}.metal-ratio-link a{color:#344633;text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){.metal-navigation-group{align-items:flex-start;flex-direction:column;gap:8px}.metal-navigation-label{flex-basis:auto}.metal-navigation{gap:14px}.related-metal-grid{gap:12px}.related-metal-price{padding:18px}.related-metal-price h3{font-size:22px}.related-metal-compare{padding:12px 18px}}
@media(max-width:620px){.metal-navigation{margin-bottom:22px}.metal-navigation-links{gap:6px}.metal-navigation-links a{padding:8px 12px;font-size:12px}.related-metal-grid{grid-template-columns:1fr}.related-metal-price{padding:20px}.related-metal-price .element{float:left;margin-right:12px}.related-metal-price h3{margin:7px 0 20px}.related-metal-price p{clear:both}.related-metal-compare{padding-inline:20px}.related-metals .section-heading{flex-wrap:wrap}.related-metals .section-heading>.text-link{margin:0;text-align:left;font-size:12px}}

/* Upright typography throughout, including imported editorial emphasis. */
*{font-style:normal!important}em{color:inherit}h1 em{color:var(--gold)}
/* The mobile drawer shares the ivory, charcoal and gold site palette. */
.mobile-menu{background:var(--bg);color:var(--ink);padding-top:0;overflow-y:auto;overscroll-behavior:contain}.mobile-menu::backdrop{background:#252c2966}.mobile-head{position:sticky;top:0;z-index:2;padding:20px 0;background:var(--bg);border-bottom:1px solid var(--line);gap:12px}.mobile-head .menu-close{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;padding:0;border:1px solid #cbd0c5;border-radius:7px;color:var(--ink);background:#fff;font-size:32px;line-height:1}.mobile-head .menu-close:hover{background:var(--gold-light);border-color:var(--gold)}.mobile-menu .search-form input{background:#fff;border:1px solid var(--line);color:var(--ink)}.mobile-menu .search-form input::placeholder{color:var(--muted)}.mobile-menu .search-form button{background:var(--ink);color:#fff}.mobile-featured a{background:#f0ece0;color:var(--gold);border:1px solid #ded8c6}.mobile-featured strong{color:var(--ink)}.mobile-grid .menu-group-title{color:var(--gold)}.mobile-grid a{color:var(--ink);border-color:var(--line)}.mobile-grid a span{color:var(--gold)}.mobile-menu .brand{color:var(--ink)}
/* Rich browse pages and calculation workspaces. */
.search-suggestions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted)}.search-suggestions form{margin:0}.search-suggestions button,.page-jumps a{border:1px solid var(--line);border-radius:6px;padding:10px 14px;background:#fff;color:var(--ink);min-height:44px}.search-suggestions button:hover,.page-jumps a:hover{background:var(--gold-light)}.search-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.search-directory .panel>a{display:flex;align-items:center;gap:12px;min-height:58px;border-top:1px solid var(--line);font-size:13px}.search-directory .panel>a>span:last-child{margin-left:auto}.search-results{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.search-results>a,.search-results>.link-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:8px}.search-results h3{font-family:var(--serif);font-size:26px;font-weight:400;line-height:1.3;margin:10px 0}.result-category{font-size:11px;color:var(--muted)}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:24px}.resource-grid>a,.resource-grid>.link-card{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:23px}.resource-grid>a:hover,.resource-grid>.link-card:hover,.resource-grid>.link-card:focus-within{border-color:var(--gold)}.resource-grid strong{font-size:15px;line-height:1.5}.resource-grid span{color:var(--muted);font-size:12px;line-height:1.8}.analysis-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:20px 0}.analysis-metrics>div{border:1px solid var(--line);background:#fff;border-radius:8px;padding:20px;min-width:0}.analysis-metrics span{display:block;font-size:11px;color:var(--muted);margin-bottom:9px}.analysis-metrics strong{display:block;font-size:21px;font-weight:500;overflow-wrap:anywhere;line-height:1.4}.advanced-fields{margin:25px 0;border:1px solid var(--line);border-radius:8px;padding:20px 16px}.advanced-fields legend{padding:0 6px;font-size:13px}.advanced-fields .form-grid{margin:0}.calculator-form h2{font-size:26px}.worksheet-table{margin-top:22px}.worksheet-table h3,.chart-card>.section-heading h3{font-size:20px;line-height:1.4;margin-bottom:10px}.worksheet-table td{font-variant-numeric:tabular-nums}.scenario-control{max-width:180px;font-size:11px}.scenario-control select{width:100%;margin-top:6px}.faq details{padding:20px 0;border-bottom:1px solid var(--line)}.faq summary{font-size:16px;cursor:pointer;font-weight:500;line-height:1.6}.faq details p{line-height:1.9;color:#65705f;margin:16px 0 0}.page-jumps{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px;font-size:12px}.context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.context-grid h3{font-size:20px;line-height:1.4}.context-grid p,.section-lead{line-height:1.9;color:#63705e}.section-lead{max-width:960px;font-size:16px;margin-bottom:26px}.prose .notice p{margin:10px 0 0}.button:disabled{opacity:.5;cursor:not-allowed}#calculation-analysis .section-heading p{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.7}#analysis-chart{min-height:330px}.sources a,.prose a,.faq a,.metal-ratio-link a{overflow-wrap:anywhere}.context-grid .panel,.search-directory .panel{min-width:0}
@media(max-width:900px){.search-directory,.resource-grid,.context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-directory>.panel:last-child{grid-column:1/-1}}
@media(max-width:620px){.resource-grid,.search-directory,.context-grid,.search-results{grid-template-columns:1fr}.search-directory>.panel:last-child{grid-column:auto}.analysis-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analysis-metrics>div{padding:15px}.analysis-metrics strong{font-size:18px}.advanced-fields{padding:15px 10px}.advanced-fields .form-grid{grid-template-columns:1fr}.page-jumps{gap:6px}.page-jumps a{padding:9px 11px;font-size:11px}#calculation-analysis .section-heading{flex-wrap:wrap}.scenario-control{width:100%;max-width:none}.scenario-control select{max-width:160px}.section-lead{font-size:14px}.mobile-menu{padding-top:0}.mobile-head .brand{font-size:24px}.mobile-head .menu-close{flex-basis:44px;width:44px;height:44px}#analysis-chart{min-height:300px}.worksheet-table{padding:18px}.worksheet-table td,.worksheet-table th{padding:12px}.faq summary{font-size:15px}}
.mobile-featured{border-color:var(--line);gap:10px}.mobile-featured a{padding:15px 12px;border-radius:7px}.mobile-grid .menu-group-title{border-color:var(--line);text-transform:none;letter-spacing:0;font-size:13px}.page-jumps+.instrument-layout{margin-top:24px}
.mobile-head .brand{gap:0}

/* Generated material icons replace overflowing text inside commodity badges. */
.commodity-marker{width:42px;height:42px;min-width:42px;flex:0 0 42px;padding:4px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;vertical-align:middle;border:1px solid #e0e3dc;background:#f3f4ef;border-radius:10px;line-height:1;font-size:0}.commodity-marker img{display:block;width:32px;height:32px;max-width:100%;max-height:100%;object-fit:contain;flex:none}.commodity-marker-gold{background:#fbf5e5;border-color:#eaddb9}.commodity-marker-silver,.commodity-marker-platinum,.commodity-marker-palladium{background:#f0f3f4;border-color:#dce3e5}.commodity-marker-copper{background:#f9eee5;border-color:#ead7c7}.commodity-marker-oil-wti{background:#f0f2e9;border-color:#dce1cf}.commodity-marker-oil-brent{background:#edf3ef;border-color:#d6e2d9}.commodity-marker-natural-gas{background:#edf3f8;border-color:#d8e4ed}.metal-name{gap:13px}.instrument-intro h1 .commodity-marker{width:46px;height:46px;min-width:46px;margin-left:15px;vertical-align:middle;transform:translateY(-2px)}.instrument-intro h1 .commodity-marker img{width:34px;height:34px}.mobile-featured .commodity-marker{margin-bottom:9px}.search-directory .panel>a .commodity-marker{margin-left:0}
@media(max-width:620px){.commodity-marker{width:36px;height:36px;min-width:36px;flex-basis:36px;padding:3px;border-radius:8px}.commodity-marker img{width:28px;height:28px}.metal-name{gap:10px}.instrument-intro h1 .commodity-marker{width:40px;height:40px;min-width:40px;margin-left:11px}.instrument-intro h1 .commodity-marker img{width:30px;height:30px}}
.mega .commodity-marker{width:28px;height:28px;min-width:28px;flex-basis:28px;padding:2px;border-radius:6px}.mega .commodity-marker img{width:22px;height:22px}.mega a{align-items:center}

/* Human sitemap and direct homepage discovery. */
.sitemap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:30px}.sitemap-section{min-width:0;scroll-margin-top:110px}.sitemap-section h2{font-size:25px;line-height:1.3}.sitemap-section ul{list-style:none;margin:0;padding:0}.sitemap-section li{border-top:1px solid var(--line)}.sitemap-section a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;min-height:48px;font-size:14px;line-height:1.6}.sitemap-section a:hover{color:var(--gold)}.sitemap-section a span{flex-shrink:0;color:var(--gold)}.hero-market-links{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.hero-market-links a{border:1px solid var(--line);border-radius:6px;min-height:44px;display:flex;align-items:center;padding:9px 14px;font-size:13px}.hero-market-links a:hover{background:var(--gold-light)}
@media(max-width:950px){.sitemap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.sitemap-grid{grid-template-columns:1fr;gap:16px}.sitemap-section h2{font-size:24px}.hero-market-links{gap:6px}}

.oil-navigation{margin-bottom:28px}.oil-navigation a[aria-current]{background:var(--ink);color:#fff}.oil-benchmark-grid .commodity-marker{margin-bottom:3px}.oil-benchmark-grid small{font-size:11px;font-weight:400}#oil-comparison,#oil-benchmarks,#oil-research,#oil-history,#oil-explained{scroll-margin-top:110px}#oil-comparison .explore-controls{flex-wrap:wrap;gap:14px}#oil-comparison .explore-controls label{flex:1 1 160px;min-width:0}#oil-comparison select{width:100%}@media(max-width:620px){#oil-comparison .explore-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#oil-history .section-heading{flex-wrap:wrap;gap:16px}}
.hero-copy>p{color:#666d65}.purity-preview span{color:#5e665b}.brand-domain{color:#5d695d}.range-buttons button.active{color:#735827}.prose a,.sources a{color:#765f2b}
.pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:40px 0;padding:20px 0;border-block:1px solid var(--line);font-size:13px}.pagination a{min-height:44px;display:flex;align-items:center}.pagination a:last-child{justify-content:flex-end}.pagination strong{font-size:12px;color:var(--muted)}@media(max-width:620px){.pagination{grid-template-columns:1fr 1fr}.pagination strong{grid-column:1/-1;grid-row:1;text-align:center}.pagination a{grid-row:2}.pagination a:last-child{text-align:right}}

/* Sourced Oman and Murban benchmark profiles. */
.oil-profile section[id]{scroll-margin-top:110px}.profile-chart-card{padding:26px;margin:22px 0}.profile-chart{min-height:390px}.quality-chart{height:540px;min-height:420px}.benchmark-facts strong{font-size:18px}.profile-data-table{max-height:420px;margin-top:18px}.profile-data-table caption,.crude-quality-table caption{font-size:12px;color:var(--muted);text-align:left;padding:0 0 12px}.oil-explanation-grid{margin-top:24px}.oil-explanation-grid .panel{padding:24px}.oil-explanation-grid h3{margin-top:0}.quality-definition-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.quality-definition-grid .panel{padding:22px}.quality-definition-grid h3{font-size:20px;margin:0 0 8px}.quality-definition-grid p{color:var(--muted);line-height:1.8}.quality-region{margin:34px 0}.quality-region h3{font-size:26px}.current-grade{background:#f7f0df}.current-grade th{color:#7f6026}.company-table th:first-child{min-width:185px}.company-table td:nth-child(4){min-width:300px}.company-ticker{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.7}.company-series-control{min-width:min(100%,390px);font-size:11px;color:var(--muted)}.company-series-control select{display:block;width:100%;margin-top:7px}.company-market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0 32px}.company-market-grid .panel{padding:22px}.company-market-grid h3{font-size:20px;line-height:1.35;margin:0 0 9px}.company-latest{display:block;font-size:26px;font-weight:500;margin:14px 0 8px}.oil-profile .sources li{margin:10px 0;line-height:1.7}.oil-profile .sources p{line-height:1.8}.oil-profile .notice{line-height:1.8}
@media(max-width:900px){.quality-definition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.profile-chart-card{padding:18px}.profile-chart{min-height:320px}.quality-chart{height:500px;min-height:500px}.oil-profile .section-heading{align-items:flex-start;flex-direction:column}.company-series-control{width:100%;min-width:0}.company-table td:nth-child(4){min-width:230px}.benchmark-facts{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.quality-definition-grid{grid-template-columns:1fr}}@media(max-width:420px){.quality-chart{height:560px}.benchmark-facts{grid-template-columns:1fr}.profile-chart-card{padding:14px}}
.price-delay{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:3px 8px;border:1px solid #ddd7c8;border-radius:999px;background:#f4f0e5;color:#725d31;font-size:10px;font-weight:600;line-height:1.35;letter-spacing:.01em;white-space:nowrap}.market-table td>.price-delay{margin-top:6px}.answer-lead .price-delay{vertical-align:middle;transform:translateY(-1px)}.company-market-grid .price-delay{margin:10px 0 0}.inline-meta .price-delay{margin-left:2px}
.refinery-table th:first-child{min-width:220px}.refinery-table th small{display:block;color:var(--muted);font-weight:400;margin-top:5px}.refinery-table td:nth-child(3),.refinery-table td:nth-child(4){min-width:270px}.refinery-table a{color:#806523;text-decoration:underline;text-underline-offset:3px}.refinery-product-grid{margin-top:22px}
.russia-refinery-figure{margin:24px 0 12px}.russia-refinery-map{position:relative;aspect-ratio:2.32;min-height:360px;overflow:hidden;border:1px solid #dcded5;border-radius:12px;background:radial-gradient(circle at 72% 25%,#fff 0,#f4f3ed 38%,#e9ece5 100%)}.russia-map-shape{position:absolute;inset:4%;width:92%;height:92%}.russia-map-shape>path:first-child{fill:#e1e5dc;stroke:#aeb7aa;stroke-width:2}.russia-map-line{fill:none;stroke:#c7cdc3;stroke-width:1;stroke-dasharray:6 7}.russia-map-shape text{fill:#788176;font:600 11px Arial,sans-serif;letter-spacing:1.5px}.refinery-map-marker{--marker-color:#727a71;position:absolute;left:calc(var(--map-x)*1%);top:calc(var(--map-y)*1%);z-index:2;display:grid;place-items:center;width:34px;height:34px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:var(--marker-color);color:#fff;box-shadow:0 3px 10px #26302a40}.refinery-map-marker:hover,.refinery-map-marker:focus-visible{z-index:5;color:#fff;transform:translate(-50%,-50%) scale(1.13)}.refinery-marker-symbol{font-size:17px;line-height:1}.refinery-marker-number{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 3px;border:2px solid #fff;border-radius:9px;background:#252c29;color:#fff;font-size:8px;font-weight:700}.marker-skull{--marker-color:#98473f}.marker-active{--marker-color:#397660}.marker-unverified{--marker-color:#747970}.refinery-marker-tooltip{position:absolute;left:50%;bottom:calc(100% + 9px);display:none;width:max-content;max-width:230px;padding:7px 9px;transform:translateX(-50%);border:1px solid #dddcd3;border-radius:6px;background:#fff;color:var(--ink);box-shadow:0 6px 18px #26302a24;font-size:9px;font-weight:600;line-height:1.5;text-align:center}.refinery-map-marker:hover .refinery-marker-tooltip,.refinery-map-marker:focus .refinery-marker-tooltip{display:block}.russia-refinery-figure figcaption{margin-top:9px;color:var(--muted);font-size:9px}.refinery-map-legend{display:flex;flex-wrap:wrap;gap:10px 22px;padding:15px 18px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:10px;color:var(--muted)}.refinery-map-legend span{display:flex;align-items:center;gap:7px}.refinery-map-legend i,.status-table-marker{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--marker-color);color:#fff;font-style:normal;font-size:13px}.legend-skull{--marker-color:#98473f}.legend-active{--marker-color:#397660}.legend-unknown{--marker-color:#747970}.russian-refinery-table{min-width:1050px}.russian-refinery-table th:nth-child(2){min-width:170px}.russian-refinery-table td:nth-child(3){min-width:190px}.russian-refinery-table td:nth-child(6){min-width:330px}.russian-refinery-table td:nth-child(6) p{margin:8px 0 0;line-height:1.6;color:var(--muted)}.russian-refinery-table a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.russian-refinery-table tr{scroll-margin-top:110px}.russian-refinery-table .status-table-marker{display:inline-grid;margin-right:7px;vertical-align:middle}.russian-refinery-table .marker-skull{--marker-color:#98473f}.russian-refinery-table .marker-active{--marker-color:#397660}.russian-refinery-table .marker-unverified{--marker-color:#747970}@media(max-width:760px){.russia-refinery-map{min-height:390px;aspect-ratio:1.35}.russia-map-shape{inset:12% 2%;width:96%;height:76%}.refinery-map-marker{width:30px;height:30px}.refinery-marker-symbol{font-size:14px}.refinery-marker-tooltip{max-width:170px}.refinery-map-legend{display:grid;grid-template-columns:1fr}}
.crude-classification-cell{min-width:178px}.crude-classification-cell>strong{display:block;font-size:12px;font-weight:600}.crude-class-graphic{display:flex;align-items:center;gap:9px;width:144px;height:44px;margin-top:8px;padding:6px 9px;border:1px solid #e1e2d9;border-radius:8px;background:linear-gradient(135deg,#fafaf7,#f0f1eb);box-shadow:inset 0 1px 0 #fff}.crude-density-glyph,.crude-sulfur-glyph{display:flex;align-items:center;gap:7px}.crude-drop{position:relative;display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:60% 12% 60% 60%;transform:rotate(-45deg);background:#bd9846;color:#fff;box-shadow:0 2px 5px #27372e20}.crude-drop::after{content:attr(data-letter);transform:rotate(45deg);font-size:9px;font-weight:700;line-height:1}.crude-class-medium .crude-drop{background:#8c754e}.crude-class-heavy .crude-drop{background:#4f5a52}.crude-density-bars{height:22px;display:flex;align-items:flex-end;gap:2px}.crude-density-bars i{display:block;width:4px;border-radius:2px 2px 0 0;background:#d1d5cd}.crude-density-bars i:nth-child(1){height:8px;background:#bd9846}.crude-density-bars i:nth-child(2){height:14px}.crude-density-bars i:nth-child(3){height:21px}.crude-class-medium .crude-density-bars i:nth-child(-n+2){background:#8c754e}.crude-class-heavy .crude-density-bars i{background:#4f5a52}.crude-quality-divider{width:1px;height:27px;background:#d9dcd3}.crude-sulfur-core{display:grid;place-items:center;width:25px;height:25px;border:1px solid #789581;border-radius:50%;background:#e7f0e8;color:#42634e;font-size:10px;font-weight:700}.crude-sulfur-dots{display:grid;grid-template-columns:repeat(2,5px);gap:3px;width:13px}.crude-sulfur-dots i{width:5px;height:5px;border-radius:50%;border:1px solid #afbbb0;background:transparent}.crude-sulfur-dots i:first-child{background:#66866f;border-color:#66866f}.crude-class-sour .crude-sulfur-core{border-color:#ae695a;background:#f3e5df;color:#914b40}.crude-class-sour .crude-sulfur-dots i{background:#a85c4f;border-color:#a85c4f}

/* Interactive OpenStreetMap views and stacked crude classifications. */
.geo-map{position:relative;width:100%;height:520px;min-height:420px;overflow:hidden;border:1px solid #dcded5;border-radius:12px;background:#e9ece5;isolation:isolate}.crude-origin-map{height:570px}.map-loading{padding:24px;color:var(--muted)}.russia-refinery-figure,.crude-origin-figure{margin:24px 0 12px}.russia-refinery-figure figcaption,.crude-origin-figure figcaption{margin-top:9px;color:var(--muted);font-size:10px;line-height:1.7}.russia-refinery-figure figcaption a,.crude-origin-figure figcaption a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}.leaflet-container{font-family:Arial,Helvetica,sans-serif;color:var(--ink)}.leaflet-control-attribution{font-size:9px}.refinery-leaflet-icon{background:transparent;border:0}.map-status-marker{display:grid;place-items:center;width:36px;height:36px;border:2px solid #fff;border-radius:50%;background:var(--marker-color,#747970);color:#fff;box-shadow:0 3px 10px #26302a55;font-size:17px;line-height:1}.map-status-marker small{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 3px;border:2px solid #fff;border-radius:9px;background:#252c29;color:#fff;font-size:8px;font-weight:700}.map-status-marker.marker-skull{--marker-color:#98473f}.map-status-marker.marker-active{--marker-color:#397660}.map-status-marker.marker-unverified{--marker-color:#747970}.map-popup{min-width:190px;max-width:260px;line-height:1.55}.map-popup-title{display:block;margin-bottom:7px;font-size:14px}.map-popup p{margin:3px 0;color:#535e53}.map-popup a{display:inline-block;margin-top:8px;color:#765f2b;font-weight:600;text-decoration:underline;text-underline-offset:3px}.map-filter{display:flex;flex-direction:column;gap:6px;min-width:230px;color:var(--muted);font-size:11px}.map-filter select{width:100%;background:#fff}.crude-classification-cell{text-align:right!important;vertical-align:top}.crude-classification-stack{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.crude-classification-stack>strong{display:block;font-size:12px;font-weight:600}.crude-classification-stack .crude-class-graphic{margin-top:0}.crude-quality-table tr[id]{scroll-margin-top:110px}
.supply-chain-figure{margin:18px 0 20px}.supply-chain-figure figcaption{margin-top:9px;color:var(--muted);font-size:10px;line-height:1.7}.supply-chain-figure figcaption a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}.supply-chain-map{height:620px}.supply-chain-legend{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin:18px 0 10px;padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#596158;font-size:11px}.supply-chain-legend>span{display:flex;align-items:center;gap:7px}.supply-legend-marker{display:grid;place-items:center;width:25px;height:25px;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 5px #26302a30;color:#fff;font-size:10px;font-weight:700;font-style:normal}.supply-production-marker{background:#a67b23}.supply-refinery-marker{border-radius:6px;background:#28302d}.supply-market-marker{border-radius:9px;background:#397660}.supply-legend-line{display:block;width:34px;border-top:4px dotted #596158}.supply-product-line{border-top-style:dashed}.supply-route-key{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-bottom:16px;padding:11px 14px;border:1px solid var(--line);border-radius:9px;background:#faf9f5;color:#596158;font-size:10px}.supply-route-key>span{display:flex;align-items:center;gap:7px}.supply-route-swatch,.supply-card-route-number{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:7px;background:var(--route-color);color:#fff;font-size:10px;font-weight:700;font-style:normal}.supply-route-1,.supply-route-card-1{--route-color:#9a6817}.supply-route-2,.supply-route-card-2{--route-color:#a4473d}.supply-route-3,.supply-route-card-3{--route-color:#2d7181}.supply-route-4,.supply-route-card-4{--route-color:#6f5791}.supply-route-5,.supply-route-card-5{--route-color:#2d6d4f}.supply-route-6,.supply-route-card-6{--route-color:#476da3}.supply-chain-leaflet-icon{background:transparent;border:0}.supply-map-marker{position:relative;display:grid;place-items:center;width:42px;height:42px;border:3px solid var(--route-color,#fff);outline:2px solid #fff;border-radius:50%;background:#a67b23;color:#fff;box-shadow:0 4px 13px #26302a66}.supply-map-marker svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.supply-map-marker.supply-refinery-marker{border-radius:9px;background:#28302d}.supply-map-marker.supply-market-marker{border-radius:14px;background:#397660}.supply-step-number{position:absolute;right:-8px;bottom:-9px;display:grid;place-items:center;width:23px;height:23px;border:2px solid var(--route-color);border-radius:50%;background:#fff;color:#202825;font-size:11px;line-height:1}.supply-marker-route-number{position:absolute;top:-10px;left:-10px;display:grid;place-items:center;min-width:24px;height:20px;padding:0 4px;border:2px solid #fff;border-radius:10px;background:var(--route-color);color:#fff;font-size:8px;font-weight:700;line-height:1}.supply-popup-stage{display:inline-block;margin-bottom:6px;padding:3px 7px;border-radius:12px;background:#f1ead8;color:#765f2b;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.supply-popup-refinery{background:#e6e8e4;color:#28302d}.supply-popup-market{background:#e2eee8;color:#2e674f}.supply-chain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.supply-chain-card{min-width:0;padding:22px;border:1px solid var(--line);border-top:5px solid var(--route-color,var(--line));border-radius:10px;background:#fff}.supply-chain-card[hidden]{display:none}.supply-chain-card h3{display:flex;align-items:flex-start;gap:9px;margin:0 0 8px;font-size:18px;line-height:1.35}.supply-card-route-number{margin-top:1px}.supply-chain-card>p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.supply-chain-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.supply-stage{position:relative;min-width:0;min-height:112px;padding:13px 12px;border-top:4px solid #a67b23;border-radius:7px;background:#f5f2e9}.supply-stage-refinery{border-color:#28302d;background:#edf0ed}.supply-stage-market{border-color:#397660;background:#eaf2ed}.supply-stage-label{display:block;margin-bottom:9px;color:var(--muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.supply-stage strong,.supply-stage small{display:block;line-height:1.45}.supply-stage strong{margin-top:5px;font-size:11px}.supply-stage small{margin-top:7px;color:var(--muted);font-size:9px}.supply-chain-card>.text-link{font-size:10px}
.supply-route-7,.supply-route-card-7{--route-color:#8a4667}.supply-route-8,.supply-route-card-8{--route-color:#b25b2a}.supply-route-9,.supply-route-card-9{--route-color:#357b87}.supply-route-10,.supply-route-card-10{--route-color:#7358a3}.supply-chain-card>.supply-secondary-source{display:block;margin-top:7px}.supply-asia-note{margin:12px 0 18px}.supply-australia-note{margin:0 0 18px}.supply-terminal-marker{border-radius:8px;background:#476da3}.supply-stage-terminal{border-color:#476da3;background:#eaf0f7}.supply-popup-terminal{background:#e7edf6;color:#365b87}.origin-map-key{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin:16px 0 0;color:var(--muted);font-size:11px}.origin-map-key>span{display:flex;align-items:center;gap:8px}.origin-map-key i{display:block;flex:none;font-style:normal}.origin-grade-symbol{width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:#397660;box-shadow:0 1px 5px #26302a40}.origin-pipeline-symbol{width:38px;border-top:5px solid #9a7430;box-shadow:0 -1px 0 #fff,0 1px 0 #fff}.pipeline-popup{min-width:230px}.pipeline-popup .map-popup-secondary{display:block}.saudi-grade-table th:first-child{min-width:180px}
@media(max-width:700px){.geo-map,.crude-origin-map{height:480px;min-height:420px;border-radius:8px}.map-filter{width:100%;min-width:0}.map-filter select{max-width:none}.leaflet-control-attribution{max-width:75%;line-height:1.35}.map-status-marker{width:32px;height:32px;font-size:14px}.refinery-leaflet-icon{margin-left:-16px!important;margin-top:-16px!important}}
@media(max-width:700px){.supply-chain-map{height:500px;min-height:420px}.supply-chain-legend{align-items:flex-start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px}.supply-route-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.supply-chain-grid{grid-template-columns:1fr;gap:10px}.supply-chain-card{padding:17px}.supply-chain-stages{grid-template-columns:1fr;gap:7px}.supply-stage{min-height:0;padding:12px}.supply-chain-leaflet-icon{margin-left:-21px!important;margin-top:-21px!important}}

/* US crude trade and refinery explainer. */
.article-data-viz{margin:30px 0;padding:25px;border:1px solid var(--line);border-radius:10px;background:#fff}.article-data-viz figcaption{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px;color:var(--ink)}.article-data-viz figcaption strong{font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.3}.article-data-viz figcaption span{color:var(--muted);font-size:10px;text-align:right}.article-data-viz>p{margin:18px 0 0;color:var(--muted);font-size:10px;line-height:1.65}.oil-bar-chart{display:grid;gap:13px}.oil-bar-row{display:grid;grid-template-columns:135px minmax(80px,1fr) 42px;align-items:center;gap:12px;color:var(--muted);font-size:11px}.oil-bar-row i{display:block;height:24px;border-radius:4px;background:var(--gold)}.oil-bar-row strong{color:var(--ink);font-size:12px;font-variant-numeric:tabular-nums}.oil-bar-row .bar-refinery{width:100%;background:#27372e}.oil-bar-row .bar-production{width:83.1%;background:#b78d35}.oil-bar-row .bar-imports{width:37.9%;background:#8b5f45}.oil-bar-row .bar-exports{width:24.4%;background:#668077}.article-quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.article-quality-grid section{padding:22px;border:1px solid var(--line);border-radius:9px;background:#fff}.article-quality-grid h3{margin:15px 0 7px}.article-quality-grid p{margin:0;font-size:13px;line-height:1.75}.quality-chip{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:700}.quality-chip.light{background:#edf3eb;color:#37604a}.quality-chip.heavy{background:#f2e6df;color:#864d3f}.refinery-process-graphic{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:28px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line)}.refinery-process-graphic>div{position:relative;min-height:170px;padding:22px;background:#fff}.refinery-process-graphic span{display:grid;place-items:center;width:31px;height:31px;margin-bottom:22px;border-radius:50%;background:#27372e;color:#fff;font-size:11px;font-weight:700}.refinery-process-graphic strong{display:block;color:var(--ink);font-size:14px}.refinery-process-graphic small{display:block;margin-top:8px;color:var(--muted);font-size:10px;line-height:1.6}.crude-fit-viz{background:#f0eee5}.crude-fit-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.crude-fit-row>div{display:grid;grid-template-columns:auto 1fr;gap:5px 13px;align-items:center;padding:19px;border:1px solid #dddccd;border-radius:8px;background:#fff}.crude-fit-row strong{font-size:13px}.crude-fit-row small{grid-column:2;color:var(--muted);font-size:10px;line-height:1.6}.crude-drop-symbol{grid-row:1/3;width:29px;height:29px;border-radius:60% 12% 60% 60%;transform:rotate(-45deg);background:#bc923c}.crude-drop-symbol.heavy-drop{background:#4f5a52}
@media(max-width:620px){.article-data-viz{padding:19px}.article-data-viz figcaption{display:block}.article-data-viz figcaption span{display:block;margin-top:5px;text-align:left}.oil-bar-row{grid-template-columns:95px minmax(60px,1fr) 37px;gap:8px;font-size:9px}.oil-bar-row i{height:20px}.article-quality-grid,.crude-fit-row{grid-template-columns:1fr}.refinery-process-graphic{grid-template-columns:1fr 1fr}.refinery-process-graphic>div{min-height:145px;padding:18px}}
.energy-mega{width:590px}.energy-mega a{min-height:43px}.energy-mega a strong{font-weight:650}.energy-mega a span{font-size:10px;white-space:nowrap}

/* The refinery-status research page uses the available viewport width. */
.russia-refinery-page .page-intro h1,.russia-refinery-page .section-lead,.crude-quality-page .section-lead{max-width:none}.map-status-marker.marker-constrained,.russian-refinery-table .marker-constrained,.legend-constrained{--marker-color:#a67624}.map-popup a.map-popup-secondary{display:block;margin-top:5px;color:var(--muted);font-weight:500}.refinery-monitor-note{margin:14px 0 0;max-width:none}.monitor-updated-row{background:#fbf7eb}.monitor-updated-row th:first-of-type small{display:block;margin-top:4px;color:#806523;font-size:9px}

.calculator-logo{display:flex;align-items:center;justify-content:center;width:82px;height:82px;border:1px solid #e7dfce;border-radius:18px;background:#f8f4e9;margin-bottom:24px}.calculator-logo img{width:68px;height:68px;object-fit:contain}.calculator-heading-logo{float:right;margin:0 0 16px 20px}.comparison-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:420px;overflow-y:auto;padding:4px}.comparison-directory>a{display:flex;justify-content:space-between;gap:10px;padding:16px;border:1px solid var(--line);border-radius:7px;background:#fff;line-height:1.5;font-size:13px;min-height:54px}.comparison-directory>a[hidden]{display:none}.comparison-directory>a:hover{border-color:var(--gold)}.comparison-filter{display:block;max-width:440px;margin:20px 0}.comparison-filter input{display:block;width:100%;margin-top:8px}.comparison-market p{line-height:1.85}.comparison-market h3{margin-top:18px}#pair-snapshot,#pair-specifications,#pair-questions,#comparison-table{scroll-margin-top:110px}@media(max-width:800px){.comparison-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.comparison-directory{grid-template-columns:1fr}.calculator-logo{width:70px;height:70px}.calculator-logo img{width:58px;height:58px}.calculator-heading-logo{float:none;margin:0 0 20px}}
.calculator-marker{background:#f8f1df;border-color:#e0d1ad}.mobile-head .brand img{flex:none}@media(max-width:420px){.mobile-head .brand{font-size:22px;gap:6px}.mobile-head .brand img{width:30px;height:30px}}

/* Currency selector: custom vector flags with the native select retained for app state. */
.currency-flag-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.currency-control{position:relative}.currency-trigger{display:flex;align-items:center;gap:9px;min-width:122px;min-height:48px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);font-size:12px;line-height:1}.currency-trigger:hover,.currency-trigger[aria-expanded="true"]{border-color:#aeb5aa;background:#fff}.currency-trigger .nav-chevron{margin-left:auto}.currency-flag,.currency-trigger-flag{display:block;flex:none}.currency-flag{width:30px;height:20px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px #25302a24}.currency-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:80;width:258px;max-height:min(70vh,440px);overflow-y:auto;padding:7px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 16px 42px #2028202b}.currency-menu>button{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:50px;padding:7px 9px;border:0;border-radius:7px;background:transparent;text-align:left}.currency-menu>button:hover,.currency-menu>button:focus-visible{background:#f2f1eb}.currency-menu>button[aria-checked="true"]{background:#ece8dc}.currency-menu>button[aria-checked="true"] strong{color:var(--gold)}.currency-menu>button span{display:block;min-width:0}.currency-menu strong,.currency-menu small{display:block}.currency-menu strong{font-size:12px;line-height:1.3}.currency-menu small{margin-top:2px;color:var(--muted);font-size:10px;line-height:1.35}.currency-menu>button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
@media(max-width:620px){.currency-trigger{min-width:91px;min-height:38px;padding:7px 9px;gap:7px;font-size:11px}.currency-trigger .currency-flag{width:27px;height:18px}.currency-trigger .nav-chevron{width:6px;height:6px;margin-left:1px}.currency-menu{width:min(270px,calc(100vw - 40px));max-height:66vh}.currency-menu>button{min-height:48px}}

/* Final responsive layer shared by every public template. */
.menu-button{align-items:center;justify-content:center;gap:8px;min-height:44px}.menu-button svg{display:block;flex:none}.mobile-bottom svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.table-scroll{max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.chart,.geo-map{max-width:100%}.panel,.chart-card,.result-panel,.calculator-promo,.article-data-viz{min-width:0}.page-intro p,.instrument-intro p,.prose p,.panel p,.notice{overflow-wrap:anywhere}
@media(max-width:850px){.wrap{padding-inline:clamp(20px,4vw,28px)}.header-inner{gap:12px}.header-actions{gap:10px}.page-intro h1{font-size:clamp(42px,6vw,48px);line-height:1.08}.instrument-intro{align-items:flex-start}.article-layout{grid-template-columns:1fr}.reading-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.reading-sidebar .dark-panel{grid-column:1/-1}.table-scroll{scrollbar-width:thin}.quality-region{margin-block:28px}.company-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){html{scroll-padding-top:78px}body{padding-bottom:calc(68px + env(safe-area-inset-bottom));overflow-x:hidden}.wrap{width:100%;padding-inline:16px}.header-inner{height:62px;padding-inline:14px}.header-inner>.brand{min-width:0;font-size:clamp(18px,5.3vw,21px);gap:5px;letter-spacing:-1px}.header-inner>.brand>span{min-width:0}.header-inner>.brand img{width:26px;height:26px}.header-actions{gap:5px}.menu-button{display:flex;min-width:44px;height:40px;padding:7px 9px;border-radius:8px}.currency-trigger{min-width:83px;min-height:40px;padding:7px 8px;gap:6px}.currency-trigger .currency-flag{width:24px;height:16px}.currency-trigger .nav-chevron{margin-left:0}.currency-menu{position:fixed;top:68px;right:14px;width:min(280px,calc(100vw - 28px));max-height:calc(100svh - 150px)}.breadcrumbs{flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:14px 0 9px;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}.breadcrumbs::-webkit-scrollbar,.page-jumps::-webkit-scrollbar,.oil-navigation::-webkit-scrollbar,.range-buttons::-webkit-scrollbar,.frequency-buttons::-webkit-scrollbar,.metal-navigation-links::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none}.breadcrumbs>*{flex:none}.page-intro{padding:18px 0 20px}.page-intro h1,.instrument-intro h1,.article-heading h1{font-size:clamp(35px,10vw,40px);line-height:1.08;letter-spacing:-1.5px;margin-bottom:16px}.page-intro>p,.instrument-intro p{line-height:1.72;margin-bottom:12px}.answer-lead{font-size:15px}.instrument-intro{padding:14px 0 20px}.instrument-intro h1{display:block}.instrument-intro h1 .commodity-marker{display:inline-flex;width:36px;height:36px;min-width:36px;margin-left:8px;transform:translateY(3px)}.instrument-intro .button{width:100%;margin-top:6px}.section{margin-top:30px;margin-bottom:30px}.section-heading{align-items:flex-start;flex-wrap:wrap;gap:8px;margin-bottom:16px}.section-heading h2,h2{font-size:27px;line-height:1.2}.section-heading>.text-link,.section-heading>a{margin-top:0;text-align:left}.section-lead{font-size:14px;line-height:1.75;margin-bottom:20px}.page-jumps,.oil-navigation{display:flex;flex-wrap:nowrap;gap:7px;max-width:100%;margin:4px 0 20px;padding:2px 1px 7px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.page-jumps a,.oil-navigation a{flex:0 0 auto;min-height:42px;padding:9px 12px;white-space:nowrap;scroll-snap-align:start}.page-jumps+.instrument-layout{margin-top:16px}.metal-navigation{padding-block:12px;margin-bottom:18px;gap:11px}.metal-navigation-group{gap:5px}.metal-navigation-label{font-size:11px}.metal-navigation-links{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.metal-navigation-links a{flex:none;min-height:42px;padding:8px 11px}.chart-card{padding:16px;border-radius:8px}.quote-head{gap:12px}.quote-controls{gap:8px}.quote-head .focus-price{font-size:36px}.chart-toolbar{display:grid;gap:9px;margin-top:16px;padding-top:14px}.frequency-buttons,.range-buttons{width:100%;max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.frequency-buttons{padding:3px}.frequency-buttons button,.range-buttons button{flex:1 0 auto;min-height:42px}.large-chart{height:260px;min-height:260px;margin-top:10px}.profile-chart{min-height:280px}.quality-chart{height:430px;min-height:430px}.chart-foot{align-items:flex-start;flex-direction:column;line-height:1.6}.explore-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.explore-controls label{min-width:0}.explore-controls select{width:100%;min-width:0}.calculator-layout{gap:16px}.calculator-form{padding:18px}.form-grid{gap:12px}.purity-options{flex-wrap:wrap}.purity-options button{flex:1 0 calc(25% - 7px);min-height:42px}.result-panel{padding:22px}.result-panel output{font-size:clamp(34px,10vw,40px)}.result-panel .notice{margin-top:24px;padding:14px}.calculator-logo{width:62px;height:62px;margin-bottom:16px;border-radius:14px}.calculator-logo img{width:52px;height:52px}.analysis-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.analysis-metrics>div{padding:14px}.analysis-metrics strong{font-size:17px}.panel{padding:20px}.context-grid{gap:12px}.context-grid h3{font-size:19px}.resource-grid{gap:10px}.resource-grid>a,.resource-grid>.link-card{padding:19px}.table-toolbar{display:block;padding:10px}.tabs{width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs button{flex:none}.market-table th,.market-table td{padding:11px 10px}.table-note{font-size:9px}.table-scroll{position:relative;overflow-x:auto}.history-table th,.history-table td{padding:11px 12px}.article-heading{margin:14px 0 24px}.article-heading>p{line-height:1.7}.article-cover img{height:auto;aspect-ratio:3/2;object-fit:cover}.article-layout{margin-top:25px}.article-body>p:first-child{font-size:20px;line-height:1.65}.prose{font-size:14px;line-height:1.8}.prose h2{font-size:27px;margin-top:30px}.prose h3{font-size:18px}.reading-sidebar{display:block}.article-data-viz{margin:22px 0;padding:16px}.refinery-process-graphic>div{min-height:132px;padding:16px}.geo-map,.crude-origin-map,.russia-refinery-map{height:clamp(350px,62svh,440px);min-height:350px;aspect-ratio:auto}.map-filter{width:100%}.refinery-map-legend{gap:9px;padding:13px}.quality-region{margin-block:24px}.quality-region h3{font-size:23px}.crude-classification-cell{text-align:left!important}.crude-classification-stack{align-items:flex-start}.company-market-grid{grid-template-columns:1fr}.search-form{width:100%;margin-block:20px}.search-suggestions{align-items:stretch}.search-suggestions form,.search-suggestions button{width:100%}.faq details{padding:17px 0}.faq summary{font-size:15px}.faq details p{line-height:1.75}.notice{padding:15px 16px;line-height:1.75;margin:18px 0}.mobile-menu{padding:0 16px calc(32px + env(safe-area-inset-bottom))}.mobile-head{padding:14px 0;margin-bottom:20px}.mobile-head .brand{font-size:22px}.mobile-menu .search-form{margin:0}.mobile-featured{margin-top:18px;padding-block:16px}.mobile-featured a{min-width:0;padding:12px 8px}.mobile-grid{gap:18px;margin-top:24px}.mobile-grid a{min-height:42px;align-items:center}.mobile-bottom{height:calc(62px + env(safe-area-inset-bottom));padding:7px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px #27372e12}.mobile-bottom a{justify-content:center;min-width:0;width:25%;font-size:inherit;color:#687166}.mobile-bottom a[aria-current="page"]{color:var(--gold)}.mobile-bottom a[aria-current="page"] span{font-weight:700}.mobile-bottom span{font-size:10px;margin-top:3px}.footer-grid{gap:24px}.footer-bottom{padding-bottom:18px}}
@media(max-width:480px){.menu-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-button{width:40px;min-width:40px;padding:0}.header-inner>.brand{font-size:clamp(17px,5.1vw,20px)}.brand-domain{font-size:.68em}.currency-trigger{min-width:76px;padding-inline:6px;font-size:10px}.currency-trigger .nav-chevron{display:none}.currency-trigger .currency-flag{width:22px;height:15px}.form-grid,.quote-controls,.explore-controls,#oil-comparison .explore-controls{grid-template-columns:1fr}.purity-options button{flex-basis:calc(33.333% - 6px)}.analysis-metrics{gap:7px}.analysis-metrics>div{padding:12px}.analysis-metrics strong{font-size:16px}.hero{padding-top:25px}.hero h1{font-size:clamp(42px,13vw,51px);line-height:1.04}.hero-actions{align-items:stretch;flex-direction:column;gap:10px}.hero-actions .button{width:100%}.hero-market-links{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.hero-market-links a{flex:none}.value-strip{margin-inline:16px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:auto}.footer-bottom>div{flex-wrap:wrap}.mobile-grid{grid-template-columns:1fr 1fr}.mobile-featured strong{font-size:12px}.oil-bar-row{grid-template-columns:82px minmax(50px,1fr) 35px}.refinery-process-graphic{grid-template-columns:1fr}.refinery-process-graphic>div{min-height:0}.article-quality-grid{gap:10px}}
@media(max-width:360px){.wrap{padding-inline:14px}.header-inner{padding-inline:12px}.header-inner>.brand{font-size:17px}.header-inner>.brand img{width:23px;height:23px}.currency-trigger{min-width:70px}.currency-trigger .currency-flag{width:20px;height:14px}.header-actions{gap:3px}.mobile-featured{grid-template-columns:1fr}.mobile-featured a{flex-direction:row;align-items:center;gap:10px}.mobile-featured .commodity-marker,.mobile-featured .calculator-marker{margin:0}.mobile-grid{grid-template-columns:1fr}.analysis-metrics{grid-template-columns:1fr}.page-intro h1,.instrument-intro h1,.article-heading h1{font-size:34px}.quality-chart{height:390px;min-height:390px}}

/* Sourced production context in the crude-grade directory. */
.crude-production-cell{min-width:220px;vertical-align:top}.crude-production-cell strong{display:block;color:var(--ink);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.crude-production-cell small{display:block;max-width:230px;margin:5px 0;color:var(--muted);font-size:9px;line-height:1.55}.crude-production-cell a{display:inline-block;color:var(--gold);font-size:9px;text-decoration:underline;text-underline-offset:2px}.production-method{max-width:none}.production-method strong{color:var(--ink)}
@media(max-width:620px){.crude-production-cell{min-width:190px}.crude-production-cell small{max-width:200px}.production-method{font-size:12px}}

/* Gold origin, refining and demand research on the gold price page. */
#gold-origin-map,#gold-supply-chain,#gold-demand{scroll-margin-top:110px}.gold-origin-section .section-lead,.gold-supply-chain-section .section-lead{max-width:none}.data-period{display:inline-flex;align-items:center;min-height:36px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:10px;white-space:nowrap}.gold-origin-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);align-items:stretch;gap:18px;margin:22px 0}.gold-map-figure{margin:0}.gold-production-map{height:500px}.gold-map-figure figcaption{margin-top:9px;color:var(--muted);font-size:10px;line-height:1.7}.gold-map-figure figcaption a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}.gold-production-bars{display:grid;gap:13px;height:500px;padding:22px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow-y:auto;scrollbar-width:thin}.gold-production-row{display:grid;align-content:center;gap:8px}.gold-production-row div{display:flex;justify-content:space-between;gap:12px;line-height:1.45}.gold-production-row strong{font-size:12px}.gold-production-row span{color:var(--muted);font-size:9px;text-align:right}.gold-production-row progress{display:block;width:100%;height:14px;border:0;border-radius:999px;overflow:hidden;background:#ece9df}.gold-production-row progress::-webkit-progress-bar{background:#ece9df;border-radius:999px}.gold-production-row progress::-webkit-progress-value{background:linear-gradient(90deg,#80601d,#c7a14e);border-radius:999px}.gold-production-row progress::-moz-progress-bar{background:#a67b23;border-radius:999px}.gold-production-table{min-width:780px}.gold-production-table td:nth-child(3),.gold-production-table td:nth-child(4){font-variant-numeric:tabular-nums}.gold-supply-origin-marker{background:#a67b23}.gold-supply-map-marker.supply-production-marker{background:#a67b23}.gold-stage-origin{border-color:#a67b23;background:#f5f0e2}.gold-demand-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0 12px}.gold-demand-overview>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 16px;border:1px solid var(--line);border-radius:9px;background:#fff}.gold-demand-overview span{color:var(--muted);font-size:10px}.gold-demand-overview strong{color:var(--ink);font-size:13px;font-variant-numeric:tabular-nums}.gold-demand-graphic{display:flex;min-height:210px;margin:0 0 18px;gap:2px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 12px 28px #28302d0a}.gold-demand-segment{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:120px;padding:20px 18px;color:#fff;isolation:isolate}.gold-demand-segment:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,#ffffff14,transparent 55%,#00000012);content:""}.gold-demand-segment span,.gold-demand-segment strong,.gold-demand-segment small{display:block}.gold-demand-icon{display:grid!important;place-items:center;width:46px;height:46px;margin-bottom:auto;border:1px solid #ffffff45;border-radius:13px;background:#ffffff18;box-shadow:inset 0 1px #ffffff30}.gold-demand-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.gold-demand-name{font-size:11px;font-weight:700;line-height:1.35}.gold-demand-segment strong{margin-top:8px;font-size:19px;line-height:1.2;font-variant-numeric:tabular-nums}.gold-demand-segment small{margin-top:5px;color:#fff;font-size:9px;opacity:.86}.gold-demand-segment-1{flex:2175.3;background:#8b651b}.gold-demand-segment-2{flex:1638;background:#ae8332}.gold-demand-segment-3{flex:863.3;background:#397660}.gold-demand-segment-4{flex:322.8;background:#567390}.gold-demand-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.gold-demand-grid .panel{border-top:4px solid var(--gold)}.gold-demand-grid .panel:nth-child(3){border-top-color:#397660}.gold-demand-grid .panel:nth-child(4){border-top-color:#567390}.gold-demand-value{display:block;margin:10px 0;color:var(--ink);font-size:22px;font-weight:500}.gold-market-explainer{margin-top:24px}.gold-market-explainer ul{padding-left:20px;color:var(--muted);font-size:12px;line-height:1.8}.sources-inline{margin-top:22px;line-height:1.8}.sources-inline a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}
@media(max-width:900px){.gold-origin-layout{grid-template-columns:1fr}.gold-production-bars{height:auto}.gold-demand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gold-demand-graphic{min-height:190px}.gold-demand-segment{min-width:105px;padding:16px 13px}.gold-demand-segment strong{font-size:16px}.gold-demand-icon{width:40px;height:40px}.gold-demand-icon svg{width:24px;height:24px}}
@media(max-width:620px){.gold-production-map{height:400px;min-height:380px}.gold-production-bars{padding:16px;gap:15px}.gold-production-row div{align-items:flex-start;flex-direction:column;gap:2px}.gold-production-row span{text-align:left}.gold-demand-overview{grid-template-columns:1fr}.gold-demand-overview>div{padding:12px 14px}.gold-demand-graphic{display:grid;grid-template-columns:1fr 1fr;min-height:0;gap:2px}.gold-demand-segment{min-width:0;min-height:164px;padding:15px}.gold-demand-icon{width:38px;height:38px}.gold-demand-grid{grid-template-columns:1fr}.data-period{min-height:32px}.gold-market-explainer{margin-top:18px}}
/* Production, processing and end-use research shared by the non-gold metal pages. */
#silver-origin-map,#silver-supply-chain,#silver-uses,#platinum-origin-map,#platinum-supply-chain,#platinum-uses,#palladium-origin-map,#palladium-supply-chain,#palladium-uses,#copper-origin-map,#copper-supply-chain,#copper-uses,#aluminium-origin-map,#aluminium-supply-chain,#aluminium-uses,#nickel-origin-map,#nickel-supply-chain,#nickel-uses,#zinc-origin-map,#zinc-supply-chain,#zinc-uses,#lead-origin-map,#lead-supply-chain,#lead-uses,#tin-origin-map,#tin-supply-chain,#tin-uses{scroll-margin-top:110px}.metal-origin-section .section-lead,.metal-supply-chain-section .section-lead{max-width:none}.metal-origin-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);align-items:stretch;gap:18px;margin:22px 0}.metal-map-figure{margin:0}.metal-map-figure figcaption{margin-top:9px;color:var(--muted);font-size:10px;line-height:1.7}.metal-map-figure figcaption a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}.metal-production-map{height:500px}.metal-production-bars{display:grid;gap:13px;height:500px;padding:22px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow-y:auto;scrollbar-width:thin}.metal-production-row{display:grid;align-content:center;gap:8px}.metal-production-row div{display:flex;justify-content:space-between;gap:12px;line-height:1.45}.metal-production-row strong{font-size:12px}.metal-production-row span{color:var(--muted);font-size:9px;text-align:right}.metal-production-row progress{display:block;width:100%;height:14px;border:0;border-radius:999px;overflow:hidden;background:#ece9df}.metal-production-row progress::-webkit-progress-bar{background:#ece9df;border-radius:999px}.metal-production-row progress::-webkit-progress-value{background:linear-gradient(90deg,#6b5930,#b58a32);border-radius:999px}.metal-production-row progress::-moz-progress-bar{background:#8b6a25;border-radius:999px}.metal-production-table{min-width:780px}.metal-production-table td:nth-child(3),.metal-production-table td:nth-child(4){font-variant-numeric:tabular-nums}.metal-supply-origin-marker,.metal-supply-map-marker.supply-production-marker{background:#8b6a25}.metal-stage-origin{border-color:#8b6a25;background:#f5f0e2}.metal-supply-grid{grid-template-columns:1fr}.metal-demand-graphic{display:flex;min-height:160px;margin:22px 0 18px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.metal-demand-segment{display:flex;flex:var(--segment-size);flex-direction:column;justify-content:flex-end;min-width:90px;padding:18px 14px;background:var(--segment-color);color:#fff}.metal-demand-segment span,.metal-demand-segment strong{display:block}.metal-demand-segment span{font-size:10px;font-weight:700;line-height:1.35}.metal-demand-segment strong{margin-top:8px;font-size:17px}.metal-demand-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-top:18px}.metal-demand-grid .panel{border-top:4px solid var(--segment-color)}.metal-demand-value{display:block;margin:10px 0;color:var(--ink);font-size:18px;font-weight:500}.metal-market-explainer{margin-top:24px}.metal-market-explainer ul{padding-left:20px;color:var(--muted);font-size:12px;line-height:1.8}
@media(max-width:900px){.metal-origin-layout{grid-template-columns:1fr}.metal-production-bars{height:auto}.metal-demand-graphic{min-height:180px;overflow-x:auto}.metal-demand-segment{min-width:110px}}
@media(max-width:620px){.metal-production-map{height:400px;min-height:380px}.metal-production-bars{padding:16px;gap:15px}.metal-production-row div{align-items:flex-start;flex-direction:column;gap:2px}.metal-production-row span{text-align:left}.metal-demand-graphic{display:grid;grid-template-columns:1fr 1fr;min-height:0;overflow:visible}.metal-demand-segment{min-width:0;min-height:112px;padding:14px}.metal-demand-grid{grid-template-columns:1fr}.metal-market-explainer{margin-top:18px}}

/* Distinct editorial modules on each non-gold metal page. */
.metal-feature{position:relative;padding:clamp(24px,4vw,50px);border:1px solid var(--line);border-radius:14px;background:#f4f1e9;overflow:hidden;scroll-margin-top:110px}.metal-feature:after{position:absolute;right:-90px;bottom:-140px;width:320px;height:320px;border:1px solid #8b6a2520;border-radius:50%;content:"";pointer-events:none}.metal-feature-intro{position:relative;z-index:1;max-width:980px}.metal-feature-intro .answer-lead{max-width:none}.metal-feature-label{display:inline-flex;margin-bottom:13px;padding:6px 9px;border-radius:999px;background:#fff;color:#795b1d;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.metal-feature-cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.metal-feature-cards article{min-width:0;padding:22px;border:1px solid var(--line);border-radius:10px;background:#fff}.metal-feature-cards article>strong{display:block;margin-bottom:12px;color:#8b651b;font-family:var(--serif);font-size:clamp(27px,3vw,42px);font-weight:500;line-height:1}.metal-feature-cards h3{margin:0 0 9px;font-size:17px}.metal-feature-cards p{margin:0;color:var(--muted);font-size:11px;line-height:1.75}.metal-feature-byproduct{background:linear-gradient(135deg,#f4f1e9,#edf1ef)}.metal-feature-cards-byproduct article:nth-child(1){border-top:5px solid #69776f}.metal-feature-cards-byproduct article:nth-child(2){border-top:5px solid #a7772c}.metal-feature-cards-byproduct article:nth-child(3){border-top:5px solid #8d8270}.metal-feature-concentration{background:#26312d;color:#fff}.metal-feature-concentration h2,.metal-feature-concentration .answer-lead{color:#fff}.metal-feature-concentration .metal-feature-label{background:#ffffff12;color:#e8ca83}.metal-feature-concentration .metal-feature-cards article{border-color:#ffffff1f;background:#ffffff0c}.metal-feature-concentration .metal-feature-cards h3{color:#fff}.metal-feature-concentration .metal-feature-cards p{color:#d5ddd8}.metal-feature-comparison{background:linear-gradient(115deg,#f1eee5 0 49.8%,#edf2ef 50.2%)}.metal-feature-comparison .metal-feature-cards article:nth-child(3){border-color:#9eb8aa;background:#f7fbf8}.metal-feature-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:28px 0 0;padding:0;list-style:none;counter-reset:none}.metal-feature-steps li{position:relative;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:20px 18px;background:#fff;border-block:1px solid var(--line)}.metal-feature-steps li:first-child{border-left:1px solid var(--line);border-radius:10px 0 0 10px}.metal-feature-steps li:last-child{border-right:1px solid var(--line);border-radius:0 10px 10px 0}.metal-feature-steps li+li:before{position:absolute;left:-1px;top:22px;width:1px;height:calc(100% - 44px);background:var(--line);content:""}.metal-feature-steps li>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#9a711f;color:#fff;font-size:10px;font-weight:700}.metal-feature-steps h3{margin:3px 0 8px;font-size:15px}.metal-feature-steps p{margin:0;color:var(--muted);font-size:10px;line-height:1.7}.metal-feature-cycle .metal-feature-steps li>span{background:#4a7465}.metal-feature-cycle .metal-feature-steps:after{position:absolute;right:14px;bottom:-11px;left:14px;height:2px;background:repeating-linear-gradient(90deg,#4a7465 0 8px,transparent 8px 14px);content:""}.metal-feature-products{background:linear-gradient(145deg,#edf1ef,#f5f1e6)}.metal-feature-cards-products{grid-template-columns:repeat(2,minmax(0,1fr))}.metal-feature-cards-products article{display:grid;grid-template-columns:minmax(80px,.32fr) 1fr;column-gap:16px}.metal-feature-cards-products article>strong{grid-row:1/3}.metal-feature-cards-products article h3,.metal-feature-cards-products article p{grid-column:2}.metal-feature-layers{background:#f1f3ef}.metal-layer-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:24px;align-items:stretch;margin-top:25px}.metal-layer-graphic{display:grid;grid-template-columns:.7fr .35fr 2fr .35fr .7fr;min-height:230px;border:1px solid #aab4ac;border-radius:11px;overflow:hidden;background:#fff}.metal-layer-graphic span{display:grid;place-items:center;padding:10px;color:#fff;font-size:10px;font-weight:700;text-align:center;writing-mode:vertical-rl;transform:rotate(180deg)}.metal-layer-graphic span:nth-child(1),.metal-layer-graphic span:nth-child(5){background:#78917f}.metal-layer-graphic span:nth-child(2),.metal-layer-graphic span:nth-child(4){background:#b7a561}.metal-layer-graphic span:nth-child(3){background:#4b5450}.metal-layer-layout .metal-feature-cards{grid-template-columns:1fr;margin:0}.metal-layer-layout .metal-feature-cards article{padding:16px 18px}.metal-feature-loop{background:#eff2ed}.metal-feature-loop .metal-feature-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.metal-feature-loop .metal-feature-cards article{position:relative;padding-top:48px}.metal-feature-loop .metal-feature-cards article:before{position:absolute;top:17px;left:22px;width:18px;height:18px;border:2px solid #557364;border-top-color:transparent;border-radius:50%;content:""}.metal-feature-loop .metal-feature-cards article:after{position:absolute;top:16px;left:34px;border:4px solid transparent;border-left-color:#557364;content:""}.metal-feature-product{background:#f3efe6}.metal-feature-cards-product article{border-bottom:5px solid #9a711f}.metal-checklist{padding-left:19px;color:var(--muted);font-size:12px;line-height:1.8}.metal-checklist li+li{margin-top:6px}.metal-qualitative-note{border-left-color:#557364}.metal-market-explainer .prose p{max-width:none}
@media(max-width:900px){.metal-feature-cards,.metal-feature-loop .metal-feature-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.metal-feature-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metal-feature-steps li,.metal-feature-steps li:first-child,.metal-feature-steps li:last-child{border:1px solid var(--line);border-radius:9px}.metal-feature-steps li+li:before,.metal-feature-cycle .metal-feature-steps:after{display:none}.metal-layer-layout{grid-template-columns:1fr}}
@media(max-width:620px){.metal-feature{padding:22px 17px;border-radius:10px}.metal-feature-cards,.metal-feature-loop .metal-feature-cards,.metal-feature-cards-products,.metal-feature-steps{grid-template-columns:1fr}.metal-feature-cards article{padding:18px}.metal-feature-cards-products article{display:block}.metal-layer-graphic{min-height:160px}.metal-layer-graphic span{font-size:8px}.metal-feature-steps li{padding:16px}.metal-feature-label{margin-bottom:10px}}

.metal-supply-grid.metal-supply-grid-multiple{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.metal-supply-grid.metal-supply-grid-multiple{grid-template-columns:1fr}}

/* End-use pictograms make every demand category identifiable without relying on colour. */
.metal-use-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:16px;border:1px solid var(--line);border-radius:12px;background:#f5f3ed;color:var(--segment-color,#765a1e);box-shadow:inset 0 1px #fff}.metal-use-icon svg{display:block;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.metal-demand-segment .metal-use-icon{display:grid;margin-bottom:auto;border-color:#ffffff52;background:#ffffff18;color:#fff;box-shadow:inset 0 1px #ffffff2b}.metal-demand-name{min-height:2.7em}.metal-demand-grid .metal-use-icon{margin-bottom:14px}.metal-demand-grid h3{margin-top:0}
@media(max-width:620px){.metal-demand-segment{min-height:150px}.metal-use-icon{width:38px;height:38px;margin-bottom:12px;border-radius:10px}.metal-use-icon svg{width:23px;height:23px}.metal-demand-name{min-height:auto}}

/* Compact, readable status/number badge at the left of the refinery directory. */
.russian-refinery-table thead th:first-child{position:sticky;left:0;z-index:4;width:76px;min-width:76px;padding-inline:14px;background:#fcfcfa;text-align:center;box-shadow:1px 0 0 var(--line)}.russian-refinery-table .refinery-index-cell{position:sticky;left:0;z-index:2;width:76px;min-width:76px;padding:18px 14px;background:#fff;text-align:center;vertical-align:middle;box-shadow:1px 0 0 var(--line)}.russian-refinery-table .monitor-updated-row .refinery-index-cell{background:#fbf7eb}.refinery-index-badge{position:relative;display:inline-grid;place-items:center;width:38px;height:38px}.russian-refinery-table .refinery-index-badge .status-table-marker{display:grid;width:32px;height:32px;margin:0;border:2px solid #fff;box-shadow:0 2px 8px #26302a2e;font-size:15px}.refinery-row-number{position:absolute;right:-3px;bottom:-4px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border:2px solid #fff;border-radius:10px;background:var(--ink);color:#fff;font-size:9px!important;font-weight:700;line-height:1;box-shadow:0 1px 4px #26302a33}.russian-refinery-table tbody tr:hover .refinery-index-cell{background:#f8f6ef}
@media(max-width:620px){.russian-refinery-table thead th:first-child,.russian-refinery-table .refinery-index-cell{width:66px;min-width:66px;padding-inline:10px}.refinery-index-badge{width:36px;height:36px}.russian-refinery-table .refinery-index-badge .status-table-marker{width:30px;height:30px;font-size:14px}}

/* Data Lab: one visual system for multi-source analytical tools. */
.data-lab{padding-bottom:42px}.data-intro{max-width:980px}.data-kicker{display:block;margin-bottom:10px;color:var(--gold);font-size:9px;font-weight:750;letter-spacing:.14em}.data-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:32px 0 62px}.data-tool-grid>a,.data-tool-grid>.link-card{position:relative;min-height:220px;padding:28px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:transform .2s,border-color .2s}.data-tool-grid>a:first-child,.data-tool-grid>.link-card:first-child{grid-column:span 2;background:#26312d;color:#fff}.data-tool-grid>a:hover,.data-tool-grid>.link-card:hover,.data-tool-grid>.link-card:focus-within{transform:translateY(-3px);border-color:#a68a4d}.data-tool-grid>a>span,.data-tool-grid>.link-card>span{color:#a98331;font-size:10px;font-weight:700;letter-spacing:.12em}.data-tool-grid h2{margin:30px 0 10px;font-family:var(--serif);font-size:26px;font-weight:400}.data-tool-grid p{max-width:390px;margin:0;color:var(--muted);font-size:12px}.data-tool-grid>a:first-child p,.data-tool-grid>.link-card:first-child p{color:#d7ded9}.data-method{padding:34px;border:1px solid var(--line);border-radius:12px;background:#f1eee5}.data-control-panel{margin:30px 0;padding:25px;border:1px solid var(--line);border-radius:12px;background:#fff}.data-control-panel fieldset{margin:0 0 20px;padding:0;border:0}.data-control-panel legend{margin-bottom:13px;font-family:var(--serif);font-size:22px}.data-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px;margin-bottom:20px}.data-controls label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.04em}.data-controls input,.data-controls select{width:100%;padding:11px;border:1px solid #cfd2ca;border-radius:6px;background:#fff;color:var(--ink)}.series-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.series-picker label{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:7px;background:#fafaf7;cursor:pointer}.series-picker label:has(input:checked){border-color:#9a7b37;background:#f6f0df}.series-picker input{grid-row:1/3}.series-picker span{font-size:11px;font-weight:650}.series-picker small{color:var(--muted);font-size:9px}.series-picker.compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.control-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.check-control{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important;font-size:11px!important}.check-control input{width:auto!important}.data-chart-card{margin:28px 0}.data-chart{min-height:430px;width:100%;overflow:hidden}.data-chart svg{display:block;width:100%;height:auto}.data-gridline{stroke:#e1e3dc;stroke-width:1}.data-axis-label{fill:#70766f;font-size:11px}.data-legend{display:flex;flex-wrap:wrap;gap:15px;margin-top:8px}.data-legend span{display:flex;align-items:center;gap:7px;font-size:10px}.data-legend span:before{width:17px;height:3px;background:var(--series-color);content:""}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:25px}.metric-card{padding:20px;border:1px solid var(--line);border-radius:9px;background:#fff}.metric-card h3{margin-bottom:12px}.metric-card p{display:flex;justify-content:space-between;gap:14px;margin:0;padding:7px 0;border-top:1px solid var(--line);font-size:10px}.metric-card p span{color:var(--muted)}.metric-card p strong{font-weight:650}.download-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px}.data-table caption{text-align:left;padding:0 0 10px;font-weight:650}.data-table th:first-child{white-space:nowrap}.snapshot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:28px 0}.snapshot-grid article{padding:21px;border-top:4px solid #66766d;border-radius:7px;background:#fff}.snapshot-grid article[data-direction="outflow"]{border-color:#a0443c}.snapshot-grid article[data-direction="demand"]{border-color:#806523}.snapshot-grid article>span{display:block;color:var(--muted);font-size:9px}.snapshot-grid article>strong{display:block;margin:14px 0 0;font-family:var(--serif);font-size:38px;font-weight:400}.snapshot-grid article>small{color:var(--muted)}.snapshot-grid h2{margin:16px 0 0;font-size:13px}.result-panel{min-height:170px;padding:28px;border-radius:12px;background:#26312d;color:#fff}.result-panel>p{color:#d4ddd7}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.result-grid article{padding:16px;border:1px solid #ffffff20;border-radius:8px;background:#ffffff09}.result-grid span{display:block;color:#cbd4ce;font-size:9px}.result-grid strong{display:block;margin-top:8px;font-family:var(--serif);font-size:22px;font-weight:400}.data-sources{border-top:1px solid var(--line);padding-top:35px}.source-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.source-list a:not(.card-link),.source-list>.link-card{display:grid;gap:6px;padding:17px;border:1px solid var(--line);border-radius:8px;background:#fff}.source-list strong{font-size:11px}.source-list span{color:var(--muted);font-size:10px}.empty-state{display:grid;place-items:center;min-height:360px;padding:30px;color:var(--muted);text-align:center}.error{color:#ffd2cc!important}
@media(max-width:900px){.data-tool-grid{grid-template-columns:repeat(2,1fr)}.data-tool-grid>a:first-child,.data-tool-grid>.link-card:first-child{grid-column:span 2}.series-picker{grid-template-columns:repeat(2,1fr)}.snapshot-grid,.result-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.data-tool-grid{grid-template-columns:1fr}.data-tool-grid>a:first-child,.data-tool-grid>.link-card:first-child{grid-column:auto}.series-picker{grid-template-columns:1fr}.control-actions{align-items:stretch;flex-direction:column}.control-actions .button{width:100%}.data-chart{min-height:290px;overflow-x:auto}.data-chart svg{min-width:680px}.snapshot-grid,.result-grid{grid-template-columns:1fr}.data-control-panel{padding:18px}}

/* Data Lab reading help: short explanations arranged as what, how, and example cards. */
.data-beginner-guide{margin-top:22px;padding:30px;border:1px solid #d9ddd3;border-left:5px solid var(--green);border-radius:12px;background:#f2f6f2}.data-reading-guide{padding-top:35px;border-top:1px solid var(--line)}.data-beginner-guide>h2,.data-reading-guide>h2{margin-bottom:21px}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.editorial-grid article{padding:22px;border:1px solid var(--line);border-radius:9px;background:#fff}.editorial-grid h3{margin-bottom:9px;font-family:var(--serif);font-size:19px;font-weight:400;line-height:1.3}.editorial-grid p{margin-bottom:0;color:var(--muted);font-size:12px;line-height:1.75}.editorial-grid ol{margin:0 0 10px;padding-left:19px;color:var(--muted);font-size:12px;line-height:1.75}.editorial-grid li+li{margin-top:4px}.data-reading-guide>.editorial-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.data-reading-guide>h3{margin:27px 0 8px;font-size:20px}.data-reading-guide>p{max-width:900px;color:var(--muted);line-height:1.8}.data-sources>p{max-width:850px;color:var(--muted);line-height:1.75}
@media(max-width:900px){.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-beginner-guide .editorial-grid article:last-child{grid-column:1/-1}}
@media(max-width:620px){.data-beginner-guide{padding:21px 17px}.editorial-grid,.data-reading-guide>.editorial-grid{grid-template-columns:1fr}.data-beginner-guide .editorial-grid article:last-child{grid-column:auto}.editorial-grid article{padding:18px}.editorial-grid p,.editorial-grid ol{font-size:13px}}

/* Data Lab visual explainers. */
.data-lab .data-intro{max-width:none}.data-lab .data-intro h1{max-width:none}.data-lab .data-intro .answer-lead{max-width:none;font-size:16px;line-height:1.8}.data-infographic{margin:16px 0 38px;padding:31px;border:1px solid #d9ddd3;border-radius:14px;background:linear-gradient(135deg,#fff 0%,#f0f3ed 100%);overflow:hidden}.data-infographic-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:45px;align-items:end;margin-bottom:27px}.data-infographic-heading h2{max-width:620px;margin:0;font-size:31px}.data-infographic-heading p{max-width:560px;margin:0;color:var(--muted);font-size:13px;line-height:1.75}.data-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;margin:0;padding:0;list-style:none;counter-reset:none}.data-flow li{position:relative;min-height:190px;padding:21px;border:1px solid #dde1d8;border-radius:11px;background:#fff;box-shadow:0 8px 20px #2532290a}.data-flow li:not(:last-child)::after{position:absolute;top:53px;right:-25px;z-index:2;color:#9a7b37;font-size:25px;line-height:1;content:"→"}.data-flow svg{display:block;width:48px;height:48px;margin-bottom:20px;padding:8px;border-radius:12px;background:#f0eadc;color:#806523;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.data-flow li:nth-child(2) svg{background:#e8f0eb;color:#397660}.data-flow li:nth-child(3) svg{background:#e9eff1;color:#2d7181}.data-flow li:nth-child(4) svg{background:#f2e8e6;color:#a0443c}.data-flow li>span{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f2f1eb;color:var(--muted);font-size:10px;font-weight:700}.data-flow h3{margin:0 0 8px;font-family:var(--serif);font-size:19px;font-weight:400;line-height:1.25}.data-flow p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.data-chart-card .section-heading p{margin:4px 0 0}
@media(max-width:900px){.data-infographic-heading{grid-template-columns:1fr;gap:10px}.data-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.data-flow li:not(:last-child)::after{display:none}.data-flow li{min-height:175px}}
@media(max-width:620px){.data-lab .data-intro .answer-lead{font-size:15px}.data-infographic{margin-top:4px;padding:21px 17px}.data-infographic-heading{margin-bottom:20px}.data-infographic-heading h2{font-size:26px}.data-flow{grid-template-columns:1fr;gap:12px}.data-flow li{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;column-gap:14px;min-height:0;padding:17px}.data-flow svg{grid-row:1/3;width:44px;height:44px;margin:0}.data-flow h3{grid-column:2;margin-right:28px;font-size:18px}.data-flow p{grid-column:2;font-size:13px}.data-flow li>span{top:16px;right:16px}}

/* Share, widget, story and learning loops */
.share-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0 34px;padding:14px 0;border-block:1px solid var(--line)}.share-tools-label{margin-right:auto;font-size:11px;font-weight:700}.share-tools .button{min-height:38px;padding:8px 13px;gap:8px;background:#fff}.share-status{width:100%;min-height:1em;color:var(--green);font-size:10px}.calculator-section>h2{margin-bottom:22px}.calculator-card h3{margin:0;font-family:var(--serif);font-size:25px;font-weight:400;line-height:1.2}.widget-builder{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:25px;align-items:start}.widget-builder form{display:grid;gap:20px}.widget-builder label,.embed-code{display:grid;gap:6px;color:var(--muted);font-size:11px}.widget-preview{width:100%;height:360px;border:1px solid var(--line);border-radius:10px;background:#fff}.embed-code{margin-top:13px}.embed-code textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:7px;padding:12px;background:#fff;color:var(--ink);font:11px/1.5 monospace}.story-grid,.quiz-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.story-card,.quiz-link{min-height:250px;padding:30px;border:1px solid var(--line);border-radius:12px;background:#fff}.story-card>span,.quiz-link>span{color:var(--gold);font-size:28px}.story-card h2,.quiz-link h2{margin-top:30px}.story-card p,.quiz-link p{color:var(--muted)}.story-card strong,.quiz-link strong{font-size:11px}.story-builder{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:24px}.story-controls{display:grid;gap:16px}.story-controls label{display:grid;gap:6px;font-size:11px}.story-output{min-height:360px;padding:42px;border:1px solid #34443a;border-radius:12px;background:#29372e;color:#fff}.story-output>span{text-transform:uppercase;color:#d0b36a;font-size:10px;letter-spacing:.12em}.story-output h2{margin-top:30px;font-size:38px}.story-output p,.story-output li{color:#d5ddd7}.story-output a{color:#e1c77f;text-decoration:underline}.snapshot-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.snapshot-lead,.snapshot-item{min-height:220px;padding:24px;border:1px solid var(--line);background:#fff}.snapshot-lead{background:#29372e;color:#fff}.snapshot-lead>span,.snapshot-item>span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#b99647}.snapshot-lead>strong{display:block;font:400 76px/1 var(--serif);margin:28px 0 14px}.snapshot-item h2{margin:22px 0 8px;font-size:22px}.snapshot-item>strong{display:block;font:400 30px/1.2 var(--serif)}.snapshot-item small,.snapshot-item em,.snapshot-item b{display:block;margin-top:8px;font-size:10px;font-style:normal}.snapshot-item em{color:var(--muted)}.quiz-shell{max-width:820px;min-height:430px;padding:34px;border:1px solid var(--line);border-radius:12px;background:#fff}.quiz-progress{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:10px}.quiz-progress i{flex:1;height:5px;background:#ecece5}.quiz-progress b{display:block;width:0;height:100%;background:var(--gold);transition:width .25s}.quiz-question h2{margin:46px 0 25px;font-size:34px}.quiz-choice{display:block;width:100%;margin:9px 0;padding:15px 18px;border:1px solid var(--line);border-radius:7px;background:#fafaf6;text-align:left}.quiz-choice:hover{border-color:#9c8042}.quiz-choice.correct{border-color:#397660;background:#edf5f0}.quiz-choice.incorrect{border-color:#a0443c;background:#f8eeee}.quiz-explanation{margin:20px 0;padding:17px;border-left:4px solid var(--gold);background:#f3f0e7}.quiz-result>span{color:var(--muted);font-size:11px}.quiz-result>strong{display:block;margin:30px 0;font:400 90px/1 var(--serif);color:var(--gold)}
@media(max-width:850px){.widget-builder,.story-builder{grid-template-columns:1fr}.snapshot-board{grid-template-columns:repeat(2,minmax(0,1fr))}.story-output{min-height:300px}}
@media(max-width:620px){.share-tools-label{width:100%;margin-bottom:4px}.share-tools .button{flex:1;min-width:120px}.story-grid,.quiz-directory,.snapshot-board{grid-template-columns:1fr}.story-card,.quiz-link{min-height:0}.story-output{padding:27px}.story-output h2{font-size:30px}.quiz-shell{padding:22px}.quiz-question h2{font-size:27px}.widget-builder .form-grid{grid-template-columns:1fr}}

.data-tool-grid h2{margin-top:0}
.data-beginner-guide{border-radius:0 12px 12px 0}
.data-flow li>span{display:none}.data-flow h3{margin-right:0}
.calculator-logo svg{display:block;width:68px;height:68px}
@media(max-width:620px){.calculator-logo svg{width:52px;height:52px}}
header{border-bottom:0}
.home-market-section .section-lead{max-width:none}.home-market-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.home-market-actions .button{min-width:170px}
@media(max-width:620px){.home-market-actions{display:grid;grid-template-columns:1fr 1fr}.home-market-actions .button{min-width:0;padding-inline:13px;gap:10px}}

/* Keep sharing controls compact even when injected next to a tall grid item. */
.share-tools{align-content:flex-start;align-self:start;width:100%;height:auto;min-height:0}
.share-status:empty{display:none}

/* Compact share panel with direct social destinations. */
.share-tools{display:grid;gap:13px;margin:16px 0 34px;padding:18px;border:1px solid var(--line);border-radius:10px;background:#f3f4ef}
.share-tools-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.share-tools-label{margin:0;font-size:12px;font-weight:750}
.share-tools-primary,.share-tools-secondary,.share-network-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.share-network{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 13px;border:1px solid #d8dcd3;border-radius:7px;background:#fff;color:var(--ink);font-size:10px;font-weight:700;transition:border-color .2s,transform .2s}
.share-network:hover{border-color:#9caa9f;transform:translateY(-1px)}
.share-network>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#26312d;color:#fff;font-size:10px;font-weight:800}
.share-network-whatsapp>span{background:#168a50}.share-network-reddit>span{background:#c13f15}.share-network-telegram>span{background:#2786ad}.share-network-facebook>span{background:#315da6}
.share-tools-secondary{padding-top:12px;border-top:1px solid var(--line)}
.share-tools-secondary .button{min-height:34px;padding:6px 11px;font-size:9px}
.share-status{width:auto}
@media(max-width:620px){.share-tools{padding:15px}.share-tools-head{align-items:flex-start;flex-direction:column}.share-tools-primary{display:grid;grid-template-columns:1fr 1fr;width:100%}.share-tools-primary .button{width:100%;min-width:0}.share-network-list{display:grid;grid-template-columns:1fr 1fr;width:100%}.share-network{min-width:0}.share-network:last-child{grid-column:1/-1}.share-tools-secondary{display:grid;grid-template-columns:1fr 1fr;width:100%}.share-tools-secondary .button{min-width:0}.share-tools-secondary a:last-child{grid-column:1/-1}}

/* Rich sharing, widget, snapshot and story hubs */
.growth-intro{max-width:none;padding-bottom:24px}
.growth-intro>p{max-width:980px;font-size:17px;line-height:1.8}
.growth-jumps{margin:0 0 42px}
.growth-section{margin:48px 0 58px;scroll-margin-top:110px}
.growth-section>.section-heading{align-items:start}
.growth-section .section-lead{margin:6px 0 0}
.growth-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.growth-feature-card{display:grid;grid-template-columns:76px 1fr;gap:22px;min-height:245px;padding:30px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}
.growth-feature-card:hover,.growth-feature-card:focus-within{transform:translateY(-3px);border-color:#b19a65;box-shadow:0 15px 35px #28332d0b}
.growth-card-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:18px;background:#f2eee3;color:var(--gold)}
.growth-card-icon svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.growth-card-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.growth-card-copy small,.story-card small{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.growth-card-copy h2{margin:8px 0 10px;font-size:28px}
.growth-card-copy p{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.8}
.growth-card-copy strong{margin-top:auto;font-size:11px}
.growth-callout{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:38px;margin:58px 0;padding:38px;border:1px solid #d9ddd3;border-radius:12px;background:#eef2ed}
.growth-callout h2{font-size:35px}
.growth-callout>div:first-child>p{max-width:440px;color:var(--muted);line-height:1.8}
.growth-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.growth-path-grid a:not(.card-link),.growth-path-grid>.link-card{display:flex;flex-direction:column;gap:5px;min-height:92px;padding:17px;border:1px solid #daddd5;border-radius:8px;background:#fff}
.growth-path-grid a:not(.card-link):hover,.growth-path-grid>.link-card:hover,.growth-path-grid>.link-card:focus-within{border-color:var(--gold)}
.growth-path-grid strong{font-size:12px;line-height:1.45}
.growth-path-grid span{color:var(--muted);font-size:10px;line-height:1.6}
.growth-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:27px 0 0;padding:0;list-style:none;counter-reset:none}
.growth-flow li{min-height:215px;padding:24px;border:1px solid var(--line);border-radius:10px;background:#fff}
.growth-flow li>span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:28px;border-radius:13px;background:#26312d;color:#fff;font:400 20px/1 var(--serif)}
.growth-flow h3{margin:0 0 9px;font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.3}
.growth-flow p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}
.growth-note{margin:50px 0;padding:29px 32px;border-left:5px solid var(--gold);background:#f1eee5}
.growth-note h2{margin-bottom:10px;font-size:25px}
.growth-note p{max-width:900px;margin:0;color:var(--muted);line-height:1.8}
.story-grid{gap:14px}
.story-card{display:flex;flex-direction:column;align-items:flex-start;min-height:300px;transition:transform .2s,border-color .2s}
.story-card:hover,.story-card:focus-within{transform:translateY(-3px);border-color:var(--gold)}
.story-card h2{margin:25px 0 10px;font-size:30px}
.story-card p{font-size:13px;line-height:1.8}
.story-card strong{margin-top:auto}
.home-story-section{padding-block:18px 10px}.home-story-grid .story-card{min-height:270px}.home-story-grid .story-card h3{margin:25px 0 10px;font-family:var(--serif);font-size:29px;font-weight:400;letter-spacing:-.7px;line-height:1.25}.story-mega{left:auto;right:-100px}.story-mega a{gap:12px}.story-mega a span{font-size:9px}

.widget-controls h3,.widget-preview-heading h3,.widget-type-card h3{margin:0 0 7px;font-family:var(--serif);font-size:23px;font-weight:400}
.widget-controls>p,.widget-preview-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}
.widget-controls .form-grid{margin-top:4px}
.widget-controls>.button{justify-content:center;width:100%}
.widget-preview-panel{padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff}
.widget-preview-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:15px}
.widget-preview-heading>span{padding:5px 8px;border-radius:20px;background:#edf3ee;color:var(--green);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.widget-copy-row{display:flex;align-items:center;gap:15px;margin-top:10px}
.widget-copy-row p{margin:0}
.widget-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.widget-type-card{display:flex;flex-direction:column;min-height:390px;padding:24px;border:1px solid var(--line);border-radius:11px;background:#fff}
.widget-type-card>div{height:135px;margin-bottom:24px;padding:18px;border-radius:8px;background:#f3f3ed}
.widget-type-card h3{font-size:24px}
.widget-type-card p{color:var(--muted);font-size:12px;line-height:1.8}
.widget-type-card>a{margin-top:auto;color:var(--gold);font-size:11px;font-weight:650}
.widget-mini-price{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.widget-mini-price small{font-size:8px;letter-spacing:.1em;color:var(--muted)}
.widget-mini-price strong{font:400 34px/1.2 var(--serif)}
.widget-mini-price span{font-size:9px;color:var(--muted)}
.widget-mini-chart svg,.widget-mini-compare svg{width:100%;height:100%}
.widget-mini-chart path:not(.grid){fill:none;stroke:var(--green);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.widget-mini-chart .grid{fill:none;stroke:#d8dbd3;stroke-width:1}
.widget-mini-compare{display:grid;grid-template-columns:auto auto;gap:5px 12px;align-items:center}
.widget-mini-compare>span{display:flex;align-items:center;gap:5px;font-size:9px}.widget-mini-compare i{width:8px;height:8px;border-radius:50%;background:var(--gold)}
.widget-mini-compare>span:nth-child(2) i{background:var(--green)}
.widget-mini-compare svg{grid-column:1/-1;overflow:visible}
.widget-mini-compare path{fill:none;stroke:var(--gold);stroke-width:3}.widget-mini-compare path+path{stroke:var(--green)}

.snapshot-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.snapshot-lead>a{display:inline-block;margin-top:12px;color:#dec47f;font-size:10px}
.snapshot-item{display:flex;flex-direction:column;border-radius:10px;transition:transform .2s,border-color .2s}
.snapshot-item:hover,.snapshot-item:focus-within{transform:translateY(-3px);border-color:var(--gold)}
.snapshot-item .snapshot-open{display:block;margin-top:auto;padding-top:16px;color:var(--ink);font-size:10px;font-weight:650;letter-spacing:0;text-transform:none}
.snapshot-anatomy{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:28px;align-items:stretch}
.snapshot-example{display:flex;flex-direction:column;min-height:315px;padding:29px;border-radius:12px;background:#29372e;color:#fff}
.snapshot-example>span{color:#d2b569;font-size:9px;letter-spacing:.1em}
.snapshot-example h3{margin:25px 0 7px;font-family:var(--serif);font-size:28px;font-weight:400}
.snapshot-example>strong{font:400 52px/1.15 var(--serif)}
.snapshot-example small,.snapshot-example b,.snapshot-example em{display:block;margin-top:10px;font-size:11px;font-style:normal}
.snapshot-example small,.snapshot-example em{color:#cbd4ce}.snapshot-example b{font-size:16px}
.snapshot-anatomy dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.snapshot-anatomy dl>div{padding:20px;border:1px solid var(--line);border-radius:9px;background:#fff}
.snapshot-anatomy dt{margin-bottom:7px;font-family:var(--serif);font-size:19px}
.snapshot-anatomy dd{margin:0;color:var(--muted);font-size:11px;line-height:1.75}

@media(max-width:900px){.growth-feature-grid,.growth-callout,.snapshot-anatomy{grid-template-columns:1fr}.growth-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.widget-type-grid{grid-template-columns:1fr}.widget-type-card{display:grid;grid-template-columns:220px 1fr;column-gap:24px;min-height:0}.widget-type-card>div{grid-row:1/5;height:160px;margin:0}.widget-type-card>a{margin-top:10px}.growth-callout{gap:20px}}
@media(max-width:620px){.growth-intro>p{font-size:15px}.growth-jumps{margin-bottom:28px}.growth-section{margin:34px 0 42px}.growth-feature-grid{grid-template-columns:1fr}.growth-feature-card{grid-template-columns:58px 1fr;gap:15px;min-height:0;padding:20px}.growth-card-icon{width:58px;height:58px;border-radius:14px}.growth-card-icon svg{width:33px;height:33px}.growth-card-copy h2{font-size:23px}.growth-callout{margin:42px 0;padding:23px}.growth-callout h2{font-size:29px}.growth-path-grid{grid-template-columns:1fr}.growth-flow{grid-template-columns:1fr}.growth-flow li{min-height:0}.story-card{min-height:0;padding:23px}.story-card h2{font-size:26px}.widget-preview-panel{padding:16px}.widget-type-card{display:flex;padding:19px}.widget-type-card>div{width:100%;height:135px;margin-bottom:20px}.widget-copy-row{align-items:flex-start;flex-direction:column}.widget-copy-row .button{width:100%;justify-content:center}.snapshot-actions .button{flex:1;min-width:145px}.snapshot-anatomy dl{grid-template-columns:1fr}.snapshot-example{min-height:280px;padding:24px}.snapshot-board{grid-template-columns:1fr}}

/* Quiz library and evidence-backed weekly question. */
.quiz-weekly{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);margin:0 0 58px;border-radius:14px;overflow:hidden;background:#29372e;color:#fff;scroll-margin-top:110px}
.quiz-weekly-copy{padding:42px}
.quiz-kicker{display:block;margin-bottom:22px;color:#d6bc78;font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.quiz-weekly h2{margin-bottom:12px;font-size:40px}
.quiz-weekly-copy>p{max-width:720px;color:#d2dad4;font-size:14px;line-height:1.8}
.weekly-question-preview{display:grid;gap:8px;margin:27px 0;padding:19px 21px;border-left:4px solid #d0ad59;background:#ffffff0c}
.weekly-question-preview small{color:#bdc9c0;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.weekly-question-preview strong{max-width:760px;font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.45}
.button.warm{background:#d1b467;color:#26312d}
.button.warm:hover{background:#e0c886;color:#26312d}
.quiz-weekly-facts{padding:35px;border-left:1px solid #ffffff19;background:#ffffff08}
.quiz-weekly-facts>span{display:grid;place-items:center;width:64px;height:64px;margin-bottom:30px;border:1px solid #ffffff35;border-radius:18px;color:#dec477;font:400 34px/1 var(--serif)}
.quiz-weekly-facts dl{display:grid;gap:0;margin:0}
.quiz-weekly-facts dl>div{padding:15px 0;border-top:1px solid #ffffff1d}
.quiz-weekly-facts dt{color:#aebbb2;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.quiz-weekly-facts dd{margin:5px 0 0;font-size:12px;line-height:1.6}
.quiz-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.quiz-topic-grid>a,.quiz-topic-grid>.link-card{display:flex;flex-direction:column;align-items:flex-start;min-height:295px;padding:26px;border:1px solid var(--line);border-radius:11px;background:#fff;transition:transform .2s,border-color .2s}
.quiz-topic-grid>a:hover,.quiz-topic-grid>.link-card:hover,.quiz-topic-grid>.link-card:focus-within{transform:translateY(-3px);border-color:var(--gold)}
.quiz-topic-grid .growth-card-icon{width:58px;height:58px;margin-bottom:22px;border-radius:14px;font:400 28px/1 var(--serif)}
.quiz-topic-grid small,.quiz-link small{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.quiz-topic-grid h3{margin:8px 0 9px;font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.3}
.quiz-topic-grid p{margin-bottom:19px;color:var(--muted);font-size:12px;line-height:1.75}
.quiz-topic-grid strong{margin-top:auto;font-size:10px}
.quiz-library-heading>span{flex:none;padding:7px 11px;border-radius:999px;background:#ede9dc;color:var(--gold);font-size:10px;font-weight:700}
.growth-hub .quiz-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.growth-hub .quiz-link{display:flex;flex-direction:column;align-items:flex-start;min-height:300px;padding:26px;transition:transform .2s,border-color .2s,box-shadow .2s}
.growth-hub .quiz-link:hover,.growth-hub .quiz-link:focus-within{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 15px 35px #28332d0b}
.growth-hub .quiz-link>.quiz-card-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:21px;border-radius:13px;background:#f2eee3;color:var(--gold);font:400 25px/1 var(--serif)}
.growth-hub .quiz-link h2{margin:9px 0 9px;font-size:25px}
.growth-hub .quiz-link p{font-size:12px;line-height:1.75}
.growth-hub .quiz-link strong{margin-top:auto}
.quiz-page .page-intro{max-width:none}
.quiz-page .page-intro h1,.quiz-page .page-intro p{max-width:none}
.quiz-page .quiz-shell{max-width:none;margin-bottom:40px}
.weekly-quiz-context{display:grid;grid-template-columns:minmax(220px,.4fr) minmax(0,1.6fr);gap:25px;margin-bottom:16px;padding:21px 24px;border:1px solid var(--line);border-radius:10px;background:#eef2ed}
.weekly-quiz-context small{display:block;margin-bottom:5px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.weekly-quiz-context strong{font-family:var(--serif);font-size:18px;font-weight:400}
.weekly-quiz-context p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}
.weekly-evidence{margin:48px 0}
.weekly-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.weekly-evidence-grid article{padding:22px;border:1px solid var(--line);border-radius:9px;background:#fff}
.weekly-evidence-grid h3{margin:0 0 12px;font-family:var(--serif);font-size:21px;font-weight:400}
.weekly-evidence-grid p{margin-bottom:8px;color:var(--muted);font-size:12px}
.weekly-evidence-grid p strong{margin-right:5px;color:var(--ink);font-size:16px}
.weekly-evidence-grid small{color:var(--muted);font-size:9px;line-height:1.6}
.weekly-pending{padding:20px;border:1px solid var(--line);background:#fff;color:var(--muted)}
.quiz-next{display:flex;flex-wrap:wrap;gap:9px;margin:35px 0}
.quiz-next a{min-height:44px;padding:11px 15px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:11px;font-weight:650}
@media(max-width:900px){.quiz-weekly{grid-template-columns:1fr}.quiz-weekly-facts{display:grid;grid-template-columns:70px 1fr;gap:20px;border-top:1px solid #ffffff19;border-left:0}.quiz-weekly-facts dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.quiz-weekly-facts dl>div{padding-top:0;border-top:0}.quiz-topic-grid,.growth-hub .quiz-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.quiz-weekly{margin-bottom:40px}.quiz-weekly-copy{padding:26px 21px}.quiz-weekly h2{font-size:31px}.weekly-question-preview{padding:16px}.weekly-question-preview strong{font-size:18px}.quiz-weekly-copy .button{width:100%}.quiz-weekly-facts{display:block;padding:24px 21px}.quiz-weekly-facts>span{width:52px;height:52px;margin-bottom:20px}.quiz-weekly-facts dl{grid-template-columns:1fr}.quiz-weekly-facts dl>div{padding:12px 0;border-top:1px solid #ffffff1d}.quiz-topic-grid,.growth-hub .quiz-directory,.weekly-evidence-grid{grid-template-columns:1fr}.quiz-topic-grid>a,.quiz-topic-grid>.link-card,.growth-hub .quiz-link{min-height:0;padding:22px}.weekly-quiz-context{grid-template-columns:1fr;gap:15px;padding:18px}.quiz-next{display:grid;grid-template-columns:1fr}.quiz-next a{text-align:center}}

/* Full story generators. */
.story-page{padding-bottom:35px}.story-intro{max-width:none}.story-intro h1,.story-intro>p{max-width:none}.story-jumps{margin-bottom:34px}.story-answer{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:36px;margin-bottom:58px;padding:34px;border:1px solid #d9dfd7;background:#edf2ed}.story-answer-copy>span,.story-example>div>span{display:block;margin-bottom:18px;color:var(--green);font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.story-answer-copy h2{font-size:36px}.story-answer-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}.story-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;counter-reset:none}.story-flow li{position:relative;display:flex;flex-direction:column;min-height:210px;padding:22px;border:1px solid var(--line);background:#fff}.story-flow li:not(:last-child):after{position:absolute;top:28px;right:-13px;z-index:2;display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--gold);content:'→'}.story-flow li>span{display:grid;place-items:center;width:39px;height:39px;margin-bottom:auto;border-radius:10px;background:#f2ecdc;color:var(--gold)}.story-flow li>span svg,.story-lesson-grid article>span svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.story-flow li:first-child>span svg path{fill:currentColor;stroke:none}.story-flow strong,.story-flow small{display:block}.story-flow strong{margin-top:22px;font-family:var(--serif);font-size:18px;font-weight:400}.story-flow small{margin-top:7px;color:var(--muted);font-size:10px;line-height:1.65}.story-workspace{scroll-margin-top:110px}.story-controls{align-content:start;padding:29px}.story-controls label{display:grid;gap:7px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.03em}.story-controls input,.story-controls select{width:100%;color:var(--ink);font-size:13px;font-weight:400}.story-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.story-control-note{margin:2px 0 0;color:var(--muted);font-size:10px;line-height:1.7}.story-controls .button{justify-content:space-between;width:100%;margin-top:2px}.story-output{display:flex;flex-direction:column;min-height:430px}.story-output>span{font-weight:700}.story-output h2{max-width:780px}.story-output>p{max-width:820px;font-size:13px;line-height:1.85}.story-result-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto;padding-top:25px}.story-result-metrics>div{padding:14px;border:1px solid #ffffff20;border-radius:7px;background:#ffffff08}.story-result-metrics small,.story-result-metrics strong{display:block}.story-result-metrics small{color:#aebbb2;font-size:9px}.story-result-metrics strong{margin-top:6px;color:#fff;font-family:var(--serif);font-size:18px;font-weight:400;overflow-wrap:anywhere}.story-result-source{display:block;margin-top:18px;color:#aebbb2;font-size:9px;line-height:1.6}.story-page .share-tools{margin:8px 0 62px}.story-lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.story-lesson-grid article{min-height:245px;padding:27px;border:1px solid var(--line);background:#fff}.story-lesson-grid article>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:28px;border-radius:50%;background:#eef2ed;color:var(--green)}.story-lesson-grid h3{margin-bottom:10px;font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.3}.story-lesson-grid p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.story-example{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:50px;padding:38px;border:1px solid #e0dacb;background:#f2eee4}.story-example h2{font-size:36px}.story-example p{max-width:720px;color:var(--muted);font-size:14px;line-height:1.85}.story-example>div>small{color:var(--muted);font-size:9px}.story-example dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.story-example dl>div{display:flex;flex-direction:column;justify-content:center;min-height:105px;padding:17px;border:1px solid #dfd7c3;background:#fff}.story-example dt{color:var(--muted);font-size:9px}.story-example dd{margin:7px 0 0;font-family:var(--serif);font-size:22px;line-height:1.2}.story-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-related{margin-top:55px;padding-top:36px;border-top:1px solid var(--line)}.story-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.story-related>a{display:block}.story-related>div>a,.story-related>div>.link-card{display:grid;grid-template-columns:42px 1fr;gap:3px 13px;min-height:150px;padding:22px;border:1px solid var(--line);background:#fff}.story-related>div>a>span,.story-related>div>.link-card>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#f2eee3;color:var(--gold);font-size:19px}.story-related strong{font-family:var(--serif);font-size:17px;font-weight:400;line-height:1.35}.story-related small{color:var(--muted);font-size:10px;line-height:1.6}
@media(max-width:900px){.story-answer{grid-template-columns:1fr}.story-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.story-lesson-grid,.story-related>div{grid-template-columns:1fr}.story-lesson-grid article{min-height:0}.story-example{grid-template-columns:1fr}.story-resource-grid{grid-template-columns:1fr}}
@media(max-width:620px){.story-answer{gap:25px;margin-bottom:40px;padding:21px}.story-answer-copy h2,.story-example h2{font-size:29px}.story-flow{grid-template-columns:1fr}.story-flow li{min-height:0}.story-flow li:not(:last-child):after{top:auto;right:calc(50% - 13px);bottom:-17px;transform:rotate(90deg)}.story-flow li>span{margin-bottom:15px}.story-flow strong{margin-top:0}.story-control-grid,.story-result-metrics,.story-example dl{grid-template-columns:1fr}.story-output{min-height:390px}.story-page .share-tools{margin-bottom:42px}.story-example{gap:25px;padding:23px}.story-related>div>a,.story-related>div>.link-card{min-height:0}}

/* Keep breadcrumbs closer to the desktop navigation without changing mobile spacing. */
@media(min-width:621px){.breadcrumbs{padding-top:6px}}

/* AJAX chart loading feedback. */
.chart-status.is-loading{display:flex;align-items:center;gap:12px;min-height:18px;color:var(--muted)}
.ajax-progress{position:relative;display:block;flex:1;max-width:240px;height:6px;overflow:hidden;border-radius:999px;background:#e5e3da}
.ajax-progress>span{position:absolute;inset-block:0;left:0;width:42%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),#d5b65c);transform:translateX(-100%);animation:chart-loading 1.05s ease-in-out infinite}
@keyframes chart-loading{to{transform:translateX(238.1%)}}
@media(prefers-reduced-motion:reduce){.ajax-progress>span{left:0;width:55%;transform:none;animation:none}}
.quiz-key-list{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:quizkey}
.quiz-key-list>li{padding:20px 22px;border:1px solid var(--line);border-radius:11px;background:#fff;counter-increment:quizkey}
.quiz-key-list h3{margin:0 0 6px;font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.35}
.quiz-key-list h3::before{content:counter(quizkey) ". ";color:var(--gold)}
.quiz-key-list summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:13px;font-weight:600}
.quiz-key-list details p{margin:4px 0 0;line-height:1.7}
.quiz-topic-links{display:grid;gap:10px;padding-left:20px;line-height:1.7}
@media(max-width:620px){.quiz-key-list>li{padding:16px}.quiz-key-list h3{font-size:18px}}
.quiz-topic-links a{color:var(--ink,inherit);font-weight:600;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.direct-answer{max-width:760px;margin:14px 0 0;padding:14px 18px;border-left:3px solid var(--gold);background:#fff;border-radius:0 9px 9px 0;font-size:15px;line-height:1.7}
.direct-answer strong{font-weight:700}
.mobile-grid .menu-group-title,.footer-grid .footer-title{margin-top:0}
.hero-updated{margin-top:6px;color:var(--muted)}
.weight-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:14px}
.weight-price-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:14px}
.weight-price-table caption{text-align:left;font-family:var(--serif);font-size:19px;padding:0 0 10px}
.weight-price-table th,.weight-price-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}
.weight-price-table th[scope=row],.weight-price-table thead th:first-child{text-align:left}
.weight-price-table thead th{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.ratio-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:10px 0}
.ratio-cards a:not(.card-link),.ratio-cards>.link-card{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:#fff}
.ratio-cards a:not(.card-link):hover,.ratio-cards>.link-card:hover,.ratio-cards>.link-card:focus-within{border-color:var(--gold)}
.ratio-cards strong{font-family:var(--serif);font-size:30px;font-weight:400}
.ratio-cards span{color:var(--muted);font-size:13px;line-height:1.5}
.data-coverage-list{display:grid;gap:10px;padding-left:20px;line-height:1.7}
@media(max-width:760px){.weight-tables,.ratio-cards{grid-template-columns:1fr}.weight-price-table{font-size:13px}.weight-price-table th,.weight-price-table td{padding:9px 8px}}
/* Reserve the space the first calculation fills, so results never shift the panel (CLS). */
#utility-detail,#calc-detail{min-height:45px}
/* Side-by-side layout only (stacked results load below the fold): these two tools print long values that wrap in the narrower column. */
@media(min-width:851px) and (max-width:1300px){.calculator-form[data-tool="refinery-yield"]~.result-panel #utility-result,.calculator-form[data-tool="crack-spread"]~.result-panel #utility-result{min-height:2lh}}
/* Narrowest side-by-side column: most results take two lines and the longest explanation three. */
@media(min-width:851px) and (max-width:1000px){#utility-result{min-height:2lh}#utility-detail{min-height:3lh}}
/* The source label is filled in after load; reserve the lines it needs. */
#calc-source{min-height:2lh}
@media(min-width:621px) and (max-width:850px){#calc-source{min-height:3lh}}
@media(max-width:360px){#calc-source{min-height:3lh}}
/* Reserve the vertical scrollbar from first paint: on a slow load the page starts one
   screen tall, then the scrollbar appears and would shift everything sideways (CLS). */
html{scrollbar-gutter:stable}
/* The large inline flag sprite can split the header across network chunks; hold the
   header-actions row at its final height so a partial first paint never grows later. */
.header-actions{min-height:48px}
@media(max-width:900px){.header-actions{min-height:58px}}
@media(max-width:620px){.header-actions{min-height:44px}}
/* Same reason, horizontally: the right-aligned group must not widen leftward when the
   currency picker arrives after the search icon has painted. */
@media(min-width:901px){.header-actions{min-width:184px;justify-content:flex-start}}
@media(min-width:851px) and (max-width:900px){.header-actions{min-width:263px;justify-content:flex-start}}
@media(min-width:621px) and (max-width:850px){.header-actions{min-width:239px;justify-content:flex-start}}
/* Cards link only their title (anchor text = title, not title + description). The card is a
   .link-card; the ::after overlay stretches its .card-link title over the whole card. */
.link-card { position:relative }
.card-link { color:inherit;text-decoration:none }
.card-link::after { content:"";position:absolute;inset:0 }