/* Astra + Fable design review, 2026-09-28. Presentation only. */
.design-polish {--dp-ink:#244e50;--dp-muted:#526562;--dp-paper:#faf7ef;--dp-rule:#d8ded5}
.design-polish :is(h1,h2,h3){text-wrap:balance}
.design-polish :is(p,li){text-wrap:pretty}
.design-polish :is(a,button,summary):focus-visible{outline:3px solid #b06447;outline-offset:5px}
.design-polish :is(section,header)[id]{scroll-margin-top:28px}
.design-polish .compare-disclosure{margin:0;padding:0!important;border:1px solid var(--dp-rule)!important;border-radius:12px;background:var(--surface,#fffefb);overflow:clip}
.design-polish .compare-disclosure>summary{display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:center;min-height:76px;padding:20px 24px;list-style:none;font:600 17px/1.6 system-ui,"Malgun Gothic",sans-serif;color:var(--ink,#244e50)}
.design-polish .compare-disclosure>summary::-webkit-details-marker{display:none}
.design-polish .compare-disclosure>summary::after{content:'+';grid-column:2;grid-row:1/3;font-size:24px;font-weight:400;line-height:1}
.design-polish .compare-disclosure[open]>summary::after{content:'−'}
.design-polish .compare-disclosure .disclosure-note{display:block;grid-column:1;font:400 14px/1.6 system-ui,"Malgun Gothic",sans-serif;color:var(--ink-2,#526562)}
.design-polish .compare-disclosure .comparison-content{padding:4px 24px 24px;min-width:0}
.design-polish .compare-disclosure .comparison-content h2{font-size:24px;line-height:1.45}
.design-polish .compare-disclosure .comparison-content table{max-width:100%;width:100%}
.design-polish .compare-disclosure .comparison-content .sec-head{margin-bottom:20px}
.design-polish .home-intro{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:clamp(28px,4vw,62px);padding:52px 0 35px;align-items:center}
.design-polish .home-intro h1{color:#244e50;font-family:system-ui,"Malgun Gothic",sans-serif;font-size:clamp(34px,4.05vw,53px);font-weight:600;line-height:1.3;letter-spacing:-1.8px;margin:14px 0 21px;text-wrap:balance}
.design-polish .home-intro .hand-note{font-family:Gaegu,"Malgun Gothic",sans-serif;font-size:24px;line-height:1.4;letter-spacing:0;color:#a24d35;margin:0}
.design-polish .home-intro .intro-copy{font-size:17px;line-height:1.9;color:var(--dp-muted);margin:0 0 24px}
.design-polish .home-intro .actions{align-items:center;gap:15px;margin:0 0 14px}
.design-polish .home-intro .actions .button{min-height:50px;padding:13px 20px;border-radius:6px;font-size:15px}
.design-polish .quiet-link{font-size:14px;text-decoration:underline;text-underline-offset:5px;padding:12px 0}
.design-polish .home-intro .trust-line{font-size:12px;line-height:1.8;margin-top:21px;max-width:100%}
.design-polish .hero-product{margin:0;min-width:0;align-self:center}
.design-polish .hero-product img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid #e6dfd3}
.design-polish .hero-product figcaption{font:400 12px/1.7 system-ui,"Malgun Gothic",sans-serif;color:#65716a;margin-top:9px;text-align:right}
.design-polish .journey-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:20px 0;margin:0 0 35px;list-style:none;border-top:1px solid var(--dp-rule);border-bottom:1px solid var(--dp-rule)}
.design-polish .journey-mini li{display:flex;align-items:center;justify-content:center;gap:13px;padding:8px 20px;line-height:1.65;font-size:14px;min-width:0}
.design-polish .journey-mini li+li{border-left:1px solid var(--dp-rule)}
.design-polish .journey-mini span{font-family:Georgia,serif;font-style:italic;font-size:20px;color:#98603f}
.design-polish .journey-mini b{font-weight:600}
.design-polish .service-note{align-items:center;gap:20px;padding:20px 0 17px}
.design-polish .service-note h2{font-size:25px!important}
.design-polish .service-list a{grid-template-columns:25px minmax(160px,.85fr) minmax(230px,1.35fr) minmax(125px,.6fr) 20px;gap:20px;padding:26px 0;position:relative}
.design-polish .service-list h3{font-size:22px!important;line-height:1.45}
.design-polish .service-list p{font-size:14px;color:var(--dp-muted);line-height:1.85}
.design-polish .service-list .service-price{font:650 17px/1.6 system-ui,"Malgun Gothic",sans-serif;color:var(--dp-ink);white-space:normal;word-break:keep-all}
.design-polish .service-list .service-price small{display:block;font-size:12px;font-weight:400;color:#596b65}
.design-polish .service-list a:hover{background:#edf1e980}
.design-polish .home-tax-note{margin:12px 0 23px;font-size:13px;color:#586b65}
.design-polish .international-door{margin-top:38px;padding:28px 30px;border:1px solid var(--dp-rule);border-radius:10px;background:#eef2e9}
.design-polish .international-door h2{font-size:26px;line-height:1.45;margin:8px 0 12px}
.design-polish .international-door p{max-width:590px;margin-bottom:0;line-height:1.85}
.design-polish .remote-note{margin-top:48px}
.design-polish .remote-note .hand-note{font-family:system-ui,"Malgun Gothic",sans-serif;font-size:13px;letter-spacing:.2px;color:#5b6b65}
.design-polish .home-contact{padding-top:30px}
.design-polish .international-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:42px;align-items:center}
.design-polish .international-intro h1{font-size:clamp(36px,4.2vw,56px);line-height:1.12;letter-spacing:-1.5px}
.design-polish .international-intro .lead{font-size:17px;line-height:1.8;margin-top:24px}
.design-polish .international-intro .hero-note{font-size:14px}
.design-polish .international-intro .hero-price{margin-top:24px}
.design-polish .international-intro .work-strip{margin-top:24px;gap:10px 20px}
@media(max-width:900px){
 .design-polish .home-intro{gap:28px}
 .design-polish .service-list a{grid-template-columns:22px minmax(130px,.8fr) minmax(160px,1fr) 140px 18px;gap:13px}
 .design-polish .international-intro{gap:28px}
}
@media(max-width:760px){
 .design-polish .home-intro{grid-template-columns:1fr;padding:28px 0 24px;gap:24px}
 .design-polish .home-intro h1{font-size:clamp(32px,8.6vw,43px);line-height:1.32;letter-spacing:-1px;margin:13px 0 18px}
 .design-polish .home-intro .intro-copy{font-size:15px;line-height:1.85;margin-bottom:20px}
 .design-polish .home-intro .hand-note{font-size:22px}
 .design-polish .home-intro .trust-line{margin-top:15px}
 .design-polish .hero-product img{border-radius:8px}
 .design-polish .hero-product figcaption{font-size:11px;margin-top:6px}
 .design-polish .journey-mini{padding:12px 0;margin-bottom:18px;gap:8px}
 .design-polish .journey-mini li{display:block;text-align:center;padding:5px 4px;font-size:13px;word-break:keep-all}
 .design-polish .journey-mini span{display:block;font-size:17px}
 .design-polish .service-list a{grid-template-columns:20px minmax(0,1fr) 22px;gap:8px 12px;padding:22px 0}
 .design-polish .service-list h3{grid-column:2;grid-row:1;font-size:22px!important}
 .design-polish .service-list p{grid-column:2;grid-row:2;font-size:14px;line-height:1.75}
 .design-polish .service-list .service-price{grid-column:2;grid-row:3;font-size:16px}
 .design-polish .service-list .service-price small{display:inline;margin-left:6px;font-size:12px}
 .design-polish .service-list .service-no{align-self:start;grid-column:1;grid-row:1}
 .design-polish .service-list .go{grid-column:3;grid-row:1/4}
 .design-polish .service-note h2{font-size:23px!important}
 .design-polish .international-door{padding:23px 21px;gap:20px;margin-top:29px}
 .design-polish .international-door h2{font-size:23px!important}
 .design-polish .remote-note{margin-top:35px}
 .design-polish .compare-disclosure>summary{padding:17px;gap:5px 12px;font-size:16px}
 .design-polish .compare-disclosure .comparison-content{padding:0 14px 18px}
 .design-polish .compare-disclosure .comparison-content h2{font-size:22px}
 .design-polish .international-intro{grid-template-columns:1fr;gap:25px;padding:36px 0 30px}
 .design-polish .international-intro h1{font-size:40px}
 .design-polish .international-intro .hero-product{max-width:540px}
}
@media(prefers-color-scheme:dark){
 .design-polish .compare-disclosure{background:var(--surface,#fffefb)}
}
@media(prefers-reduced-motion:reduce){.design-polish *{scroll-behavior:auto!important}}

/* 2026-09-28 사용자 요청: 개인 이름을 뺀 검토 안내, 칸 쪼개짐 해소. */
.design-polish .reviewer{display:block;min-width:0;padding:20px 22px}
.design-polish .reviewer>div{min-width:0}
.design-polish .reviewer :is(p,b){width:auto;max-width:100%;min-width:0;float:none;grid-column:auto;grid-row:auto;word-break:keep-all;overflow-wrap:anywhere}
.design-polish .reviewer :is(.reviewer-h,.rv-label){display:block;margin:0 0 8px;font-size:13px;line-height:1.6}
.design-polish .reviewer :is(.reviewer-name,.rv-name){display:block;margin:0 0 8px;font-size:16px;line-height:1.7}
.design-polish .reviewer p:not(.reviewer-h):not(.reviewer-name):not(.rv-label):not(.rv-name){margin:0;font-size:14px;line-height:1.85}
.design-polish .reviewer .rv-badge{display:none}
@media(max-width:600px){.design-polish .reviewer{padding:18px}.design-polish .reviewer :is(.reviewer-name,.rv-name){font-size:15px}}

/* 2026-09-29: 국내 서비스의 첫 화면과 브랜드 색상을 통일. */
.design-polish.domestic-service{--bg:#faf7ef;--surface:#fffefb;--surface-2:#edf1e9;--ink:#244e50;--ink-2:#526562;--ink-3:#65716a;--rule:#d8ded5;--rule-2:#e5e8df;--accent:#24565b;--accent-ink:#fff;--accent-soft:#e3ece7;--leaf:#24565b;--leaf-soft:#e3ece7;--hong:#a24d35;background:var(--bg);color:var(--ink)}
.design-polish.domestic-service .hero{gap:0;padding-top:44px;padding-bottom:34px}
.design-polish.domestic-service .hero>.eyebrow{font-family:Gaegu,"Malgun Gothic",sans-serif;font-size:24px;font-weight:400;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--hong);margin:0}
.design-polish.domestic-service .hero h1{font-family:system-ui,"Malgun Gothic",sans-serif;font-size:clamp(34px,4.05vw,53px);font-weight:600;line-height:1.3;letter-spacing:-1.8px;color:#244e50;margin:14px 0 21px;word-break:keep-all;overflow-wrap:break-word}
.design-polish.domestic-service .hero>p:not(.eyebrow):not(.price-chip):not(.trust-line):not(.fine){margin-top:0;margin-bottom:16px}
.design-polish.domestic-service .hero .hero-price{margin-top:10px;margin-bottom:18px}
.design-polish.domestic-service .hero :is(.actions,.cta-row){margin-top:0;margin-bottom:10px}
.design-polish.domestic-service :is(.btn.primary,.button:not(.secondary):not(.kakao)){background:#24565b;border-color:#24565b;color:white}
.design-polish.domestic-service :is(.btn.kakao,.button.kakao){background:#fee500;border-color:#fee500;color:#191919}
.design-polish.domestic-service .eyebrow:not(.hero>.eyebrow){color:var(--hong)}
.design-polish.domestic-service :is(.plan.featured,.card.featured){border-color:#c47756}
.design-polish.domestic-service :is(.reviewer,.promo){border-left-color:#c47756}
.design-polish.domestic-service .samples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){
 .design-polish.domestic-service .hero{padding-top:28px;padding-bottom:24px}
 .design-polish.domestic-service .hero>.eyebrow{font-size:22px}
 .design-polish.domestic-service .hero h1{font-size:clamp(32px,8.6vw,43px);line-height:1.32;letter-spacing:-1px;margin:13px 0 18px}
}
@media(max-width:520px){.design-polish.domestic-service .samples-grid{grid-template-columns:1fr}}

/* Simple Hong: shared symbol colours, restrained coral detail. */
.simple-hong{--navy:#24565b;--green:#24565b;--ink:#244e50;--muted:#526562;--paper:#faf7ef;--soft:#edf1e9;--rule:#d8ded5}
.simple-hong .eyebrow,.simple-hong .service-number{color:#a24d35}
.simple-hong .service-card{border-top:3px solid #c47756;background:#fffefb}
.simple-hong .hero-product{align-self:center}
.simple-hong .hero-note{line-height:1.7}
.simple-hong .service-card .clean-list{font-size:14px}
.simple-hong .service-card .text-link{margin-top:auto}

/* 2026-09-29 Fable fix5 — 아스트라 디자인 유지, 겹침·대비만 보수. */
/* B-03 domestic-service 는 라이트 팔레트 고정: 다크 전용 토큰·하드코딩 색이 섞이지 않게 같은 라이트 값으로 맞춘다. */
.design-polish.domestic-service{--leaf-ink:#fff;--warn-soft:#fff3d6;--warn-ink:#7a5200;--kakao:#fee500;--kakao-ink:#191919;--shadow:0 1px 0 rgba(20,20,20,.04),0 10px 28px -16px rgba(20,20,20,.25);color-scheme:light}
@media(prefers-color-scheme:dark){
 .design-polish.domestic-service{--muted:initial}
 .design-polish.domestic-service .contract-gift{background:#fff2bc;border-color:#dfcc87;color:#3b392c}
 .design-polish.domestic-service .privacy-consent{background:#f7faf7;color:#253f42;border-color:#c9d6d0}
 .design-polish.domestic-service .privacy-consent :is(details,summary,.transfer-note,legend){color:#253f42}
 .design-polish.domestic-service .privacy-consent .consent-help{color:#536362}
 .design-polish.domestic-service .submission-status{background:#edf5f0;color:#234b3e;border-color:#8caaa0}
 .design-polish.domestic-service .submission-status[data-state=error]{background:#fff1e8;color:#802b12;border-color:#d09d83}
 .design-polish.domestic-service .promo{background:#fff3d6;color:#7a5200}
 .design-polish.domestic-service .chk{color:#fff}
}
/* B-04 허브 서비스 번호 「04」가 두 줄로 쪼개지지 않게. */
@media(max-width:760px){
 .design-polish .service-list a{grid-template-columns:24px minmax(0,1fr) 22px}
 .design-polish .service-list .service-no{white-space:nowrap}
}
/* B-05 짙은 초록 띠(Korea Brief) 안의 소제목은 밝은 색. */
.design-polish .brief-band .eyebrow{color:#f6d2c4}
/* B-06 한국어 단어 중간 줄바꿈 방지. */
.design-polish.domestic-service :is(.hero>.eyebrow,.hero h1,.promo b,.promo span){word-break:keep-all;overflow-wrap:break-word}
/* B-07 본문 대비 AA. */
.design-polish .international-door p,.design-polish.domestic-service .project-calculator .fine{color:#526562}
/* B-06 휴대폰 첫 제목: 첫 구절이 한 단어만 남기지 않게 조금 줄인다(430px 이하). */
@media(max-width:430px){.design-polish.domestic-service .hero h1{font-size:clamp(28px,7.7vw,34px)}}
