/* Legal pages (privacy.html, terms.html) - extends site.css */
.logo{display:inline-flex;align-items:center;gap:10px}.logo img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.legal{max-width:760px;margin:0 auto;padding:44px 20px 70px;font-size:17px;line-height:1.65}
.legal .dh h1{font-size:clamp(32px,6vw,46px);margin-bottom:6px}
.legal .meta{color:var(--mu);margin:0 0 20px}
.legal h2{font-size:clamp(22px,3.4vw,26px);margin:40px 0 10px;scroll-margin-top:80px}
.legal h3{font:700 18px var(--h);margin:22px 0 6px}
.legal p,.legal ul,.legal ol{margin:0 0 14px}.legal ul,.legal ol{padding-inline-start:22px}.legal li{margin-bottom:6px}
.legal a{color:var(--tx);text-decoration-color:var(--a);text-underline-offset:3px}.legal a:hover{color:var(--lk)}
.legal .summary,.legal .toc,.legal .notice{background:var(--soft);border:1px solid var(--ln);border-radius:14px;padding:18px 22px;margin:24px 0}
.legal .summary h2,.legal .notice h2{margin-top:0;font-size:20px}.legal .toc h2{margin-top:0;font-size:19px}
.legal .notice{border-inline-start:5px solid var(--a)}.legal .notice p:last-child{margin-bottom:0}
.legal .toc ol{margin:0;columns:2;column-gap:28px}
.legal .table-wrap{overflow-x:auto;margin:0 0 14px}
.legal table{border-collapse:collapse;width:100%;min-width:560px;font-size:16px}
.legal th,.legal td{text-align:start;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--ln)}
.legal th{border-bottom:2px solid var(--ln)}
@media(max-width:560px){.legal .toc ol{columns:1}}