/* ==============================================
   State Page Styles — Shared Components
   Loaded via: $ec_page_styles = ['city-page.css', 'state-page.css']
   ============================================== */

.sp-utility-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 24px 0; }

@media (min-width: 768px) { .sp-utility-grid { grid-template-columns: repeat(2, 1fr); } }

.sp-utility-card { border: 1px solid var(--ec-border); border-radius: 14px; padding: 24px; background: #fff; transition: box-shadow .2s; }

.sp-utility-card:hover { box-shadow: 0 4px 24px rgba(0,0,0,.06); }

.sp-utility-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; padding-bottom: 14px; }

.sp-utility-brand-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

.sp-utility-brand-icon span { font-weight: 900; font-size: 14px; color: #fff; letter-spacing: -0.02em; }

.sp-utility-wordmark { font-weight: 900; font-size: 20px; letter-spacing: -0.02em; line-height: 1.1; }

.sp-utility-wordmark-sub { font-size: 11px; font-weight: 600; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.06em; margin-top: 2px; }

.sp-utility-meta { font-size: 13px; color: #9ca3af; margin-bottom: 12px; }

.sp-utility-rate { font-size: 28px; font-weight: 900; color: var(--ec-accent); margin-bottom: 4px; }

.sp-utility-label { font-size: 12px; color: #9ca3af; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }

.sp-utility-desc { font-size: 14px; color: #6b7280; line-height: 1.6; margin-top: 12px; }

.sp-fact-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 24px 0; }

@media (min-width: 768px) { .sp-fact-grid { grid-template-columns: repeat(4, 1fr); } }

.sp-fact-item { border: 1px solid var(--ec-border); border-radius: 12px; padding: 20px; text-align: center; }

.sp-fact-value { font-size: 28px; font-weight: 900; color: var(--ec-accent); line-height: 1; margin-bottom: 4px; }

.sp-fact-label { font-size: 13px; color: #6b7280; font-weight: 600; }

.sp-split-box { border: 2px solid #00263A; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #eef2f7 0%, #fff 100%); }

.sp-split-box h4 { font-size: 18px; font-weight: 700; color: #00263A; margin: 0 0 12px; padding: 0; }

.sp-split-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-split-box p:last-child { margin-bottom: 0; }

.sp-nuclear-box { border: 2px solid #bbf7d0; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f0fdf4 0%, #fff 100%); }

.sp-nuclear-box h4 { font-size: 18px; font-weight: 700; color: #166534; margin: 0 0 12px; padding: 0; }

.sp-nuclear-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-nuclear-box p:last-child { margin-bottom: 0; }

.sp-paradox-box { border: 2px solid #fbbf24; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-paradox-box h4 { font-size: 18px; font-weight: 700; color: #92400e; margin: 0 0 12px; padding: 0; }

.sp-paradox-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-paradox-box p:last-child { margin-bottom: 0; }

.sp-dereg-box { border: 2px solid #dbeafe; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #eff6ff 0%, #fff 100%); }

.sp-dereg-box h4 { font-size: 18px; font-weight: 700; color: #1d4ed8; margin: 0 0 12px; padding: 0; }

.sp-dereg-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-dereg-box p:last-child { margin-bottom: 0; }

.sp-dereg-box a { color: #1d4ed8; font-weight: 600; text-decoration: underline; }

.sp-tip-grid { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 24px 0; }

@media (min-width: 768px) { .sp-tip-grid { grid-template-columns: repeat(2, 1fr); } }

.sp-tip-card { border: 1px solid var(--ec-border); border-radius: 14px; padding: 24px; }

.sp-tip-card h4 { font-size: 16px; font-weight: 700; margin: 0 0 8px; padding: 0; }

.sp-tip-card p { font-size: 14px; color: #6b7280; margin: 0; line-height: 1.6; }

.sp-coop-callout { border: 1px solid var(--ec-border); border-left: 4px solid #00843D; border-radius: 0 14px 14px 0; padding: 24px; margin: 24px 0; background: #fff; }

.sp-coop-callout h4 { font-size: 16px; font-weight: 700; color: #00843D; margin: 0 0 8px; padding: 0; }

.sp-coop-callout p { font-size: 14px; color: #6b7280; line-height: 1.6; margin: 0; }

.sp-choice-update { border-radius: 20px; padding: 40px 44px; margin: 40px 0; background: linear-gradient(135deg, #f0f7ff 0%, #f8faff 50%, #fff 100%); border: 1px solid #e0e7ff; }

.sp-choice-update h3 { font-size: 26px; font-weight: 900; letter-spacing: -0.03em; color: #0A2540; margin: 0 0 8px; padding: 0; line-height: 1.2; }

.sp-choice-update .sp-choice-subtitle { font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #6366f1; margin: 0 0 28px; }

.sp-choice-update p { font-size: 17px; color: var(--ec-text-body); line-height: 1.85; margin: 0 0 20px; }

.sp-choice-update p:last-child { margin-bottom: 0; }

.sp-choice-update strong { color: #0A2540; }

.sp-choice-detail { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 32px; }

@media (min-width: 640px) { .sp-choice-detail { grid-template-columns: repeat(4, 1fr); } }

.sp-choice-detail-item { background: #fff; border: 1px solid var(--ec-border); border-radius: 14px; padding: 20px; text-align: center; }

.sp-choice-detail-value { font-size: 22px; font-weight: 900; color: #4f46e5; line-height: 1; margin-bottom: 6px; }

.sp-choice-detail-label { font-size: 12px; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.04em; }

@media (max-width: 480px) { .sp-choice-update { padding: 28px 24px; } .sp-choice-update h3 { font-size: 22px; } .sp-choice-update p { font-size: 15px; } }

@media (min-width: 768px) { .sp-utility-grid { grid-template-columns: repeat(3, 1fr); } }

.sp-utility-grid--two { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 16px 0; }

@media (min-width: 768px) { .sp-utility-grid--two { grid-template-columns: repeat(2, 1fr); } }

.sp-utility-brand-icon span { font-weight: 900; font-size: 13px; color: #fff; letter-spacing: -0.02em; }

.sp-utility-rate { font-size: 28px; font-weight: 900; color: #DC2626; margin-bottom: 4px; }

.sp-utility-rate--low { color: var(--ec-accent); }

.sp-fact-value { font-size: 28px; font-weight: 900; color: #1B4D7A; line-height: 1; margin-bottom: 4px; }

.sp-fact-value--red { color: #DC2626; }

.sp-fact-value--green { color: var(--ec-accent); }

.sp-fact-value--amber { color: #D97706; }

.sp-grid-box { border: 2px solid #1B4D7A; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #eef2f7 0%, #fff 100%); }

.sp-grid-box h4 { font-size: 18px; font-weight: 700; color: #1B4D7A; margin: 0 0 16px; padding: 0; }

.sp-grid-table { width: 100%; border-collapse: collapse; font-size: 14px; }

.sp-grid-table th { text-align: left; font-weight: 700; color: #1B4D7A; padding: 10px 12px; border-bottom: 2px solid #cbd5e1; font-size: 13px; text-transform: uppercase; letter-spacing: 0.04em; }

.sp-grid-table td { padding: 10px 12px; border-bottom: 1px solid var(--ec-border); color: var(--ec-text-body); }

.sp-grid-table tr:last-child td { border-bottom: none; }

.sp-crisis-box { border: 2px solid #DC2626; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fef2f2 0%, #fff 100%); }

.sp-crisis-box h4 { font-size: 18px; font-weight: 700; color: #991b1b; margin: 0 0 12px; padding: 0; }

.sp-crisis-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-crisis-box p:last-child { margin-bottom: 0; }

.sp-pce-box { border: 2px solid #D97706; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-pce-box h4 { font-size: 18px; font-weight: 700; color: #92400e; margin: 0 0 12px; padding: 0; }

.sp-pce-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-pce-box p:last-child { margin-bottom: 0; }

.sp-microgrid-box { border: 2px solid #2AABB3; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #ecfeff 0%, #fff 100%); }

.sp-microgrid-box h4 { font-size: 18px; font-weight: 700; color: #0e7490; margin: 0 0 12px; padding: 0; }

.sp-microgrid-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-microgrid-box p:last-child { margin-bottom: 0; }

.sp-cost-callout { border: 1px solid #fecaca; border-left: 4px solid #DC2626; border-radius: 0 14px 14px 0; padding: 24px; margin: 24px 0; background: #fff; }

.sp-cost-callout h4 { font-size: 16px; font-weight: 700; color: #991b1b; margin: 0 0 8px; padding: 0; }

.sp-cost-callout p { font-size: 14px; color: #6b7280; line-height: 1.6; margin: 0; }

@media (min-width: 768px) { .sp-fact-grid { grid-template-columns: repeat(5, 1fr); } }

@media (min-width: 768px) { .sp-tip-grid { grid-template-columns: repeat(3, 1fr); } }

.sp-palo-verde-box { border: 2px solid #bbf7d0; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f0fdf4 0%, #fff 100%); }

.sp-palo-verde-box h4 { font-size: 18px; font-weight: 700; color: #166534; margin: 0 0 12px; padding: 0; }

.sp-palo-verde-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-palo-verde-box p:last-child { margin-bottom: 0; }

.sp-summer-box { border: 2px solid #fed7aa; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fff7ed 0%, #fff 100%); }

.sp-summer-box h4 { font-size: 18px; font-weight: 700; color: #c2410c; margin: 0 0 12px; padding: 0; }

.sp-summer-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-summer-box p:last-child { margin-bottom: 0; }

.sp-solar-compare { display: grid; grid-template-columns: 1fr; gap: 0; margin: 32px 0; border-radius: 14px; overflow: hidden; border: 2px solid var(--ec-border); }

@media (min-width: 768px) { .sp-solar-compare { grid-template-columns: 1fr 1fr; } }

.sp-solar-compare-panel { padding: 28px; }

.sp-solar-compare-panel--aps { background: linear-gradient(180deg, #f0fdf4 0%, #fff 100%); border-bottom: 2px solid var(--ec-border); }

@media (min-width: 768px) { .sp-solar-compare-panel--aps { border-bottom: none; border-right: 2px solid var(--ec-border); } }

.sp-solar-compare-panel--srp { background: linear-gradient(180deg, #eff6ff 0%, #fff 100%); }

.sp-solar-compare-panel h4 { font-size: 18px; font-weight: 700; margin: 0 0 12px; padding: 0; }

.sp-solar-compare-panel--aps h4 { color: #00843D; }

.sp-solar-compare-panel--srp h4 { color: #0072CE; }

.sp-solar-compare-panel p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 10px; }

.sp-solar-compare-panel p:last-child { margin-bottom: 0; }

.sp-solar-compare-panel strong { color: var(--ec-text-heading); }

.sp-utility-grid-bottom { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 0 0 24px; }

@media (min-width: 768px) { .sp-utility-grid-bottom { grid-template-columns: repeat(2, 1fr); } }

.sp-utility-brand-icon span { font-weight: 900; font-size: 10px; color: #fff; letter-spacing: -0.02em; line-height: 1.1; text-align: center; }

.sp-utility-wordmark { font-weight: 900; font-size: 17px; letter-spacing: -0.02em; line-height: 1.15; }

.sp-fact-item { border: 1px solid var(--ec-border); border-radius: 12px; padding: 16px; text-align: center; }

.sp-fact-value { font-size: 22px; font-weight: 900; color: var(--ec-accent); line-height: 1; margin-bottom: 4px; }

@media (min-width: 768px) { .sp-fact-value { font-size: 24px; } }

.sp-fact-value--slate { color: #64748b; }

.sp-fact-label { font-size: 12px; color: #6b7280; font-weight: 600; }

.sp-afford-box { border: 2px solid #059669; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #ecfdf5 0%, #fff 100%); }

.sp-afford-box h4 { font-size: 18px; font-weight: 700; color: #065f46; margin: 0 0 12px; padding: 0; }

.sp-afford-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-afford-box p:last-child { margin-bottom: 0; }

.sp-coop-box { border: 2px solid #d1fae5; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f0fdf4 0%, #fff 100%); }

.sp-coop-box h4 { font-size: 18px; font-weight: 700; color: #166534; margin: 0 0 12px; padding: 0; }

.sp-coop-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-coop-box p:last-child { margin-bottom: 0; }

.sp-nuclear-box { border: 2px solid #94a3b8; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f1f5f9 0%, #fff 100%); }

.sp-nuclear-box h4 { font-size: 18px; font-weight: 700; color: #334155; margin: 0 0 12px; padding: 0; }

.sp-nuclear-specs { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 20px 0 0; }

@media (min-width: 640px) { .sp-nuclear-specs { grid-template-columns: repeat(2, 1fr); } }

.sp-nuclear-spec { background: #e2e8f0; border-radius: 10px; padding: 14px 16px; font-size: 13px; color: #334155; line-height: 1.5; }

.sp-nuclear-spec strong { color: #0f172a; }

.sp-solar-box { border: 2px solid #fbbf24; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-solar-box h4 { font-size: 18px; font-weight: 700; color: #92400e; margin: 0 0 12px; padding: 0; }

.sp-solar-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-solar-box p:last-child { margin-bottom: 0; }

.sp-biz-box { border-left: 4px solid var(--ec-accent); padding: 20px 24px; margin: 24px 0; background: var(--ec-surface); border-radius: 0 12px 12px 0; }

.sp-biz-box p { font-size: 15px; color: #334155; line-height: 1.75; margin: 0; }

.sp-lead-box { border-left: 4px solid var(--ec-accent); padding: 20px 24px; margin: 24px 0; background: var(--ec-surface); border-radius: 0 12px 12px 0; }

.sp-lead-box p { font-size: 15px; color: #334155; line-height: 1.75; margin: 0; }

.sp-utility-rate { font-size: 28px; font-weight: 900; color: #dc2626; margin-bottom: 4px; }

.sp-warn-box { border: 2px solid #fecaca; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fff1f2 0%, #fff 100%); }

.sp-warn-box h4 { font-size: 18px; font-weight: 700; color: #dc2626; margin: 0 0 12px; padding: 0; }

.sp-warn-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-warn-box p:last-child { margin-bottom: 0; }

.sp-cca-grid { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 24px 0; }

@media (min-width: 768px) { .sp-cca-grid { grid-template-columns: repeat(2, 1fr); } }

.sp-cca-card { border: 1px solid var(--ec-border); border-radius: 14px; padding: 24px; }

.sp-cca-card h4 { font-size: 16px; font-weight: 700; margin: 0 0 4px; padding: 0; color: var(--ec-text-heading); }

.sp-cca-meta { font-size: 13px; color: var(--ec-accent); font-weight: 600; margin-bottom: 8px; }

.sp-cca-card p { font-size: 14px; color: #6b7280; margin: 0; line-height: 1.6; }

.sp-clean-box { border: 2px solid #bbf7d0; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f0fdf4 0%, #fff 100%); }

.sp-clean-box h4 { font-size: 18px; font-weight: 700; color: #166534; margin: 0 0 12px; padding: 0; }

.sp-clean-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-clean-box p:last-child { margin-bottom: 0; }

.sp-progress-track { background: var(--ec-border); border-radius: 8px; height: 28px; position: relative; overflow: hidden; margin: 16px 0 8px; }

.sp-progress-fill { height: 100%; border-radius: 8px; background: linear-gradient(90deg, #166534 0%, #22c55e 100%); display: flex; align-items: center; justify-content: flex-end; padding-right: 10px; }

.sp-progress-fill span { font-size: 13px; font-weight: 800; color: #fff; }

.sp-progress-labels { display: flex; justify-content: space-between; font-size: 12px; color: #6b7280; font-weight: 600; }

.sp-tou-box { border: 2px solid #dbeafe; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #eff6ff 0%, #fff 100%); }

.sp-tou-box h4 { font-size: 18px; font-weight: 700; color: #1d4ed8; margin: 0 0 12px; padding: 0; }

.sp-tou-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-tou-box p:last-child { margin-bottom: 0; }

.sp-coal-box { border: 2px solid #57534e; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #292524 0%, #1c1917 100%); }

.sp-coal-box h4 { font-size: 18px; font-weight: 700; color: #fbbf24; margin: 0 0 12px; padding: 0; }

.sp-coal-box p { font-size: 14px; color: #d6d3d1; line-height: 1.7; margin: 0 0 12px; }

.sp-coal-box p:last-child { margin-bottom: 0; }

.sp-coal-box strong { color: #fef3c7; }

.sp-mountain-box { border: 2px solid #93c5fd; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #eff6ff 0%, #f0f9ff 50%, #fff 100%); }

.sp-mountain-box h4 { font-size: 18px; font-weight: 700; color: #1e40af; margin: 0 0 12px; padding: 0; }

.sp-mountain-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-mountain-box p:last-child { margin-bottom: 0; }

.sp-util-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 32px 0; }

@media (min-width: 640px) { .sp-util-grid { grid-template-columns: repeat(2, 1fr); } }

.sp-util-card { border: 1px solid var(--ec-border); border-radius: 14px; padding: 28px 24px; }

.sp-util-card h4 { font-size: 18px; font-weight: 700; color: #1f1f1f; margin: 0 0 4px; padding: 0; }

.sp-util-card .sp-util-area { font-size: 13px; color: var(--ec-accent); font-weight: 600; margin: 0 0 12px; }

.sp-util-card p { font-size: 14px; color: #6b7280; margin: 0; line-height: 1.6; }

.sp-vs { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 32px 0; border: 1px solid var(--ec-border); border-radius: 14px; overflow: hidden; }

.sp-vs-col { padding: 28px 24px; }

.sp-vs-col:first-child { background: #fff1f2; border-right: 1px solid var(--ec-border); }

.sp-vs-col h4 { font-size: 16px; font-weight: 700; margin: 0 0 6px; padding: 0; }

.sp-vs-col:first-child h4 { color: #dc2626; }

.sp-vs-col:last-child h4 { color: #6b7280; }

.sp-vs-rate { font-size: 32px; font-weight: 900; line-height: 1; margin-bottom: 4px; }

.sp-vs-col:first-child .sp-vs-rate { color: #dc2626; }

.sp-vs-col:last-child .sp-vs-rate { color: var(--ec-text-body); }

.sp-vs-label { font-size: 12px; color: #9ca3af; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }

@media (max-width: 540px) {
        .sp-vs { grid-template-columns: 1fr; }
        .sp-vs-col:first-child { border-right: none; border-bottom: 1px solid var(--ec-border); }
    }

.sp-season-grid { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 32px 0; }

@media (min-width: 768px) { .sp-season-grid { grid-template-columns: repeat(3, 1fr); } }

.sp-season-card { border: 1px solid var(--ec-border); border-radius: 14px; padding: 24px; }

.sp-season-card h4 { font-size: 16px; font-weight: 700; margin: 0 0 8px; padding: 0; }

.sp-season-card p { font-size: 14px; color: #6b7280; margin: 0; line-height: 1.6; }

.sp-season-card--best { border-color: #bbf7d0; background: linear-gradient(180deg, #f0fdf4 0%, #fff 100%); }

.sp-season-card--best h4 { color: #16a34a; }

.sp-season-card--avoid { border-color: #fecaca; background: linear-gradient(180deg, #fff1f2 0%, #fff 100%); }

.sp-season-card--avoid h4 { color: #dc2626; }

.sp-season-badge { display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; padding: 3px 10px; border-radius: 20px; margin-bottom: 10px; }

.sp-season-card--best .sp-season-badge { background: #dcfce7; color: #166534; }

.sp-season-card--avoid .sp-season-badge { background: #fecdd3; color: #9f1239; }

.sp-vs-col:first-child { background: #fffbeb; border-right: 1px solid var(--ec-border); }

.sp-vs-col:first-child h4 { color: #d97706; }

.sp-vs-col:first-child .sp-vs-rate { color: #d97706; }

@media (max-width: 540px) { .sp-vs { grid-template-columns: 1fr; } .sp-vs-col:first-child { border-right: none; border-bottom: 1px solid var(--ec-border); } }

.sp-hurricane-box { border: 2px solid #fed7aa; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fff7ed 0%, #fff 100%); }

.sp-hurricane-box h4 { font-size: 18px; font-weight: 700; color: #c2410c; margin: 0 0 12px; padding: 0; }

.sp-hurricane-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-hurricane-box p:last-child { margin-bottom: 0; }

.sp-marketer-grid { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 24px 0; }

@media (min-width: 768px) { .sp-marketer-grid { grid-template-columns: repeat(2, 1fr); } }

.sp-marketer-card { border: 1px solid var(--ec-border); border-radius: 14px; padding: 24px; }

.sp-marketer-card h4 { font-size: 16px; font-weight: 700; margin: 0 0 8px; padding: 0; color: var(--ec-text-heading); }

.sp-marketer-card p { font-size: 14px; color: #6b7280; margin: 0; line-height: 1.6; }

.sp-vogtle-box { border: 2px solid #bbf7d0; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f0fdf4 0%, #fff 100%); }

.sp-vogtle-box h4 { font-size: 18px; font-weight: 700; color: #166534; margin: 0 0 12px; padding: 0; }

.sp-vogtle-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-vogtle-box p:last-child { margin-bottom: 0; }

.sp-utility-brand-icon span { font-weight: 900; font-size: 12px; color: #fff; letter-spacing: -0.02em; }

@media (min-width: 768px) { .sp-fact-grid { grid-template-columns: repeat(3, 1fr); } }

.sp-fact-value { font-size: 28px; font-weight: 900; line-height: 1; margin-bottom: 4px; }

.sp-fact-value--red { color: #dc2626; }

.sp-fact-value--blue { color: #00467F; }

.sp-fact-value--orange { color: #F37021; }

.sp-ocean-box { border: 2px solid #bfdbfe; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #eff6ff 0%, #fff 100%); }

.sp-ocean-box h4 { font-size: 18px; font-weight: 700; color: #00467F; margin: 0 0 12px; padding: 0; }

.sp-ocean-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-ocean-box p:last-child { margin-bottom: 0; }

.sp-solar-box { border: 2px solid #bbf7d0; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f0fdf4 0%, #fff 100%); }

.sp-solar-box h4 { font-size: 18px; font-weight: 700; color: #166534; margin: 0 0 12px; padding: 0; }

.sp-wildfire-box { border: 2px solid #fed7aa; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fff7ed 0%, #fff 100%); }

.sp-wildfire-box h4 { font-size: 18px; font-weight: 700; color: #c2410c; margin: 0 0 12px; padding: 0; }

.sp-wildfire-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-wildfire-box p:last-child { margin-bottom: 0; }

.sp-energy-mix-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 24px 0; }

@media (min-width: 768px) { .sp-energy-mix-grid { grid-template-columns: repeat(6, 1fr); } }

.sp-energy-mix-item { border: 1px solid var(--ec-border); border-radius: 12px; padding: 16px; text-align: center; }

.sp-energy-mix-value { font-size: 24px; font-weight: 900; color: var(--ec-text-heading); line-height: 1; margin-bottom: 4px; }

.sp-energy-mix-label { font-size: 12px; color: #6b7280; font-weight: 600; }

.sp-chart-container { background: var(--ec-surface-alt); border: 1px solid var(--ec-border); border-radius: 12px; padding: 24px 24px 16px; overflow-x: auto; margin: 24px 0; }

.sp-chart-container svg { width: 100%; height: auto; display: block; }

@media (max-width: 768px) { .sp-chart-container { padding: 16px 12px; } }

.sp-era-cards { display: flex; flex-direction: column; gap: 16px; margin: 28px 0; }

.sp-era-card { background: var(--ec-surface-alt); border: 1px solid var(--ec-border); border-left: 4px solid var(--ec-border); border-radius: 0 12px 12px 0; padding: 20px 24px; }

.sp-era-header { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 4px; }

.sp-era-name { font-size: 17px; font-weight: 700; margin: 0; padding: 0; color: #1f1f1f; }

.sp-era-rate { font-size: 20px; font-weight: 800; color: #1f1f1f; white-space: nowrap; }

.sp-era-meta { font-size: 13px; color: #6b7280; margin-bottom: 10px; }

.sp-era-body { font-size: 14.5px; color: #4b5563; line-height: 1.7; margin: 0; }

.sp-era-card--green { border-left-color: #34d399; }

.sp-era-card--yellow { border-left-color: #fbbf24; }

.sp-era-card--orange { border-left-color: #f97316; }

.sp-era-card--red { border-left-color: #ef4444; }

.sp-era-card--purple { border-left-color: #7c3aed; }

.sp-stat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 24px 0; }

@media (min-width: 768px) { .sp-stat-grid { grid-template-columns: repeat(4, 1fr); } }

.sp-stat-item { border: 1px solid var(--ec-border); border-radius: 12px; padding: 20px; text-align: center; }

.sp-stat-value { font-size: 28px; font-weight: 900; color: var(--ec-accent); line-height: 1; margin-bottom: 4px; }

.sp-stat-value--red { color: #dc2626; }

.sp-stat-label { font-size: 13px; color: #6b7280; font-weight: 600; }

.ec-rate-change { font-weight: 600; font-size: 13px; }

.ec-rate-change--up { color: #dc2626; }

.ec-rate-change--down { color: #16a34a; }

.ec-table-highlight { background: #f0fdf4 !important; font-weight: 700; }

.ec-table-highlight td { font-weight: 700; color: #1f1f1f; }

.sp-utility-grid-2 { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 0 0 24px; }

@media (min-width: 768px) { .sp-utility-grid-2 { grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 768px) { .sp-fact-grid { grid-template-columns: repeat(6, 1fr); } }

.sp-hydro-box { border: 2px solid #99f6e4; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f0fdfa 0%, #fff 100%); }

.sp-hydro-box h4 { font-size: 18px; font-weight: 700; color: #0f766e; margin: 0 0 12px; padding: 0; }

.sp-hydro-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-hydro-box p:last-child { margin-bottom: 0; }

.sp-hydro-box strong { color: #0f766e; }

.sp-dams-box { border: 2px solid #0d9488; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #ecfdf5 0%, #fff 100%); }

.sp-dams-box h4 { font-size: 18px; font-weight: 700; color: #047857; margin: 0 0 12px; padding: 0; }

.sp-dams-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-dams-box p:last-child { margin-bottom: 0; }

.sp-muni-box { border: 2px solid #c4b5fd; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f5f3ff 0%, #fff 100%); }

.sp-muni-box h4 { font-size: 18px; font-weight: 700; color: #6d28d9; margin: 0 0 12px; padding: 0; }

.sp-muni-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-muni-box p:last-child { margin-bottom: 0; }

.sp-growth-box { border: 2px solid #fde68a; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-growth-box h4 { font-size: 18px; font-weight: 700; color: #92400e; margin: 0 0 12px; padding: 0; }

.sp-growth-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-growth-box p:last-child { margin-bottom: 0; }

.sp-utility-rate--high { color: #e45c3a; }

.sp-fact-value { font-size: 28px; font-weight: 900; color: #e45c3a; line-height: 1; margin-bottom: 4px; }

.sp-choice-box { border: 2px solid #dbeafe; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #eff6ff 0%, #fff 100%); }

.sp-choice-box h4 { font-size: 18px; font-weight: 700; color: #1d4ed8; margin: 0 0 12px; padding: 0; }

.sp-choice-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-choice-box p:last-child { margin-bottom: 0; }

.sp-choice-box a { color: #1d4ed8; font-weight: 600; text-decoration: underline; }

.sp-coal-box { border: 2px solid #6b7280; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f3f4f6 0%, #fff 100%); border-image: linear-gradient(180deg, #4b5563, #9ca3af) 1; border-image-slice: 1; border-style: solid; border-width: 2px; border-radius: 14px; }

.sp-coal-box { border: 2px solid transparent; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, var(--ec-text-body), #9ca3af) border-box; position: relative; }

.sp-coal-box::before { content: ''; position: absolute; inset: 0; border-radius: 14px; background: linear-gradient(180deg, var(--ec-surface-alt) 0%, #fff 100%); z-index: 0; }

.sp-coal-box > * { position: relative; z-index: 1; }

.sp-coal-box h4 { font-size: 18px; font-weight: 700; color: var(--ec-text-body); margin: 0 0 12px; padding: 0; }

.sp-coal-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-amber-box { border: 2px solid #fbbf24; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-amber-box h4 { font-size: 18px; font-weight: 700; color: #92400e; margin: 0 0 12px; padding: 0; }

.sp-amber-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-amber-box p:last-child { margin-bottom: 0; }

.sp-ev-grid { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 24px 0; }

@media (min-width: 768px) { .sp-ev-grid { grid-template-columns: repeat(3, 1fr); } }

.sp-ev-card { border: 1px solid var(--ec-border); border-radius: 14px; padding: 24px; }

.sp-ev-card h4 { font-size: 16px; font-weight: 700; margin: 0 0 8px; padding: 0; }

.sp-ev-card p { font-size: 14px; color: #6b7280; margin: 0; line-height: 1.6; }

.sp-ev-card .sp-ev-invest { font-size: 24px; font-weight: 900; color: #1d4ed8; margin-top: 10px; }

.sp-choice-program-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 20px 0; }

@media (min-width: 768px) { .sp-choice-program-stats { grid-template-columns: repeat(3, 1fr); } }

.sp-choice-stat { background: #f0f7ff; border-radius: 10px; padding: 16px; text-align: center; }

.sp-choice-stat-value { font-size: 24px; font-weight: 900; color: #1d4ed8; line-height: 1; margin-bottom: 4px; }

.sp-choice-stat-label { font-size: 12px; color: #6b7280; font-weight: 600; }

.sp-fact-value--amber { color: #d97706; }

.sp-fact-value--red { color: #e45c3a; }

.sp-wind-box { border: 2px solid #d97706; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-wind-box h4 { font-size: 18px; font-weight: 700; color: #92400e; margin: 0 0 12px; padding: 0; }

.sp-wind-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-wind-box p:last-child { margin-bottom: 0; }

.sp-wind-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 20px 0; }

@media (min-width: 768px) { .sp-wind-stats { grid-template-columns: repeat(5, 1fr); } }

.sp-wind-stat { background: #fef3c7; border-radius: 10px; padding: 16px; text-align: center; }

.sp-wind-stat-value { font-size: 24px; font-weight: 900; color: #92400e; line-height: 1; margin-bottom: 4px; }

.sp-wind-stat-label { font-size: 12px; color: #6b7280; font-weight: 600; }

.sp-buffett-box { border: 2px solid #dbeafe; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #eff6ff 0%, #fff 100%); }

.sp-buffett-box h4 { font-size: 18px; font-weight: 700; color: #1d4ed8; margin: 0 0 12px; padding: 0; }

.sp-buffett-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-buffett-box p:last-child { margin-bottom: 0; }

.sp-buffett-box a { color: #1d4ed8; font-weight: 600; text-decoration: underline; }

.sp-nuclear-box { border: 2px solid transparent; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, var(--ec-text-body), #9ca3af) border-box; position: relative; }

.sp-nuclear-box::before { content: ''; position: absolute; inset: 0; border-radius: 14px; background: linear-gradient(180deg, var(--ec-surface-alt) 0%, #fff 100%); z-index: 0; }

.sp-nuclear-box > * { position: relative; z-index: 1; }

.sp-nuclear-box h4 { font-size: 18px; font-weight: 700; color: var(--ec-text-body); margin: 0 0 12px; padding: 0; }

.sp-green-box { border: 2px solid #059669; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #ecfdf5 0%, #fff 100%); }

.sp-green-box h4 { font-size: 18px; font-weight: 700; color: #065f46; margin: 0 0 12px; padding: 0; }

.sp-green-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-green-box p:last-child { margin-bottom: 0; }

.sp-utility-brand-icon span { font-weight: 900; font-size: 11px; color: #fff; letter-spacing: -0.02em; }

.sp-utility-wordmark { font-weight: 900; font-size: 18px; letter-spacing: -0.02em; line-height: 1.15; }

.sp-fact-value { font-size: 24px; font-weight: 900; color: var(--ec-accent); line-height: 1; margin-bottom: 4px; }

.sp-wind-box { border: 2px solid #059669; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #ecfdf5 0%, #fff 100%); }

.sp-wind-box h4 { font-size: 18px; font-weight: 700; color: #065f46; margin: 0 0 12px; padding: 0; }

@media (min-width: 768px) { .sp-wind-stats { grid-template-columns: repeat(4, 1fr); } }

.sp-wind-stat { background: #d1fae5; border-radius: 10px; padding: 16px; text-align: center; }

.sp-wind-stat-value { font-size: 24px; font-weight: 900; color: #065f46; line-height: 1; margin-bottom: 4px; }

.sp-wind-box a { color: #047857; font-weight: 600; text-decoration: underline; }

.sp-flint-box { border: 2px solid #d97706; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-flint-box h4 { font-size: 18px; font-weight: 700; color: #92400e; margin: 0 0 12px; padding: 0; }

.sp-flint-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-flint-box p:last-child { margin-bottom: 0; }

@media (min-width: 768px) { .sp-utility-grid-3 { grid-template-columns: repeat(3, 1fr); } }

.sp-coal-box { border: 2px solid #b45309; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-coal-box h4 { font-size: 18px; font-weight: 700; color: #92400e; margin: 0 0 12px; padding: 0; }

.sp-tva-box { border: 2px solid #1e3a5f; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #eef2f7 0%, #fff 100%); }

.sp-tva-box h4 { font-size: 18px; font-weight: 700; color: #1B365D; margin: 0 0 12px; padding: 0; }

.sp-tva-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-tva-box p:last-child { margin-bottom: 0; }

.sp-nuclear-box { border: 2px solid #d97706; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fef3c7 0%, #fff 100%); }

.sp-nuclear-box h4 { font-size: 18px; font-weight: 700; color: #92400e; margin: 0 0 12px; padding: 0; }

.sp-two-worlds-box { border: 2px solid #1B4D89; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #eff6ff 0%, #fff 100%); }

.sp-two-worlds-box h4 { font-size: 18px; font-weight: 700; color: #1B4D89; margin: 0 0 12px; padding: 0; }

.sp-two-worlds-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-two-worlds-box p:last-child { margin-bottom: 0; }

.sp-renewable-box { border: 2px solid #bbf7d0; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f0fdf4 0%, #fff 100%); }

.sp-renewable-box h4 { font-size: 18px; font-weight: 700; color: #166534; margin: 0 0 12px; padding: 0; }

.sp-renewable-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-renewable-box p:last-child { margin-bottom: 0; }

.sp-rate-callout { border: 1px solid var(--ec-border); border-left: 4px solid #b45309; border-radius: 0 14px 14px 0; padding: 24px; margin: 24px 0; background: #fff; }

.sp-rate-callout h4 { font-size: 16px; font-weight: 700; color: #92400e; margin: 0 0 8px; padding: 0; }

.sp-rate-callout p { font-size: 14px; color: #6b7280; line-height: 1.6; margin: 0; }

.sp-utility-grid--two { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 0; }

.sp-storm-box { border: 2px solid #fed7aa; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fff7ed 0%, #fff 100%); }

.sp-storm-box h4 { font-size: 18px; font-weight: 700; color: #c2410c; margin: 0 0 12px; padding: 0; }

.sp-storm-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-storm-box p:last-child { margin-bottom: 0; }

.sp-lng-box { border: 2px solid #99f6e4; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f0fdfa 0%, #fff 100%); }

.sp-lng-box h4 { font-size: 18px; font-weight: 700; color: #0f766e; margin: 0 0 12px; padding: 0; }

.sp-lng-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-lng-box p:last-child { margin-bottom: 0; }

.sp-lng-grid { display: grid; grid-template-columns: 1fr; gap: 14px; margin: 24px 0; }

@media (min-width: 768px) { .sp-lng-grid { grid-template-columns: repeat(2, 1fr); } }

.sp-lng-card { border: 1px solid #ccfbf1; border-radius: 12px; padding: 22px; background: linear-gradient(180deg, #f0fdfa 0%, #fff 100%); }

.sp-lng-card h4 { font-size: 16px; font-weight: 800; color: #0f766e; margin: 0 0 6px; padding: 0; }

.sp-lng-card-capacity { font-size: 22px; font-weight: 900; color: #0d9488; margin-bottom: 4px; }

.sp-lng-card-operator { font-size: 13px; color: #6b7280; font-weight: 600; margin-bottom: 8px; }

.sp-lng-card-status { display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; padding: 3px 10px; border-radius: 20px; background: #dcfce7; color: #166534; }

.sp-paradox-box { border: 2px solid #fde68a; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-storm-stack { display: grid; grid-template-columns: 1fr; gap: 0; margin: 24px 0; border: 1px solid #fed7aa; border-radius: 14px; overflow: hidden; }

.sp-storm-stack-item { display: flex; align-items: center; justify-content: space-between; padding: 16px 22px; border-bottom: 1px solid #fed7aa; background: #fff; }

.sp-storm-stack-item:last-child { border-bottom: none; }

.sp-storm-stack-item:nth-child(odd) { background: #fffbf5; }

.sp-storm-stack-name { font-size: 14px; font-weight: 700; color: #9a3412; }

.sp-storm-stack-year { font-size: 12px; color: #9ca3af; font-weight: 500; }

.sp-storm-stack-cost { font-size: 16px; font-weight: 800; color: #c2410c; }

.sp-storm-stack-header { padding: 14px 22px; background: #7c2d12; color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; border-bottom: 2px solid #f97316; }

.sp-vs-col:first-child { background: #f0fdf4; border-right: 1px solid var(--ec-border); }

.sp-vs-col:first-child h4 { color: #16a34a; }

.sp-vs-col:first-child .sp-vs-rate { color: #059669; }

@media (min-width: 960px) { .sp-util-grid { grid-template-columns: repeat(3, 1fr); } }

.sp-utility-rate { font-size: 28px; font-weight: 900; color: #e45c3a; margin-bottom: 4px; }

.sp-palisades-box { border: 2px solid #bbf7d0; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f0fdf4 0%, #fff 100%); }

.sp-palisades-box h4 { font-size: 18px; font-weight: 700; color: #166534; margin: 0 0 12px; padding: 0; }

.sp-palisades-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-palisades-box p:last-child { margin-bottom: 0; }

.sp-rate-warning { border: 2px solid #fbbf24; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-rate-warning h4 { font-size: 18px; font-weight: 700; color: #92400e; margin: 0 0 12px; padding: 0; }

.sp-rate-warning p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-rate-warning p:last-child { margin-bottom: 0; }

.sp-waitlist-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 20px 0; }

@media (min-width: 768px) { .sp-waitlist-stats { grid-template-columns: repeat(4, 1fr); } }

.sp-waitlist-stat { background: #f0f7ff; border-radius: 10px; padding: 16px; text-align: center; }

.sp-waitlist-stat-value { font-size: 24px; font-weight: 900; color: #1d4ed8; line-height: 1; margin-bottom: 4px; }

.sp-waitlist-stat-label { font-size: 12px; color: #6b7280; font-weight: 600; }

.sp-utility-grid--row2 { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 0 0 24px; }

@media (min-width: 768px) { .sp-utility-grid--row2 { grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 768px) { .sp-fact-grid { grid-template-columns: repeat(7, 1fr); } }

.sp-xcel-box { border: 2px solid #bbf7d0; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f0fdf4 0%, #fff 100%); }

.sp-xcel-box h4 { font-size: 18px; font-weight: 700; color: #166534; margin: 0 0 12px; padding: 0; }

.sp-xcel-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-xcel-box p:last-child { margin-bottom: 0; }

.sp-wind-box { border: 2px solid #99f6e4; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f0fdfa 0%, #fff 100%); }

.sp-wind-box h4 { font-size: 18px; font-weight: 700; color: #0f766e; margin: 0 0 12px; padding: 0; }

.sp-nuclear-box { border: 2px solid #fcd34d; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-nuclear-box strong { color: #78350f; }

.sp-iron-box { border: 2px solid #57534e; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #292524 0%, #1c1917 100%); }

.sp-iron-box h4 { font-size: 18px; font-weight: 700; color: #fbbf24; margin: 0 0 12px; padding: 0; }

.sp-iron-box p { font-size: 14px; color: #d6d3d1; line-height: 1.7; margin: 0 0 12px; }

.sp-iron-box p:last-child { margin-bottom: 0; }

.sp-iron-box strong { color: #fef3c7; }

.sp-coop-box { border: 2px solid #93c5fd; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #eff6ff 0%, #f0f9ff 50%, #fff 100%); }

.sp-coop-box h4 { font-size: 18px; font-weight: 700; color: #1e40af; margin: 0 0 12px; padding: 0; }

.sp-solar-box a { color: #166534; font-weight: 600; text-decoration: underline; }

@media (min-width: 1024px) { .sp-utility-grid { grid-template-columns: repeat(3, 1fr); } }

.sp-utility-brand-icon span { font-weight: 900; font-size: 12px; color: #fff; letter-spacing: -0.02em; text-align: center; line-height: 1.1; }

.sp-kemper-box { border: 2px solid #b91c1c; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fef2f2 0%, #fff 100%); }

.sp-kemper-box h4 { font-size: 18px; font-weight: 700; color: #991b1b; margin: 0 0 12px; padding: 0; }

.sp-kemper-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-kemper-box p:last-child { margin-bottom: 0; }

.sp-kemper-numbers { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 20px 0 0; }

@media (min-width: 640px) { .sp-kemper-numbers { grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 900px) { .sp-kemper-numbers { grid-template-columns: repeat(4, 1fr); } }

.sp-kemper-num { border: 1px solid #fecaca; border-radius: 12px; padding: 18px; text-align: center; background: #fff; }

.sp-kemper-num-val { font-size: 22px; font-weight: 900; color: #b91c1c; line-height: 1.1; margin-bottom: 4px; }

.sp-kemper-num-lbl { font-size: 11px; font-weight: 700; color: #991b1b; text-transform: uppercase; letter-spacing: 0.05em; }

.sp-fact-value--nuclear { color: #475569; }

.sp-numbers-box { border: 2px solid var(--ec-accent); border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #ecfdf5 0%, #fff 100%); }

.sp-numbers-box h4 { font-size: 18px; font-weight: 700; color: #065f46; margin: 0 0 16px; padding: 0; }

.sp-numbers-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }

@media (min-width: 768px) { .sp-numbers-stats { grid-template-columns: repeat(4, 1fr); } }

.sp-numbers-stat { background: #fff; border: 1px solid #d1fae5; border-radius: 10px; padding: 16px; text-align: center; }

.sp-numbers-stat-value { font-size: 22px; font-weight: 900; color: var(--ec-accent); line-height: 1; margin-bottom: 4px; }

.sp-numbers-stat-label { font-size: 12px; color: #6b7280; font-weight: 600; }

.sp-coal-box { border: 2px solid #78716c; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fafaf9 0%, #fff 100%); }

.sp-coal-box h4 { font-size: 18px; font-weight: 700; color: #44403c; margin: 0 0 12px; padding: 0; }

.sp-rush-timeline { border: 2px solid #b45309; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-rush-timeline h4 { font-size: 18px; font-weight: 700; color: #92400e; margin: 0 0 16px; padding: 0; }

.sp-rush-step { display: flex; gap: 14px; margin-bottom: 16px; align-items: flex-start; }

.sp-rush-step:last-child { margin-bottom: 0; }

.sp-rush-year { flex-shrink: 0; font-weight: 800; font-size: 13px; color: #9a3412; background: #fde68a; padding: 6px 10px; border-radius: 8px; }

.sp-rush-text { font-size: 14px; color: var(--ec-text-body); line-height: 1.65; margin: 0; }

.sp-lead-box { border-left: 4px solid #b91c1c; padding: 20px 24px; margin: 24px 0; background: #fef2f2; border-radius: 0 12px 12px 0; }

.sp-timeline-box { border: 2px solid #94a3b8; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, var(--ec-surface) 0%, #fff 100%); }

.sp-timeline-box h4 { font-size: 18px; font-weight: 700; color: #0f172a; margin: 0 0 16px; padding: 0; }

.sp-timeline { list-style: none; margin: 0; padding: 0; }

.sp-timeline li { position: relative; padding-left: 28px; margin-bottom: 16px; font-size: 14px; color: var(--ec-text-body); line-height: 1.65; }

.sp-timeline li:last-child { margin-bottom: 0; }

.sp-timeline li::before { content: ''; position: absolute; left: 6px; top: 6px; width: 8px; height: 8px; border-radius: 50%; background: #64748b; }

.sp-timeline li::after { content: ''; position: absolute; left: 9px; top: 18px; bottom: -18px; width: 2px; background: #e2e8f0; }

.sp-timeline li:last-child::after { display: none; }

.sp-timeline strong { color: #0f172a; }

.sp-colstrip-box { border: 2px solid #78716c; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fafaf9 0%, #fff 100%); }

.sp-colstrip-box h4 { font-size: 18px; font-weight: 700; color: #44403c; margin: 0 0 12px; padding: 0; }

.sp-colstrip-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-colstrip-box p:last-child { margin-bottom: 0; }

.sp-colstrip-box a { color: #1d4ed8; font-weight: 600; text-decoration: underline; }

.sp-hydro-box { border: 2px solid #0d9488; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f0fdfa 0%, #fff 100%); }

.sp-publicpower-box { border: 2px solid #059669; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #ecfdf5 0%, #fff 100%); }

.sp-publicpower-box h4 { font-size: 18px; font-weight: 700; color: #065f46; margin: 0 0 12px; padding: 0; }

.sp-publicpower-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-publicpower-box p:last-child { margin-bottom: 0; }

.sp-publicpower-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 20px 0; }

@media (min-width: 768px) { .sp-publicpower-stats { grid-template-columns: repeat(3, 1fr); } }

.sp-publicpower-stat { background: #d1fae5; border-radius: 10px; padding: 16px; text-align: center; }

.sp-publicpower-stat-value { font-size: 24px; font-weight: 900; color: #065f46; line-height: 1; margin-bottom: 4px; }

.sp-publicpower-stat-label { font-size: 12px; color: #6b7280; font-weight: 600; }

@media (min-width: 1024px) { .sp-utility-grid { grid-template-columns: repeat(4, 1fr); } }

.sp-vote-box { border: 2px solid var(--ec-text-body); border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #1f2937 0%, var(--ec-text-heading) 100%); color: #f3f4f6; }

.sp-vote-box h4 { font-size: 18px; font-weight: 700; color: #fbbf24; margin: 0 0 12px; padding: 0; }

.sp-vote-box p { font-size: 14px; color: #d1d5db; line-height: 1.7; margin: 0 0 12px; }

.sp-vote-box p:last-child { margin-bottom: 0; }

.sp-vote-box strong { color: #fbbf24; }

.sp-vote-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 16px 0; }

@media (min-width: 768px) { .sp-vote-stats { grid-template-columns: repeat(4, 1fr); } }

.sp-vote-stat { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 16px; text-align: center; }

.sp-vote-stat-value { font-size: 24px; font-weight: 900; color: #fbbf24; line-height: 1; margin-bottom: 4px; }

.sp-vote-stat-label { font-size: 12px; color: #9ca3af; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; }

.sp-exit-box { border: 2px solid #dbeafe; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #eff6ff 0%, #fff 100%); }

.sp-exit-box h4 { font-size: 18px; font-weight: 700; color: #1d4ed8; margin: 0 0 12px; padding: 0; }

.sp-exit-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-exit-box p:last-child { margin-bottom: 0; }

.sp-exit-box strong { color: #1e3a5f; }

.sp-solar-box { border: 2px solid #fde68a; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-solar-box h4 { font-size: 18px; font-weight: 700; color: #b45309; margin: 0 0 12px; padding: 0; }

.sp-solar-box strong { color: #92400e; }

.sp-dc-box { border: 2px solid #c4b5fd; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f5f3ff 0%, #fff 100%); }

.sp-dc-box h4 { font-size: 18px; font-weight: 700; color: #6d28d9; margin: 0 0 12px; padding: 0; }

.sp-dc-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-dc-box p:last-child { margin-bottom: 0; }

.sp-energy-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 24px 0; }

@media (min-width: 768px) { .sp-energy-grid { grid-template-columns: repeat(4, 1fr); } }

.sp-energy-item { border: 1px solid var(--ec-border); border-radius: 12px; padding: 20px; text-align: center; }

.sp-energy-pct { font-size: 28px; font-weight: 900; color: var(--ec-accent); line-height: 1; margin-bottom: 4px; }

.sp-energy-label { font-size: 13px; color: #6b7280; font-weight: 600; }

.sp-season-card--ok { border-color: #fde68a; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-season-card--ok h4 { color: #d97706; }

.sp-season-card--ok .sp-season-badge { background: #fef3c7; color: #92400e; }

.sp-utility-brand-icon span { font-weight: 900; font-size: 11px; color: #fff; letter-spacing: -0.02em; line-height: 1.1; text-align: center; }

.sp-utility-wordmark { font-weight: 900; font-size: 18px; letter-spacing: -0.02em; line-height: 1.1; }

.sp-avangrid-box { border: 2px solid #1e3a5f; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, var(--ec-surface) 0%, #fff 100%); }

.sp-avangrid-box h4 { font-size: 18px; font-weight: 700; color: #00467F; margin: 0 0 12px; padding: 0; }

.sp-avangrid-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-avangrid-box p:last-child { margin-bottom: 0; }

.sp-datacenter-box { border: 2px solid #c4b5fd; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #ede9fe 0%, #fff 100%); }

.sp-datacenter-box h4 { font-size: 18px; font-weight: 700; color: #5b21b6; margin: 0 0 12px; padding: 0; }

.sp-datacenter-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-datacenter-box p:last-child { margin-bottom: 0; }

.sp-datacenter-box a { color: #5b21b6; font-weight: 600; text-decoration: underline; }

.sp-dc-stat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 20px 0 0; }

@media (min-width: 768px) { .sp-dc-stat-grid { grid-template-columns: repeat(3, 1fr); } }

.sp-dc-stat { background: rgba(91,33,182,.06); border-radius: 10px; padding: 16px; text-align: center; }

.sp-dc-stat-val { font-size: 22px; font-weight: 900; color: #5b21b6; line-height: 1; margin-bottom: 4px; }

.sp-dc-stat-lbl { font-size: 12px; color: #6b7280; font-weight: 600; }

.sp-dc-company-grid { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 24px 0; }

@media (min-width: 768px) { .sp-dc-company-grid { grid-template-columns: repeat(2, 1fr); } }

.sp-dc-company { border: 1px solid var(--ec-border); border-radius: 14px; padding: 20px; border-left: 4px solid #7c3aed; }

.sp-dc-company h4 { font-size: 16px; font-weight: 700; margin: 0 0 6px; padding: 0; color: var(--ec-text-heading); }

.sp-dc-company p { font-size: 14px; color: #6b7280; margin: 0; line-height: 1.6; }

.sp-dc-company .sp-dc-invest { font-size: 13px; font-weight: 700; color: #5b21b6; margin-top: 8px; }

@media (min-width: 1024px) { .sp-fact-grid { grid-template-columns: repeat(6, 1fr); } }

.sp-fact-value--coal { color: #78350f; }

.sp-fact-value--wind { color: #0369a1; }

.sp-fact-value--gas { color: #d97706; }

.sp-lignite-box { border: 2px solid #92400e; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-lignite-box h4 { font-size: 18px; font-weight: 700; color: #78350f; margin: 0 0 12px; padding: 0; }

.sp-lignite-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-lignite-box p:last-child { margin-bottom: 0; }

.sp-lignite-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 20px 0; }

@media (min-width: 768px) { .sp-lignite-stats { grid-template-columns: repeat(4, 1fr); } }

.sp-lignite-stat { background: #fef3c7; border-radius: 10px; padding: 16px; text-align: center; }

.sp-lignite-stat-value { font-size: 22px; font-weight: 900; color: #92400e; line-height: 1; margin-bottom: 4px; }

.sp-lignite-stat-label { font-size: 11px; color: #6b7280; font-weight: 600; }

.sp-ccs-box { border: 2px solid #475569; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, var(--ec-surface) 0%, #fff 100%); }

.sp-ccs-box h4 { font-size: 18px; font-weight: 700; color: #334155; margin: 0 0 12px; padding: 0; }

.sp-ccs-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-ccs-box p:last-child { margin-bottom: 0; }

.sp-wind-box { border: 2px solid #0369a1; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f0f9ff 0%, #fff 100%); }

.sp-wind-box h4 { font-size: 18px; font-weight: 700; color: #0c4a6e; margin: 0 0 12px; padding: 0; }

.sp-wind-box a { color: #0369a1; font-weight: 600; text-decoration: underline; }

.sp-coop-box { border: 2px solid #059669; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #ecfdf5 0%, #fff 100%); }

.sp-coop-box h4 { font-size: 18px; font-weight: 700; color: #065f46; margin: 0 0 12px; padding: 0; }

.sp-toc { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,0.97); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid var(--ec-border); margin: 0 -40px; padding: 0 40px; }

.sp-toc-inner { display: flex; gap: 4px; padding: 12px 0; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; }

.sp-toc-inner::-webkit-scrollbar { display: none; }

.sp-toc a { flex-shrink: 0; padding: 6px 14px; font-size: 13px; font-weight: 600; color: #6b7280; text-decoration: none; border-radius: 8px; white-space: nowrap; transition: all 0.15s ease; }

.sp-toc a:hover, .sp-toc a.active { background: #f0fdf4; color: #059669; }

@media (max-width: 768px) { .sp-toc { margin: 0 -20px; padding: 0 20px; } }

.sp-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }

.sp-toolbar-sort { display: flex; gap: 6px; flex-wrap: wrap; }

.sp-sort-btn { background: #fff; border: 1px solid var(--ec-border); border-radius: 8px; padding: 8px 14px; font-size: 13px; font-weight: 600; color: #6b7280; cursor: pointer; transition: all 0.12s ease; font-family: inherit; }

.sp-sort-btn:hover { border-color: var(--ec-accent); color: var(--ec-accent); }

.sp-sort-btn.active { background: var(--ec-accent); border-color: var(--ec-accent); color: #fff; }

.ec-table-search { display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--ec-border); border-radius: 8px; padding: 8px 14px; transition: border-color 0.15s ease; }

.ec-table-search:focus-within { border-color: var(--ec-accent); box-shadow: 0 0 0 3px rgba(14,159,110,0.08); }

.ec-table-search i { color: #9ca3af; font-size: 15px; flex-shrink: 0; }

.ec-table-search input { border: none; background: transparent; outline: none; font-size: 13px; color: var(--ec-text-body); font-family: var(--body-font); width: 160px; }

.ec-table-search input::placeholder { color: #b0b5bd; }

.sp-city-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }

.sp-city-card { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 24px 16px 20px; border: 1px solid var(--ec-border); border-radius: 12px; background: #fff; text-decoration: none; transition: all 0.15s ease; position: relative; }

.sp-city-card:hover { border-color: var(--ec-accent); box-shadow: 0 4px 20px rgba(14,159,110,0.12); transform: translateY(-2px); }

.sp-card-city { font-size: 17px; font-weight: 800; color: var(--ec-text-heading); line-height: 1.2; margin-bottom: 12px; transition: color 0.12s ease; }

.sp-city-card:hover .sp-card-city { color: var(--ec-accent); }

.sp-card-rate { font-size: 36px; font-weight: 900; color: #059669; line-height: 1; letter-spacing: -0.03em; margin-bottom: 2px; }

.sp-card-rate-unit { font-size: 18px; font-weight: 700; color: #6ee7b7; }

.sp-card-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: #9ca3af; margin-bottom: 14px; }

.sp-card-meta { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 12px; color: #9ca3af; font-weight: 500; padding-top: 12px; border-top: 1px solid #f3f4f6; width: 100%; }

.sp-card-edu-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }

.sp-card-edu-dot--ohioedison { background: #3b82f6; }

.sp-card-edu-dot--cei { background: #10b981; }

.sp-card-edu-dot--toledoedison { background: #8b5cf6; }

.sp-card-edu-dot--aep { background: #f59e0b; }

.sp-card-edu-dot--duke { background: #ec4899; }

.sp-card-edu-dot--aes { background: #ef4444; }

.sp-card-sep { color: #d1d5db; }

.sp-card-cta { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 700; color: var(--ec-accent); margin-top: 10px; transition: gap 0.12s ease; }

.sp-city-card:hover .sp-card-cta { gap: 8px; }

.sp-grid-caption { text-align: center; font-size: 12px; color: #9ca3af; margin-top: 16px; line-height: 1.5; }

@media (max-width: 900px) { .sp-city-grid { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 540px) {
        .sp-city-grid { grid-template-columns: 1fr; gap: 10px; }
        .sp-city-card { padding: 20px 16px 16px; flex-direction: row; text-align: left; gap: 16px; }
        .sp-card-city { margin-bottom: 0; font-size: 16px; flex: 1; }
        .sp-card-rate { font-size: 28px; }
        .sp-card-label, .sp-card-meta, .sp-card-cta { display: none; }
    }

.sp-dereg-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 32px 0; list-style: none; padding: 0; counter-reset: dereg-step; }

@media (min-width: 640px) { .sp-dereg-grid { grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 1024px) { .sp-dereg-grid { grid-template-columns: repeat(4, 1fr); } }

.sp-dereg-step { border: 1px solid var(--ec-border); border-radius: 14px; padding: 24px 20px; text-align: center; position: relative; counter-increment: dereg-step; }

.sp-dereg-step::before { content: counter(dereg-step); display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: var(--ec-accent); color: #fff; font-size: 16px; font-weight: 800; margin: 0 auto 16px; }

.sp-dereg-step h4 { font-size: 16px; font-weight: 700; color: #1f1f1f; margin: 0 0 8px; padding: 0; }

.sp-dereg-step p { font-size: 14px; color: #6b7280; margin: 0; line-height: 1.6; }

.sp-edu-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 32px 0; }

@media (min-width: 640px) { .sp-edu-grid { grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 1024px) { .sp-edu-grid { grid-template-columns: repeat(3, 1fr); } }

.sp-edu-card { border: 1px solid var(--ec-border); border-radius: 14px; padding: 28px 24px; }

.sp-edu-card-header { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }

.sp-edu-card-header-text h4 { font-size: 18px; font-weight: 700; color: #1f1f1f; margin: 0; padding: 0; }

.sp-edu-card-header-text .sp-edu-area { font-size: 13px; color: var(--ec-accent); font-weight: 600; margin: 0; }

.sp-edu-card p { font-size: 14px; color: #6b7280; margin: 0 0 12px; line-height: 1.6; }

.sp-edu-cities { display: flex; flex-wrap: wrap; gap: 6px; }

.sp-edu-cities a { display: inline-block; padding: 4px 10px; background: var(--ec-surface-alt); border: 1px solid var(--ec-border); border-radius: 6px; font-size: 12px; font-weight: 600; color: var(--ec-text-body); text-decoration: none; transition: all 0.15s ease; }

.sp-edu-cities a:hover { background: #f0fdf4; border-color: var(--ec-accent); color: var(--ec-accent); }

.sp-edu-swatch { width: 14px; height: 36px; border-radius: 4px; flex-shrink: 0; }

.sp-edu-map-wrap { margin: 32px 0; border: 1px solid var(--ec-border); border-radius: 16px; overflow: hidden; background: #fff; }

.sp-edu-map-body { display: flex; align-items: stretch; }

#edu-map-container { position: relative; flex: 1; min-width: 0; padding: 24px 16px 24px 24px; background: #f8fafb; }

#edu-map-container svg { width: 100%; height: auto; display: block; }

.sp-edu-map-legend { display: flex; flex-direction: column; gap: 0; flex-shrink: 0; width: 280px; border-left: 1px solid #f0f0f0; }

.sp-edu-map-legend-item { display: flex; align-items: center; gap: 14px; padding: 0 28px; flex: 1; border-bottom: 1px solid #f3f4f6; transition: background 0.12s ease; cursor: default; }

.sp-edu-map-legend-item:last-child { border-bottom: none; }

.sp-edu-map-legend-item:hover { background: var(--ec-surface-alt); }

.sp-edu-map-legend-swatch { width: 14px; height: 40px; border-radius: 4px; flex-shrink: 0; }

.sp-edu-legend-text { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; }

.sp-edu-legend-name { font-size: 15px; font-weight: 700; color: #1f1f1f; line-height: 1.2; }

.sp-edu-legend-region { font-size: 14px; color: #6b7280; font-weight: 500; line-height: 1.3; }

.sp-edu-tooltip { position: absolute; pointer-events: none; background: #1f2937; color: #fff; padding: 10px 16px; border-radius: 10px; font-size: 13px; line-height: 1.5; white-space: nowrap; opacity: 0; transition: opacity 0.15s ease; z-index: 10; box-shadow: 0 8px 24px rgba(0,0,0,0.2); }

.sp-edu-tooltip strong { font-weight: 700; }

.sp-edu-tooltip .tt-edu { color: #bbf7d0; font-weight: 600; }

@media (max-width: 900px) {
        .sp-edu-map-body { flex-direction: column; }
        #edu-map-container { padding: 20px; }
        .sp-edu-map-legend { width: 100%; flex-direction: row; flex-wrap: wrap; border-left: none; border-top: 1px solid #f0f0f0; }
        .sp-edu-map-legend-item { flex: 0 0 50%; padding: 14px 20px; border-bottom: none; border-right: 1px solid #f3f4f6; }
        .sp-edu-map-legend-item:nth-child(even) { border-right: none; }
        .sp-edu-map-legend-swatch { height: 28px; }
    }

@media (max-width: 480px) {
        .sp-edu-map-legend-item { flex: 0 0 100%; border-right: none; border-bottom: 1px solid #f3f4f6; }
    }

.sp-oh-vs { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 32px 0; border: 1px solid var(--ec-border); border-radius: 14px; overflow: hidden; }

.sp-oh-vs-col { padding: 28px 24px; }

.sp-oh-vs-col:first-child { background: #f0fdf4; border-right: 1px solid var(--ec-border); }

.sp-oh-vs-col h4 { font-size: 16px; font-weight: 700; margin: 0 0 6px; padding: 0; }

.sp-oh-vs-col:first-child h4 { color: #16a34a; }

.sp-oh-vs-col:last-child h4 { color: #6b7280; }

.sp-oh-vs-rate { font-size: 32px; font-weight: 900; line-height: 1; margin-bottom: 4px; }

.sp-oh-vs-col:first-child .sp-oh-vs-rate { color: #059669; }

.sp-oh-vs-col:last-child .sp-oh-vs-rate { color: var(--ec-text-body); }

.sp-oh-vs-label { font-size: 12px; color: #9ca3af; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }

@media (max-width: 540px) {
        .sp-oh-vs { grid-template-columns: 1fr; }
        .sp-oh-vs-col:first-child { border-right: none; border-bottom: 1px solid var(--ec-border); }
    }

.sp-gas-box { border: 2px solid #fde68a; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-gas-box h4 { font-size: 18px; font-weight: 700; color: #92400e; margin: 0 0 12px; padding: 0; }

.sp-gas-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-gas-box p:last-child { margin-bottom: 0; }

.sp-utility-grid-2 { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 16px 0 24px; }

.sp-fact-grid-5 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 24px 0; }

@media (min-width: 768px) { .sp-fact-grid-5 { grid-template-columns: repeat(5, 1fr); } }

.sp-clean-box { border: 2px solid #86efac; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f0fdf4 0%, #fff 100%); }

.sp-clean-box h4 { font-size: 18px; font-weight: 700; color: #15803d; margin: 0 0 12px; padding: 0; }

.sp-clean-box strong { color: #15803d; }

.sp-compare-box { border: 2px solid #94a3b8; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, var(--ec-surface) 0%, #fff 100%); }

.sp-compare-box h4 { font-size: 18px; font-weight: 700; color: #334155; margin: 0 0 12px; padding: 0; }

.sp-compare-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-compare-box p:last-child { margin-bottom: 0; }

.sp-compare-box strong { color: #334155; }

.sp-compare-box a { color: #1d4ed8; font-weight: 600; text-decoration: underline; }

.sp-public-box { border: 2px solid #c4b5fd; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f5f3ff 0%, #fff 100%); }

.sp-public-box h4 { font-size: 18px; font-weight: 700; color: #6d28d9; margin: 0 0 12px; padding: 0; }

.sp-public-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-public-box p:last-child { margin-bottom: 0; }

.sp-tech-box { border: 2px solid #bfdbfe; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #eff6ff 0%, #fff 100%); }

.sp-tech-box h4 { font-size: 18px; font-weight: 700; color: #1e40af; margin: 0 0 12px; padding: 0; }

.sp-tech-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-tech-box p:last-child { margin-bottom: 0; }

.sp-tech-box strong { color: #1e40af; }

.sp-compare-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 24px 0; }

@media (min-width: 768px) { .sp-compare-grid { grid-template-columns: repeat(2, 1fr); } }

.sp-compare-card { border: 1px solid var(--ec-border); border-radius: 14px; padding: 24px; text-align: center; }

.sp-compare-card h4 { font-size: 16px; font-weight: 700; margin: 0 0 16px; padding: 0; }

.sp-compare-stat { font-size: 32px; font-weight: 900; line-height: 1; margin-bottom: 4px; }

.sp-compare-stat--or { color: #15803d; }

.sp-compare-stat--wa { color: #0e7490; }

.sp-compare-detail { font-size: 13px; color: #6b7280; margin-top: 8px; line-height: 1.5; }

.sp-card-edc-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }

.sp-card-edc-dot--peco { background: #3b82f6; }

.sp-card-edc-dot--ppl { background: #10b981; }

.sp-card-edc-dot--duquesne { background: #f59e0b; }

.sp-card-edc-dot--meted { background: #ec4899; }

.sp-card-edc-dot--penelec { background: #8b5cf6; }

.sp-card-edc-dot--pennpower { background: #ef4444; }

.sp-how-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 32px 0; list-style: none; padding: 0; counter-reset: how-step; }

@media (max-width: 900px) { .sp-how-grid { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 540px) { .sp-how-grid { grid-template-columns: 1fr; } }

.sp-how-step { border: 1px solid var(--ec-border); border-radius: 14px; padding: 24px 20px; text-align: center; position: relative; counter-increment: how-step; }

.sp-how-step::before { content: counter(how-step); display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: var(--ec-accent); color: #fff; font-size: 16px; font-weight: 800; margin: 0 auto 16px; }

.sp-how-step h4 { font-size: 16px; font-weight: 700; color: #1f1f1f; margin: 0 0 8px; padding: 0; }

.sp-how-step p { font-size: 14px; color: #6b7280; margin: 0; line-height: 1.6; }

.sp-edc-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 32px 0; }

@media (min-width: 640px) { .sp-edc-grid { grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 1024px) { .sp-edc-grid { grid-template-columns: repeat(3, 1fr); } }

.sp-edc-card { border: 1px solid var(--ec-border); border-radius: 14px; padding: 28px 24px; }

.sp-edc-card-header { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }

.sp-edc-card-header-text h4 { font-size: 18px; font-weight: 700; color: #1f1f1f; margin: 0; padding: 0; }

.sp-edc-card-header-text .sp-edc-area { font-size: 13px; color: var(--ec-accent); font-weight: 600; margin: 0; }

.sp-edc-card p { font-size: 14px; color: #6b7280; margin: 0 0 12px; line-height: 1.6; }

.sp-edc-cities { display: flex; flex-wrap: wrap; gap: 6px; }

.sp-edc-cities a { display: inline-block; padding: 4px 10px; background: var(--ec-surface-alt); border: 1px solid var(--ec-border); border-radius: 6px; font-size: 12px; font-weight: 600; color: var(--ec-text-body); text-decoration: none; transition: all 0.15s ease; }

.sp-edc-cities a:hover { background: #f0fdf4; border-color: var(--ec-accent); color: var(--ec-accent); }

.sp-edc-swatch { width: 14px; height: 36px; border-radius: 4px; flex-shrink: 0; }

.sp-ptc-bill { border: 1px solid var(--ec-border); border-radius: 16px; overflow: hidden; margin: 32px 0; }

.sp-ptc-bill-header { background: var(--ec-text-heading); padding: 20px 28px; display: flex; align-items: center; justify-content: space-between; }

.sp-ptc-bill-title { font-size: 14px; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 0.06em; }

.sp-ptc-bill-badge { background: rgba(14,159,110,0.2); border: 1px solid rgba(14,159,110,0.3); color: #6ee7b7; font-size: 11px; font-weight: 700; padding: 4px 12px; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.05em; }

.sp-ptc-bill-body { padding: 0; }

.sp-ptc-row { display: flex; align-items: center; justify-content: space-between; padding: 18px 28px; border-bottom: 1px solid #f0f0f0; }

.sp-ptc-row:last-child { border-bottom: none; }

.sp-ptc-row-left { display: flex; flex-direction: column; gap: 2px; }

.sp-ptc-row-label { font-size: 15px; font-weight: 700; color: #1f1f1f; }

.sp-ptc-row-desc { font-size: 13px; color: #9ca3af; }

.sp-ptc-row-value { font-size: 18px; font-weight: 800; }

.sp-ptc-row--supply .sp-ptc-row-value { color: #059669; }

.sp-ptc-row--delivery .sp-ptc-row-value { color: var(--ec-text-body); }

.sp-ptc-row--total { background: var(--ec-surface-alt); }

.sp-ptc-row--total .sp-ptc-row-label { font-size: 16px; }

.sp-ptc-row--total .sp-ptc-row-value { font-size: 22px; color: var(--ec-text-heading); }

.sp-ptc-row--savings { background: #f0fdf4; }

.sp-ptc-row--savings .sp-ptc-row-label { color: #059669; }

.sp-ptc-row--savings .sp-ptc-row-value { color: #059669; font-size: 20px; }

@media (max-width: 540px) {
        .sp-ptc-row { padding: 14px 20px; }
        .sp-ptc-bill-header { padding: 16px 20px; }
    }

.sp-ptc-compare { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 32px 0; }

@media (max-width: 768px) { .sp-ptc-compare { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 480px) { .sp-ptc-compare { grid-template-columns: 1fr; } }

.sp-ptc-edc-card { border: 1px solid var(--ec-border); border-radius: 12px; padding: 20px; text-align: center; }

.sp-ptc-edc-name { font-size: 14px; font-weight: 700; color: var(--ec-text-body); margin-bottom: 8px; }

.sp-ptc-edc-rate { font-size: 28px; font-weight: 900; color: var(--ec-text-body); line-height: 1; margin-bottom: 4px; }

.sp-ptc-edc-rate span { font-size: 16px; color: #9ca3af; font-weight: 600; }

.sp-ptc-edc-label { font-size: 11px; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }

.sp-ptc-edc-card--best { border-color: #bbf7d0; background: #f0fdf4; }

.sp-ptc-edc-card--best .sp-ptc-edc-rate { color: #059669; }

.sp-season-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 32px 0; }

@media (max-width: 768px) { .sp-season-grid { grid-template-columns: 1fr; } }

.sp-zip-cta { background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%); border: 2px solid #bbf7d0; border-radius: 16px; padding: 32px; text-align: center; margin: 32px 0; }

.sp-zip-cta h3 { font-size: 20px; font-weight: 800; color: var(--ec-text-heading); margin: 0 0 8px; padding: 0; }

.sp-zip-cta p { font-size: 14px; color: #6b7280; margin: 0 0 20px; }

.sp-zip-form { display: inline-flex; gap: 8px; align-items: center; }

.sp-zip-form input { width: 180px; padding: 14px 18px; border: 2px solid var(--ec-border); border-radius: 10px; font-size: 16px; font-weight: 600; font-family: inherit; transition: border-color 0.15s; }

.sp-zip-form input:focus { outline: none; border-color: var(--ec-accent); box-shadow: 0 0 0 3px rgba(14,159,110,0.1); }

.sp-zip-form button { padding: 14px 28px; background: var(--ec-accent); color: #fff; border: none; border-radius: 10px; font-size: 16px; font-weight: 700; cursor: pointer; font-family: inherit; transition: background 0.15s; }

.sp-zip-form button:hover { background: #059669; }

@media (max-width: 480px) {
        .sp-zip-form { flex-direction: column; width: 100%; }
        .sp-zip-form input, .sp-zip-form button { width: 100%; }
    }

.sp-party-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 32px 0; border: 1px solid var(--ec-border); border-radius: 14px; overflow: hidden; }

.sp-party-col { padding: 28px 24px; }

.sp-party-col--dem { background: #eff6ff; border-right: 1px solid var(--ec-border); }

.sp-party-col--rep { background: #fef2f2; }

.sp-party-col h4 { font-size: 16px; font-weight: 700; margin: 0 0 6px; padding: 0; }

.sp-party-col--dem h4 { color: #1d4ed8; }

.sp-party-col--rep h4 { color: #dc2626; }

.sp-party-rate { font-size: 32px; font-weight: 900; line-height: 1; margin-bottom: 4px; }

.sp-party-col--dem .sp-party-rate { color: #1d4ed8; }

.sp-party-col--rep .sp-party-rate { color: #dc2626; }

.sp-party-label { font-size: 12px; color: #9ca3af; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }

@media (max-width: 540px) { .sp-party-grid { grid-template-columns: 1fr; } .sp-party-col--dem { border-right: none; border-bottom: 1px solid var(--ec-border); } }

.sp-stat-value { font-size: 28px; font-weight: 900; line-height: 1; margin-bottom: 4px; }

.sp-stat-value--blue { color: #1d4ed8; }

.sp-stat-value--green { color: #16a34a; }

.sp-gov-badge { display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; padding: 3px 10px; border-radius: 20px; }

.sp-gov-badge--dem { background: #dbeafe; color: #1e40af; }

.sp-gov-badge--rep { background: #fee2e2; color: #991b1b; }

.sp-caveat { border: 2px solid #fde68a; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-caveat h4 { font-size: 18px; font-weight: 700; color: #92400e; margin: 0 0 12px; padding: 0; }

.sp-caveat p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-caveat p:last-child { margin-bottom: 0; }

.sp-caveat ul { margin: 8px 0; padding-left: 20px; }

.sp-caveat li { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin-bottom: 4px; }

.sp-utility-card { border: 1px solid var(--ec-border); border-radius: 14px; padding: 24px; }

.sp-utility-card h4 { font-size: 16px; font-weight: 700; margin: 0 0 4px; padding: 0; color: var(--ec-text-heading); }

.sp-reg-box { border: 2px solid #fed7aa; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fff7ed 0%, #fff 100%); }

.sp-reg-box h4 { font-size: 18px; font-weight: 700; color: #c2410c; margin: 0 0 12px; padding: 0; }

.sp-reg-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-reg-box p:last-child { margin-bottom: 0; }

.sp-dams-feature { border: 2px solid #0d9488; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #ecfdf5 0%, #fff 100%); }

.sp-dams-feature h4 { font-size: 18px; font-weight: 700; color: #047857; margin: 0 0 12px; padding: 0; }

.sp-dams-feature p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-dams-feature p:last-child { margin-bottom: 0; }

.sp-dams-feature ul { margin: 12px 0 0; padding-left: 1.25rem; font-size: 14px; color: var(--ec-text-body); line-height: 1.75; }

.sp-dams-feature li { margin-bottom: 8px; }

.sp-tribal-box { border: 2px solid #78716c; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fafaf9 0%, #fff 100%); }

.sp-tribal-box h4 { font-size: 18px; font-weight: 700; color: #44403c; margin: 0 0 12px; padding: 0; }

.sp-tribal-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-tribal-box p:last-child { margin-bottom: 0; }

.sp-wind-box { border: 2px solid #fde68a; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-epb-callout { border: 1px solid var(--ec-border); border-left: 4px solid #C8102E; border-radius: 0 14px 14px 0; padding: 24px; margin: 24px 0; background: #fff; }

.sp-epb-callout h4 { font-size: 16px; font-weight: 700; color: #C8102E; margin: 0 0 8px; padding: 0; }

.sp-epb-callout p { font-size: 14px; color: #6b7280; line-height: 1.6; margin: 0; }

.ec-table-search { display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--ec-border); border-radius: 10px; padding: 10px 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: border-color 0.15s ease; }

.ec-table-search:focus-within { border-color: var(--ec-accent); box-shadow: 0 0 0 3px rgba(14,159,110,0.1); }

.ec-table-search i { color: #9ca3af; font-size: 16px; flex-shrink: 0; }

.ec-table-search input { border: none; background: transparent; outline: none; font-size: 14px; color: var(--ec-text-body); font-family: var(--body-font); width: 200px; }

/* ── Featured cities (Tier 1) ── */

.sp-featured-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 12px; }

.sp-feat-card { display: flex; align-items: center; justify-content: space-between; padding: 22px 24px; border: 1px solid var(--ec-border); border-radius: 14px; background: #fff; text-decoration: none; transition: all 0.15s ease; }

.sp-feat-card:hover { border-color: var(--ec-accent); box-shadow: 0 4px 20px rgba(14,159,110,0.12); transform: translateY(-2px); }

.sp-feat-left { display: flex; flex-direction: column; gap: 4px; min-width: 0; }

.sp-feat-city { font-size: 18px; font-weight: 800; color: var(--ec-text-heading); line-height: 1.2; transition: color 0.12s ease; }

.sp-feat-card:hover .sp-feat-city { color: var(--ec-accent); }

.sp-feat-meta { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #9ca3af; font-weight: 600; }

.sp-feat-tdu-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }

.sp-feat-sep { color: #d1d5db; font-size:0.35rem;}

.sp-feat-right { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex-shrink: 0; text-align: right; }

.sp-feat-rate { font-size: 32px; font-weight: 900; color: #059669; line-height: 1; letter-spacing: -0.03em; }

.sp-feat-rate-unit { font-size: 1.25rem; font-weight: 700; color: #059669; }

.sp-feat-sub { font-size: 12px; color: #9ca3af; font-weight: 600; }

.sp-feat-cta { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 700; color: var(--ec-accent); margin-top: 2px; transition: gap 0.12s ease; }

.sp-feat-card:hover .sp-feat-cta { gap: 8px; }

@media (max-width: 700px) {
        .sp-featured-grid { grid-template-columns: 1fr; }
        .sp-feat-card { padding: 16px 18px; }
        .sp-feat-city { font-size: 16px; }
        .sp-feat-rate { font-size: 26px; }
    }

/* ── TDU filter tabs ── */

.sp-tdu-tabs { display: flex; flex-wrap: wrap; gap: 8px;}

.sp-tdu-tab { background: #f3f4f6; border: 1px solid var(--ec-border); border-radius: 8px; padding: 8px 16px; font-size: 13px; font-weight: 700; color: #6b7280; cursor: pointer; transition: all 0.12s ease; font-family: inherit; }

.sp-tdu-tab:hover { background: var(--ec-border); color: var(--ec-text-body); }

.sp-tdu-tab.active { background: var(--ec-accent); border-color: var(--ec-accent); color: #fff; }

/* ── TDU group sections ── */

.sp-tdu-group { margin-bottom: 3rem; }

.sp-tdu-group-heading { font-size: 16px; font-weight: 700; color: var(--ec-text-body); margin: 0 0 12px; padding: 0; display: flex; align-items: center; gap: 8px; }

.sp-tdu-group-dot { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; }

/* ── Compact city card grid (Tier 2, matches OH/PA) ── */

.sp-city-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }

.sp-card-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: #9ca3af; margin:0.5rem 0;}

.sp-card-tdu-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }

/* TDU dot colors (shared) */

.sp-tdu-dot--oncor, .sp-feat-tdu-dot.oncor, .sp-tdu-group-dot.oncor { background: #3b82f6; }

.sp-tdu-dot--centerpoint, .sp-feat-tdu-dot.centerpoint, .sp-tdu-group-dot.centerpoint { background: #10b981; }

.sp-tdu-dot--aep, .sp-feat-tdu-dot.aep, .sp-tdu-group-dot.aep { background: #f59e0b; }

.sp-tdu-dot--tnmp, .sp-feat-tdu-dot.tnmp, .sp-tdu-group-dot.tnmp { background: #8b5cf6; }

/* ── Toolbar ── */

.sp-toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; flex-wrap: wrap; gap: 10px; }

.sp-toolbar-sort { display: flex; gap: 6px; }

.sp-sort-btn { background: #f3f4f6; border: 1px solid var(--ec-border); border-radius: 6px; padding: 6px 12px; font-size: 13px; font-weight: 600; color: #6b7280; cursor: pointer; transition: all 0.12s ease; font-family: inherit; }

.sp-sort-btn:hover, .sp-sort-btn.active { background: var(--ec-accent); border-color: var(--ec-accent); color: #fff; }

.sp-tdu-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 32px 0; }

@media (min-width: 640px) { .sp-tdu-grid { grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 1024px) { .sp-tdu-grid { grid-template-columns: repeat(3, 1fr); } }

.sp-tdu-card { border: 1px solid var(--ec-border); border-radius: 14px; padding: 28px 24px; }

.sp-tdu-card-header { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }

.sp-tdu-logo { height: 28px; width: auto; max-width: 100px; object-fit: contain; flex-shrink: 0; }

.sp-tdu-card-header-text h4 { font-size: 18px; font-weight: 700; color: #1f1f1f; margin: 0; padding: 0; }

.sp-tdu-card-header-text .sp-tdu-area { font-size: 13px; color: var(--ec-accent); font-weight: 600; margin: 0; }

.sp-tdu-card p { font-size: 14px; color: #6b7280; margin: 0 0 12px; line-height: 1.6; }

.sp-tdu-cities { display: flex; flex-wrap: wrap; gap: 6px; }

.sp-tdu-cities a { display: inline-block; padding: 4px 10px; background: var(--ec-surface-alt); border: 1px solid var(--ec-border); border-radius: 6px; font-size: 12px; font-weight: 600; color: var(--ec-text-body); text-decoration: none; transition: all 0.15s ease; }

.sp-tdu-cities a:hover { background: #f0fdf4; border-color: var(--ec-accent); color: var(--ec-accent); }

.sp-season-grid { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin: 2rem 0; }

.sp-regulated-box { background: #fffbeb; border: 1px solid #fde68a; border-left: 4px solid #f59e0b; border-radius: 0 10px 10px 0; padding: 24px 28px; margin: 32px 0; }

.sp-regulated-box h4 { font-size: 15px; font-weight: 700; color: #92400e; margin: 0 0 8px; padding: 0; }

.sp-regulated-box p { font-size: 14px; color: #78350f; margin: 0; line-height: 1.7; }

.sp-tdu-map-wrap { margin: 32px 0; border: 1px solid var(--ec-border); border-radius: 16px; overflow: hidden; background: #fff; }

.sp-tdu-map-body { display: flex; align-items: stretch; }

#tdu-map-container { position: relative; flex: 1; min-width: 0; padding: 24px 16px 24px 24px; background: #f8fafb; }

#tdu-map-container svg { width: 100%; height: auto; display: block; }

.sp-tdu-map-legend { display: flex; flex-direction: column; gap: 0; flex-shrink: 0; width: 280px; border-left: 1px solid #f0f0f0; }

.sp-tdu-map-legend-item { display: flex; align-items: center; gap: 14px; padding: 0 28px; flex: 1; border-bottom: 1px solid #f3f4f6; transition: background 0.12s ease; cursor: default; }

.sp-tdu-map-legend-item:last-child { border-bottom: none; }

.sp-tdu-map-legend-item:hover { background: var(--ec-surface-alt); }

.sp-tdu-map-legend-swatch { width: 14px; height: 40px; border-radius: 4px; flex-shrink: 0; }

.sp-tdu-legend-text { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; }

.sp-tdu-legend-logo { height: 26px; width: auto; max-width: 120px; object-fit: contain; object-position: left; display: block; }

.sp-tdu-legend-name { font-size: 15px; font-weight: 700; color: #1f1f1f; line-height: 1.2; }

.sp-tdu-legend-region { font-size: 14px; color: #6b7280; font-weight: 500; line-height: 1.3; }

.sp-tdu-tooltip { position: absolute; pointer-events: none; background: #1f2937; color: #fff; padding: 10px 16px; border-radius: 10px; font-size: 13px; line-height: 1.5; white-space: nowrap; opacity: 0; transition: opacity 0.15s ease; z-index: 10; box-shadow: 0 8px 24px rgba(0,0,0,0.2); }

.sp-tdu-tooltip strong { font-weight: 700; }

.sp-tdu-tooltip .tt-tdu { color: #bbf7d0; font-weight: 600; }

@media (max-width: 900px) {
        .sp-tdu-map-body { flex-direction: column; }
        #tdu-map-container { padding: 20px; }
        .sp-tdu-map-legend { width: 100%; flex-direction: row; flex-wrap: wrap; border-left: none; border-top: 1px solid #f0f0f0; }
        .sp-tdu-map-legend-item { flex: 0 0 50%; padding: 14px 20px; border-bottom: none; border-right: 1px solid #f3f4f6; }
        .sp-tdu-map-legend-item:nth-child(even) { border-right: none; }
        .sp-tdu-map-legend-swatch { height: 28px; }
        .sp-tdu-legend-logo { height: 22px; }
    }

@media (max-width: 480px) {
        .sp-tdu-map-legend-item { flex: 0 0 100%; border-right: none; border-bottom: 1px solid #f3f4f6; }
    }

/* Table of Contents */

/* Provider Table */

.sp-provider-wrap { border: 1px solid var(--ec-border); border-radius: 14px; overflow: hidden; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.06); margin: 32px 0; }

.sp-provider-table { width: 100%; border-collapse: collapse; }

.sp-provider-table thead th { background: var(--ec-text-heading); color: rgba(255,255,255,0.7); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; padding: 14px 20px; text-align: left; border-bottom: 2px solid var(--ec-accent); }

.sp-provider-table thead th:first-child { padding-left: 24px; }

.sp-provider-table tbody td { padding: 16px 20px; border-bottom: 1px solid #f0f0f0; font-size: 14px; color: var(--ec-text-body); vertical-align: middle; }

.sp-provider-table tbody td:first-child { padding-left: 24px; }

.sp-provider-table tbody tr:last-child td { border-bottom: none; }

.sp-provider-table tbody tr:hover { background: #f0fdf4; }

.sp-provider-name { font-size: 1rem; font-weight: 700; color: var(--ec-text-heading); }

.sp-provider-rate { font-size: 22px; font-weight: 800; color: #059669; letter-spacing: -0.02em; }

.sp-provider-rate-unit {   font-size: 1.25rem; color: #059669; font-weight: 600; }

.sp-provider-badge { display: inline-block; padding: 3px 10px; font-size: 0.875rem; font-weight: 700; border-radius: 20px; }

.sp-provider-badge--green { background: #dcfce7; color: #166534; }

.sp-provider-badge--blue { background: #dbeafe; color: #1e40af; }

.sp-provider-badge--solar { background: #fef3c7; color: #92400e; }

.sp-provider-check { color: #10b981; font-size: 16px; }

.sp-provider-dash { color: #d1d5db; }

.sp-provider-caption { padding: 14px 24px; font-size: 12px; color: #9ca3af; line-height: 1.5; border-top: 1px solid #f0f0f0; }

@media (max-width: 768px) {
        .sp-provider-table { display: block; }
        .sp-provider-table thead { display: none; }
        .sp-provider-table tbody { display: block; }
        .sp-provider-table tbody tr { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 16px 20px; border-bottom: 1px solid #f0f0f0; }
        .sp-provider-table tbody td { padding: 0.5rem 0; border: none; }
        .sp-provider-name { font-size:1.5rem; }
        .sp-provider-table tbody td:first-child { grid-column: 1 / -1; padding: 0; }
        .sp-provider-table tbody td::before { content: attr(data-label); display: block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #9ca3af; margin-bottom:0.25rem; }
    }

/* Rate History Chart */

.sp-chart-wrap { border: 1px solid var(--ec-border); border-radius: 14px; padding: 28px; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.06); margin: 32px 0; }

.sp-chart-canvas-wrap { position: relative; width: 100%; height: 380px; }

@media (max-width: 640px) { .sp-chart-canvas-wrap { height: 260px; } }

.sp-chart-events { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin-top: 28px; }

.sp-chart-event { padding: 16px 20px; border-radius: 10px; border: 1px solid var(--ec-border); }

.sp-chart-event-year { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #9ca3af; margin-bottom: 4px; }

.sp-chart-event h4 { font-size: 14px; font-weight: 700; color: #1f1f1f; margin: 0 0 4px; padding: 0; }

.sp-chart-event p { font-size: 13px; color: #6b7280; margin: 0; line-height: 1.5; }

.sp-chart-event--red { border-color: #fecaca; background: linear-gradient(180deg, #fff1f2 0%, #fff 100%); }

.sp-chart-event--green { border-color: #bbf7d0; background: linear-gradient(180deg, #f0fdf4 0%, #fff 100%); }

.sp-chart-event--blue { border-color: #bfdbfe; background: linear-gradient(180deg, #eff6ff 0%, #fff 100%); }

.sp-chart-yoy { display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; padding: 8px 16px; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 8px; font-size: 13px; font-weight: 600; color: #9a3412; }

.sp-fact-value--coal { color: #64748b; }

.sp-ipp-box { border: 2px solid #0d9488; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f0fdfa 0%, #fff 100%); }

.sp-ipp-box h4 { font-size: 18px; font-weight: 700; color: #0f766e; margin: 0 0 12px; padding: 0; }

.sp-ipp-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-ipp-box p:last-child { margin-bottom: 0; }

.sp-ipp-timeline { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 16px 0; font-size: 13px; color: #475569; }

@media (min-width: 768px) { .sp-ipp-timeline { grid-template-columns: repeat(2, 1fr); } }

.sp-ipp-timeline strong { color: #0f766e; }

.sp-muni-box { border: 2px solid #e2e8f0; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, var(--ec-surface) 0%, #fff 100%); }

.sp-muni-box h4 { font-size: 18px; font-weight: 700; color: #334155; margin: 0 0 12px; padding: 0; }

.sp-nuclear-box h4 { font-size: 18px; font-weight: 700; color: #475569; margin: 0 0 12px; padding: 0; }

.sp-dc-box { border: 2px solid #fde68a; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-dc-box h4 { font-size: 18px; font-weight: 700; color: #92400e; margin: 0 0 12px; padding: 0; }

.sp-numbers-box { border: 2px solid #bbf7d0; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f0fdf4 0%, #fff 100%); }

.sp-numbers-box h4 { font-size: 18px; font-weight: 700; color: #166534; margin: 0 0 12px; padding: 0; }

.sp-numbers-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-numbers-box p:last-child { margin-bottom: 0; }

.sp-hydro-box { border: 2px solid #7dd3fc; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f0f9ff 0%, #fff 100%); }

.sp-hydro-box h4 { font-size: 18px; font-weight: 700; color: #0369a1; margin: 0 0 12px; padding: 0; }

.sp-yankee-box { border: 2px solid #fecaca; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fff1f2 0%, #fff 100%); }

.sp-yankee-box h4 { font-size: 18px; font-weight: 700; color: #dc2626; margin: 0 0 12px; padding: 0; }

.sp-yankee-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-yankee-box p:last-child { margin-bottom: 0; }

.sp-energy-mix-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 24px 0; }

@media (min-width: 768px) { .sp-energy-mix-grid { grid-template-columns: repeat(4, 1fr); } }

.sp-vs-col:first-child .sp-vs-rate { color: #16a34a; }

.sp-fact-grid-6 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 24px 0; }

@media (min-width: 768px) { .sp-fact-grid-6 { grid-template-columns: repeat(3, 1fr); } }

@media (min-width: 1024px) { .sp-fact-grid-6 { grid-template-columns: repeat(6, 1fr); } }

.sp-bpa-box { border: 2px solid #a5f3fc; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #ecfeff 0%, #fff 100%); }

.sp-bpa-box h4 { font-size: 18px; font-weight: 700; color: #0e7490; margin: 0 0 12px; padding: 0; }

.sp-bpa-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-bpa-box p:last-child { margin-bottom: 0; }

.sp-bpa-box strong { color: #0e7490; }

.sp-fact-value { font-size: 28px; font-weight: 900; color: #b45309; line-height: 1; margin-bottom: 4px; }

.sp-coal-numbers { border: 2px solid #b45309; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); }

.sp-coal-numbers h4 { font-size: 18px; font-weight: 700; color: #92400e; margin: 0 0 16px; padding: 0; }

.sp-coal-numbers ul { margin: 0; padding: 0 0 0 1.1em; font-size: 14px; color: var(--ec-text-body); line-height: 1.75; }

.sp-coal-numbers li { margin-bottom: 8px; }

.sp-coal-numbers li:last-child { margin-bottom: 0; }

@media (min-width: 1024px) { .sp-tip-grid { grid-template-columns: repeat(3, 1fr); } }

.sp-mining-callout { border: 1px solid var(--ec-border); border-left: 4px solid #57534e; border-radius: 0 14px 14px 0; padding: 24px; margin: 24px 0; background: #fafaf9; }

.sp-mining-callout h4 { font-size: 16px; font-weight: 700; color: #44403c; margin: 0 0 8px; padding: 0; }

.sp-mining-callout p { font-size: 14px; color: #57534e; line-height: 1.65; margin: 0; }

.sp-utility-brand-icon span { font-weight: 900; font-size: 12px; color: #fff; letter-spacing: -0.02em; line-height: 1.1; text-align: center; }

.sp-utility-rate { font-size: 28px; font-weight: 900; color: #64748b; margin-bottom: 4px; }

.sp-fact-value { font-size: 22px; font-weight: 900; color: #64748b; line-height: 1; margin-bottom: 4px; }

.sp-fact-value--accent { color: var(--ec-accent); }

.sp-lead-box { border: 2px solid #e2e8f0; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, var(--ec-surface) 0%, #fff 100%); }

.sp-lead-box h4 { font-size: 18px; font-weight: 700; color: #334155; margin: 0 0 12px; padding: 0; }

.sp-lead-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-lead-box p:last-child { margin-bottom: 0; }

.sp-nuclear-box { border: 2px solid #cbd5e1; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #f1f5f9 0%, #fff 100%); }

.sp-foxconn-box { border: 2px solid #94a3b8; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, #e2e8f0 0%, #fff 100%); }

.sp-foxconn-box h4 { font-size: 18px; font-weight: 700; color: #334155; margin: 0 0 12px; padding: 0; }

.sp-foxconn-box p { font-size: 14px; color: var(--ec-text-body); line-height: 1.7; margin: 0 0 12px; }

.sp-foxconn-box p:last-child { margin-bottom: 0; }

.sp-solar-box { border: 2px solid #e2e8f0; border-radius: 14px; padding: 28px; margin: 32px 0; background: linear-gradient(180deg, var(--ec-surface) 0%, #fff 100%); }

.sp-solar-box h4 { font-size: 18px; font-weight: 700; color: #475569; margin: 0 0 12px; padding: 0; }

.sp-wind-callout { border: 1px solid var(--ec-border); border-left: 4px solid #0d9488; border-radius: 0 14px 14px 0; padding: 24px; margin: 24px 0; background: #f0fdfa; }

.sp-wind-callout h4 { font-size: 16px; font-weight: 700; color: #0f766e; margin: 0 0 8px; padding: 0; }

.sp-wind-callout p { font-size: 14px; color: #115e59; line-height: 1.65; margin: 0; }


/* ==============================================
   Utility Brand Colors
   ============================================== */

.sp-brand-apc .sp-utility-brand { border-bottom: 2px solid #00263A; }
.sp-brand-apc .sp-utility-wordmark { color: #00263A; }
.sp-brand-apc .sp-utility-brand-icon { background: #00263A; }
.sp-brand-tva .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-tva .sp-utility-wordmark { color: #C8102E; }
.sp-brand-tva .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-ps .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-ps .sp-utility-wordmark { color: #00843D; }
.sp-brand-ps .sp-utility-brand-icon { background: #00843D; }
.sp-brand-jw .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-jw .sp-utility-wordmark { color: #F37021; }
.sp-brand-jw .sp-utility-brand-icon { background: #F37021; }
.sp-brand-cea .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-cea .sp-utility-wordmark { color: #00467F; }
.sp-brand-cea .sp-utility-brand-icon { background: #00467F; }
.sp-brand-gvea .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-gvea .sp-utility-wordmark { color: #F37021; }
.sp-brand-gvea .sp-utility-brand-icon { background: #F37021; }
.sp-brand-mea .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-mea .sp-utility-wordmark { color: #00843D; }
.sp-brand-mea .sp-utility-brand-icon { background: #00843D; }
.sp-brand-hea .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-hea .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-hea .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-aelp .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-aelp .sp-utility-wordmark { color: #C8102E; }
.sp-brand-aelp .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-aps .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-aps .sp-utility-wordmark { color: #00843D; }
.sp-brand-aps .sp-utility-brand-icon { background: #00843D; }
.sp-brand-srp .sp-utility-brand { border-bottom: 2px solid #0072CE; }
.sp-brand-srp .sp-utility-wordmark { color: #0072CE; }
.sp-brand-srp .sp-utility-brand-icon { background: #0072CE; }
.sp-brand-tep .sp-utility-brand { border-bottom: 2px solid #C41230; }
.sp-brand-tep .sp-utility-wordmark { color: #C41230; }
.sp-brand-tep .sp-utility-brand-icon { background: #C41230; }
.sp-brand-etr .sp-utility-brand { border-bottom: 2px solid #00263A; }
.sp-brand-etr .sp-utility-wordmark { color: #00263A; }
.sp-brand-etr .sp-utility-brand-icon { background: #00263A; }
.sp-brand-swp .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-swp .sp-utility-wordmark { color: #C8102E; }
.sp-brand-swp .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-ede .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-ede .sp-utility-wordmark { color: #00467F; }
.sp-brand-ede .sp-utility-brand-icon { background: #00467F; }
.sp-brand-oge .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-oge .sp-utility-wordmark { color: #F37021; }
.sp-brand-oge .sp-utility-brand-icon { background: #F37021; }
.sp-brand-aec .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-aec .sp-utility-wordmark { color: #00843D; }
.sp-brand-aec .sp-utility-brand-icon { background: #00843D; }
.sp-brand-pge .sp-utility-brand { border-bottom: 2px solid #004B87; }
.sp-brand-pge .sp-utility-wordmark { color: #004B87; }
.sp-brand-pge .sp-utility-brand-icon { background: #004B87; }
.sp-brand-sce .sp-utility-brand { border-bottom: 2px solid #E35205; }
.sp-brand-sce .sp-utility-wordmark { color: #E35205; }
.sp-brand-sce .sp-utility-brand-icon { background: #E35205; }
.sp-brand-sdge .sp-utility-brand { border-bottom: 2px solid #0072CE; }
.sp-brand-sdge .sp-utility-wordmark { color: #0072CE; }
.sp-brand-sdge .sp-utility-brand-icon { background: #0072CE; }
.sp-brand-fpl .sp-utility-brand { border-bottom: 2px solid #0057B8; }
.sp-brand-fpl .sp-utility-wordmark { color: #0057B8; }
.sp-brand-fpl .sp-utility-brand-icon { background: #0057B8; }
.sp-brand-duke .sp-utility-brand { border-bottom: 2px solid #00789E; }
.sp-brand-duke .sp-utility-wordmark { color: #00789E; }
.sp-brand-duke .sp-utility-brand-icon { background: #00789E; }
.sp-brand-teco .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-teco .sp-utility-wordmark { color: #C8102E; }
.sp-brand-teco .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-jea .sp-utility-brand { border-bottom: 2px solid #2563eb; }
.sp-brand-jea .sp-utility-wordmark { color: #2563eb; }
.sp-brand-jea .sp-utility-brand-icon { background: #2563eb; }
.sp-brand-gapower .sp-utility-brand { border-bottom: 2px solid #00205B; }
.sp-brand-gapower .sp-utility-wordmark { color: #00205B; }
.sp-brand-gapower .sp-utility-brand-icon { background: #00205B; }
.sp-brand-emc .sp-utility-brand { border-bottom: 2px solid #4b5563; }
.sp-brand-emc .sp-utility-wordmark { color: #374151; }
.sp-brand-emc .sp-utility-brand-icon { background: #4b5563; }
.sp-brand-heco .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-heco .sp-utility-wordmark { color: #00467F; }
.sp-brand-heco .sp-utility-brand-icon { background: #00467F; }
.sp-brand-meco .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-meco .sp-utility-wordmark { color: #C8102E; }
.sp-brand-meco .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-helco .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-helco .sp-utility-wordmark { color: #00843D; }
.sp-brand-helco .sp-utility-brand-icon { background: #00843D; }
.sp-brand-kiuc .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-kiuc .sp-utility-wordmark { color: #F37021; }
.sp-brand-kiuc .sp-utility-brand-icon { background: #F37021; }
.sp-brand-ipc .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-ipc .sp-utility-wordmark { color: #00467F; }
.sp-brand-ipc .sp-utility-brand-icon { background: #00467F; }
.sp-brand-ava .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-ava .sp-utility-wordmark { color: #C8102E; }
.sp-brand-ava .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-rmp .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-rmp .sp-utility-wordmark { color: #00843D; }
.sp-brand-rmp .sp-utility-brand-icon { background: #00843D; }
.sp-brand-fwc .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-fwc .sp-utility-wordmark { color: #F37021; }
.sp-brand-fwc .sp-utility-brand-icon { background: #F37021; }
.sp-brand-ifp .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-ifp .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-ifp .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-aes .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-aes .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-aes .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-im .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-im .sp-utility-wordmark { color: #C8102E; }
.sp-brand-im .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-nipsco .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-nipsco .sp-utility-wordmark { color: #00843D; }
.sp-brand-nipsco .sp-utility-brand-icon { background: #00843D; }
.sp-brand-cnp .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-cnp .sp-utility-wordmark { color: #F37021; }
.sp-brand-cnp .sp-utility-brand-icon { background: #F37021; }
.sp-brand-mec .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-mec .sp-utility-wordmark { color: #00467F; }
.sp-brand-mec .sp-utility-brand-icon { background: #00467F; }
.sp-brand-lnt .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-lnt .sp-utility-wordmark { color: #C8102E; }
.sp-brand-lnt .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-cipco .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-cipco .sp-utility-wordmark { color: #00843D; }
.sp-brand-cipco .sp-utility-brand-icon { background: #00843D; }
.sp-brand-iamu .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-iamu .sp-utility-wordmark { color: #F37021; }
.sp-brand-iamu .sp-utility-brand-icon { background: #F37021; }
.sp-brand-cbp .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-cbp .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-cbp .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-evr .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-evr .sp-utility-wordmark { color: #00467F; }
.sp-brand-evr .sp-utility-brand-icon { background: #00467F; }
.sp-brand-kge .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-kge .sp-utility-wordmark { color: #C8102E; }
.sp-brand-kge .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-mke .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-mke .sp-utility-wordmark { color: #00843D; }
.sp-brand-mke .sp-utility-brand-icon { background: #00843D; }
.sp-brand-mwe .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-mwe .sp-utility-wordmark { color: #F37021; }
.sp-brand-mwe .sp-utility-brand-icon { background: #F37021; }
.sp-brand-sec .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-sec .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-sec .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-lge .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-lge .sp-utility-wordmark { color: #00467F; }
.sp-brand-lge .sp-utility-brand-icon { background: #00467F; }
.sp-brand-ku .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-ku .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-ku .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-kp .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-kp .sp-utility-wordmark { color: #C8102E; }
.sp-brand-kp .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-tva .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-tva .sp-utility-wordmark { color: #F37021; }
.sp-brand-tva .sp-utility-brand-icon { background: #F37021; }
.sp-brand-clc .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-clc .sp-utility-wordmark { color: #00843D; }
.sp-brand-clc .sp-utility-brand-icon { background: #00843D; }
.sp-brand-lus .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-lus .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-lus .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-bec .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-bec .sp-utility-wordmark { color: #F37021; }
.sp-brand-bec .sp-utility-brand-icon { background: #F37021; }
.sp-brand-dte .sp-utility-brand { border-bottom: 2px solid #1E3A5F; }
.sp-brand-dte .sp-utility-wordmark { color: #1E3A5F; }
.sp-brand-dte .sp-utility-brand-icon { background: #1E3A5F; }
.sp-brand-ce .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-ce .sp-utility-wordmark { color: #00843D; }
.sp-brand-ce .sp-utility-brand-icon { background: #00843D; }
.sp-brand-uppco .sp-utility-brand { border-bottom: 2px solid #6b7280; }
.sp-brand-uppco .sp-utility-wordmark { color: #4b5563; }
.sp-brand-uppco .sp-utility-brand-icon { background: #6b7280; }
.sp-brand-xcel .sp-utility-brand { border-bottom: 2px solid #DA291C; }
.sp-brand-xcel .sp-utility-wordmark { color: #DA291C; }
.sp-brand-xcel .sp-utility-brand-icon { background: #DA291C; }
.sp-brand-mp .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-mp .sp-utility-wordmark { color: #00467F; }
.sp-brand-mp .sp-utility-brand-icon { background: #00467F; }
.sp-brand-otp .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-otp .sp-utility-wordmark { color: #00843D; }
.sp-brand-otp .sp-utility-brand-icon { background: #00843D; }
.sp-brand-gre .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-gre .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-gre .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-dea .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-dea .sp-utility-wordmark { color: #F37021; }
.sp-brand-dea .sp-utility-brand-icon { background: #F37021; }
.sp-brand-msp .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-msp .sp-utility-wordmark { color: #C8102E; }
.sp-brand-msp .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-tva .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-tva .sp-utility-wordmark { color: #00843D; }
.sp-brand-tva .sp-utility-brand-icon { background: #00843D; }
.sp-brand-cec .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-cec .sp-utility-wordmark { color: #F37021; }
.sp-brand-cec .sp-utility-brand-icon { background: #F37021; }
.sp-brand-sre .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-sre .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-sre .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-amr .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-amr .sp-utility-wordmark { color: #00467F; }
.sp-brand-amr .sp-utility-brand-icon { background: #00467F; }
.sp-brand-evr .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-evr .sp-utility-wordmark { color: #C8102E; }
.sp-brand-evr .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-emp .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-emp .sp-utility-wordmark { color: #00843D; }
.sp-brand-emp .sp-utility-brand-icon { background: #00843D; }
.sp-brand-cus .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-cus .sp-utility-wordmark { color: #F37021; }
.sp-brand-cus .sp-utility-brand-icon { background: #F37021; }
.sp-brand-ipl .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-ipl .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-ipl .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-nwe .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-nwe .sp-utility-wordmark { color: #00467F; }
.sp-brand-nwe .sp-utility-brand-icon { background: #00467F; }
.sp-brand-mdu .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-mdu .sp-utility-wordmark { color: #C8102E; }
.sp-brand-mdu .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-fec .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-fec .sp-utility-wordmark { color: #00843D; }
.sp-brand-fec .sp-utility-brand-icon { background: #00843D; }
.sp-brand-mec .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-mec .sp-utility-wordmark { color: #F37021; }
.sp-brand-mec .sp-utility-brand-icon { background: #F37021; }
.sp-brand-vec .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-vec .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-vec .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-npd .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-npd .sp-utility-wordmark { color: #00467F; }
.sp-brand-npd .sp-utility-brand-icon { background: #00467F; }
.sp-brand-opd .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-opd .sp-utility-wordmark { color: #C8102E; }
.sp-brand-opd .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-les .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-les .sp-utility-wordmark { color: #00843D; }
.sp-brand-les .sp-utility-brand-icon { background: #00843D; }
.sp-brand-tsg .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-tsg .sp-utility-wordmark { color: #F37021; }
.sp-brand-tsg .sp-utility-brand-icon { background: #F37021; }
.sp-brand-nrp .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-nrp .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-nrp .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-nves .sp-utility-brand { border-bottom: 2px solid #E31837; }
.sp-brand-nves .sp-utility-wordmark { color: #E31837; }
.sp-brand-nves .sp-utility-brand-icon { background: #E31837; }
.sp-brand-nven .sp-utility-brand { border-bottom: 2px solid #003DA5; }
.sp-brand-nven .sp-utility-wordmark { color: #003DA5; }
.sp-brand-nven .sp-utility-brand-icon { background: #003DA5; }
.sp-brand-vea .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-vea .sp-utility-wordmark { color: #00843D; }
.sp-brand-vea .sp-utility-brand-icon { background: #00843D; }
.sp-brand-mwp .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-mwp .sp-utility-wordmark { color: #F37021; }
.sp-brand-mwp .sp-utility-brand-icon { background: #F37021; }
.sp-brand-pnm .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-pnm .sp-utility-wordmark { color: #00467F; }
.sp-brand-pnm .sp-utility-brand-icon { background: #00467F; }
.sp-brand-epe .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-epe .sp-utility-wordmark { color: #C8102E; }
.sp-brand-epe .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-xcl .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-xcl .sp-utility-wordmark { color: #00843D; }
.sp-brand-xcl .sp-utility-brand-icon { background: #00843D; }
.sp-brand-kce .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-kce .sp-utility-wordmark { color: #F37021; }
.sp-brand-kce .sp-utility-brand-icon { background: #F37021; }
.sp-brand-jme .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-jme .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-jme .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-dec .sp-utility-brand { border-bottom: 2px solid #00789E; }
.sp-brand-dec .sp-utility-wordmark { color: #00789E; }
.sp-brand-dec .sp-utility-brand-icon { background: #00789E; }
.sp-brand-dep .sp-utility-brand { border-bottom: 2px solid #00789E; }
.sp-brand-dep .sp-utility-wordmark { color: #00789E; }
.sp-brand-dep .sp-utility-brand-icon { background: #00789E; }
.sp-brand-dom .sp-utility-brand { border-bottom: 2px solid #1B365D; }
.sp-brand-dom .sp-utility-wordmark { color: #1B365D; }
.sp-brand-dom .sp-utility-brand-icon { background: #1B365D; }
.sp-brand-coop .sp-utility-brand { border-bottom: 2px solid #4b5563; }
.sp-brand-coop .sp-utility-wordmark { color: #374151; }
.sp-brand-coop .sp-utility-brand-icon { background: #4b5563; }
.sp-brand-bec .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-bec .sp-utility-wordmark { color: #00467F; }
.sp-brand-bec .sp-utility-brand-icon { background: #00467F; }
.sp-brand-otp .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-otp .sp-utility-wordmark { color: #F37021; }
.sp-brand-otp .sp-utility-brand-icon { background: #F37021; }
.sp-brand-mpc .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-mpc .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-mpc .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-oge .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-oge .sp-utility-wordmark { color: #00467F; }
.sp-brand-oge .sp-utility-brand-icon { background: #00467F; }
.sp-brand-pso .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-pso .sp-utility-wordmark { color: #C8102E; }
.sp-brand-pso .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-oec .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-oec .sp-utility-wordmark { color: #00843D; }
.sp-brand-oec .sp-utility-brand-icon { background: #00843D; }
.sp-brand-grda .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-grda .sp-utility-wordmark { color: #F37021; }
.sp-brand-grda .sp-utility-brand-icon { background: #F37021; }
.sp-brand-lib .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-lib .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-lib .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-pge .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-pge .sp-utility-wordmark { color: #00467F; }
.sp-brand-pge .sp-utility-brand-icon { background: #00467F; }
.sp-brand-pac .sp-utility-brand { border-bottom: 2px solid #E87722; }
.sp-brand-pac .sp-utility-wordmark { color: #E87722; }
.sp-brand-pac .sp-utility-brand-icon { background: #E87722; }
.sp-brand-eweb .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-eweb .sp-utility-wordmark { color: #00843D; }
.sp-brand-eweb .sp-utility-brand-icon { background: #00843D; }
.sp-brand-ipc .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-ipc .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-ipc .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-clpud .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-clpud .sp-utility-wordmark { color: #C8102E; }
.sp-brand-clpud .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-bhe .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-bhe .sp-utility-wordmark { color: #00467F; }
.sp-brand-bhe .sp-utility-brand-icon { background: #00467F; }
.sp-brand-nwe .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-nwe .sp-utility-wordmark { color: #C8102E; }
.sp-brand-nwe .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-ere .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-ere .sp-utility-wordmark { color: #F37021; }
.sp-brand-ere .sp-utility-brand-icon { background: #F37021; }
.sp-brand-mre .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-mre .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-mre .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-nes .sp-utility-brand { border-bottom: 2px solid #1B365D; }
.sp-brand-nes .sp-utility-wordmark { color: #1B365D; }
.sp-brand-nes .sp-utility-brand-icon { background: #1B365D; }
.sp-brand-mlgw .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-mlgw .sp-utility-wordmark { color: #00467F; }
.sp-brand-mlgw .sp-utility-brand-icon { background: #00467F; }
.sp-brand-kub .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-kub .sp-utility-wordmark { color: #00843D; }
.sp-brand-kub .sp-utility-brand-icon { background: #00843D; }
.sp-brand-epb .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-epb .sp-utility-wordmark { color: #C8102E; }
.sp-brand-epb .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-mtemc .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-mtemc .sp-utility-wordmark { color: #F37021; }
.sp-brand-mtemc .sp-utility-brand-icon { background: #F37021; }
.sp-brand-rmp .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-rmp .sp-utility-wordmark { color: #00467F; }
.sp-brand-rmp .sp-utility-brand-icon { background: #00467F; }
.sp-brand-mcp .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-mcp .sp-utility-wordmark { color: #C8102E; }
.sp-brand-mcp .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-pcp .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-pcp .sp-utility-wordmark { color: #00843D; }
.sp-brand-pcp .sp-utility-brand-icon { background: #00843D; }
.sp-brand-mle .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-mle .sp-utility-wordmark { color: #F37021; }
.sp-brand-mle .sp-utility-brand-icon { background: #F37021; }
.sp-brand-suvec .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-suvec .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-suvec .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-gmp .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-gmp .sp-utility-wordmark { color: #00467F; }
.sp-brand-gmp .sp-utility-brand-icon { background: #00467F; }
.sp-brand-vec .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-vec .sp-utility-wordmark { color: #C8102E; }
.sp-brand-vec .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-bed .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-bed .sp-utility-wordmark { color: #00843D; }
.sp-brand-bed .sp-utility-brand-icon { background: #00843D; }
.sp-brand-wec .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-wec .sp-utility-wordmark { color: #F37021; }
.sp-brand-wec .sp-utility-brand-icon { background: #F37021; }
.sp-brand-sed .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-sed .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-sed .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-pse .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-pse .sp-utility-wordmark { color: #00467F; }
.sp-brand-pse .sp-utility-brand-icon { background: #00467F; }
.sp-brand-scl .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-scl .sp-utility-wordmark { color: #00843D; }
.sp-brand-scl .sp-utility-brand-icon { background: #00843D; }
.sp-brand-tpu .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-tpu .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-tpu .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-snopud .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-snopud .sp-utility-wordmark { color: #F37021; }
.sp-brand-snopud .sp-utility-brand-icon { background: #F37021; }
.sp-brand-apco .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-apco .sp-utility-wordmark { color: #C8102E; }
.sp-brand-apco .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-pe .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-pe .sp-utility-wordmark { color: #00843D; }
.sp-brand-pe .sp-utility-brand-icon { background: #00843D; }
.sp-brand-wp .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-wp .sp-utility-wordmark { color: #F37021; }
.sp-brand-wp .sp-utility-brand-icon { background: #F37021; }
.sp-brand-we .sp-utility-brand { border-bottom: 2px solid #00467F; }
.sp-brand-we .sp-utility-wordmark { color: #00467F; }
.sp-brand-we .sp-utility-brand-icon { background: #00467F; }
.sp-brand-wps .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-wps .sp-utility-wordmark { color: #C8102E; }
.sp-brand-wps .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-alt .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-alt .sp-utility-wordmark { color: #00843D; }
.sp-brand-alt .sp-utility-brand-icon { background: #00843D; }
.sp-brand-mge .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-mge .sp-utility-wordmark { color: #F37021; }
.sp-brand-mge .sp-utility-brand-icon { background: #F37021; }
.sp-brand-dpc .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-dpc .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-dpc .sp-utility-brand-icon { background: #1B4D89; }
.sp-brand-bhe .sp-utility-brand { border-bottom: 2px solid #C8102E; }
.sp-brand-bhe .sp-utility-wordmark { color: #C8102E; }
.sp-brand-bhe .sp-utility-brand-icon { background: #C8102E; }
.sp-brand-mdu .sp-utility-brand { border-bottom: 2px solid #00843D; }
.sp-brand-mdu .sp-utility-wordmark { color: #00843D; }
.sp-brand-mdu .sp-utility-brand-icon { background: #00843D; }
.sp-brand-clf .sp-utility-brand { border-bottom: 2px solid #F37021; }
.sp-brand-clf .sp-utility-wordmark { color: #F37021; }
.sp-brand-clf .sp-utility-brand-icon { background: #F37021; }
.sp-brand-lve .sp-utility-brand { border-bottom: 2px solid #1B4D89; }
.sp-brand-lve .sp-utility-wordmark { color: #1B4D89; }
.sp-brand-lve .sp-utility-brand-icon { background: #1B4D89; }