.pd .pd-tr-hero{position:relative;display:grid;justify-items:start;gap:18px;padding-top:clamp(24px,5vw,56px)}.pd .pd-tr-hero:before{content:"";position:absolute;inset:auto -40px -36px 30%;height:260px;z-index:-1;background-image:radial-gradient(var(--dot-strong) 1.3px,transparent 1.9px);background-size:11px 11px;clip-path:polygon(8% 0,100% 12%,100% 100%,0 88%);pointer-events:none}.pd .pd-tr-hero .pd-hero-title{max-width:16ch}.pd .pd-tr-year-title{margin-top:22px}.pd .pd-tr-tiles{width:100%;margin-top:4px}@media(min-width:640px){.pd .pd-tr-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.pd .pd-tr-tile-from{margin-top:8px;font-size:13.5px;font-weight:500;color:var(--ink-2)}.pd .pd-price-tile:first-child .pd-tr-tile-from{color:#3a3a40}.pd .pd-tr-table-panel{margin-top:26px;padding:8px 18px 16px;background:var(--panel);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink)}.pd .pd-tr-table{width:100%;border-collapse:collapse;font-size:15px}.pd .pd-tr-table caption{caption-side:bottom;padding-top:14px;font-size:13.5px;color:var(--ink-2);text-align:left}.pd .pd-tr-table th,.pd .pd-tr-table td{padding:12px 10px;text-align:right;vertical-align:top}.pd .pd-tr-table th:first-child{text-align:left}.pd .pd-tr-table thead th{font-size:13px;font-weight:700;line-height:1.3;color:var(--ink-2);border-bottom:3px solid var(--ink)}.pd .pd-tr-table thead th time,.pd .pd-tr-table td time{display:block;margin-top:2px;font-size:12.5px;font-weight:500;color:var(--ink-2)}.pd .pd-tr-table tbody th{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.1;letter-spacing:.03em}.pd .pd-tr-table tbody td{font-weight:700;font-size:17px}.pd .pd-tr-table tbody tr+tr th,.pd .pd-tr-table tbody tr+tr td{border-top:1.5px dashed color-mix(in srgb,var(--ink) 35%,transparent)}.pd .pd-tr-table .pd-tr-now-col{color:#17171b;background-color:var(--accent);background-image:radial-gradient(rgb(23 23 27 / .14) 1px,transparent 1.6px);background-size:7px 7px}.pd .pd-tr-table thead .pd-tr-now-col,.pd .pd-tr-table .pd-tr-now-col time{color:#3a3a40}.pd .pd-tr-table tbody td.pd-tr-now-col{font-size:19px;font-weight:800}@media(max-width:719px){.pd .pd-tr-table-panel{padding:14px 12px 12px;box-shadow:6px 6px 0 var(--ink)}.pd .pd-tr-table,.pd .pd-tr-table tbody,.pd .pd-tr-table tr,.pd .pd-tr-table th,.pd .pd-tr-table td{display:block}.pd .pd-tr-table caption{display:block;padding:4px 2px 0}.pd .pd-tr-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.pd .pd-tr-table tbody tr{border:2.5px solid var(--ink);margin-bottom:14px}.pd .pd-tr-table tbody tr+tr th,.pd .pd-tr-table tbody tr+tr td{border-top:0}.pd .pd-tr-table tbody th{padding:8px 12px 6px;border-bottom:2.5px solid var(--ink);text-align:left}.pd .pd-tr-table tbody td{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;padding:8px 12px;font-size:16px}.pd .pd-tr-table tbody td+td{border-top:1.5px dashed color-mix(in srgb,var(--ink) 30%,transparent)}.pd .pd-tr-table tbody td:before{content:attr(data-label);margin-right:auto;font-size:13.5px;font-weight:600;color:var(--ink-2)}.pd .pd-tr-table tbody td.pd-tr-now-col:before{color:#3a3a40}.pd .pd-tr-table td time{display:inline;margin:0}.pd .pd-tr-table tbody td.pd-tr-now-col{font-size:18px}}.pd .pd-tr-controls{display:grid;gap:18px;margin-top:26px}@media(min-width:960px){.pd .pd-tr-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px}}.pd .pd-tr-control{display:grid;gap:8px;min-width:0}.pd .pd-tr-control-label{font-family:var(--display);font-size:21px;letter-spacing:.04em;line-height:1}.pd .pd-tr-chips{display:flex;flex-wrap:wrap;gap:8px}.pd .pd-tr-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;font:700 14px/1 var(--body);color:var(--ink);background:var(--panel);border:2.5px solid var(--ink);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,transform .2s cubic-bezier(.16,1,.3,1)}.pd .pd-tr-chip:hover{background:var(--accent);color:var(--on-accent)}.pd .pd-tr-chip:active{transform:translateY(1px)}.pd .pd-tr-chip[aria-pressed=true]{color:var(--paper);background:var(--ink);box-shadow:3px 3px 0 var(--accent)}.pd .pd-tr-swatch{flex:none;display:inline-block;width:12px;height:12px;background:var(--swatch);border:2px solid currentColor}.pd .pd-tr-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--panel)}@media(min-width:960px){.pd .pd-tr-seg{display:inline-grid;grid-template-columns:repeat(4,auto)}}.pd .pd-tr-seg button{min-height:42px;padding:0 14px;font:700 14px/1.1 var(--body);white-space:nowrap;color:var(--ink);background:transparent;border:0;cursor:pointer;transition:background .2s,color .2s}.pd .pd-tr-seg button+button{border-left:2.5px solid var(--ink)}.pd .pd-tr-seg button:hover{background:var(--accent);color:var(--on-accent)}.pd .pd-tr-seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}@media(max-width:400px){.pd .pd-tr-seg button{padding:0 6px;font-size:13px}}.pd .pd-tr-explore{position:relative}.pd .pd-tr-explore:before{content:"";position:absolute;inset:45% -40px 60px;z-index:-1;background-image:radial-gradient(var(--dot-strong) 1.3px,transparent 1.9px);background-size:11px 11px;clip-path:polygon(0 6%,100% 0,100% 94%,0 100%);pointer-events:none}.pd .pd-tr-panel{margin-top:24px;padding:16px 12px 10px 4px;background:var(--panel);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink)}@media(max-width:599px){.pd .pd-tr-panel{box-shadow:6px 6px 0 var(--ink)}}.pd .pd-tr-panel-tag{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 6px 14px;font-family:var(--display);font-size:23px;letter-spacing:.04em;line-height:1.1}.pd .pd-tr-panel-tag .pd-tr-swatch{width:14px;height:14px;border-color:var(--ink)}.pd .pd-tr-panel-unit{font-family:var(--body);font-size:13px;font-weight:600;letter-spacing:0;color:var(--ink-2)}.pd .pd-tr-chart{height:260px;color:var(--ink)}@media(min-width:768px){.pd .pd-tr-chart{height:360px}.pd .pd-tr-chart--brent{height:320px}}.pd .pd-tr-chart .recharts-cartesian-axis-line{stroke:var(--ink);stroke-width:2.5px}.pd .pd-tr-chart .recharts-cartesian-axis-tick-line{stroke:var(--ink);stroke-width:2px}.pd .pd-tr-chart .recharts-cartesian-axis-tick-value{fill:var(--ink-2);font-family:var(--body);font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}.pd .pd-tr-chart .recharts-cartesian-grid line{stroke:var(--dot-strong)}.pd .pd-tr-chart .recharts-tooltip-cursor{stroke:var(--ink);stroke-width:2px}.pd .pd-tr-chart .recharts-active-dot circle{fill:var(--accent);stroke:var(--ink)}.pd .pd-tr-chart--fuel .pd-tr-pat-bg{fill:color-mix(in srgb,var(--accent) 34%,transparent)}.pd .pd-tr-chart--fuel .pd-tr-pat-dot{fill:color-mix(in srgb,var(--ink) 16%,transparent)}.pd .pd-tr-chart--brent .pd-tr-pat-bg{fill:transparent}.pd .pd-tr-chart--brent .pd-tr-pat-dot{fill:var(--dot-strong)}.pd .pd-tr-chart .recharts-wrapper:focus,.pd .pd-tr-chart .recharts-surface:focus{outline:none}.pd .pd-tr-tip{padding:8px 12px 9px;background:var(--panel);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transform:rotate(-1deg)}.pd .pd-tr-tip-date{font-size:12.5px;font-weight:700;color:var(--ink-2)}.pd .pd-tr-tip-value{font-family:var(--display);font-size:30px;line-height:1;letter-spacing:.03em;color:var(--ink)}.pd .pd-tr-tip-unit{font-size:12px;font-weight:600;color:var(--ink-2)}.pd .pd-tr-empty{display:grid;place-items:center;align-content:center;gap:8px;min-height:260px;padding:24px;text-align:center;color:var(--ink-2)}.pd .pd-tr-empty svg{font-size:46px;color:var(--ink)}.pd .pd-tr-empty p{max-width:42ch}.pd .pd-tr-empty .pd-tr-empty-title{font-family:var(--display);font-size:24px;letter-spacing:.03em;color:var(--ink)}.pd .pd-tr-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}@media(min-width:768px){.pd .pd-tr-stats:not(.pd-tr-stats--stack){grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}.pd .pd-tr-stat{display:grid;align-content:start;gap:2px;padding:12px 14px 13px;background:var(--panel);border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.pd .pd-tr-stat:nth-child(odd){transform:rotate(-.6deg)}.pd .pd-tr-stat:nth-child(2n){transform:rotate(.5deg)}.pd .pd-tr-stat:first-child{color:#17171b;background-color:var(--accent);background-image:radial-gradient(rgb(23 23 27 / .14) 1px,transparent 1.6px);background-size:7px 7px}.pd .pd-tr-stat dt{font-size:13px;font-weight:600;color:var(--ink-2);line-height:1.3}.pd .pd-tr-stat-value{font-size:clamp(22px,2.6vw,28px);font-weight:800;line-height:1.15;letter-spacing:-.01em}.pd .pd-tr-stat-date{font-size:12.5px;color:var(--ink-2)}.pd .pd-tr-stat:first-child dt,.pd .pd-tr-stat:first-child .pd-tr-stat-date{color:#3a3a40}.pd .pd-tr-brent-grid{display:grid;gap:4px}@media(min-width:960px){.pd .pd-tr-brent-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:32px;align-items:start}.pd .pd-tr-brent-side .pd-tr-stats{margin-top:24px}}.pd .pd-tr-note{display:flex;align-items:flex-start;gap:10px;margin-top:22px;padding:12px 14px;font-size:14.5px;font-weight:500;color:var(--ink-2);border:2.5px dashed var(--ink);text-wrap:pretty}.pd .pd-tr-note svg{flex:none;margin-top:2px;font-size:20px;color:var(--ink)}@media(prefers-reduced-motion:reduce){.pd .pd-tr-chip,.pd .pd-tr-seg button{transition:none}}