* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: #191712; background: #f5f3ed; font-family: "Thmanyah Serif Text", Tahoma, sans-serif; line-height: 1.85; }
.legal-header { color: #fff; background: linear-gradient(135deg,#080808,#241c0d); }
.legal-shell { width: min(880px, calc(100% - 30px)); margin-inline: auto; }
.legal-nav { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.legal-brand { display: flex; align-items: center; gap: 11px; color: #fff; text-decoration: none; }
.legal-brand img { width: 50px; height: 50px; object-fit: contain; border-radius: 11px; }
.legal-brand span { display: grid; line-height: 1.35; }
.legal-brand small { color: #d9bc75; }
.legal-nav > a:last-child { padding: 9px 13px; border: 1px solid #6a5932; border-radius: 10px; color: #f1d58f; text-decoration: none; }
.legal-hero { padding: 48px 0 54px; }
.legal-hero span { color: #d7b96d; font: 800 .8rem "Thmanyah Sans", sans-serif; }
.legal-hero h1 { max-width: 700px; margin: 8px 0 10px; font: 800 clamp(2rem,6vw,3.4rem)/1.2 "Thmanyah Serif Display",serif; }
.legal-hero p { max-width: 690px; margin: 0; color: #c6c0b5; }
.legal-main { margin-top: -24px; margin-bottom: 56px; padding: 30px; border: 1px solid #e0d7c5; border-radius: 22px; background: #fff; box-shadow: 0 18px 50px rgba(34,26,12,.08); }
.legal-main h2 { margin: 28px 0 8px; font-size: 1.35rem; }
.legal-main h2:first-child { margin-top: 0; }
.legal-main p,.legal-main li { color: #4f4a41; }
.legal-main ol,.legal-main ul { padding-right: 22px; }
.legal-main li { margin-bottom: 8px; }
.legal-note { padding: 14px 16px; border-right: 4px solid #bd913c; border-radius: 10px; background: #fbf6e9; }
.legal-meta { margin-top: 28px; padding-top: 18px; border-top: 1px solid #eee7da; color: #857c6c; font-size: .82rem; }
.legal-links { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 0 54px; }
.legal-links a { color: #694e1b; text-decoration: none; border-bottom: 1px solid #caaa62; }
@media (max-width: 600px) { .legal-nav { min-height: 68px; } .legal-brand strong { font-size: .88rem; } .legal-brand small { display: none; } .legal-main { padding: 22px 18px; } }