.compare-backdrop{z-index:2100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#12302280;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.compare-panel{color:#243c2a;background:#fafcf8;border-radius:16px;width:min(1100px,100%);max-height:94dvh;padding:28px;overflow:auto;box-shadow:0 20px 80px #102c2040}.compare-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.compare-header h2{letter-spacing:-.7px;margin:9px 0;font-size:27px;font-weight:650}.compare-header p{color:#687761;font-size:14px}.compare-inputs{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:22px;display:flex}.compare-panel label{color:#52654c;flex-direction:column;gap:6px;font-size:14px;display:flex}.compare-panel input:not([type=checkbox]),.compare-panel select{color:#243c2a;background:#fff;border:1px solid #cbd9c4;border-radius:6px;max-width:100%;min-height:40px;padding:8px 10px;font-size:14px}.compare-inputs .outline-button{align-items:center;gap:10px;min-height:40px;margin:0;font-size:14px;display:flex}.compare-panel .icon-button{min-width:40px;min-height:40px}:is(.compare-panel button:focus-visible,.compare-panel a:focus-visible,.compare-panel input:focus-visible,.compare-panel select:focus-visible){outline-offset:3px;outline:3px solid #278b5b}.compare-explainer{color:#52665b;margin:13px 0;font-size:14px;line-height:1.7}.compare-status{border-block:1px solid #dfe6d9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:16px;padding:15px 0;font-size:14px;display:flex}.compare-status label,.compare-panel .confirm-fees{flex-direction:row;align-items:flex-start;gap:8px;line-height:1.7}.compare-status input,.confirm-fees input{accent-color:#218755;flex-shrink:0;width:17px;height:17px;margin-top:2px}.compare-status .current{color:#207e4e}.compare-warning,.quote-missing{color:#916118;font-size:14px;line-height:1.7}.compare-empty{text-align:center;padding:50px 20px;font-size:14px}.compare-list{gap:14px;display:grid}.compare-card{background:#fff;border:1px solid #dbe5d4;border-radius:11px;padding:21px}.compare-card.not-free{background:#f5f6f3}.compare-card-title{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.compare-card-title h3{margin:7px 0;font-size:17px;font-weight:650}.compare-card-title p{color:#6c7b65;font-size:14px}.quote-amount{text-align:right;flex-shrink:0;max-width:280px}.quote-amount>strong{letter-spacing:-.6px;font-size:23px;font-weight:650;display:block}.quote-amount small{color:#52665b;font-size:14px;line-height:1.6;display:block}.compare-best{color:#1b794b;margin-top:5px;font-size:14px;line-height:1.6;display:block}.compare-card-meta{color:#617458;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;font-size:14px;display:flex}.compare-card-meta>strong{font-weight:550}.quote-breakdown{background:#f5f8f1;border-radius:7px;grid-template-columns:repeat(4,1fr);gap:12px;margin:17px 0;padding:14px;display:grid}.quote-breakdown dt{color:#52665b;margin-bottom:7px;font-size:14px}.quote-breakdown dd{margin:0;font-size:14px;font-weight:600}.quote-note{color:#52665b;margin:9px 0;font-size:14px;line-height:1.7}.quote-note a{color:#246e49;text-decoration:underline}.compare-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.compare-actions .outline-button{margin:0;font-size:14px}.compare-actions .navigate-button{padding:11px 14px;font-size:14px}.plan-settings{background:#eef5e9;border:1px solid #cfdcc7;border-radius:10px;margin:20px 0;padding:20px}.plan-settings h3{font-size:17px;font-weight:650}.plan-settings h4,.station-fees h4{margin:18px 0 8px;font-size:14px;font-weight:650}.plan-settings p,.station-fees p{color:#66785c;margin:10px 0;font-size:14px;line-height:1.8}.plan-settings>label{max-width:500px}.plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:13px 0;display:grid}.plan-grid label{min-width:0}.own-plan{border-bottom:1px solid #d4e0cb;justify-content:space-between;gap:15px;margin-top:15px;padding-bottom:12px;font-size:14px;display:flex}.own-plan small{color:#66785c;margin-top:5px;display:block}.plan-settings .outline-button{align-items:center;gap:7px;display:inline-flex}.station-fees{background:#f4f7f0;border-radius:8px;margin-top:15px;padding:16px}.station-fees .text-button{margin-left:12px;display:inline-flex}.compare-footer{color:#6c7d63;border-top:1px solid #dfe7d9;margin-top:24px;padding-top:14px;font-size:14px;line-height:1.8}.compare-launch{white-space:nowrap;align-items:center;gap:7px;margin-left:8px;display:inline-flex}.detail-panel .compare-launch{justify-content:center;width:100%;margin:0 0 12px}.compare-panel .state-pill.occupied{color:#896c25;background:#fff1ce}.compare-panel .state-pill.unknown{color:#687660;background:#e8ece6}@media (max-width:700px){.compare-backdrop{padding:0}.compare-panel{border-radius:0;width:100%;height:100dvh;max-height:100dvh;padding:20px 15px}.compare-header h2{font-size:22px}.compare-header p{font-size:14px}.compare-inputs{gap:10px}.compare-inputs>label{width:calc(50% - 5px)}.compare-inputs input,.compare-inputs select{width:100%}.compare-inputs .outline-button{flex:1;justify-content:center}.compare-card{padding:15px}.compare-card-title{display:block}.quote-amount{text-align:left;max-width:none;margin-top:14px}.quote-amount strong{font-size:23px}.quote-breakdown{grid-template-columns:1fr 1fr;gap:15px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-settings{padding:15px}.compare-card-meta{gap:9px}.compare-actions{flex-wrap:wrap}.compare-launch{min-height:35px;margin:0;font-size:14px}.compare-status label,.compare-card .operator{font-size:14px}}.compare-backdrop{padding:20px}.compare-panel{color:#172f26;font-size:16px;line-height:1.65}.compare-panel label{font-size:14px;line-height:1.6}.compare-panel input:not([type=checkbox]),.compare-panel select{min-height:48px;font-size:16px}.compare-header{z-index:5;background:#fafcf8;border-bottom:1px solid #d6e0d8;margin-bottom:16px;padding:18px 0;position:sticky;top:-28px}.compare-header h2{font-size:30px;line-height:1.25}.compare-header p{font-size:15px}.compare-header .icon-button{background:#fff;flex-shrink:0;min-width:44px;min-height:44px}.compare-inputs{gap:14px}.compare-inputs input{width:180px}.compare-inputs .outline-button{min-height:48px;font-size:15px}.compare-explainer{font-size:15px;line-height:1.8}.compare-status{font-size:14px;line-height:1.7}.compare-status label{align-items:center;font-size:15px}.compare-card{padding:24px}.compare-card-title h3{font-size:20px;line-height:1.4}.compare-card-title p{font-size:15px}.quote-amount{max-width:310px}.quote-amount>strong{font-size:28px;line-height:1.3}.quote-amount small{font-size:14px;line-height:1.6}.compare-best{font-size:13px;line-height:1.7}.compare-card-meta{gap:12px;font-size:14px;line-height:1.7}.quote-breakdown{gap:16px;padding:18px}.quote-breakdown dt{font-size:14px;line-height:1.6}.quote-breakdown dd{font-size:17px}.quote-missing,.quote-note,.compare-warning{font-size:14px;line-height:1.8}.compare-actions .outline-button,.compare-actions .navigate-button{min-height:48px;font-size:15px}.plan-settings h3{font-size:21px}.plan-settings h4,.station-fees h4{font-size:18px}.plan-settings p,.station-fees p{font-size:15px;line-height:1.8}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.own-plan{font-size:15px}.compare-panel .confirm-fees,.compare-footer{font-size:14px;line-height:1.8}.compare-sort{max-width:230px}.compare-card .operator{white-space:normal;text-transform:none;font-size:13px}.compare-actions{align-items:stretch}.compare-actions .outline-button{margin:0}.quote-breakdown div{min-width:0}.quote-breakdown dd{overflow-wrap:anywhere}@media (max-width:700px){.compare-backdrop{padding:0}.compare-panel{padding:20px 16px}.compare-header{margin:0 0 18px;padding:14px 0;top:-20px}.compare-header h2{font-size:25px}.compare-header p{font-size:14px}.compare-inputs input{width:100%}.compare-inputs>label{width:calc(50% - 7px)}.compare-status{align-items:flex-start}.compare-status>span{width:100%;display:block}.compare-card{padding:18px}.compare-card-title{display:block}.compare-card-title h3{font-size:20px}.quote-amount{max-width:none}.quote-amount>strong{font-size:28px}.compare-actions{flex-direction:column}.compare-actions .navigate-button{justify-content:center}.plan-grid{grid-template-columns:1fr}.compare-status label{font-size:15px}.compare-card .operator{font-size:13px}.compare-sort{max-width:100%}}.compare-context{border:1px solid #d6e2d8;border-radius:12px;gap:16px;margin:18px 0;padding:16px;display:grid}.compare-context>label{gap:6px;font-weight:600;display:grid}.compare-context select,.compare-context input{box-sizing:border-box;width:100%;min-height:44px;font:inherit;color:#183f32;background:#fff;border:1px solid #abc4b3;border-radius:8px;padding:8px}.compare-context summary{cursor:pointer;min-height:44px}.compare-result-filters{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.compare-result-filters button{min-height:44px}.compare-result-filters [aria-pressed=true]{color:#fff;background:#145d40}.compare-empty button{margin:8px}.station-access-help dt{margin-top:12px;font-weight:650}.station-access-help dd{margin:4px 0 12px}.station-access-help a{min-height:44px;padding-block:8px;display:inline-block}.compare-list{grid-template-columns:minmax(0,1fr)}.compare-card,.station-fees,.station-fees fieldset,.station-fees label{overflow-wrap:anywhere;min-width:0;max-width:100%}.station-fees fieldset{min-inline-size:0;margin:0;padding:12px}.station-fees select{text-overflow:ellipsis;width:100%;min-width:0}
