/* 인테리어코치 — 의도 랜딩(가이드) 공통 스타일 */
:root{
  --paper:#FFFFFF;--paper2:#F7F5F0;--ink:#17130E;--body:#4A443C;--muted:#8A8378;
  --line:#E4DFD5;--line2:#CFC8BA;
  --brass:#FFC400;--brassline:#D9A200;--brasstext:#856400;--brasssoft:#FBF3DC;
  --dark:#14100D;--dark2:#2A2118;--darkink:#F5EFE4;--darkmuted:#A99E8C;
  --ok:#1E7A44;--crit:#B03A2A;
  --sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",system-ui,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  color-scheme:light;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--paper)}
body{color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
.wrap{max-width:820px;margin:0 auto;padding:0 32px}
@media(max-width:600px){.wrap{padding:0 20px}}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}

/* 네비 */
nav.top{border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}
nav.top .nwrap{max-width:1180px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:66px}
@media(max-width:600px){nav.top .nwrap{padding:0 20px}}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-.03em}
.logo .mk{width:13px;height:13px;background:var(--brass);display:block}
nav.top .go{font-size:14px;font-weight:700;border-bottom:2px solid var(--brass);padding-bottom:2px}

/* 브레드크럼 */
.bc{font-size:12.5px;color:var(--muted);padding:22px 0 0}
.bc a:hover{color:var(--ink)}
.bc span{margin:0 7px;color:var(--line2)}

/* 헤더 */
header.pg{padding:26px 0 0}
header.pg .label{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--brasstext);font-weight:700;margin-bottom:16px}
header.pg h1{font-size:clamp(27px,4.4vw,40px);line-height:1.24;letter-spacing:-.035em;font-weight:800}

/* 직답 박스 — 답변엔진 추출 대상 */
.answer{border-left:4px solid var(--brass);background:var(--brasssoft);padding:22px 26px;margin:28px 0 8px}
.answer .a1{font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.5}
.answer .a2{font-size:15px;color:var(--body);margin-top:10px}
.updated{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-bottom:38px}

/* 본문 */
section.blk{padding:0 0 44px}
section.blk h2{font-size:23px;letter-spacing:-.03em;font-weight:800;margin:16px 0 14px;padding-top:22px;border-top:1px solid var(--line)}
section.blk h3{font-size:17px;font-weight:700;letter-spacing:-.02em;margin:24px 0 8px}
section.blk p{font-size:16px;color:var(--body);margin-bottom:14px}
section.blk p b,section.blk li b{color:var(--ink);font-weight:700}
section.blk ul,section.blk ol{margin:0 0 16px 0;padding-left:0;list-style:none}
section.blk li{font-size:15.5px;color:var(--body);padding-left:22px;position:relative;margin-bottom:9px}
section.blk li::before{content:"—";position:absolute;left:0;color:var(--brassline);font-weight:700}

/* 표 — 엔진이 구조화된 사실로 파싱 */
table{width:100%;border-collapse:collapse;margin:6px 0 20px;font-size:15px}
th,td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top;color:var(--body)}
th{background:var(--paper2);color:var(--ink);font-weight:700;font-size:13.5px;letter-spacing:-.01em}
td b{color:var(--ink)}
td.no{color:var(--crit);font-weight:700}
td.yes{color:var(--ok);font-weight:700}
caption{caption-side:bottom;text-align:left;font-size:12px;color:var(--muted);padding-top:8px}

/* 출처/기준 */
.src{font-size:12.5px;color:var(--muted);border-top:1px dashed var(--line2);padding-top:12px;margin-bottom:26px}

/* FAQ */
.faq dt{font-size:16.5px;font-weight:800;letter-spacing:-.02em;margin:20px 0 7px}
.faq dt::before{content:"Q. ";color:var(--brasstext)}
.faq dd{font-size:15.5px;color:var(--body);margin:0 0 4px}

/* CTA */
.cta{border:1px solid var(--line);background:var(--paper2);padding:32px 30px;margin:8px 0 60px}
.cta h2{font-size:21px;font-weight:800;letter-spacing:-.03em;border:none;padding:0;margin:0 0 10px}
.cta p{font-size:15px;color:var(--body);margin-bottom:20px}
.cta a.btn{display:inline-block;background:var(--brass);color:var(--dark);font-weight:800;font-size:16px;padding:15px 30px;transition:.15s}
.cta a.btn:hover{background:var(--brassline)}
.cta .sub{font-size:12.5px;color:var(--muted);margin-top:12px}

/* 관련 문서 */
.rel{border-top:1px solid var(--line);padding-top:22px;margin-bottom:44px}
.rel .rl{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:14px}
.rel a{display:block;font-size:15.5px;font-weight:700;letter-spacing:-.02em;padding:9px 0;border-bottom:1px solid var(--line)}
.rel a:hover{color:var(--brasstext)}
.rel a::after{content:" →";color:var(--brassline)}

footer{border-top:1px solid var(--line);padding:26px 0 54px;font-size:12.5px;color:var(--muted);line-height:1.8}
footer b{color:var(--body)}
footer .lg{font-size:11.5px;margin-top:10px;color:var(--muted)}