/* 골목담아 서비스 약관 화면 (/terms · /privacy · /refund · /efin-terms) — 모바일 퍼스트, min-width 만 쓴다 */
.legal{padding-block:clamp(20px,4vw,44px) clamp(36px,6vw,72px);min-width:0}
.legal-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 clamp(18px,3vw,30px);min-width:0}
.legal-tabs a{display:inline-flex;align-items:center;min-height:44px;min-width:0;padding:0 15px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13px;font-weight:700;color:var(--mut)}
.legal-tabs a[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:#fff}
.legal-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(22px,4vw,40px);min-width:0}
.legal-doc{min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(20px,4vw,40px)}
.legal-head{padding-bottom:clamp(16px,3vw,26px);border-bottom:1px solid var(--line);margin-bottom:clamp(16px,3vw,26px)}
.legal-head .eyebrow{margin-bottom:10px;font-size:12px}
.legal-head h1{font-size:clamp(1.45rem,4.2vw,2.1rem);line-height:1.35;letter-spacing:-.02em;font-weight:700}
.legal-lead{margin-top:12px;font-size:clamp(14px,1.6vw,15.5px);line-height:1.85;color:var(--mut)}
.legal-meta{margin-top:12px;font-size:12px;color:var(--mut)}
.legal-sec{margin-top:clamp(18px,3vw,28px);min-width:0}
.legal-sec:first-of-type{margin-top:0}
.legal-sec h2{font-size:clamp(1rem,2vw,1.15rem);font-weight:700;letter-spacing:-.01em;margin:0 0 10px;color:var(--ink)}
.legal-sec p,.legal-sec li{font-size:clamp(14px,1.6vw,15px);line-height:1.9;color:#454A42;word-break:keep-all;overflow-wrap:anywhere}
.legal-sec p+p{margin-top:8px}
.legal-sec ul{margin:6px 0 0;padding:0 0 0 18px}
.legal-sec li+li{margin-top:5px}
.legal-side{min-width:0;display:grid;gap:16px;align-content:start}
.legal-co,.legal-other{background:#F7F3EA;border:1px solid #E9E1CF;border-radius:14px;padding:18px 20px;min-width:0}
.legal-side h2{font-size:13px;font-weight:700;color:var(--mut);letter-spacing:.04em;margin:0 0 10px}
.legal-co dl{margin:0;display:grid;gap:6px}
.legal-co dl>div{display:grid;grid-template-columns:minmax(0,1fr);gap:0 10px;min-width:0;font-size:13px;line-height:1.7}
.legal-co dt{color:var(--mut);font-size:12px}
.legal-co dd{margin:0;color:var(--ink);font-weight:600;min-width:0;overflow-wrap:anywhere}
.legal-co dd a{display:inline-flex;align-items:center;min-height:44px;color:var(--orange);font-weight:700;text-decoration:underline}
.legal-other a{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:44px;padding:4px 0;border-top:1px solid #E9E1CF;font-size:14px;font-weight:600;color:var(--ink)}
.legal-other a:first-of-type{border-top:0}
.legal-other a span{color:var(--orange)}
.legal-note{font-size:12px;line-height:1.8;color:var(--mut);padding:0 4px}
@media(min-width:640px){.legal-co dl>div{grid-template-columns:130px minmax(0,1fr)}}
@media(min-width:1024px){
 .legal-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start}
 .legal-side{position:sticky;top:100px}
 .legal-co dl>div{grid-template-columns:minmax(0,1fr)}
}
@media(min-width:1280px){.legal-grid{grid-template-columns:minmax(0,1fr) 360px}}