.sjhg{--sjhg-ink:var(--sjh-heading);--sjhg-muted:var(--sjh-text);--sjhg-line:var(--sjh-line);--sjhg-accent:var(--sjh-brand);font:inherit;font-size:16px;line-height:1.6;color:var(--sjhg-ink);max-width:1200px;margin:28px auto;isolation:isolate}.sjhg *{box-sizing:border-box}.sjhg [hidden]{display:none!important}.sjhg h2,.sjhg h3,.sjhg h4,.sjhg p{margin:0 0 14px;color:inherit}.sjhg a{color:var(--sjh-brand);text-underline-offset:3px}.sjhg button,.sjhg input,.sjhg select{font:inherit}.sjhg button,.sjhg-pagination a{cursor:pointer;background:var(--sjhg-ink);color:#fff;border:1px solid transparent;border-radius:var(--sjh-card-radius);padding:11px 16px;text-decoration:none;font-weight:650}.sjhg button:hover,.sjhg-pagination a:hover{background:var(--sjh-heading);color:#fff}.sjhg :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--sjh-brand);outline-offset:3px}.sjhg-hero{padding:32px;border-radius:var(--sjh-card-radius);background:linear-gradient(125deg,#102442,#203d65);color:var(--sjh-heading)}.sjhg-hero :is(h1,h2,h3){font-size:clamp(26px,4vw,40px);line-height:1.16;max-width:900px;margin:12px 0 18px}.sjhg-hero p{max-width:830px;color:#e4eaf4}.sjhg-eyebrow{font-size:12px;letter-spacing:.13em;font-weight:750;color:#f7b9cf}.sjhg-pills{display:flex;gap:9px;flex-wrap:wrap}.sjhg-pills span{font-size:12px;background:#ffffff12;border:1px solid #ffffff35;border-radius:30px;padding:5px 10px}.sjhg-sync,.sjhg-list-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px 0 12px}.sjhg-sync p,.sjhg-list-header p,.sjhg-list-header h2{margin:0}.sjhg-sync{font-size:13px}.sjhg-sync button,.sjhg-history button{padding:7px 12px;font-size:13px}.sjhg-notice{padding:13px 17px;border:1px solid #e6d4ad;background:#fff9ec;border-radius:var(--sjh-card-radius);font-size:14px}.sjhg-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:22px;background:var(--sjh-soft);border:1px solid var(--sjhg-line);border-radius:var(--sjh-card-radius);margin:24px 0}.sjhg-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650}.sjhg-form input,.sjhg-form select,.sjhg-calculator input{width:100%;min-width:0;padding:10px;border:1px solid #c1c6ce;border-radius:var(--sjh-card-radius);color:var(--sjhg-ink);background:white;height:45px}.sjhg-form button{align-self:end}.sjhg-section-title{font-size:24px}.sjhg-muted{color:var(--sjhg-muted)!important;font-size:14px}.sjhg-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.sjhg-stat{border:1px solid var(--sjhg-line);border-top:5px solid var(--fuel);border-radius:var(--sjh-card-radius);padding:22px;box-shadow:none;background:#fff}.sjhg-regular{--fuel:#087044}.sjhg-premium{--fuel:#b72234}.sjhg-diesel{--fuel:#282d35}.sjhg-fuel{display:inline-block;color:var(--fuel);background:var(--sjh-soft);border-radius:5px;padding:3px 9px;font-weight:750}.sjhg-stat-label{display:block;font-size:13px;margin-top:16px;color:var(--sjhg-muted)}.sjhg-stat strong{display:block;font-size:38px;line-height:1.25;letter-spacing:-.025em}.sjhg-stat>span:last-of-type{font-size:12px;color:var(--sjhg-muted)}.sjhg-stat dl{display:grid;grid-template-columns:1fr auto;gap:4px;margin:18px 0;border-top:1px solid var(--sjhg-line);padding-top:13px;font-size:14px}.sjhg-stat dt,.sjhg-stat dd{margin:0}.sjhg-stat dd{font-weight:650}.sjhg-stat small{font-size:12px;color:var(--sjhg-muted)}.sjhg-calculator{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:23px;background:var(--sjh-soft);border:1px solid var(--sjh-line);border-radius:var(--sjh-card-radius);margin:24px 0}.sjhg-calculator p{font-size:13px;margin:0}.sjhg-calculator label{font-size:13px;max-width:100px}.sjhg-calculator output{font-size:21px;font-weight:750;max-width:240px}.sjhg-table-wrap{width:100%;overflow:auto;border:1px solid var(--sjhg-line);border-radius:var(--sjh-card-radius);background:white;margin:12px 0;max-height:620px;overscroll-behavior-x:contain}.sjhg-table{border-collapse:collapse;width:100%;font-size:13px;margin:0;min-width:650px;line-height:1.5}.sjhg-table th,.sjhg-table td{padding:13px 15px;border:0;border-bottom:1px solid var(--sjhg-line);text-align:left;vertical-align:top}.sjhg-table thead th{background:var(--sjh-soft);font-size:12px;white-space:nowrap;position:sticky;top:0;z-index:1}.sjhg-table tbody th{font-weight:650;min-width:180px}.sjhg-table tbody tr:nth-child(even){background:var(--sjh-soft)}.sjhg-table small{display:block;font-size:11px;font-weight:400;color:var(--sjhg-muted);margin-top:5px}.sjhg-pagination{display:flex;align-items:center;gap:12px;margin:18px 0 28px;font-size:13px;flex-wrap:wrap}.sjhg-pagination span{margin-left:auto}.sjhg-state-comparison,.sjhg-guide,.sjhg-history{padding:22px;border:1px solid var(--sjhg-line);border-radius:var(--sjh-card-radius);margin:24px 0;background:#fff}.sjhg summary{cursor:pointer;font-weight:700;padding:5px 0}.sjhg details[open]>summary{margin-bottom:14px}.sjhg-guide{background:var(--sjh-soft);font-size:14px}.sjhg-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sjhg-guide h3{font-size:15px}.sjhg-credit{border-top:1px solid var(--sjhg-line);padding-top:17px;font-size:12px;margin:18px 0 0!important}.sjhg-history>p{font-size:13px;color:var(--sjhg-muted)}.sjhg-history svg{width:100%;height:auto;display:block;background:var(--sjh-soft);border-radius:var(--sjh-card-radius)}.sjhg-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;margin:10px 0}.sjhg-legend span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--fuel);margin-right:6px}.sjhg [aria-busy=true]{opacity:.7}.sjhg-micro{font:inherit}.sjhg-compact{border:1px solid var(--sjhg-line);padding:22px;border-radius:var(--sjh-card-radius)}.sjhg-compact p{font-size:12px}.sjhg [data-trend]{padding:12px;background:var(--sjh-soft);border-radius:var(--sjh-card-radius)}
@media(max-width:850px){.sjhg-form{grid-template-columns:repeat(2,minmax(0,1fr))}.sjhg-stat{padding:16px}.sjhg-stat strong{font-size:30px}.sjhg-guide-grid{grid-template-columns:1fr}.sjhg-calculator{flex-wrap:wrap}.sjhg-calculator>div{flex-basis:100%}}
@media(max-width:560px){.sjhg-history svg text{font-size:22px}}
@media(max-width:560px){.sjhg{font-size:15px;margin:18px auto}.sjhg-hero{padding:24px 20px;border-radius:var(--sjh-card-radius)}.sjhg-stats{grid-template-columns:1fr;gap:12px}.sjhg-stat{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}.sjhg-stat .sjhg-fuel{justify-self:start}.sjhg-stat strong{font-size:34px}.sjhg-stat dl{grid-column:2;grid-row:1 / 5;margin:0;border-top:0;padding:0;align-self:center}.sjhg-stat small{grid-column:1 / 3;margin-top:12px}.sjhg-form{padding:16px;gap:12px}.sjhg-form label{font-size:12px}.sjhg-form button{grid-column:1 / 3}.sjhg-state-comparison,.sjhg-guide,.sjhg-history{padding:16px}.sjhg-sync,.sjhg-list-header{align-items:flex-start;flex-wrap:wrap}.sjhg-table th,.sjhg-table td{padding:10px}.sjhg-calculator output{font-size:18px;max-width:180px}}
.sjhg-breadcrumb{font-size:13px;margin:0 0 16px;display:flex;gap:8px;flex-wrap:wrap}
.sjhg-no-data{max-width:920px;margin:24px auto;padding:clamp(30px,6vw,64px);border:1px solid #dce4ef;border-radius:22px;background:linear-gradient(145deg,#f8fafd,#fff);box-shadow:0 18px 50px #10265314;text-align:center}.sjhg-no-data__icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 18px;border-radius:20px;background:#fff0f5;font-size:36px}.sjhg-no-data__eyebrow{margin:0 0 8px;color:#c93668;font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.sjhg-no-data h2{max-width:720px;margin:0 auto 14px;color:#102653;font-size:clamp(28px,5vw,46px);line-height:1.08}.sjhg-no-data>p:not(.sjhg-no-data__eyebrow){max-width:700px;margin:12px auto;color:#4c5c75}.sjhg-no-data__link{display:inline-flex;margin-top:8px;padding:12px 18px;border-radius:10px;background:#102653;color:#fff!important;font-weight:800;text-decoration:none!important}.sjhg-no-data small{display:block;margin-top:18px;color:#718096}
.sjhg-form{gap:10px;padding:14px 16px;margin:16px 0}.sjhg-form label{gap:4px;font-size:12px}.sjhg-form input,.sjhg-form select,.sjhg-calculator input{height:42px;padding:7px 9px}.sjhg-form button{padding:8px 13px;min-height:42px}
