/* K패스: white surfaces, navy refund focus, task-specific accent colors. */
:root { --ux-ink:#18253d; --ux-muted:#667286; --ux-line:#e9edf3; --ux-blue:#2856e8; --ux-navy:#172d57; --ux-lime:#daff82; --ux-bg:#f5f6fa; --ux-accent:#2856e8; }
html[data-kpass-experience="cards"],html[data-kpass-experience="card-home"] { --ux-accent:#6950c9; }
html[data-kpass-experience="apply"],html[data-kpass-experience="register"] { --ux-accent:#b26027; }
html[data-kpass-experience="benefit"],html[data-kpass-experience="local"],html[data-kpass-experience="local-home"] { --ux-accent:#0b7b69; }
html { scroll-padding-block:20px 100px; }
body { background:#e9edf4; color:var(--ux-ink);font-weight:450; }
button,input,select {font:inherit;} button,a,input,select,summary {-webkit-tap-highlight-color:transparent;}
[hidden] {display:none!important;}
a {text-underline-offset:3px;}
:is(a,button,input,select,summary):focus-visible {outline:3px solid #7998ff;outline-offset:3px;}
.kp-page {padding-top:24px;}
.kp-shell {width:min(480px,100%);background:var(--ux-bg);border-color:#dfe5ef;border-radius:30px;box-shadow:0 20px 70px #18253d12;}
.kp-topbar {padding:18px 22px 14px;min-height:82px;border:0;background:white;gap:12px;}
.kp-brand {gap:10px;}
.ux-brand-symbol {width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:13px;background:var(--ux-navy);color:var(--ux-lime);}
.ux-brand-symbol svg {width:25px;height:25px;}
.kp-brand-copy {gap:3px;font-weight:700;}
.kp-brand-copy strong {font-size:23px;font-weight:850;letter-spacing:-1.1px;}
.kp-brand-copy em {font-size:12px;color:#738096;letter-spacing:-.3px;font-style:normal;font-weight:600;}
.kp-brand-copy small {color:var(--ux-muted);font-size:10px;font-weight:500;letter-spacing:-.2px;}
.ux-private-label {font-size:10px;color:#69788d;border:1px solid #e7ebf1;border-radius:6px;padding:5px 7px;white-space:nowrap;}
.kp-hub-nav {padding:0 20px;gap:18px;min-height:48px;background:white;border-bottom:1px solid var(--ux-line);}
.kp-hub-nav a {position:relative;min-height:48px;background:transparent;border-radius:0;color:#7c8799;font-size:13px;font-weight:600;box-shadow:none;}
.kp-hub-nav a.active {background:transparent;color:var(--ux-ink);box-shadow:none;font-weight:800;}
.kp-hub-nav a.active::after {content:'';position:absolute;bottom:0;left:6px;right:6px;height:3px;background:var(--ux-accent);border-radius:3px;}
.kp-content {padding:0 20px 24px;}
.kp-content + .kp-content {padding-top:0;}
.kp-section {margin:16px 0 0;padding:22px 20px;background:white;border:0;border-radius:22px;box-shadow:0 2px 2px #18253d02;}
.kp-section h2 {font-size:19px;line-height:1.45;font-weight:750;letter-spacing:-.7px;}
.kp-section h3 {font-size:16px;font-weight:700;}
.kp-section p {font-size:13px;line-height:1.7;font-weight:450;color:var(--ux-muted);}
.kp-section a {color:var(--ux-accent);}
.kp-hero {padding:26px 24px 24px;background:var(--ux-bg);}
.kp-kicker {padding:0;background:none;color:var(--ux-accent);font-size:12px;font-weight:700;border-radius:0;}
.kp-hero h1 {font-size:28px;line-height:1.35;font-weight:800;letter-spacing:-1.1px;margin-top:9px;color:var(--ux-ink);}
.kp-hero p {margin-top:12px;font-size:13px;line-height:1.7;font-weight:450;color:var(--ux-muted);}
.kp-actions {gap:8px;margin-top:18px;}
.kp-action {padding:12px 8px;border-radius:12px;min-height:48px;line-height:1.45;font-size:13px;font-weight:700;border-color:var(--ux-line);}
.kp-action.primary {background:var(--ux-accent);border-color:var(--ux-accent);color:white;}
.kp-action.secondary {background:#f2f4f8;color:#45536b;border:0;}
.kp-alert {margin:12px 20px;background:#edf8f3;border:0;border-radius:14px;font-weight:500;font-size:12px;}
.kp-alert b {font-size:13px;font-weight:700;}
.kp-note {background:#fff5e8;color:#8c632b;font-size:12px;font-weight:450;border-radius:14px;}
.kp-bottom-nav {width:min(480px,100%);padding:9px 10px calc(9px + env(safe-area-inset-bottom));border-color:var(--ux-line);box-shadow:0 -4px 24px #18253d06;background:rgba(255,255,255,.98);}
.kp-bottom-nav a {font-size:11px;font-weight:600;gap:6px;min-height:52px;color:#637087;}
.kp-bottom-nav a.active {color:var(--ux-blue);background:transparent;}
.kp-bottom-nav a.active::before {display:none;}
.kp-bottom-nav a.kp-app-home {color:var(--ux-ink);background:transparent;}
.kp-bottom-nav a.kp-app-home .kp-nav-icon {width:24px;height:24px;flex-basis:24px;}
.kp-bottom-nav a.kp-app-home.active {color:var(--ux-blue);background:transparent;}
.kp-bottom-nav .kp-app-home .kp-nav-icon {background:var(--ux-navy);color:white;border-radius:12px;padding:9px;box-sizing:content-box;margin-top:-16px;box-shadow:0 4px 10px #172d5722;}
.kp-bottom-nav .kp-app-home.active .kp-nav-icon {background:var(--ux-blue);}
.ux-home-hero {padding:24px 20px 8px;}
.ux-home-greeting {padding:0 4px 22px;}
.ux-home-greeting p {margin:0 0 7px;color:var(--ux-muted);font-size:12px;}
.ux-home-greeting h1 {font-size:28px;line-height:1.4;letter-spacing:-1.15px;margin:0;font-weight:800;word-break:keep-all;}
.ux-refund-card {display:block;position:relative;isolation:isolate;padding:22px;border-radius:24px;background:var(--ux-navy);color:white;text-decoration:none;overflow:hidden;}
.ux-refund-top {display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:12px;color:#d9e3f6;font-weight:500;}
.ux-pill {color:var(--ux-lime);border:1px solid #556749;border-radius:6px;padding:4px 7px;font-size:10px;white-space:nowrap;}
.ux-refund-card h2 {font-size:24px;line-height:1.4;letter-spacing:-.9px;margin:18px 0 8px;font-weight:750;position:relative;z-index:2;}
.ux-refund-card p {font-size:11px;color:#c2cfe7;margin:0;position:relative;z-index:2;}
.ux-refund-cta {display:flex;justify-content:space-between;align-items:center;padding:14px 16px;margin-top:24px;background:var(--ux-lime);color:#233919;border-radius:13px;font-size:14px;font-weight:750;position:relative;z-index:2;}
.ux-refund-cta svg {width:20px;height:20px;}
.ux-route-art {position:absolute;right:-2px;top:92px;width:100px;height:100px;transform:rotate(-10deg);color:#6279a0;z-index:0;opacity:.65;}
.ux-route-art svg {width:64px;height:64px;position:absolute;right:8px;top:0;}
.ux-route-art i {position:absolute;border:2px dashed #6279a0;border-radius:60px;width:120px;height:70px;left:-10px;top:56px;}
.ux-route-art b {position:absolute;width:10px;height:10px;border:3px solid var(--ux-lime);border-radius:50%;left:3px;top:84px;}
.ux-quick-nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:22px 0 12px;gap:12px;}
.ux-quick-nav a {display:flex;flex-direction:column;align-items:center;gap:9px;color:#3c4960;text-decoration:none;font-size:12px;min-height:84px;}
.ux-quick-nav strong {font-weight:650;}
.ux-service-icon {display:grid;place-items:center;width:48px;height:48px;border-radius:17px;flex:0 0 48px;}
.ux-service-icon svg {width:23px;height:23px;}
.violet {background:#ece7fb;color:#7055c1;}.apricot {background:#fff0de;color:#b87531;}.mint {background:#def3e9;color:#258b74;}
.ux-section-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
.ux-section-heading h2 {margin:0;font-size:18px;letter-spacing:-.6px;font-weight:750;}
.ux-section-heading p {font-size:12px;line-height:1.6;margin:5px 0 0;color:var(--ux-muted);font-weight:450;}
.ux-section-heading a {display:flex;align-items:center;gap:3px;font-size:11px;text-decoration:none;color:var(--ux-muted);white-space:nowrap;min-height:44px;}
.ux-section-heading a svg {width:14px;height:14px;}
.ux-featured-cards {padding:20px 0 8px;}
.ux-card-rail {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.ux-feature-card {display:flex;flex-direction:column;min-width:0;text-decoration:none;color:var(--ux-ink);}
.ux-feature-image {height:156px;display:grid;place-items:center;border-radius:17px;background:#e7eaf2;}
.ux-feature-card:nth-child(2) .ux-feature-image {background:#e8edf8;}.ux-feature-card:nth-child(3) .ux-feature-image {background:#eee9e1;}
.ux-feature-image img {width:64px;height:108px;object-fit:contain;filter:drop-shadow(0 6px 6px #18253d1c);}
.ux-feature-card small {color:var(--ux-muted);font-size:10px;margin-top:11px;}
.ux-feature-card strong {font-size:12px;line-height:1.5;font-weight:650;margin-top:4px;word-break:keep-all;overflow-wrap:anywhere;}
.ux-text-link {display:flex;align-items:center;justify-content:center;gap:6px;color:#69768c;font-size:12px;min-height:48px;text-decoration:none;}
.ux-text-link svg {width:16px;height:16px;}
.ux-start-guide {margin-top:16px;padding:18px 18px 6px;}
.ux-start-guide .ux-section-heading {margin-bottom:0;}
.ux-start-row {display:flex;align-items:center;gap:12px;min-height:78px;padding:12px 0;text-decoration:none;border-bottom:1px solid #f0f2f6;}
.ux-start-row:last-child {border:0;}
.ux-start-row>span {width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:grid;place-items:center;background:#f2f4f8;color:#8290a5;font-size:11px;font-weight:650;}
.ux-start-row>div {flex:1;min-width:0;}
.ux-start-row b {display:block;color:var(--ux-ink);font-size:12.5px;font-weight:650;line-height:1.5;}
.ux-start-row small {display:block;color:var(--ux-muted);font-size:10.5px;margin-top:4px;line-height:1.6;}
.ux-start-row svg {width:15px;height:15px;flex:0 0 15px;color:#94a0b2;}
.ux-fold {border-radius:16px;background:white;margin-top:14px;overflow:hidden;}
.ux-fold>summary {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 18px;min-height:54px;list-style:none;font-size:13px;font-weight:650;cursor:pointer;color:#3d4a61;}
.ux-fold>summary::-webkit-details-marker {display:none;}.ux-fold>summary>span {color:#8793a5;}
.ux-fold[open]>summary>span {transform:rotate(45deg);}
.ux-fold .ux-fold-body {margin:0;padding-top:0;box-shadow:none;border-radius:0;background:transparent;}
.ux-region-teaser {background:#e7f4ee;padding:20px;}
.ux-region-teaser h2 {font-size:18px;color:#215f50;}
.ux-region-teaser .kp-actions .kp-action {background:#fff;color:#2b6a57;border:0;}
.ux-notice-section .kp-notice {padding:14px 0 0;border-radius:0;border:0;}
.ux-notice-section .kp-notice p {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.ux-notice-section .kp-notice h3 {font-size:14px;line-height:1.6;}
.ux-policy-fold .kp-metrics {background:white;padding:8px 16px;}
.ux-policy-fold .kp-metric {border:0;background:#f3f5f9;border-radius:10px;padding:10px 4px;}
.ux-policy-fold .kp-metric b {font-size:13px;color:#3d4a61;}
.ux-policy-fold .kp-alert {margin:10px 16px 16px;}
/* Calculator: progressive input, existing calculator remains the source of amounts. */
.ux-calculator {margin-top:0;scroll-margin-top:18px;}
.ux-stepper {padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:10px;}
.ux-stepper li {display:flex;align-items:center;gap:6px;position:relative;font-size:11px;color:#637087;white-space:nowrap;}
.ux-stepper span {display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f0f2f7;color:#637087;font-size:10px;flex:0 0 22px;}
.ux-stepper b {font-weight:550;}
.ux-stepper li.is-current {color:var(--ux-blue);}.ux-stepper li.is-current span {background:var(--ux-blue);color:white;}.ux-stepper li.is-current b {font-weight:750;}
.ux-stepper li.is-done {color:#546d5f;}.ux-stepper li.is-done span {background:#eaf4e7;color:#326346;}
.ux-calculator .ux-step-title {font-size:20px;line-height:1.45;margin:0;outline:none;}
.ux-calculator .ux-step-description {margin:6px 0 24px;font-size:12px;}
.ux-calc-stage {min-width:0;}
.kp-age-profile .kp-fld:first-child,.ux-calc-stage>.kp-fld:first-child {margin-top:0;}
.kp-fld {margin-top:22px;}
.kp-fld label {font-size:13px;font-weight:650;color:#45536a;margin-bottom:9px;}
.kp-fld select,.kp-fld input[type=number] {font-size:16px;font-weight:550;background:#f7f8fb;border:1px solid #e7eaf1;border-radius:12px;min-height:54px;padding:13px 12px;}
.kp-age-input input {font-size:22px!important;letter-spacing:-.6px;min-height:62px!important;}
.kp-age-input input::placeholder {font-size:17px;font-weight:450;color:#9aa4b5;}
.kp-section .kp-app-help {font-size:11px;color:#637087;font-weight:450;line-height:1.65;}
.kp-age-status {margin-top:20px;padding:14px;border:0;background:#edf4ff;color:#45648e;border-radius:13px;font-size:12px;font-weight:450;}
.kp-age-status[data-state="eligible"] {background:#eaf6ee;color:#26764d;}
.kp-age-status strong {font-size:14px;font-weight:700;}.kp-age-status span {font-size:11px;color:#5c7267;}
.kp-age-status[data-state="invalid"],.kp-age-status[data-state="underage"] {background:#fff3e5;color:#926025;}
.ux-small-details {margin-top:12px;}.ux-small-details summary {font-size:11px;color:#637087;min-height:44px;display:flex;align-items:center;cursor:pointer;}
.ux-small-details summary::after {content:'⌄';margin-left:6px;}
.ux-step-actions {display:flex;gap:9px;margin-top:24px;}
.ux-step-actions button {border-radius:13px;min-height:54px;padding:12px 16px;border:0;font-size:14px;font-weight:700;cursor:pointer;line-height:1.45;}
.ux-next {flex:1;background:var(--ux-blue);color:white;}
.ux-back {flex:0 0 68px;background:#f0f2f7;color:#67738a;}
.ux-step-error {color:#ac3f2b!important;font-size:12px!important;background:#fff1eb;padding:12px;border-radius:10px;}
.ux-presets {display:flex;gap:6px;margin-top:11px;}
.ux-presets button {flex:1;min-height:44px;padding:7px 4px;border:1px solid #e6eaf0;border-radius:9px;background:white;color:#637087;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;}
.ux-presets button[aria-pressed=true] {background:#edf2ff;color:#335ad0;border-color:#cdd9fc;}
.kp-range {gap:16px;}.kp-range output {font-size:20px;font-weight:750;}
.kp-fld input[type=range] {min-height:36px;accent-color:var(--ux-blue);}
.ux-options {margin-top:24px;border-top:1px solid var(--ux-line);padding-top:8px;}
.ux-options>summary {display:flex;justify-content:space-between;align-items:center;min-height:48px;font-size:12px;color:#6f7c91;cursor:pointer;}
.ux-options .kp-alert {margin:14px 0 0;}
.kp-fld .toggle {font-size:12px;font-weight:500;border:0;background:#edf7f1;}
.ux-calculator .kp-result {margin:0;border-radius:20px;background:var(--ux-navy);box-shadow:none;padding:24px 20px;}
.kp-result .cap {font-size:12px;color:#d1def4;opacity:1;font-weight:500;}
.kp-result .big {font-size:38px;letter-spacing:-1.2px;font-weight:800;margin-top:10px;color:var(--ux-lime);}
.kp-result .yr {font-size:11px;font-weight:450;line-height:1.7;color:#d3dded;opacity:1;margin-top:8px;word-break:keep-all;}
.kp-result-grid {gap:8px;margin-top:24px;}
.kp-result-grid>div {background:#ffffff10;border-radius:12px;padding:13px 10px;}
.kp-result-grid span {font-size:10px;font-weight:450;opacity:1;color:#cbd7ea;}.kp-result-grid b {font-size:16px;font-weight:650;margin-top:6px;}
.kp-result .warn {padding:12px 0 0;font-size:11px;font-weight:450;background:transparent;color:#c2d0e7;line-height:1.7;}
.kp-share {margin-top:20px;border:1px solid #5c7093;background:transparent;font-size:12px;font-weight:600;min-height:46px;color:#eef3fb;}
.ux-result-card-link {display:flex;gap:10px;align-items:center;text-decoration:none;margin-top:16px;padding:16px 0;}
.ux-result-card-link>.ux-service-icon {width:40px;height:40px;flex-basis:40px;border-radius:12px;}
.ux-result-card-link>span:nth-child(2) {flex:1;min-width:0;}.ux-result-card-link strong {font-size:12px;color:var(--ux-ink);display:block;font-weight:700;}
.ux-result-card-link small {font-size:10px;color:var(--ux-muted);display:block;margin-top:5px;}.ux-result-card-link>svg {width:16px;flex:0 0 16px;color:#8a96a8;}
/* Card browsing and recommendation are separate, reachable tasks. */
.ux-card-tabs {display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#e9eaf2;border-radius:13px;padding:4px;margin-bottom:20px;}
.ux-card-tabs button {min-height:45px;border:0;border-radius:10px;background:transparent;color:#637087;font-size:13px;font-weight:650;cursor:pointer;}
.ux-card-tabs button[aria-selected=true] {background:white;color:#5f45be;box-shadow:0 2px 6px #18253d0b;}
.ux-catalog {padding:0;background:transparent;box-shadow:none;}
.ux-catalog>h2 {font-size:18px;padding:0 2px;}.ux-catalog>p {font-size:12px;padding:0 2px;}
.kp-chips {display:flex;gap:6px;margin-top:16px;}
.kp-chip {flex:1;border:1px solid #e1e4ed;border-radius:10px;background:transparent;color:#637087;min-height:44px;padding:9px 4px;font-size:11.5px;font-weight:600;white-space:nowrap;}
.kp-chip.on {background:#e9e3f9;border-color:#e9e3f9;color:#674bc3;}
.kp-count {margin:14px 0 10px;font-size:11px;font-weight:500;color:#637087;}
.kp-cardlist {gap:14px;margin-top:0;}
.kp-carditem {border:0;border-radius:20px;padding:20px;background:#fff;box-shadow:0 2px 4px #172d5703;scroll-margin-top:20px;}
.kp-cardtop {grid-template-columns:84px minmax(0,1fr);gap:17px;align-items:center;}
.kp-cardmedia {width:84px;height:135px;border:0;background:#f4f3f8;box-shadow:none;border-radius:10px;}
.kp-cardmedia img {width:84px;height:135px;object-fit:contain;background:transparent;}
.kp-carditem h3 {font-size:15px;font-weight:750;line-height:1.5;margin-top:8px;letter-spacing:-.5px;}
.kp-carditem .hd {gap:5px;}.kp-issuer-logo {width:76px;max-width:76px;height:20px;}
.kp-card-popular {font-size:9px;padding:3px 6px;background:#fff2dd;color:#967037;font-weight:600;}
.kp-tag {font-size:9px;padding:4px 7px;font-weight:650;}
.kp-cardbenefit {color:#674ac1;font-size:12px;font-weight:650;line-height:1.6;margin-top:8px;}
.kp-cardmeta {border-top:1px solid #f0f1f5;gap:8px;padding-top:15px;margin-top:18px;}
.kp-cardmeta>span {background:transparent;padding:0;grid-template-columns:60px minmax(0,1fr);font-size:11.5px;font-weight:500;line-height:1.6;}
.kp-cardmeta b {font-size:11px;font-weight:450;color:#637087;}
.kp-cardlink {border:0;border-radius:11px;background:#f1eef9;color:#6348b3!important;margin-top:17px;font-size:12px;font-weight:650;min-height:46px;}
.kp-cardlink:hover {background:#e9e2fa;}
.kp-section .kp-card-warning {background:#fff6e9;color:#98703c;font-size:11px;font-weight:450;padding:10px;}
.kp-guide {background:#fff;border:0;padding:20px;}
.kp-guide-head h2 {font-size:18px;}.kp-guide-head p {font-size:12px;}
.kp-private-badge {background:#eff7ee;font-size:9px;color:#56734e;font-weight:600;}
.kp-guide-grid {gap:18px 12px;margin-top:24px;}
.kp-guide-field>label,.kp-guide-field legend {font-size:12px;font-weight:650;color:#58657b;margin-bottom:8px;}
.kp-guide-field select {font-size:16px;font-weight:500;border-color:#e5e7ef;background:#f7f8fb;min-height:52px;border-radius:11px;padding:12px 8px;}
.kp-guide-field:has(#guide-card-type),.kp-guide-field:has(#guide-benefit),.kp-guide-field:has(#guide-fee-budget),.kp-guide-field:has(#guide-device-platform) {grid-column:1/-1;}
.kp-guide-option {font-size:12px;font-weight:500;border-radius:10px;}
.kp-guide-option:has(input:checked) {background:#f0ebfb;border-color:#d1c4f0;color:#6b50b4;box-shadow:none;}
.kp-guide-option input {accent-color:#7453c5;}
.kp-guide-actions {margin-top:22px;grid-template-columns:1fr;}
.kp-guide-actions button {background:#7054c9;border:0;min-height:52px;font-size:14px;font-weight:650;}
.kp-guide-actions button.secondary {min-height:40px;background:transparent;color:#637087;font-size:12px;}
.kp-guide-footnote {font-size:10px!important;font-weight:450;}.kp-guide-status {scroll-margin-top:20px;}
.kp-rec-result {border:1px solid #e8e1f7;box-shadow:none;border-radius:17px;padding:15px;}
.kp-rec-result__title h3 {display:block;margin:7px 0 0;font-size:15px;line-height:1.5;}
.kp-rec-result__rank {background:#7560b4;font-size:9px;font-weight:650;}.kp-rec-result__score {color:#6f55b5;font-size:15px;}
.kp-rec-result__tier {background:#f4f0fc;color:#705ca0!important;font-weight:450;}
.kp-rec-result__link {background:#f3effa;color:#6951aa!important;border:0;}
.kp-rec-result__caveats li,.kp-rec-result__breakdown li {font-weight:450;}
.kp-popular {background:#fffaf1;}.kp-popular h2 {font-size:17px;}
.kp-popular-leaders a {background:#fff8eb;border:0;}.kp-source-badge {font-size:9px;font-weight:600;}
/* Guides and supporting screens. */
.ux-journey-section {padding:0;background:transparent;box-shadow:none;margin-bottom:18px;}
.ux-journey-section .kp-journey {margin:0;gap:6px;}
.kp-journey a {min-height:58px;border:0;background:#ebeef4;border-radius:12px;font-size:10px;font-weight:500;}
.kp-journey a b {font-size:12px;color:#8a97aa;margin-bottom:3px;}
.kp-journey a.active {background:#fff0db;color:#a66c2e;box-shadow:none;border:0;}.kp-journey a.active b {color:#a66c2e;}
.kp-journey a::after {display:none;}
.kp-steps {gap:0;margin-top:10px;}
.kp-step {position:relative;grid-template-columns:30px minmax(0,1fr);gap:13px;background:transparent;border:0;border-radius:0;padding:18px 0;}
.kp-step:not(:last-child)::after {content:'';position:absolute;width:1px;background:#ece5db;top:50px;bottom:-18px;left:15px;}
.kp-step i {width:30px;height:30px;border-radius:10px;background:#fff0dd;color:#ab7135;font-size:12px;}
.kp-step b {font-size:14px;line-height:1.6;font-weight:700;}.kp-step span {font-size:12px;line-height:1.8;font-weight:450;}
.ux-check-progress {font-size:11px!important;color:#9b793f!important;margin-top:12px!important;}
.ux-check-item {display:flex;align-items:flex-start;gap:12px;min-height:48px;padding:12px 0;font-size:13px;color:#5b667a;line-height:1.65;cursor:pointer;border-bottom:1px solid #f0f2f5;word-break:keep-all;}
.ux-check-item input {margin:2px 0 0;width:20px;height:20px;flex:0 0 20px;accent-color:#b17a3c;}
.ux-check-item:has(input:checked) {color:#42624e;}
.kp-rate {border:0;padding:17px 14px;background:#eff6f2;border-radius:15px;}
.kp-rate:nth-child(2),.kp-rate:nth-child(5) {background:#eff1fa;}.kp-rate:nth-child(3),.kp-rate:nth-child(6) {background:#fcf4e9;}
.kp-rate strong {font-size:24px;color:#28765d;font-weight:750;letter-spacing:-.7px;}.kp-rate:nth-child(2) strong,.kp-rate:nth-child(5) strong {color:#666ea4;}.kp-rate:nth-child(3) strong,.kp-rate:nth-child(6) strong {color:#9d783c;}
.kp-rate span {font-size:12px;font-weight:600;}.kp-rate em {font-size:10px;color:#637087;font-weight:450;}
.kp-info {border:0;background:#f5f7fa;padding:15px;border-radius:13px;}.kp-info b {font-size:14px;font-weight:650;}.kp-info span {font-size:12px;font-weight:450;line-height:1.7;}
.kp-pass {border:0;background:#f6f9f8;padding:18px;border-radius:16px;}.kp-pass .rg {background:#e0efe8;color:#448468;font-size:10px;font-weight:650;}
.kp-pass h3 {font-size:19px;font-weight:750;}.kp-pass .ds {font-size:12px;font-weight:450;}.kp-pass .kv div {background:white;font-size:12px;font-weight:450;line-height:1.7;}.kp-pass .kv div b {color:#467c69;font-weight:650;}
.kp-table-wrap {border-color:var(--ux-line);}.kp-table th,.kp-table td {font-weight:500;}.kp-table th {background:#eef5f1;}
.kp-menu-grid {grid-template-columns:1fr;gap:0;margin-top:6px;}
.kp-menu-item {position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 16px;column-gap:13px;row-gap:4px;align-items:center;padding:17px 0;border:0;border-bottom:1px solid #f1f3f7;border-radius:0;}
.kp-menu-item b {grid-column:2;font-size:14px;font-weight:650;}.kp-menu-item>span:not(.ux-menu-icon):not(.ux-menu-arrow) {grid-column:2;font-size:11px;font-weight:450;}
.ux-menu-icon {grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;background:#f0f3f9;color:#6680a4;border-radius:11px;}.ux-menu-icon svg {width:20px;height:20px;}
.ux-menu-arrow {grid-column:3;grid-row:1/3;font-size:23px!important;color:#abb4c1!important;}
.kp-footer {margin-top:0;background:var(--ux-bg);color:#637087;padding:12px 22px 30px;font-size:10px;line-height:1.8;}
.ux-policy-date {display:inline-flex;background:transparent;color:#637087;font-size:10px;font-weight:450;padding:0;min-height:28px;}
.ux-footer-menu {border-top:1px solid #e4e8ef;margin-top:10px;}
.ux-footer-menu summary {min-height:48px;display:flex;align-items:center;justify-content:space-between;color:#69768d;font-size:11px;cursor:pointer;}
.kp-footer .menu a {background:white;color:#637087;font-size:11px;font-weight:500;}
.kp-footer .links {gap:6px 15px;margin:8px 0 14px;}.kp-footer .links a {color:#637087;font-size:10px;font-weight:500;}
.kp-footer .op {border-top:0;padding-top:0;font-weight:450;}.kp-footer .op b {color:#637087;}.kp-footer .copy {color:#637087;font-size:9px;font-weight:450;}
.ux-independent-footer {border:0;padding:15px 0 0;background:transparent;font-size:9px;color:#637087;font-weight:450;}.ux-independent-footer a {color:#637087;font-size:10px;}
@media(max-width:480px) {
 .kp-page {padding-top:0;background:var(--ux-bg);}.kp-shell {width:100%;border:0;border-radius:0;box-shadow:none;}
 .kp-topbar {padding-top:calc(18px + env(safe-area-inset-top));}.kp-bottom-nav {width:100%;}
}
@media(max-width:359px) {
 .kp-topbar {padding-left:16px;padding-right:16px;}.kp-brand-copy strong {font-size:21px;}.ux-private-label {font-size:9px;padding:4px 5px;}
 .kp-content {padding-left:14px;padding-right:14px;}.kp-hero {padding:24px 20px;}.kp-hero h1,.ux-home-greeting h1 {font-size:25px;}
 .ux-home-hero {padding-left:14px;padding-right:14px;}.ux-refund-card {padding:19px;}.ux-refund-card h2 {font-size:22px;}
 .ux-refund-top {font-size:11px;}.ux-refund-card p {font-size:10px;}.ux-route-art {right:-24px;opacity:.4;}
 .ux-feature-image {height:131px;}.ux-feature-image img {width:54px;height:91px;}.ux-card-rail {gap:8px;}
 .ux-section-heading {gap:6px;}.ux-section-heading h2 {font-size:17px;}.ux-section-heading a {font-size:10px;}
 .ux-start-guide {padding-left:14px;padding-right:14px;}.ux-start-row {gap:8px;}.ux-start-row b {font-size:12px;}
 .kp-section,.kp-guide {padding:19px 16px;}.ux-catalog,.ux-journey-section {padding:0;}
 .kp-carditem {padding:17px 15px;}.kp-cardtop {grid-template-columns:72px minmax(0,1fr);gap:13px;}.kp-cardmedia,.kp-cardmedia img {width:72px;height:116px;}
 .kp-carditem h3 {font-size:14px;}.kp-cardmeta>span {grid-template-columns:53px minmax(0,1fr);font-size:11px;}
 .ux-stepper {gap:5px;}.ux-stepper li {font-size:10px;gap:5px;}.ux-stepper span {width:20px;height:20px;flex-basis:20px;}
 .ux-calculator .ux-step-title {font-size:18px;}.ux-calculator .kp-result {padding:22px 16px;}.kp-result .big {font-size:34px;}
}
@media(prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} *,*::before,*::after {animation:none!important;transition:none!important;} }
@media(forced-colors:active) { .ux-next,.ux-card-tabs button[aria-selected=true],.ux-stepper .is-current {outline:2px solid CanvasText;} }

.ux-catalog-detail-link { display:flex;min-height:44px;align-items:center;justify-content:center;font-size:11px;color:#6a558c;text-decoration:none; }