@font-face {
    font-family: "HPNeueKabel";
    src: url("/wp-content/themes/generatepress_child/Fonts/NeueKabel.otf") format("opentype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

.hp-electricity-price-page #site-navigation .current-menu-item > a,
.hp-electricity-price-page #site-navigation .current-page-ancestor > a {
    color: #714000 !important;
    text-decoration: underline;
    text-decoration-color: #ff9f1c;
    text-decoration-thickness: 3px;
    text-underline-offset: .28em;
}

.hp-electricity-price-page #site-navigation .current-menu-item > a:hover,
.hp-electricity-price-page #site-navigation .current-menu-item > a:focus-visible,
.hp-electricity-price-page #site-navigation .current-page-ancestor > a:hover,
.hp-electricity-price-page #site-navigation .current-page-ancestor > a:focus-visible {
    color: #0f654f !important;
}

@font-face {
    font-family: "HPBrandonGrotesque";
    src: url("/wp-content/themes/generatepress_child/Fonts/Brandon_reg.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

.hp-transfer-design {
    --hp-transfer-navy: #1b1b42;
    --hp-transfer-blue: #192b80;
    --hp-transfer-teal: #147a62;
    --hp-transfer-teal-bright: #26a686;
    --hp-transfer-orange: #ff9f1c;
    --hp-transfer-heading: #1c2e2c;
    --hp-transfer-ink: #293a38;
    --hp-transfer-muted: #5c6078;
    --hp-transfer-line: #dfe4e9;
    --hp-transfer-surface: #f5f7fb;
    --hp-transfer-soft-green: #daf7ec;
    --hp-transfer-soft-orange: #fff0d5;
    --hp-transfer-white: #fff;
    --hp-transfer-danger: #8f2424;
    --hp-transfer-radius: 16px;
    --hp-transfer-radius-sm: 12px;
    --hp-transfer-shadow: 0 18px 48px rgba(27, 27, 66, .1);
    --hp-transfer-shadow-sm: 0 6px 20px rgba(27, 27, 66, .07);
    --hp-transfer-section-gap: clamp(1.75rem, 3.2vw, 3rem);
    --hp-transfer-card-pad: clamp(1rem, 2.4vw, 1.85rem);
    box-sizing: border-box;
    color: var(--hp-transfer-ink);
    font-family: "HPBrandonGrotesque", "Source Sans Pro", "Source Sans 3", ui-sans-serif, system-ui, sans-serif;
    font-size: 1rem;
    line-height: 1.58;
    margin: 0 auto;
    max-width: 1200px;
    overflow: clip;
    padding: clamp(1rem, 2.5vw, 2rem);
    width: 100%;
}

.hp-transfer-design *,
.hp-transfer-design *::before,
.hp-transfer-design *::after {
    box-sizing: inherit;
    min-width: 0;
}

.hp-transfer-design [hidden] { display: none !important; }
.hp-transfer-design :where(h1, h2, h3, p, ul, ol, dl) { margin-top: 0; }
.hp-transfer-design :where(h1, h2, h3) {
    color: var(--hp-transfer-heading) !important;
    font-family: "HPNeueKabel", "Source Sans Pro", "Source Sans 3", ui-sans-serif, system-ui, sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: -.025em !important;
    line-height: 1.08 !important;
    text-transform: none !important;
}

.hp-transfer-design h1 {
    font-size: clamp(2.1rem, 4vw, 3.35rem) !important;
    margin: 0 0 1.25rem !important;
    max-width: 17ch;
}

.hp-transfer-design h2 {
    font-size: clamp(1.5rem, 2.4vw, 2rem) !important;
    margin-bottom: .8rem !important;
}

.hp-transfer-design h3 {
    font-size: clamp(1.2rem, 2vw, 1.48rem) !important;
    margin-bottom: .55rem !important;
}

.hp-transfer-design :where(p, li, label, input, select, button, summary, th, td, dt, dd, a) {
    font-family: "HPBrandonGrotesque", "Source Sans Pro", "Source Sans 3", ui-sans-serif, system-ui, sans-serif !important;
}

.hp-transfer-design a {
    color: var(--hp-transfer-blue) !important;
    text-decoration-thickness: .08em;
    text-underline-offset: .16em;
}

.hp-transfer-design a:hover {
    color: var(--hp-transfer-teal) !important;
    text-decoration-thickness: .12em;
}

.hp-transfer-design :where(a, button, input, select, summary):focus-visible {
    box-shadow: 0 0 0 5px rgba(20, 122, 98, .28) !important;
    outline: 3px solid var(--hp-transfer-teal) !important;
    outline-offset: 2px !important;
}

.hp-transfer-shell { display: grid; gap: var(--hp-transfer-section-gap); }

.hp-transfer-hero {
    align-items: stretch;
    display: grid;
    gap: clamp(1.25rem, 3vw, 2.5rem);
    grid-template-columns: minmax(0, 1.3fr) minmax(18rem, .7fr);
    padding-block: clamp(.5rem, 2vw, 1.5rem) clamp(.5rem, 1vw, 1rem);
}

.hp-transfer-hero--compact { grid-template-columns: minmax(0, 1.4fr) minmax(17rem, .6fr); }
.hp-transfer-hero__copy { align-self: center; }
.hp-transfer-lead { font-size: clamp(1.08rem, 1.7vw, 1.3rem); max-width: 48ch; }

.hp-transfer-breadcrumbs {
    align-items: center;
    color: var(--hp-transfer-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: .9rem;
    gap: .45rem;
    margin-bottom: 1.5rem;
}

.hp-transfer-breadcrumbs a { color: var(--hp-transfer-teal) !important; }
.hp-transfer-eyebrow {
    color: var(--hp-transfer-teal) !important;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .11em;
    margin-bottom: .65rem;
    text-transform: uppercase;
}

.hp-transfer-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.6rem;
}

.hp-transfer-button {
    align-items: center;
    border: 2px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1.2;
    min-height: 48px;
    padding: .8rem 1.2rem;
    text-align: center;
    text-decoration: none !important;
    transition: box-shadow 140ms ease, transform 140ms ease;
}

.hp-transfer-design .hp-transfer-button:hover { box-shadow: 0 8px 22px rgba(27, 27, 66, .16); transform: translateY(-1px); }
.hp-transfer-design .hp-transfer-button--primary { background: var(--hp-transfer-teal); color: var(--hp-transfer-white) !important; }
.hp-transfer-design .hp-transfer-button--primary:hover,
.hp-transfer-design .hp-transfer-button--primary:focus-visible { background: #0f654f; color: var(--hp-transfer-white) !important; }
.hp-transfer-design .hp-transfer-button--ghost { background: var(--hp-transfer-white); border-color: #bfc9c6; color: var(--hp-transfer-heading) !important; }
.hp-transfer-design .hp-transfer-button--ghost:hover,
.hp-transfer-design .hp-transfer-button--ghost:focus-visible { background: var(--hp-transfer-soft-green); border-color: var(--hp-transfer-teal); color: var(--hp-transfer-heading) !important; }
.hp-transfer-design .hp-transfer-button--orange { background: var(--hp-transfer-orange); color: var(--hp-transfer-navy) !important; }
.hp-transfer-design .hp-transfer-button--orange:hover,
.hp-transfer-design .hp-transfer-button--orange:focus-visible { background: #f18a00; color: var(--hp-transfer-navy) !important; }
.hp-transfer-design .hp-transfer-button:disabled { cursor: not-allowed; opacity: .55; transform: none; }
.hp-transfer-freshness { color: var(--hp-transfer-muted); font-size: .9rem; margin: 1.25rem 0 0; }
.hp-transfer-freshness span { color: var(--hp-transfer-teal); }

.hp-transfer-answer {
    background: var(--hp-transfer-navy);
    border-radius: var(--hp-transfer-radius);
    box-shadow: var(--hp-transfer-shadow);
    color: #ececf5;
    display: flex;
    flex-direction: column;
    gap: .15rem;
    justify-content: flex-start;
    overflow: hidden;
    padding: clamp(1.25rem, 2.6vw, 1.85rem);
    position: relative;
}

.hp-transfer-answer :where(h2, h3) { color: var(--hp-transfer-white) !important; }
.hp-transfer-answer .hp-transfer-eyebrow { color: #4fd1ad !important; }
.hp-transfer-answer h2 { font-size: clamp(1.35rem, 2vw, 1.7rem) !important; }
.hp-transfer-answer p { font-size: .96rem; margin-bottom: 0; }
.hp-transfer-answer__price { color: var(--hp-transfer-white); font-size: clamp(2.1rem, 5vw, 3.2rem) !important; font-weight: 700; letter-spacing: -.03em; line-height: 1.05; margin: .1rem 0 .6rem; }
.hp-transfer-answer dl { border-top: 1px solid rgba(255, 255, 255, .18); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 1rem 0 0; padding-top: .85rem; }
.hp-transfer-answer dl > div { display: grid; gap: .15rem; padding-right: .75rem; }
.hp-transfer-answer dt { color: #c9cadb; font-size: .78rem; }
.hp-transfer-answer dd { color: var(--hp-transfer-white); font-size: 1.6rem; font-weight: 700; margin: 0; }
.hp-transfer-answer__accent { background: linear-gradient(90deg, var(--hp-transfer-teal-bright) 0 72%, var(--hp-transfer-orange) 72%); height: 7px; inset: 0 0 auto; position: absolute; }

.hp-transfer-notice {
    align-items: flex-start;
    background: #fff9ed;
    border: 1px solid #f1d6a6;
    border-left: 6px solid var(--hp-transfer-orange);
    border-radius: 12px;
    display: grid;
    gap: 1rem;
    grid-template-columns: 2rem minmax(0, 1fr);
    box-shadow: 0 10px 26px rgba(27, 27, 66, .08);
    margin-block: -1.1rem 0;
    padding: 1.25rem;
    position: relative;
    z-index: 1;
}

.hp-transfer-notice > div:first-child { align-items: center; background: var(--hp-transfer-orange); border-radius: 50%; color: var(--hp-transfer-navy); display: flex; font-weight: 800; height: 2rem; justify-content: center; }
.hp-transfer-notice h2 { font-size: 1.35rem !important; margin-bottom: .3rem !important; }
.hp-transfer-notice p { margin-bottom: 0; }

.hp-transfer-workbench,
.hp-transfer-section,
.hp-transfer-method {
    background: var(--hp-transfer-white);
    border: 1px solid var(--hp-transfer-line);
    border-radius: var(--hp-transfer-radius);
    box-shadow: var(--hp-transfer-shadow-sm);
    padding: var(--hp-transfer-card-pad);
}

.hp-transfer-workbench { background: linear-gradient(145deg, #fff 0 63%, #f7faf9 100%); }
.hp-transfer-workbench__intro { max-width: 68ch; }
.hp-transfer-workbench__grid { align-items: start; display: grid; gap: clamp(1.25rem, 3vw, 2.5rem); grid-template-columns: minmax(0, 1.05fr) minmax(19rem, .95fr); margin-top: 2rem; }

.hp-transfer-form { display: grid; gap: 1rem; }
.hp-transfer-form fieldset { border: 0; display: grid; gap: .75rem; margin: 0; padding: 0 0 1.5rem; }
.hp-transfer-form fieldset + fieldset { border-top: 1px solid var(--hp-transfer-line); padding-top: 1.5rem; }
.hp-transfer-form legend { color: var(--hp-transfer-heading); float: left; font-family: "HPNeueKabel", sans-serif; font-size: 1.25rem; font-weight: 600; margin-bottom: .85rem; width: 100%; }
.hp-transfer-form label { color: var(--hp-transfer-heading); display: grid; font-weight: 700; gap: .4rem; position: relative; }
.hp-transfer-design :where(input, select) {
    appearance: none;
    background: var(--hp-transfer-white);
    border: 2px solid #7b8295;
    border-radius: 9px;
    color: var(--hp-transfer-ink);
    font: inherit;
    min-height: 48px;
    padding: .7rem .8rem;
    width: 100%;
}

.hp-transfer-design select {
    background-image: linear-gradient(45deg, transparent 50%, var(--hp-transfer-navy) 50%), linear-gradient(135deg, var(--hp-transfer-navy) 50%, transparent 50%);
    background-position: calc(100% - 17px) 50%, calc(100% - 11px) 50%;
    background-repeat: no-repeat;
    background-size: 6px 6px, 6px 6px;
    padding-right: 2.3rem;
}

.hp-transfer-design :where(input, select):disabled { background-color: #edf0f4; color: #6d7180; cursor: not-allowed; }
.hp-transfer-input-unit { align-items: stretch; display: flex; position: relative; }
.hp-transfer-input-unit:focus-within {
    border-radius: 9px;
    box-shadow: 0 0 0 5px rgba(20, 122, 98, .28);
    outline: 3px solid var(--hp-transfer-teal);
    outline-offset: 2px;
}
.hp-transfer-design .hp-transfer-input-unit input[type="number"] {
    appearance: textfield;
    border: 2px solid #7b8295;
    border-radius: 9px 0 0 9px;
    flex: 1 1 auto;
    padding: .7rem .8rem;
    width: 1%;
}
.hp-transfer-design .hp-transfer-input-unit input[type="number"]:focus-visible {
    box-shadow: none !important;
    outline: 0 !important;
}
.hp-transfer-design .hp-transfer-input-unit input[type="number"]::-webkit-inner-spin-button,
.hp-transfer-design .hp-transfer-input-unit input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.hp-transfer-input-unit span { align-items: center; background: var(--hp-transfer-surface); border: 2px solid #7b8295; border-left: 0; border-radius: 0 9px 9px 0; color: var(--hp-transfer-muted); display: flex; font-weight: 700; padding: 0 .85rem; white-space: nowrap; }
.hp-transfer-field-grid { display: grid; gap: .8rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hp-transfer-field-suffix { bottom: .8rem; color: var(--hp-transfer-muted); font-size: .85rem; font-weight: 400; position: absolute; right: .8rem; }
.hp-transfer-field-grid input { padding-right: 2.7rem; }
.hp-transfer-help, .hp-transfer-field-status { color: var(--hp-transfer-muted); font-size: .88rem; margin: 0; }
.hp-transfer-field-status:not(:empty) { background: var(--hp-transfer-soft-green); border-radius: 8px; color: var(--hp-transfer-heading); padding: .65rem .75rem; }
.hp-transfer-divider { align-items: center; color: var(--hp-transfer-muted); display: grid; font-size: .82rem; gap: .75rem; grid-template-columns: 1fr auto 1fr; margin-block: .25rem; }
.hp-transfer-divider::before, .hp-transfer-divider::after { background: var(--hp-transfer-line); content: ""; height: 1px; }
.hp-transfer-location { align-items: center; background: var(--hp-transfer-soft-green); border: 1px solid #90cdbb; border-radius: 9px; color: var(--hp-transfer-heading); cursor: pointer; display: inline-flex; font: inherit; font-weight: 700; gap: .55rem; justify-content: center; min-height: 48px; padding: .7rem 1rem; }
.hp-transfer-design .hp-transfer-location:hover,
.hp-transfer-design .hp-transfer-location:focus-visible { background: #c3eee0; border-color: var(--hp-transfer-teal); color: var(--hp-transfer-heading); }
.hp-transfer-location span { color: var(--hp-transfer-teal); font-size: 1.25rem; }
.hp-transfer-presets { display: grid; gap: .55rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hp-transfer-presets button { background: var(--hp-transfer-surface); border: 1px solid var(--hp-transfer-line); border-radius: 9px; color: var(--hp-transfer-heading); cursor: pointer; display: grid; font: inherit; min-height: 48px; padding: .55rem .65rem; text-align: left; }
.hp-transfer-design .hp-transfer-presets button:hover,
.hp-transfer-design .hp-transfer-presets button:focus-visible { background: #edf8f4; border-color: var(--hp-transfer-teal); color: var(--hp-transfer-heading); }
.hp-transfer-presets small { color: var(--hp-transfer-muted); }
.hp-transfer-submit { width: 100%; }
.hp-transfer-form-error { background: #fff0f0; border-left: 4px solid var(--hp-transfer-danger); color: var(--hp-transfer-danger); font-weight: 700; margin: 0; padding: .8rem; }

.hp-transfer-receipt {
    background: var(--hp-transfer-navy);
    border-radius: var(--hp-transfer-radius);
    box-shadow: var(--hp-transfer-shadow);
    color: #e8e9f1;
    overflow: hidden;
    padding: clamp(1.25rem, 3vw, 2rem);
    position: sticky;
    top: 1rem;
}

.hp-transfer-receipt::before { background: linear-gradient(90deg, var(--hp-transfer-teal-bright) 0 70%, var(--hp-transfer-orange) 70%); content: ""; height: 6px; inset: 0 0 auto; position: absolute; }
.hp-transfer-receipt :where(h2, h3) { color: var(--hp-transfer-white) !important; }
.hp-transfer-receipt .hp-transfer-eyebrow { color: #4fd1ad !important; }
.hp-transfer-result-price { align-items: baseline; display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: .25rem; }
.hp-transfer-result-price strong { color: var(--hp-transfer-white); font-size: clamp(2.6rem, 7vw, 4rem); font-variant-numeric: tabular-nums; letter-spacing: -.055em; line-height: 1; overflow-wrap: anywhere; }
.hp-transfer-result-price span { color: #d6d7e4; font-size: 1.05rem; font-weight: 700; }
.hp-transfer-result-year { color: #d6d7e4; }
.hp-transfer-accuracy { border: 1px solid currentColor; border-radius: 999px; display: inline-flex; font-size: .75rem; font-weight: 700; line-height: 1; margin-bottom: 1rem; min-height: 28px; padding: .45rem .7rem; }
.hp-transfer-accuracy.is-exact { background: #d7f4e8; color: #0b614d; }
.hp-transfer-accuracy.is-estimated { background: #eef3ff; color: var(--hp-transfer-blue); }
.hp-transfer-accuracy.is-reference { background: #fff0d5; color: #714000; }
.hp-transfer-accuracy.is-incomplete { background: #eeeef4; color: #4e5067; }
.hp-transfer-breakdown { border-block: 1px solid rgba(255, 255, 255, .18); margin: 1rem 0; padding-block: .4rem; }
.hp-transfer-breakdown > div { align-items: baseline; display: flex; gap: .75rem; justify-content: space-between; padding: .55rem 0; }
.hp-transfer-breakdown dt { color: #c9cad8; }
.hp-transfer-breakdown dd { color: var(--hp-transfer-white); font-variant-numeric: tabular-nums; font-weight: 700; margin: 0; text-align: right; }
.hp-transfer-result-meta { color: #d6d7e4; font-size: .86rem; }
.hp-transfer-receipt .hp-transfer-result-source { color: var(--hp-transfer-white) !important; display: inline-block; margin-bottom: 1rem; }
.hp-transfer-receipt .hp-transfer-button { width: 100%; }

.hp-transfer-section__heading { align-items: end; display: flex; gap: 1.5rem; justify-content: space-between; margin-bottom: 1.75rem; }
.hp-transfer-section__heading > div { max-width: 48rem; }
.hp-transfer-section__heading > p { color: var(--hp-transfer-muted); margin-bottom: .2rem; max-width: 36rem; }
.hp-transfer-component-grid, .hp-transfer-tariff-cards { display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hp-transfer-component-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hp-transfer-component-grid article, .hp-transfer-tariff-cards article { background: var(--hp-transfer-white); border: 1px solid var(--hp-transfer-line); border-radius: var(--hp-transfer-radius-sm); border-top: 4px solid var(--hp-transfer-teal); box-shadow: var(--hp-transfer-shadow-sm); padding: 1rem 1.1rem; }
.hp-transfer-component-grid article:nth-child(2n), .hp-transfer-tariff-cards article:nth-child(2n) { border-top-color: var(--hp-transfer-orange); }
.hp-transfer-component-grid article > span:first-child { align-items: center; background: var(--hp-transfer-soft-green); border-radius: 50%; color: var(--hp-transfer-teal); display: flex; font-size: .9rem; font-weight: 800; height: 1.7rem; justify-content: center; margin-bottom: .55rem; width: 1.7rem; }
.hp-transfer-component-grid article p, .hp-transfer-tariff-cards article p { color: var(--hp-transfer-muted); margin-bottom: .5rem; }
.hp-transfer-component-grid article strong { color: var(--hp-transfer-navy); display: block; font-size: 1.35rem; margin-top: .4rem; }
.hp-transfer-callout { background: var(--hp-transfer-soft-green); border-left: 5px solid var(--hp-transfer-teal); margin: 1.25rem 0 0; padding: 1rem; }

.hp-transfer-table-tools { align-items: end; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; margin-bottom: .6rem; }
.hp-transfer-table-tools label { display: grid; font-weight: 700; gap: .4rem; max-width: 25rem; width: 100%; }
.hp-transfer-search { display: block; position: relative; }
.hp-transfer-search input { padding-right: 2.6rem; }
.hp-transfer-search > span { color: var(--hp-transfer-muted); font-size: 1.4rem; position: absolute; right: .8rem; top: 50%; transform: translateY(-50%); }
.hp-transfer-download { font-weight: 700; }
.hp-transfer-table-scroll-hint { color: var(--hp-transfer-muted); font-size: .82rem; margin: 0 0 .6rem; }
.hp-transfer-table-wrap { border: 1px solid var(--hp-transfer-line); border-radius: var(--hp-transfer-radius-sm); max-height: 32rem; max-width: 100%; overflow-x: auto; overflow-y: auto; overscroll-behavior: contain; }
.hp-transfer-table, .hp-transfer-history-table table { border-collapse: separate; border-spacing: 0; min-width: 62rem; width: 100%; }
.hp-transfer-table caption, .hp-transfer-history-table caption { color: var(--hp-transfer-muted); font-size: .86rem; padding: 0 0 .8rem; text-align: left; }
.hp-transfer-table :where(th, td), .hp-transfer-history-table :where(th, td) { border-bottom: 1px solid var(--hp-transfer-line); padding: .65rem .7rem; text-align: left; vertical-align: top; }
.hp-transfer-table tbody :where(th, td), .hp-transfer-history-table tbody :where(th, td) { color: var(--hp-transfer-ink); }
.hp-transfer-table thead th, .hp-transfer-history-table thead th { background: var(--hp-transfer-navy); color: var(--hp-transfer-white); font-size: .82rem; position: sticky; top: 0; z-index: 1; }
.hp-transfer-table thead th:first-child { border-radius: 10px 0 0 0; }
.hp-transfer-table thead th:last-child { border-radius: 0 10px 0 0; }
.hp-transfer-table tbody tr:nth-child(-n+3) { background: var(--hp-transfer-soft-green); }
.hp-transfer-table tbody tr:nth-child(-n+3) td:first-child strong { color: #0b614d; }
.hp-transfer-table tbody tr:nth-child(even):not(:nth-child(-n+3)), .hp-transfer-history-table tbody tr:nth-child(even) { background: var(--hp-transfer-surface); }
.hp-transfer-table tbody th strong { color: var(--hp-transfer-heading); display: block; overflow-wrap: anywhere; }
.hp-transfer-table tbody th small { color: var(--hp-transfer-muted); display: block; }
.hp-transfer-table tbody th a { display: inline-block; font-size: .8rem; margin-top: .3rem; }
.hp-transfer-table td { font-variant-numeric: tabular-nums; white-space: nowrap; }
.hp-transfer-table tbody tr.is-selected { box-shadow: inset 5px 0 0 var(--hp-transfer-orange); }
.hp-transfer-empty, .hp-transfer-no-results { background: var(--hp-transfer-surface); border: 1px dashed #aab1bd; border-radius: 12px; display: grid; gap: .2rem; padding: 1.2rem; }

.hp-transfer-segmented { background: var(--hp-transfer-surface); border-radius: 999px; display: inline-flex; max-width: 100%; padding: .25rem; }
.hp-transfer-segmented button { background: transparent; border: 0; border-radius: 999px; color: var(--hp-transfer-navy); cursor: pointer; font: inherit; font-weight: 700; min-height: 44px; padding: .55rem .9rem; white-space: nowrap; }
.hp-transfer-design .hp-transfer-segmented button:hover,
.hp-transfer-design .hp-transfer-segmented button:focus-visible { background: #e5eeeb; color: var(--hp-transfer-navy); }
.hp-transfer-segmented button[aria-pressed="true"] { background: var(--hp-transfer-white); box-shadow: 0 2px 10px rgba(27, 27, 66, .12); }
.hp-transfer-design .hp-transfer-segmented button[aria-pressed="true"]:hover,
.hp-transfer-design .hp-transfer-segmented button[aria-pressed="true"]:focus-visible { background: var(--hp-transfer-white); color: var(--hp-transfer-navy); }
.hp-transfer-segmented button:disabled { cursor: not-allowed; opacity: .55; }
.hp-transfer-history-grid { align-items: stretch; display: grid; gap: 1rem; grid-template-columns: minmax(0, 2.15fr) minmax(17.5rem, .85fr); }
.hp-transfer-history-visual { min-width: 0; }
.hp-transfer-history-chart { background: linear-gradient(180deg, #fbfdfc 0%, #f1f7f5 100%); border: 1px solid #d4dfdc; border-radius: 14px; cursor: crosshair; min-height: 23rem; overflow: hidden; padding: .8rem .45rem .25rem; position: relative; transition: border-color .18s ease, box-shadow .18s ease; }
.hp-transfer-history-chart:hover { border-color: #8db9ad; box-shadow: 0 12px 30px rgba(20, 122, 98, .1); }
.hp-transfer-history-chart:focus-visible { border-color: var(--hp-transfer-teal); box-shadow: 0 0 0 4px rgba(20, 122, 98, .2), 0 12px 30px rgba(20, 122, 98, .1); outline: 0; }
.hp-transfer-history-chart svg { display: block; height: 21.5rem; overflow: visible; width: 100%; }
.hp-transfer-history-chart .hp-transfer-chart-grid { stroke: #d4dfdc; stroke-dasharray: 3 5; stroke-width: 1; }
.hp-transfer-history-chart .hp-transfer-chart-axis { fill: #60687a; font-family: "HPBrandonGrotesque", "Source Sans Pro", sans-serif; font-size: 15px; font-variant-numeric: tabular-nums; }
.hp-transfer-history-chart .hp-transfer-chart-axis--x { font-size: 14px; }
.hp-transfer-history-chart .hp-transfer-chart-line { fill: none; stroke: var(--hp-transfer-teal); stroke-linecap: round; stroke-linejoin: round; stroke-width: 4; }
.hp-transfer-history-chart .hp-transfer-chart-area { fill: url(#hp-transfer-history-gradient); opacity: .78; }
.hp-transfer-history-chart .hp-transfer-chart-average { stroke: #8a91a4; stroke-dasharray: 7 6; stroke-width: 1.5; }
.hp-transfer-history-chart .hp-transfer-chart-average-label { fill: #555d72; font-family: "HPBrandonGrotesque", "Source Sans Pro", sans-serif; font-size: 14px; font-weight: 700; }
.hp-transfer-history-chart .hp-transfer-chart-landmark { fill: var(--hp-transfer-white); stroke-width: 3; }
.hp-transfer-history-chart .hp-transfer-chart-landmark--minimum { stroke: var(--hp-transfer-teal); }
.hp-transfer-history-chart .hp-transfer-chart-landmark--maximum { stroke: var(--hp-transfer-orange); }
.hp-transfer-history-chart .hp-transfer-chart-landmark--latest { fill: var(--hp-transfer-navy); stroke: var(--hp-transfer-white); }
.hp-transfer-history-chart .hp-transfer-chart-crosshair { opacity: 0; stroke: var(--hp-transfer-orange); stroke-dasharray: 6 5; stroke-width: 2; transition: opacity .14s ease; }
.hp-transfer-history-chart .hp-transfer-chart-active-point { fill: var(--hp-transfer-orange); opacity: 0; stroke: var(--hp-transfer-white); stroke-width: 3; transition: opacity .14s ease; }
.hp-transfer-history-chart .hp-transfer-chart-overlay { fill: transparent; pointer-events: all; }
.hp-transfer-history-chart.is-exploring .hp-transfer-chart-crosshair,
.hp-transfer-history-chart.is-exploring .hp-transfer-chart-active-point { opacity: 1; }
.hp-transfer-chart-affordance { align-items: center; background: rgba(255, 255, 255, .92); border: 1px solid #cbd8d5; border-radius: 999px; box-shadow: 0 4px 14px rgba(27, 27, 66, .08); color: var(--hp-transfer-teal); display: inline-flex; font-size: .72rem; font-weight: 700; gap: .35rem; letter-spacing: .05em; padding: .36rem .65rem; pointer-events: none; position: absolute; right: 1rem; text-transform: uppercase; top: .8rem; transition: opacity .15s ease, transform .15s ease; z-index: 2; }
.hp-transfer-chart-affordance::before { content: "↔"; font-size: .9rem; }
.hp-transfer-history-chart.is-exploring .hp-transfer-chart-affordance { opacity: 0; transform: translateY(-4px); }
.hp-transfer-chart-tooltip { background: var(--hp-transfer-navy); border-radius: 10px; box-shadow: 0 12px 28px rgba(27, 27, 66, .24); color: #e7e8f0; display: grid; gap: .05rem; max-width: min(15rem, 68%); min-width: 10.5rem; padding: .72rem .85rem .78rem; pointer-events: none; position: absolute; transform: translate(12px, -50%); z-index: 4; }
.hp-transfer-chart-tooltip::before { background: var(--hp-transfer-orange); border-radius: 10px 10px 0 0; content: ""; height: 4px; inset: 0 0 auto; position: absolute; }
.hp-transfer-chart-tooltip.is-right { transform: translate(calc(-100% - 12px), -50%); }
.hp-transfer-chart-tooltip span { color: #9bdcca; font-size: .76rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.hp-transfer-chart-tooltip strong { color: var(--hp-transfer-white); font-family: "HPNeueKabel", "Source Sans Pro", sans-serif; font-size: 1.08rem; font-variant-numeric: tabular-nums; font-weight: 600; }
.hp-transfer-chart-tooltip small { color: #d6d8e3; font-size: .75rem; line-height: 1.3; }
.hp-transfer-history-hint { align-items: center; color: var(--hp-transfer-muted); display: flex; font-size: .84rem; gap: .45rem; margin: .55rem 0 0; }
.hp-transfer-history-hint span { color: var(--hp-transfer-teal); font-size: 1rem; font-weight: 700; }
.hp-transfer-visually-hidden { border: 0 !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 1px !important; }
.hp-transfer-chart-placeholder { color: var(--hp-transfer-muted); display: grid; gap: .3rem; justify-items: center; margin: auto; text-align: center; }
.hp-transfer-chart-placeholder span { color: var(--hp-transfer-teal); font-size: 2rem; }
.hp-transfer-chart-placeholder strong { color: var(--hp-transfer-heading); }
.hp-transfer-history-summary { background: var(--hp-transfer-navy); border-radius: 14px; color: #e5e6ef; display: flex; flex-direction: column; padding: 1.3rem; }
.hp-transfer-history-summary h3 { color: var(--hp-transfer-white) !important; overflow-wrap: anywhere; }
.hp-transfer-history-summary .hp-transfer-eyebrow { color: #4fd1ad !important; }
.hp-transfer-history-insight { color: #dfe1eb; line-height: 1.45; margin-bottom: 1rem; }
.hp-transfer-history-stats { display: grid; gap: .55rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.hp-transfer-history-stats > div { background: rgba(255, 255, 255, .075); border: 1px solid rgba(255, 255, 255, .12); border-radius: 10px; display: flex; flex-direction: column; min-height: 6rem; padding: .72rem; }
.hp-transfer-history-stats dt { color: #b8bccd; font-size: .72rem; line-height: 1.25; }
.hp-transfer-history-stats dd { color: var(--hp-transfer-white); display: flex; flex: 1; flex-direction: column; font-family: "HPNeueKabel", "Source Sans Pro", sans-serif; font-size: 1.02rem; font-variant-numeric: tabular-nums; font-weight: 600; line-height: 1.15; margin: .35rem 0 .2rem; }
.hp-transfer-history-stats small { color: #9bdcca; font-family: "HPBrandonGrotesque", "Source Sans Pro", sans-serif; font-size: .72rem; font-weight: 400; line-height: 1.25; margin-top: auto; padding-top: .25rem; }
.hp-transfer-history-status { border-top: 1px solid rgba(255, 255, 255, .15); color: #b8bccd; font-size: .76rem; margin: auto 0 0; padding-top: .85rem; }
.hp-transfer-history-table { margin-top: 1rem; }
.hp-transfer-history-table summary { color: var(--hp-transfer-blue); cursor: pointer; font-weight: 700; min-height: 44px; padding: .65rem 0; }
.hp-transfer-history-table table { min-width: 34rem; }

.hp-transfer-content-grid { align-items: start; display: grid; gap: clamp(1.5rem, 4vw, 3rem); grid-template-columns: minmax(14rem, .28fr) minmax(0, .72fr); }
.hp-transfer-toc { background: var(--hp-transfer-surface); border-left: 5px solid var(--hp-transfer-teal); border-radius: 0 12px 12px 0; padding: 1.2rem; position: sticky; top: 1rem; }
.hp-transfer-toc strong { color: var(--hp-transfer-heading); }
.hp-transfer-toc ol { margin: .7rem 0 0; padding-left: 1.25rem; }
.hp-transfer-toc li + li { margin-top: .45rem; }
.hp-transfer-editorial { max-width: 75ch; }
.hp-transfer-editorial section + section { border-top: 1px solid var(--hp-transfer-line); margin-top: 2.2rem; padding-top: 2.2rem; }
.hp-transfer-editorial p, .hp-transfer-editorial li { font-size: 1.06rem; }
.hp-transfer-editorial ul { padding-left: 1.3rem; }
.hp-transfer-editorial li + li { margin-top: .45rem; }
.hp-transfer-faq details { border-bottom: 1px solid var(--hp-transfer-line); }
.hp-transfer-faq summary { color: var(--hp-transfer-heading); cursor: pointer; font-family: "HPNeueKabel", sans-serif !important; font-weight: 600; list-style-position: outside; min-height: 52px; padding: .85rem 1.5rem .85rem 0; }
.hp-transfer-faq details p { color: var(--hp-transfer-muted); padding: 0 0 1rem; }

.hp-transfer-method { align-items: start; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1.1fr) minmax(20rem, .9fr); }
.hp-transfer-method dl { margin: 0; }
.hp-transfer-method dl > div { border-top: 1px solid var(--hp-transfer-line); display: grid; gap: .75rem; grid-template-columns: minmax(7rem, .65fr) minmax(0, 1.35fr); padding: .75rem 0; }
.hp-transfer-method dt { color: var(--hp-transfer-muted); }
.hp-transfer-method dd { margin: 0; overflow-wrap: anywhere; }

.hp-transfer-cta { align-items: center; background: var(--hp-transfer-navy); border-radius: var(--hp-transfer-radius); color: #e6e7ef; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr) auto; overflow: hidden; padding: clamp(1.4rem, 4vw, 2.6rem); position: relative; }
.hp-transfer-cta::before { background: linear-gradient(90deg, var(--hp-transfer-teal-bright) 0 73%, var(--hp-transfer-orange) 73%); content: ""; height: 6px; inset: 0 0 auto; position: absolute; }
.hp-transfer-cta h2 { color: var(--hp-transfer-white) !important; }
.hp-transfer-cta .hp-transfer-eyebrow { color: #4fd1ad !important; }
.hp-transfer-cta p:last-child { margin-bottom: 0; }

.hp-transfer-insight-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hp-transfer-insight-grid article { background: var(--hp-transfer-white); border: 1px solid var(--hp-transfer-line); border-radius: var(--hp-transfer-radius-sm); border-top: 4px solid var(--hp-transfer-teal); box-shadow: var(--hp-transfer-shadow-sm); display: grid; gap: .25rem; padding: 1.2rem; }
.hp-transfer-insight-grid article:nth-child(2n) { border-top-color: var(--hp-transfer-orange); }
.hp-transfer-insight-grid article:nth-child(3n) { border-top-color: var(--hp-transfer-blue); }
.hp-transfer-insight-grid span, .hp-transfer-insight-grid small { color: var(--hp-transfer-muted); }
.hp-transfer-insight-grid strong { color: var(--hp-transfer-navy); font-size: 1.6rem; }

@media (max-width: 61.999rem) {
    .hp-transfer-hero, .hp-transfer-hero--compact { grid-template-columns: 1fr; }
    .hp-transfer-hero__copy { max-width: 52rem; }
    .hp-transfer-workbench__grid { grid-template-columns: 1fr; }
    .hp-transfer-receipt { position: relative; top: auto; }
    .hp-transfer-component-grid, .hp-transfer-tariff-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hp-transfer-history-grid { grid-template-columns: 1fr; }
    .hp-transfer-history-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .hp-transfer-content-grid { grid-template-columns: 1fr; }
    .hp-transfer-toc { position: static; }
    .hp-transfer-method { grid-template-columns: 1fr; }
}

@media (max-width: 47.999rem) {
    .hp-transfer-design { padding: 1rem; }
    .hp-transfer-shell { gap: clamp(1.5rem, 6vw, 2.25rem); }
    .hp-transfer-design h1 { font-size: clamp(2.1rem, 10vw, 2.75rem) !important; }
    .hp-transfer-hero { padding-top: 0; }
    .hp-transfer-actions { align-items: stretch; flex-direction: column; gap: .6rem; margin-top: 1.1rem; }
    .hp-transfer-actions .hp-transfer-button { width: 100%; }
    .hp-transfer-answer { padding: 1.1rem; }
    .hp-transfer-answer dl { grid-template-columns: 1fr; }
    .hp-transfer-answer dl { margin-top: .75rem; padding-top: .65rem; }
    .hp-transfer-answer dl > div + div { border-top: 1px solid rgba(255, 255, 255, .15); margin-top: .75rem; padding-top: .75rem; }
    .hp-transfer-notice { margin-top: -1rem; }
    .hp-transfer-field-grid { grid-template-columns: 1fr; }
    .hp-transfer-presets { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hp-transfer-component-grid, .hp-transfer-component-grid--three, .hp-transfer-tariff-cards { grid-template-columns: 1fr; }
    .hp-transfer-section__heading { align-items: flex-start; flex-direction: column; }
    .hp-transfer-segmented { border-radius: 12px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
    .hp-transfer-segmented button { border-radius: 9px; padding-inline: .45rem; white-space: normal; }
    .hp-tax-class { grid-template-columns: 1fr 1fr; }
    .hp-transfer-history-chart { min-height: 0; padding: .55rem .15rem .2rem; }
    .hp-transfer-history-chart svg { height: auto; }
    .hp-transfer-history-chart .hp-transfer-chart-axis { font-size: 13px; }
    .hp-transfer-history-chart .hp-transfer-chart-axis--x { font-size: 12px; }
    .hp-transfer-history-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hp-transfer-table-wrap { max-height: 28rem; overflow-x: hidden; overflow-y: auto; }
    .hp-transfer-table { border-collapse: separate; display: block; min-width: 0; }
    .hp-transfer-table caption { display: block; }
    .hp-transfer-table thead { border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
    .hp-transfer-table tbody { display: grid; gap: .85rem; }
    .hp-transfer-table tr { background: var(--hp-transfer-white); border: 1px solid var(--hp-transfer-line); border-radius: 12px; box-shadow: 0 5px 18px rgba(27, 27, 66, .06); display: grid; overflow: hidden; padding: .85rem; }
    .hp-transfer-table tr:nth-child(-n+3) { background: var(--hp-transfer-soft-green); }
    .hp-transfer-table :where(th, td) { align-items: baseline; border-bottom: 1px solid var(--hp-transfer-line); display: grid; gap: .5rem; grid-template-columns: minmax(7rem, .9fr) minmax(0, 1.1fr); padding: .65rem 0; white-space: normal; }
    .hp-transfer-table :where(th, td)::before { color: var(--hp-transfer-muted); content: attr(data-label); font-size: .78rem; font-weight: 700; }
    .hp-transfer-table th { grid-template-columns: 1fr; }
    .hp-transfer-table th::before { display: none; }
    .hp-transfer-table tr > :last-child { border-bottom: 0; }
    .hp-transfer-table tbody tr.is-selected { border-left: 5px solid var(--hp-transfer-orange); box-shadow: none; }
    .hp-transfer-history-table .hp-transfer-table-wrap { overflow-x: auto; overscroll-behavior-inline: contain; }
    .hp-transfer-content-grid { gap: 2rem; }
    .hp-transfer-method dl > div { grid-template-columns: 1fr; gap: .2rem; }
    .hp-transfer-cta { grid-template-columns: 1fr; }
    .hp-transfer-cta .hp-transfer-button { width: 100%; }
    .hp-transfer-insight-grid { grid-template-columns: 1fr; }
}

@media (max-width: 24.375rem) {
    .hp-transfer-design { padding-inline: .75rem; }
    .hp-transfer-workbench, .hp-transfer-section, .hp-transfer-method { padding: .9rem; }
    .hp-transfer-answer, .hp-transfer-receipt { padding: 1.15rem; }
    .hp-transfer-presets { grid-template-columns: 1fr; }
    .hp-transfer-result-price strong { font-size: 2.55rem; }
    .hp-tax-class { grid-template-columns: 1fr; }
    .hp-transfer-chart-affordance { right: .65rem; top: .6rem; }
}

@media (prefers-reduced-motion: reduce) {
    .hp-transfer-design *, .hp-transfer-design *::before, .hp-transfer-design *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

@media (forced-colors: active) {
    .hp-transfer-answer, .hp-transfer-receipt, .hp-transfer-cta { border: 2px solid CanvasText; }
    .hp-transfer-button, .hp-transfer-accuracy, .hp-transfer-component-grid article, .hp-transfer-tariff-cards article { border: 1px solid ButtonText; }
    .hp-transfer-answer__accent, .hp-transfer-answer::before, .hp-transfer-receipt::before, .hp-transfer-cta::before { display: none; }
}