/* SOSONGBARO Deep Teal & Lime — review-only design tokens */
@import url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/variable/woff2/SUIT-Variable.css');
:root{--brand-deep:#173638;--brand:#086D72;--brand-lime:#C7ED59;--brand-pale:#EDF8F5;--brand-ink:#1A3031;--brand-line:#DCE9E5;--brand-muted:#526A69}
html{font-family:'SUIT Variable','SUIT','Pretendard Variable',Pretendard,'Noto Sans KR',sans-serif!important;-webkit-text-size-adjust:100%}
body,button,input,textarea,select{font-family:'SUIT Variable','SUIT','Pretendard Variable',Pretendard,'Noto Sans KR',sans-serif!important}
body{color:var(--brand-ink)!important;background:#F7FAF9!important}
h1,h2,h3,h4,.title,.hero-title{font-weight:800!important;letter-spacing:-.035em;line-height:1.32}
button,.btn,[type=submit]{font-weight:750!important;letter-spacing:-.018em}
input,select,textarea{font-size:16px;max-width:100%;border-radius:10px}
input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #84C8A4!important;outline-offset:2px}
.card,.panel,.box{border-color:var(--brand-line)}
a:not(.action):not(.case-button):not(.btn):not(.primary){color:inherit}
button.primary,.btn.primary,.btn-primary,[type=submit]{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}
button.primary:hover,.btn.primary:hover,.btn-primary:hover,[type=submit]:hover{background:var(--brand-deep)!important}
@media(max-width:640px){body{overflow-x:hidden}h1{font-size:clamp(23px,6vw,30px)!important}h2{font-size:clamp(18px,4.6vw,23px)!important}button,.btn{min-height:44px}input,select,textarea{min-height:44px} .card,.panel{max-width:100%}}

/* V8 integration — presentation only, no request handlers */
:root{--primary:#086D72;--n:#086D72;--accent:#C7ED59}
header,nav{border-color:#DCE9E5}
button:not(.secondary):not([disabled]),.btn.primary,.primary{background-color:#086D72;color:#fff}
button.secondary,.btn.secondary{background-color:#EDF8F5;color:#173638}
.step.active,.steps .active{background:#086D72;color:white}
.pill,.badge{background:#EDF8F5;color:#086D72}
.service-option:has(input:checked){border-color:#086D72;background:#EDF8F5}
.service-option input{accent-color:#086D72}
.selected-total{color:#086D72}
@media(max-width:650px){.wrap,.container,main{max-width:100%;min-width:0}.actions button,.screen-actions button{width:100%;max-width:100%}button{overflow-wrap:anywhere}body{overflow-x:hidden}}

/* V8.2 mobile small-claims visual correction; no API or workflow changes */
@media(max-width:640px){
 html,body{width:100%;max-width:100%;overflow-x:clip}
 .wrap{width:100%;max-width:100%;padding-inline:14px;margin-top:14px}
 .card{min-width:0;padding:18px 15px;border-radius:16px}
 .actions,.screen-actions{display:flex;flex-direction:column-reverse;gap:10px}
 .actions button,.screen-actions button,#reviewActions button{min-width:0;width:100%;min-height:48px;white-space:normal;overflow-wrap:break-word}
 input,select,textarea{min-width:0;max-width:100%;font-size:16px!important}
 .service-option{min-width:0;overflow-wrap:anywhere}
 .steps{min-width:0;max-width:100%;flex-wrap:wrap}
}
/* Consistent focus and selected-state colors on application page */
input:focus,select:focus,textarea:focus{outline-color:#086D72!important}
.service-option:has(input:checked){border-color:#086D72!important;background:#EDF8F5!important}
.service-option input{accent-color:#086D72!important}

/* V8.3: restore high-contrast CTA text without changing API or page behavior */
a.action,a.case-button,a.btn-primary,a.btn.primary,a.primary,a[style*="background:#1658c8"]{color:#fff!important;-webkit-text-fill-color:#fff!important}
#services a.action,#services .blue-service a.action,.case-card a.case-button{color:#fff!important;-webkit-text-fill-color:#fff!important}
a.case-guide{color:#086D72!important;-webkit-text-fill-color:#086D72!important}
a.action:hover,a.case-button:hover{color:#fff!important;-webkit-text-fill-color:#fff!important}
/* Preserve links styled as dark background controls throughout the site */
a[style*="color:white"],a[style*="color: white"],a[style*="color:#fff"],a[style*="color: #fff"]{color:#fff!important;-webkit-text-fill-color:#fff!important}