/* 공통 법률 문서 탐색과 조항 */
.legal-page{
 padding-block:clamp(2rem,5vw,4.5rem) clamp(3rem,6vw,5rem);
}
.legal-masthead{
 padding:clamp(1.25rem,4vw,3rem);
 border:1px solid var(--line);
 border-radius:12px;
 background:linear-gradient(140deg,var(--surface-2),var(--surface));
}
.legal-masthead h1{
 margin-block:.7rem 1rem;
 max-width:24ch;
 font-size:clamp(1.75rem,4.5vw,3.4rem);
 overflow-wrap:anywhere;
}
.legal-meta{
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:.5rem 1rem;
 color:var(--muted);
 font-size:.875rem;
}
.legal-draft{
 border:1px solid var(--line);
 border-radius:999px;
 padding:.25rem .7rem;
 color:var(--gold);
}
.legal-documents{
 margin-block:1rem clamp(1.5rem,4vw,2.75rem);
}
.legal-documents ul{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:.5rem;
 margin:0;
}
.legal-documents a{
 display:flex;
 align-items:center;
 min-height:44px;
 height:100%;
 padding:.65rem .85rem;
 border:1px solid var(--line);
 border-radius:6px;
 color:var(--muted);
 font-size:.875rem;
 overflow-wrap:anywhere;
}
.legal-documents a[aria-current="page"]{
 color:var(--gold);
 border-color:var(--gold-dark);
 background:var(--surface);
}
.legal-documents a:hover,.legal-sidebar a:hover,.legal-support a:hover{
 color:var(--gold);
}
.legal-layout{
 display:grid;
 grid-template-columns:minmax(12rem,1fr) minmax(0,3fr);
 gap:clamp(1rem,3vw,2.5rem);
 align-items:start;
}
.legal-sidebar{
 position:sticky;
 top:1rem;
 min-width:0;
 border:1px solid var(--line);
 border-radius:8px;
 background:var(--surface);
}
.legal-sidebar summary{
 padding:.75rem 1rem;
 color:var(--text);
 font-weight:650;
 cursor:pointer;
}
.legal-sidebar details[open] summary{border-bottom:1px solid var(--line)}
.legal-sidebar ol{
 max-height:clamp(10rem,calc(100dvh - 8rem),38rem);
 overflow:auto;
 margin:0;
 padding:.5rem;
 list-style:none;
}
.legal-sidebar a{
 display:grid;
 grid-template-columns:2.1ch minmax(0,1fr);
 gap:.5rem;
 padding:.45rem .55rem;
 color:var(--muted);
 font-size:.875rem;
 line-height:1.45;
 overflow-wrap:anywhere;
}
.legal-sidebar a span,.legal-clause h2 span{color:var(--gold)}
.legal-document{
 min-width:0;
 padding-inline:clamp(1rem,3.5vw,3rem);
 border:1px solid var(--line);
 border-radius:8px;
 background:var(--surface);
 overflow-wrap:anywhere;
}
.legal-clause,.legal-support{
 padding-block:clamp(1.2rem,3vw,2.1rem);
}
.legal-clause+.legal-clause,.legal-support{
 border-top:1px solid var(--line);
}
.legal-clause h2,.legal-support h2{
 font-size:clamp(1.1rem,2.4vw,1.45rem);
 line-height:1.3;
}
.legal-clause h2{
 display:grid;
 grid-template-columns:2.2ch minmax(0,1fr);
 gap:.55rem;
}
.legal-clause p,.legal-support p,.legal-support address{
 max-width:74ch;
 margin-top:.75rem;
 font-size:1rem;
 line-height:1.75;
}
.legal-support address{
 color:var(--muted);
 font-style:normal;
}
.legal-support p:first-child{margin-top:0}
.legal-support section{margin-top:1.4rem}
.legal-support a{
 text-decoration:underline;
 text-underline-offset:.18em;
}
.legal-clause:target h2{color:var(--gold)}
@media(max-width:800px){
 .legal-layout{grid-template-columns:minmax(0,1fr)}
 .legal-sidebar{position:static}
 .legal-sidebar ol{max-height:10rem}
 .legal-documents ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* 메인 사이트 팔레트를 문서 탐색에 이어 적용 */
.legal-masthead{border-color:#494134;background:linear-gradient(135deg,#28261e,#1a1e1b 66%,#171b19)}
.legal-masthead h1{color:var(--text)}
.legal-documents a[aria-current="page"]{background:#25251d}