/* SIMPLAN v26 · Soft Mint Brand System, created for the existing app. */
:root{--blue:#1256ec;--ink:#12203b;--muted:#6e7b92;--line:#e3e9f2;--bg:#f7faff;--soft:#f2f8fe;--savings:#009d78;--cyan:#00a9c6;--mint:#e4faf5;--surface:#fff;--surface-hover:#f9fcff;--shadow:0 8px 28px rgba(25,62,105,.055)}
html,body,#root{background:var(--bg)!important;color:var(--ink)!important}
html,body{overflow-x:hidden}
body{background-image:radial-gradient(ellipse 58% 17% at 100% 3%,rgba(172,250,233,.46),transparent 83%),radial-gradient(ellipse 54% 25% at 0 94%,rgba(186,224,255,.18),transparent 76%)!important;background-attachment:fixed!important;color:var(--ink)!important}
#root{background:transparent!important;position:relative;isolation:isolate}
#root:before{content:"";position:absolute;top:64px;right:0;left:0;height:155px;pointer-events:none;z-index:-1;background:linear-gradient(115deg,transparent 35%,rgba(219,255,250,.30) 55%,rgba(141,243,223,.52) 96%);clip-path:ellipse(69% 63% at 100% 0%)}
.main,.results{color:var(--ink)!important}
.top{height:74px;min-height:74px;background:rgba(255,255,255,.90)!important;border-bottom:0!important;box-shadow:0 2px 16px rgba(44,78,128,.025);position:relative;z-index:2;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px)}
body.simplan-onboarding #root>.top{background:rgba(255,255,255,.92)!important;border:0!important}
.brand{color:#061b47!important}
.simplan-brand-image{display:block;object-fit:contain}
.site-nav button,.site-nav a{color:#53647e!important}
.site-nav button.selected,.site-nav button:hover,.site-nav a:hover{background:#eaf5ff!important;color:var(--blue)!important}
.intro{background:linear-gradient(155deg,#fff 10%,#eefffb 87%)!important;color:#132442}
.intro .top{background:transparent!important}.intro-head{color:#152544}.intro-foot .dot{background:#a5e8ec}.intro-bottom{color:#65798e}
/* Typography and open page rhythm. */
h1,.step h1,.results h1,.my-title{color:#112039!important;letter-spacing:-1.45px!important;font-weight:870!important}
.step h1{font-size:clamp(31px,7.6vw,38px)!important;line-height:1.28}
.results-compact .results-head h1{font-size:clamp(29px,6.8vw,35px)!important}
.desc,.profile-label,.my-subtitle{color:#718199!important;font-size:14px;line-height:1.65}
.kicker,.results-kicker,.my-eyebrow{color:#1b5596!important;letter-spacing:.025em!important;font-weight:830}
.count{color:#60738b!important;font-size:12px}
.track{height:5px;border-radius:9px;background:#e2eaf4;margin:13px 0 35px}
.track>span{border-radius:9px;background:linear-gradient(90deg,#1565f6,#5bbce7)}
.step{padding-top:27px;min-height:470px}
.note,.short-tip,.info,.result-credit{color:#8190a3!important}
/* Carrier selection with brand symbols. */
.profile-step{padding-top:34px;max-width:580px}
.profile-step.simple-profile{padding-top:40px}
.profile-step.simple-profile h1{max-width:390px;font-size:clamp(32px,7vw,41px)!important;line-height:1.25}
.profile-step .profile-label{font-size:16px!important;color:#1c2f49!important;font-weight:830!important;margin:31px 0 15px}
.carrier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}
.carrier-choice{background:#fff!important;color:#13243d!important;border:1px solid #e1e9f0!important;border-radius:21px!important;box-shadow:0 6px 17px rgba(39,78,115,.06)!important;min-height:132px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 10px;font-size:20px!important;font-weight:860!important;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s}
.carrier-choice:hover{transform:translateY(-2px);border-color:#b0d3fd!important;box-shadow:0 10px 25px rgba(33,88,177,.105)!important}
.carrier-choice:active{transform:scale(.985)}
.carrier-choice.is-active{border-color:#92c1ff!important;background:#f3f9ff!important;color:#0c43b1!important}
.carrier-brand-mark{display:block;width:53px;height:50px;object-fit:contain;flex:none;max-width:100%}
.carrier-choice[data-carrier="skt"] .carrier-brand-mark{width:52px;height:48px}
.carrier-choice[data-carrier="kt"] .carrier-brand-mark{width:56px}
.carrier-choice[data-carrier="lgu"] .carrier-brand-mark{width:55px}
.mvno-logos{display:flex;gap:1px;align-items:center;justify-content:center;height:49px;min-width:0;width:100%}
.mvno-logos img{width:34px;height:34px;min-width:0;object-fit:contain;flex:none}
.mvno-logos img:nth-child(2){width:38px}
.mvno-logos img:nth-child(3){width:38px}
.mvno-logos i{height:16px;border-left:1px solid #cad7e6}
/* Onboarding subtitle and mini usage hint. */
.profile-helper{font-size:14px!important;color:#72859b!important;margin:10px 0 28px;line-height:1.65}
.profile-usage-banner{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;background:linear-gradient(120deg,#edfff9,#e7faf6 82%)!important;border-radius:20px!important;margin-top:24px;padding:15px 14px;box-shadow:0 4px 14px rgba(25,109,102,.04);color:#0d3994;min-height:80px}
.profile-usage-banner img{width:56px;height:58px;object-fit:contain;flex:none}
.profile-usage-banner strong{display:block;font-size:15px;margin-bottom:3px}
.profile-usage-banner small{display:block;color:#6f8599;font-size:11.5px;line-height:1.55}
.profile-usage-banner .right-chevron{font-size:24px;color:#1f68b4;margin-left:auto}
/* Question options, budget / voice input. */
.option,.budget-choice,.picker-option,.picker-trigger{background:#fff!important;border-color:#e1e9f2!important;border-radius:17px!important;color:#18304b!important;box-shadow:0 4px 17px rgba(28,65,114,.035)!important}
.option{min-height:79px!important;padding:14px 18px!important}
.option-name{color:#15263f;font-size:18px!important}.option-sub{font-size:12.5px!important;color:#8491a3!important}.option-end{color:#8698ad!important}
.option:hover,.budget-choice:hover{background:#f1faff!important;border-color:#a8cced!important}
.budget-choice{min-height:86px;font-size:18px!important}.budget-custom{border-color:#e4eaf2}
.budget-field{background:#fff;border-color:#dce6f1}.budget-field input{color:#172a46;background:#fff}
.budget-help,.precise-row p{color:#8594a6!important}
.guide-link{color:#1556dd!important;font-size:14px!important;margin-top:19px!important;display:inline-flex;align-items:center;min-height:38px}
/* Results header: exact mobile composition of the approved mint concept. */
.results{width:min(100% - 40px,660px);padding-top:31px}
.results-head.simple{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}
.results-head.simple:before{content:"SIMPLAN · 맞춤 추천";color:#2c5a9a;font-size:11.5px;font-weight:830;position:absolute;top:-19px;left:0}
.results-head.simple{position:relative;margin-top:19px}
.results-head.simple .prefs-actions button{color:#1b467d!important;border-radius:13px!important;background:#fff!important;border:1px solid #dbe6f1!important;box-shadow:0 2px 12px rgba(32,80,133,.04);font-weight:800;font-size:12px!important}
.results-meta{margin:6px 0 14px!important;display:flex;justify-content:flex-start}
.results-snapshot,.results-meta .results-snapshot{color:#647489!important;font-size:12.5px!important;line-height:1.7;letter-spacing:-.15px;font-weight:520!important}
.results-snapshot b{color:#a7b5c5}
/* Conversion banner: actual savings calculation remains unchanged. */
.saving-entry{min-height:140px!important;display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:nowrap!important;margin:17px 0 18px!important;padding:18px 14px 18px 18px!important;background:radial-gradient(ellipse 60% 60% at 100% 100%,#ccfff2 0,transparent 88%),linear-gradient(110deg,#f9ffff,#e8fff9)!important;border:1px solid #d7f5eb!important;border-radius:25px!important;box-shadow:0 5px 18px rgba(27,112,104,.045)!important;position:relative;overflow:hidden;color:#64788e!important}
.saving-entry .saving-copy{flex:1;min-width:0;display:block;line-height:1.55}
.saving-entry .saving-copy strong{display:block;font-size:16px!important;color:#15233f!important;margin-bottom:3px;letter-spacing:-.5px}
.saving-entry .saving-copy em{display:block;font-size:12px;color:#687b91;font-style:normal;line-height:1.6}
.saving-entry img.saving-illust{width:92px;height:88px;object-fit:contain;position:absolute;right:8px;bottom:0;pointer-events:none;opacity:.91;z-index:0}
.saving-entry .saving-copy,.saving-entry button{z-index:1;position:relative}
.saving-entry button{flex:none;background:linear-gradient(145deg,#3191ff,#0949e8)!important;color:white!important;border:0!important;border-radius:13px!important;min-height:45px!important;box-shadow:0 6px 14px rgba(25,84,226,.20)!important;margin-left:0!important;padding:9px 15px!important;font-size:13px!important;align-self:center}
.saving-entry{padding-right:15px!important}
.saving-entry img.saving-illust{opacity:.55;transform:translateX(5px)}
.top-saving,.plan-savings{background:#eafaf4!important;border:1px solid #ccf3e7!important;color:#204b41!important;border-radius:19px!important}
.top-saving b,.saving-metrics .positive{color:#008e6a!important}.text-action{color:#1857ce!important}
.filter-bar{gap:10px!important;margin:14px 0 15px!important}
.filter-search,.filter-toggle,.filter-restart,.sort-panel .picker-trigger{min-height:52px!important;background:#fff!important;color:#1b3250!important;border:1px solid #dce6f1!important;border-radius:15px!important;box-shadow:0 3px 14px rgba(42,76,111,.035)!important}
.filter-search{padding:0 12px!important}.filter-search input{font-size:13px!important;color:#192e4c!important}.filter-search input::placeholder{color:#8f9dae}
.filter-toggle,.filter-restart{font-size:13px!important;color:#244c82!important;background:#fff!important}
.results-heading{border-bottom:0;padding:8px 1px 3px;display:block}
.results-heading strong{font-size:17px!important;color:#142540;letter-spacing:-.5px}
.results-heading small{color:#8591a4!important;font-size:11px!important;display:block!important;text-align:left!important;margin-top:5px}
.short-tip{font-size:11px!important;margin:8px 0 14px;color:#76869a!important}
/* Plans: clean soft corners with strong blue price and mint cap. */
.results-compact .plan,.results .plan{position:relative;background:linear-gradient(155deg,#fff 0%,#fff 81%,#effffa 100%)!important;border:1px solid #e2ebf0!important;border-radius:23px!important;margin:15px 0!important;padding:22px 21px!important;box-shadow:0 8px 28px rgba(35,74,106,.055)!important}
.plan-title,.plan-title a{color:#162641!important;font-size:20px!important;line-height:1.3}
.plan-eyebrow{gap:8px;margin-bottom:10px!important;color:#647589!important;font-size:12px!important}
.plan-number{color:#5a6a83!important}
.plan-tag{background:#dff8ef!important;border:0!important;color:#018461!important;border-radius:999px!important;padding:5px 10px!important;font-size:11px!important}
.plan-desc{color:#63748c!important;font-size:12.5px!important;margin:9px 0 13px!important}
.plan-reason{color:#008f66!important;font-size:12.2px!important;margin:10px 0 15px!important}
.plan-price-context{color:#37516f!important}.plan-price-context strong{color:#1a3451!important}.plan-price-basis{color:#8291a4!important}
.price-line{align-items:flex-end;gap:8px}
.price{font-size:34px!important;color:#0d53e7!important;font-weight:900!important;letter-spacing:-1.9px!important}
.price small{color:#4c668c!important;font-size:12px!important}
.price-line .later{color:#596a7f!important;font-size:12px!important}
.mini-price>div{background:#f6f9fc!important;border:1px solid #edf1f5!important;border-radius:11px!important}
.mini-price small{color:#788da2!important}.mini-price strong{color:#2a3952!important}
.plan-highlights span{color:#465d79!important;background:#f3f6fb!important;border-color:#e8eef4!important}
.plan-summary,.detail-rows{color:#607389!important}.plan-detail{border-color:#dde8f3!important;background:#fff!important;color:#233b55!important}.plan-detail summary{color:#224477!important}
.plan-detail[open] summary{border-color:#eaf0f7!important}
.save-plan,.compare-btn,.my-btn{background:#fff!important;color:#1e55a3!important;border:1px solid #dbe6f3!important;border-radius:11px!important}
.save-plan[aria-pressed="true"],.compare-btn[aria-pressed="true"]{background:#eaf3ff!important;color:#1252dc!important;border-color:#a6caff!important}
.signup-action,.primary-link,.my-btn.primary{background:linear-gradient(115deg,#1679ff,#0d43e9)!important;color:#fff!important;border-color:transparent!important;border-radius:12px!important;box-shadow:0 5px 12px rgba(30,93,216,.13)!important}
/* Nav: white anchored shell, clear five icons, always visible in onboarding too. */
.mobile-tabs{background:rgba(255,255,255,.96)!important;border-top:1px solid #e6ecf1!important;box-shadow:0 -5px 22px rgba(21,50,87,.065)!important}
.mobile-tabs .tab-link{color:#64748f!important}
.mobile-tabs .tab-link.selected,.mobile-tabs .tab-link[aria-current="page"]{color:#064ae5!important}
.mobile-tabs svg{stroke-width:1.8!important}.mobile-tabs .tab-link.selected svg{stroke-width:2.15!important}
.compare-dock{background:#fff!important;color:#1b2a45!important;border-top-color:#e7edf4!important}.compare-dock strong{color:#172640!important}.compare-dock small{color:#748297!important}
/* MY, filters, modals, support sections all inherit the same design vocabulary. */
.my-title{color:#132744!important}.my-summary-cell{background:#fff!important;border:1px solid #e4eaf3!important;box-shadow:var(--shadow)!important;border-radius:20px!important}.my-summary-cell strong{color:#152947!important}.my-summary-cell strong.accent{color:#00966f!important}
.my-eyebrow{color:#2355a1!important}.my-section-name{color:#152640!important}.my-menu{background:#fff!important;border-color:#e2ebf2!important;border-radius:19px!important;box-shadow:var(--shadow)!important}.my-row{background:#fff!important;border-color:#edf1f5!important;color:#1d304c!important;min-height:65px}.my-row:hover{background:#f6fbff!important}.my-row-icon{background:#eef8ff!important;border-color:#dfeefd!important;color:#245fe0!important}.my-row-copy small,.my-placeholder,.my-help{color:#71839a!important}.my-row-tail{color:#8194ab!important}
.my-notice{background:#effff8!important;color:#285b50!important;border:1px solid #d6f5e9!important;border-radius:18px!important}.my-placeholder{color:#6a7d94!important}.my-placeholder strong{color:#172e4a!important}
.my-inline-input{background:#fff!important;color:#152740!important;border-color:#dce5ef!important;border-radius:13px!important}
.my-field-label{color:#34526e!important}
.picker-overlay .picker-backdrop,.info-modal-backdrop{background:rgba(12,31,58,.42)!important}
.picker-sheet,.info-modal-sheet{background:#fff!important;color:#142641!important;border-radius:26px 26px 0 0!important}
.picker-grip,.info-modal-grip{background:#d9e2ed!important}
.picker-head strong,.info-modal-head strong{color:#14243e!important}
.picker-close,.info-modal-close{color:#39516f!important;background:#f1f5fa!important}
.picker-option{color:#162943!important;border-color:#e2e9f2!important}
.picker-option.selected{background:#eef7ff!important;color:#1451d7!important;border-color:#9bc4ff!important}
.info-modal-intro,.info-tip{color:#6e8196!important}
.info-device-tab{background:#f6f9fd!important;color:#42607d!important;border-color:#d9e5f0!important}
.info-device-tab.selected{background:#e9f4ff!important;color:#0849d3!important;border-color:#add2ff!important}
.info-steps{background:#f7fbff!important;color:#354c65!important;border-color:#e2edf7!important}
.info-steps ol{color:#3e5771!important}.info-modal-confirm{background:linear-gradient(120deg,#167dff,#1150ea)!important}
.satisfaction,.alternative-notice,.hint-banner,.demo-alert,.result-disclosure,.results-compact .sort-panel,.saving-entry{box-shadow:var(--shadow)!important}
.alternative-notice,.hint-banner,.demo-alert,.result-disclosure{background:#fff!important;border:1px solid #e1ebf3!important;color:#4c6684!important;border-radius:16px!important}
.alternative-notice strong{color:#19304d!important}.alternative-notice p{color:#6f8196!important}
.my-btn.danger{color:#a94b55!important;border-color:#f4d7dc!important}
.satisfaction{background:#fff!important;border-color:#e7edf4!important}.sat-buttons button,.sat-reasons button{background:#fff!important;color:#1c4b97!important;border-color:#dfe8f2!important}
.footer,.source-credit{color:#7689a0!important;background:transparent!important}.source-credit a,.footer a{color:#506d97!important}
.same-carrier{background:#fffaf1!important;color:#89613c!important}
.data-error{background:#fff3f3!important;color:#904343!important}
@media(max-width:640px){
 .top{height:66px!important;min-height:66px!important;padding:9px 18px!important}
 .simplan-brand-image{max-width:160px;height:auto}
 .main{width:calc(100% - 38px)!important}
 .results{width:calc(100% - 38px)!important;padding-top:28px!important}
 .profile-step.simple-profile{padding-top:30px}
 .profile-step.simple-profile h1{font-size:31px!important}
 .carrier-choice{min-height:124px!important;font-size:18px!important;gap:5px!important}
 .carrier-brand-mark{height:44px;width:48px}
 .mvno-logos{height:43px}.mvno-logos img{width:30px;height:31px}.mvno-logos img:nth-child(2),.mvno-logos img:nth-child(3){width:33px}
 .profile-step .profile-label{margin:28px 0 13px}
 .results-head.simple:before{top:-20px}
 .saving-entry{min-height:130px!important;padding:18px 14px!important}
 .saving-entry .saving-copy strong{font-size:14.5px!important}
 .saving-entry .saving-copy em{font-size:11px}
 .saving-entry button{padding:8px 12px!important;font-size:12px!important}
 .saving-entry img.saving-illust{width:78px;height:76px;opacity:.30}
 .filter-bar{grid-template-columns:minmax(0,1fr) auto auto!important;gap:7px!important}
 .filter-search{min-height:48px!important;padding:0 10px!important}
 .filter-toggle,.filter-restart{min-height:48px!important;padding:0 10px!important;font-size:11px!important}
 .filter-search input{font-size:12px!important}
 .results-compact .plan,.results .plan{padding:19px 17px!important;margin:13px 0!important;border-radius:20px!important}
 .plan-title{font-size:18.5px!important}.price{font-size:32px!important}
 .mobile-tabs{height:calc(69px + env(safe-area-inset-bottom))!important;padding:3px 4px env(safe-area-inset-bottom)!important}
 .mobile-tabs .tab-link{font-size:10.5px!important;font-weight:760!important;gap:5px!important}
 .mobile-tabs svg{width:23px!important;height:23px!important}
 body:not(.simplan-onboarding){padding-bottom:calc(74px + env(safe-area-inset-bottom))!important}
 body.simplan-onboarding{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
 body.simplan-onboarding .mobile-tabs{display:grid!important}
 body.simplan-onboarding .site-nav{display:none!important}
 .compare-dock{bottom:calc(69px + env(safe-area-inset-bottom))!important}
}
@media(max-width:360px){
 .main,.results{width:calc(100% - 30px)!important}
 .results-head.simple h1{font-size:27px!important}
 .results-head.simple .prefs-actions button{padding:8px!important}
 .carrier-choice{min-height:111px!important;border-radius:17px!important}
 .mvno-logos img{width:25px!important}.mvno-logos img:nth-child(2),.mvno-logos img:nth-child(3){width:28px!important}
 .saving-entry{min-height:126px!important}.saving-entry .saving-copy strong{font-size:13.5px!important}
 .mobile-tabs .tab-link{font-size:9px!important}
}
@media(min-width:641px){.profile-step{min-width:0}.results{padding-top:35px}.profile-usage-banner{max-width:580px}}
@media(prefers-reduced-motion:reduce){.carrier-choice{transition:none!important}}

/* Final visual refinements from approved white + mint reference. */
.profile-heading-wrap{position:relative;min-height:102px;display:flex;align-items:flex-start}
.profile-heading-wrap h1{position:relative;z-index:1;max-width:80%}
.profile-bill-art{position:absolute;right:0;top:-19px;width:120px;height:123px;object-fit:contain;pointer-events:none;opacity:.93}
.profile-step.simple-profile .profile-helper{margin-top:2px!important}
.saving-entry{display:grid!important;grid-template-columns:minmax(0,1fr) 108px;grid-template-rows:auto auto;justify-items:start;align-items:center;align-content:center;row-gap:13px!important;min-height:173px!important;overflow:hidden}
.saving-entry .saving-copy{grid-column:1;grid-row:1;min-width:0;display:block!important;z-index:1}
.saving-entry button{grid-column:1;grid-row:2;align-self:start!important;min-width:121px!important;min-height:44px!important}
.saving-entry img.saving-illust{width:133px!important;height:126px!important;right:5px!important;bottom:2px!important;opacity:.93!important;transform:none!important}
.plan-actions .save-plan{position:absolute!important;right:17px;top:15px;width:40px;height:40px;min-height:40px;padding:0!important;display:grid;place-items:center;border:0!important;background:transparent!important;box-shadow:none!important;color:#8194a9!important;font-size:0!important;line-height:1!important;z-index:3}
.plan-actions .save-plan::before{content:'♡';font-size:35px;line-height:1;font-family:Arial,sans-serif;font-weight:400}
.plan-actions .save-plan[aria-pressed="true"]{color:#1d6af3!important}
.plan-actions .save-plan[aria-pressed="true"]::before{content:'♥';font-size:29px}
.plan-actions .save-plan:hover{color:#1769fa!important}
.plan-eyebrow{padding-right:35px}
@media(max-width:640px){
 .profile-bill-art{width:95px;height:100px;right:-5px;top:-13px;opacity:.88}
 .profile-heading-wrap h1{max-width:85%}
 .saving-entry{min-height:161px!important;grid-template-columns:minmax(0,1fr) 83px;row-gap:9px!important}
 .saving-entry img.saving-illust{width:112px!important;height:110px!important;right:0!important}
 .saving-entry .saving-copy strong{font-size:14px!important}
 .saving-entry .saving-copy em{font-size:11.2px!important}
 .saving-entry button{min-height:43px!important;min-width:116px!important}
}
@media(max-width:360px){
 .profile-bill-art{width:78px;height:86px}
 .saving-entry{grid-template-columns:minmax(0,1fr) 70px;min-height:158px!important}
 .saving-entry img.saving-illust{width:96px!important;height:96px!important;opacity:.83!important}
}

/* Keep splash above persistent mobile nav until initial route is chosen. */
.intro{z-index:50!important}


/* SIMPLAN v26.1 — reference-accurate white mint results; fixes inline v25 dark residue. */
:root{--blue:#1256ef;--ink:#142540;--muted:#708198;--line:#e3ebf2;--bg:#f7faff;--soft:#f4faff;--surface:#fff;color-scheme:light}
html,body{color-scheme:light!important}
/* Prevent intrinsic 950px logo asset from stretching either header or splash. */
.top,.intro .top{height:64px!important;min-height:64px!important;max-height:64px!important;align-items:center!important;flex-wrap:nowrap!important;padding-top:7px!important;padding-bottom:7px!important}
.top .brand,.intro .brand{flex:none!important;max-width:175px!important;min-width:0!important;height:48px!important;padding:0!important;display:flex!important;align-items:center!important;overflow:visible!important}
.top .simplan-brand-image,.intro .simplan-brand-image,.brand .simplan-brand-image{display:block!important;width:155px!important;min-width:155px!important;max-width:155px!important;height:35px!important;max-height:35px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;object-fit:contain!important;background:transparent!important;box-sizing:border-box!important}
/* Remove legacy dark-mode text on light cards. */
.my-row-copy strong,.my-summary-cell strong,.my-section-name,.my-placeholder strong,.my-notice strong,.my-summary-cell p{color:#1c304c!important}
.my-row-copy small,.my-summary-cell small,.my-summary-cell p{color:#687f96!important}
.my-row,.my-menu,.my-summary-cell,.my-notice,.my-placeholder{background:#fff!important;color:#1a304c!important;border-color:#e1eaf2!important}
.my-notice{background:#f4fefa!important;color:#315651!important}
.my-section-name{font-size:15px!important}
.saving-entry .saving-copy strong{color:#152744!important}
.results-heading strong,.plan-title,.plan-summary b,.content-title{color:#182844!important}
.plan-detail summary,.detail-rows div strong{color:#213c5d!important}
.results-compact .sort-panel,.picker-sheet,.info-modal-sheet,.satisfaction,.result-disclosure,.alternative-notice,.hint-banner,.demo-alert{background:#fff!important;color:#1d3350!important}
.result-disclosure .result-disclosure-title,.satisfaction strong,.alternative-notice strong{color:#1e334d!important}
.result-disclosure p,.satisfaction p,.alternative-notice p{color:#5e7085!important}
.mini-price small,.mini-price strong{color:#49637e!important}
/* Results: reference layout order and spacing at narrow widths. */
.results.results-compact{padding-top:23px!important}
.results-head.simple{margin-top:9px!important;min-height:55px;gap:12px!important}
.results-head.simple:before{display:none!important}
.results-head.simple h1{font-size:clamp(29px,7.8vw,36px)!important;letter-spacing:-1.65px!important}
.results-head.simple .prefs-actions button{min-height:38px!important;padding:8px 12px!important;font-size:12px!important;border-radius:13px!important}
.results-meta{margin:3px 0 12px!important}
.results-meta .results-snapshot{font-size:13px!important;color:#64758c!important}
.saving-entry{min-height:149px!important;margin:14px 0 17px!important;padding:17px 17px 18px!important;border-radius:23px!important;grid-template-columns:minmax(0,1fr) 96px!important;row-gap:9px!important}
.saving-entry .saving-copy strong{font-size:16px!important;line-height:1.35!important}
.saving-entry .saving-copy em{font-size:12px!important}
.saving-entry button{min-height:42px!important;min-width:116px!important}
.saving-entry img.saving-illust{width:108px!important;height:109px!important;opacity:.95!important}
.filter-bar{grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;margin:13px 0 15px!important}
.filter-bar .filter-restart{display:none!important}
.filter-bar .filter-search,.filter-bar .filter-toggle{min-height:48px!important}
.results-heading{margin:0!important;padding:10px 2px 2px!important}
.results-heading strong{font-size:17px!important}
.results-heading small{display:block;color:#7d8da1!important;margin-top:4px!important;line-height:1.4}
.results-compact .plan,.results .plan{padding:18px 18px 20px!important;margin-top:13px!important;border-color:#dbeeea!important;border-radius:22px!important;box-shadow:0 7px 25px rgba(21,70,110,.055)!important;background:linear-gradient(157deg,#fff 0%,#fff 78%,#edfff9 100%)!important}
.plan-eyebrow{margin-bottom:9px!important}
.top-pick-label{display:inline-block;border-radius:100px;padding:4px 10px;background:#defaef;color:#079c77;font-weight:820;font-size:10.5px;margin:-2px 0 7px}
.plan-title{font-size:19px!important;margin:2px 0 0!important}
.plan-desc{font-size:12.4px!important;margin:7px 0 7px!important;color:#677b92!important}
.plan-reason{margin:9px 0 12px!important;line-height:1.45!important;color:#048f70!important}
.price{font-size:35px!important;color:#0955ed!important}
.price-line .later{font-size:11.5px!important;max-width:44%;line-height:1.55}
.mini-price{margin:15px 0 10px!important;gap:6px!important}
.mini-price>div{border-radius:13px!important;background:#f7fafc!important;padding:9px 7px!important}
.plan-highlights span{background:#f4f9fc!important}
/* Data usage help appears AFTER carrier selection, in question 1. */
.profile-usage-banner.quiz-data-banner{margin-top:18px!important;min-height:75px!important;padding:14px 15px!important;background:linear-gradient(115deg,#eafff8,#e7faf5)!important;border:1px solid #dcf4ec!important}
.profile-usage-banner.quiz-data-banner strong{color:#1544ab!important;font-size:13px!important}
.profile-usage-banner.quiz-data-banner small{color:#607c90!important}
.quiz-data-banner img{width:59px;height:53px;object-fit:contain}
/* Cards in the guide and support pages no longer inherit old black palette. */
.mobile-tabs{background:rgba(255,255,255,.98)!important;border-top:1px solid #e6edf4!important}
@media(max-width:640px){
 .top,.intro .top{height:62px!important;min-height:62px!important;max-height:62px!important;padding:6px 18px!important}
 .top .simplan-brand-image,.intro .simplan-brand-image,.brand .simplan-brand-image{width:146px!important;min-width:146px!important;max-width:146px!important;height:33px!important;max-height:33px!important}
 .results.results-compact{padding-top:21px!important}
 .results-head.simple{min-height:51px;margin-top:0!important}
 .saving-entry{min-height:143px!important;grid-template-columns:minmax(0,1fr) 76px!important;padding:15px 14px!important}
 .saving-entry img.saving-illust{width:104px!important;height:103px!important;right:-2px!important}
 .saving-entry .saving-copy strong{font-size:15px!important}
 .saving-entry .saving-copy em{font-size:11.7px!important}
 .results-heading small{font-size:11px!important}
 .results-compact .plan,.results .plan{padding:17px 15px 19px!important}
}
@media(max-width:370px){.saving-entry img.saving-illust{width:90px!important;height:90px!important;opacity:.75!important}.saving-entry{grid-template-columns:minmax(0,1fr) 63px!important}.saving-entry .saving-copy strong{font-size:13px!important}}




/* SIMPLAN v26.3 — flowing mint header and clearer, blue-accented questions. */
/* The mint sweep intentionally extends INTO the logo row, like the approved mockup. */
#root:before{
 top:0!important;
 height:270px!important;
 background:linear-gradient(120deg,rgba(255,255,255,0) 36%,rgba(218,255,247,.55) 61%,rgba(149,243,222,.74) 100%)!important;
 clip-path:ellipse(75% 71% at 100% 0%)!important;
}
.top,.intro .top,body.simplan-onboarding #root>.top{
 background:linear-gradient(115deg,#fff 0%,#fff 37%,rgba(249,255,253,.90) 53%,rgba(212,255,244,.82) 100%)!important;
 -webkit-backdrop-filter:none!important;
 backdrop-filter:none!important;
 box-shadow:none!important;
 border-bottom:0!important;
}
.top>.brand,.top>.site-nav,.top>.top-side,.intro .top>.brand{position:relative;z-index:2}
/* More balanced title typography: less compressed, with purposeful blue accents. */
section.step:not(.profile-step) h1{
 font-family:'Noto Sans KR','Noto Sans','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif!important;
 font-weight:780!important;
 letter-spacing:-1.25px!important;
 line-height:1.34!important;
 text-wrap:balance;
}
.step.step-final h1{font-size:clamp(30px,7.1vw,36px)!important;font-weight:770!important;line-height:1.33!important;letter-spacing:-1.18px!important;word-break:keep-all}
.quiz-keyword,.option-keyword{color:#1558f3!important;font-weight:820!important}
.step-final .desc{font-size:14.5px!important;line-height:1.72!important;max-width:38em}
.step-final .option-name{font-weight:780!important;letter-spacing:-.38px!important}
/* Full-size savings card typography and visual rhythm from the concept. */
.saving-entry{
 min-height:182px!important;
 margin:16px 0 20px!important;
 padding:22px 22px 23px!important;
 border-radius:27px!important;
 grid-template-columns:minmax(0,1fr) 132px!important;
 row-gap:14px!important;
 background:radial-gradient(ellipse 68% 65% at 100% 100%,rgba(194,255,239,.92) 0,rgba(194,255,239,.05) 76%),linear-gradient(110deg,#f7fffd,#e9fff8)!important;
}
.saving-entry .saving-copy strong{font-size:21px!important;line-height:1.32!important;letter-spacing:-.7px!important;margin-bottom:6px!important}
.saving-entry .saving-copy em{font-size:15px!important;line-height:1.5!important;color:#667b91!important}
.saving-entry button{min-height:54px!important;min-width:154px!important;padding:0 26px!important;font-size:18px!important;font-weight:800!important;border-radius:18px!important;box-shadow:0 10px 24px rgba(31,93,233,.22)!important}
.saving-entry img.saving-illust{width:148px!important;height:146px!important;right:8px!important;bottom:4px!important;opacity:.96!important}
.saving-entry .saving-copy,.saving-entry button{max-width:100%}
@media(max-width:640px){
 #root:before{top:0!important;height:230px!important;clip-path:ellipse(83% 68% at 100% 0%)!important}
 .step.step-final h1{font-size:clamp(29px,7.65vw,34px)!important;line-height:1.36!important;letter-spacing:-1.1px!important}
 .step-final .desc{font-size:14px!important}
 .saving-entry{min-height:192px!important;padding:24px 22px!important;border-radius:28px!important;grid-template-columns:minmax(0,1fr) 128px!important;row-gap:16px!important}
 .saving-entry .saving-copy strong{font-size:22px!important;line-height:1.3!important}
 .saving-entry .saving-copy em{font-size:16px!important;line-height:1.52!important}
 .saving-entry button{min-height:56px!important;min-width:160px!important;font-size:20px!important;padding:0 28px!important;border-radius:19px!important}
 .saving-entry img.saving-illust{width:150px!important;height:148px!important;right:6px!important;bottom:2px!important}
}
@media(max-width:360px){
 .step.step-final h1{font-size:28px!important;letter-spacing:-.9px!important}
 .saving-entry{min-height:176px!important;grid-template-columns:minmax(0,1fr) 103px!important;padding:20px 18px 21px!important}
 .saving-entry .saving-copy strong{font-size:18px!important}
 .saving-entry .saving-copy em{font-size:13px!important}
 .saving-entry button{min-width:132px!important;min-height:50px!important;font-size:16px!important;padding:0 20px!important}
 .saving-entry img.saving-illust{width:122px!important;height:121px!important}
}


/* SIMPLAN v26.4 — approved mint mockup, unified continuous background, functional controls */
:root{--blue:#1256ef;--mint-color:#c9fff0;--ink:#14233d;color-scheme:light}
html,body{background:#f7faff!important;color-scheme:light!important}
/* Unified art layer; no detached block boundary between logo and recommendation content. */
body{background-image:none!important;background-color:#f7faff!important}
#root{background:transparent!important;isolation:isolate!important;position:relative!important}
#root:before{
  content:''!important;
  position:absolute!important;
  left:0!important;right:0!important;top:0!important;
  height:400px!important;
  z-index:-1!important;
  pointer-events:none!important;
  clip-path:none!important;
  border-radius:0!important;
  background:
    radial-gradient(ellipse 75% 56% at 100% 22%, rgba(148,245,220,.62) 0%, rgba(190,255,238,.39) 42%, rgba(255,255,255,0) 77%),
    linear-gradient(180deg,#fff 0%,#fbfdff 49%,rgba(247,250,255,0) 100%)!important;
}
.top,.intro .top,body.simplan-onboarding #root>.top{
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}
.top{position:relative!important;z-index:2!important}
/* Native-size brand image regardless of original high-res bitmap. */
.top .simplan-brand-image,.intro .simplan-brand-image,.brand .simplan-brand-image{
 width:155px!important;min-width:155px!important;max-width:155px!important;
 height:35px!important;max-height:35px!important;
 object-fit:contain!important;background:transparent!important;
}
.brand-emphasis{color:#1256ef!important;font-weight:870!important}
/* Reference typography and composition */
.profile-heading-wrap h1{font-size:clamp(30px,7.5vw,37px)!important;letter-spacing:-1.4px!important;line-height:1.30!important}
.profile-heading-wrap .brand-emphasis{white-space:nowrap}
/* Reference layout: clear search and visible first plan card */
.results.results-compact{padding-top:21px!important}
.results-head.simple{margin-top:0!important;min-height:57px!important}
.results-head.simple h1{font-size:clamp(31px,8vw,37px)!important;letter-spacing:-1.6px!important}
.results-head.simple .prefs-actions{margin-left:auto!important}
#editPrefs{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:42px!important;padding:9px 12px!important;white-space:nowrap!important;border-radius:14px!important}
#editPrefs .prefs-filter-icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
/* Reference savings registration card: blue keyword, confident typography, legible illustration */
.saving-entry{
 min-height:174px!important;
 display:grid!important;
 grid-template-columns:minmax(0,1fr) 100px!important;
 grid-template-rows:auto auto!important;
 align-content:center!important;
 row-gap:12px!important;
 padding:20px 19px 20px 20px!important;
 border:1px solid #d6f6eb!important;
 border-radius:24px!important;
 background:
   radial-gradient(ellipse 55% 68% at 100% 100%,rgba(178,255,232,.75) 0%,transparent 80%),
   linear-gradient(116deg,#f6fffc 0%,#e6fff7 100%)!important;
 box-shadow:0 7px 25px rgba(12,64,113,.045)!important;
}
.saving-entry .saving-copy{grid-column:1/-1!important;grid-row:1!important;position:relative!important;z-index:2!important;max-width:100%!important}
.saving-entry .saving-copy strong{font-size:19px!important;line-height:1.35!important;letter-spacing:-.65px!important;margin-bottom:6px!important;color:#14233c!important}
.saving-entry .saving-copy em{font-size:14px!important;line-height:1.55!important;color:#718096!important}
.saving-entry button{grid-column:1!important;grid-row:2!important;justify-self:start!important;align-self:center!important;z-index:2!important;min-width:136px!important;min-height:49px!important;padding:9px 20px!important;font-size:17px!important;border-radius:16px!important}
.saving-entry img.saving-illust{width:132px!important;height:122px!important;right:8px!important;bottom:0!important;z-index:1!important;opacity:1!important;object-fit:contain!important}
/* Keep the card compact enough to show the start of recommendations without scrolling. */
.filter-bar{margin-top:14px!important;margin-bottom:13px!important}
.results-heading{padding-top:7px!important}
.results-heading strong{font-size:18px!important}
.results-compact .plan,.results .plan{margin-top:14px!important;border-color:#d1f2e8!important}
.top-pick-label{background:#d9fff0!important;color:#008e63!important}
.plan-title{font-weight:830!important}
@media(max-width:640px){
 #root:before{height:335px!important;background:
   radial-gradient(ellipse 92% 57% at 104% 21%,rgba(151,247,222,.64) 0%,rgba(205,255,241,.33) 49%,transparent 81%),
   linear-gradient(180deg,#fff 0%,#fcfdff 54%,transparent 100%)!important}
 .top .simplan-brand-image,.intro .simplan-brand-image,.brand .simplan-brand-image{width:146px!important;min-width:146px!important;max-width:146px!important;height:33px!important;max-height:33px!important}
 .profile-heading-wrap h1{font-size:clamp(28px,7.65vw,33px)!important;line-height:1.31!important}
 .profile-bill-art{width:88px!important;height:96px!important;right:-3px!important;top:-9px!important}
 .results.results-compact{padding-top:20px!important}
 .results-head.simple{min-height:51px!important}
 .results-head.simple h1{font-size:30px!important}
 #editPrefs{min-height:39px!important;padding:8px 10px!important;font-size:12px!important;gap:5px!important}
 #editPrefs .prefs-filter-icon{width:16px;height:16px}
 .saving-entry{min-height:172px!important;padding:18px 17px 19px!important;grid-template-columns:minmax(0,1fr) 102px!important;row-gap:10px!important}
 .saving-entry .saving-copy strong{font-size:18px!important;line-height:1.34!important}
 .saving-entry .saving-copy em{font-size:13.5px!important;line-height:1.52!important}
 .saving-entry button{min-width:137px!important;min-height:46px!important;font-size:17px!important;padding:8px 19px!important}
 .saving-entry img.saving-illust{width:131px!important;height:123px!important;right:6px!important;bottom:2px!important}
 .results-heading strong{font-size:17px!important}
}
@media(max-width:370px){
 .profile-heading-wrap h1{font-size:27px!important}
 .saving-entry{min-height:169px!important;grid-template-columns:minmax(0,1fr) 91px!important;padding:17px 15px!important}
 .saving-entry .saving-copy strong{font-size:16.5px!important}
 .saving-entry .saving-copy em{font-size:12.5px!important}
 .saving-entry button{min-width:121px!important;min-height:44px!important;font-size:15px!important}
 .saving-entry img.saving-illust{width:112px!important;height:105px!important}
}