.legal-hero { padding: 64px 0; background: #171717; color: #fff; }
.legal-hero h1 { font: 700 clamp(32px,4vw,54px)/1.15 'Outfit',sans-serif; letter-spacing: -.03em; }
.legal-hero p { margin-top: 20px; max-width: 700px; color: #d4d4d4; line-height: 1.8; }
.legal-hero .legal-date { font-size: 12px; color: #aaa; }
.legal-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: clamp(32px,6vw,88px); align-items: start; }
.legal-nav { position: sticky; top: 112px; display: flex; flex-direction: column; border-top: 1px solid #deded9; }
.legal-nav a { padding: 16px 0; border-bottom: 1px solid #deded9; font-size: 13px; }
.legal-nav [aria-current] { color: #d71920; font-weight: 700; }
.legal-copy { max-width: 800px; min-width: 0; }
.legal-copy article + article { margin-top: 36px; padding-top: 32px; border-top: 1px solid #e7e7e3; }
.legal-copy h2 { font: 600 clamp(23px,2vw,29px)/1.3 'Outfit',sans-serif; margin-bottom: 16px; }
.legal-copy p { margin: 14px 0; font-size: 14px; line-height: 1.9; color: #52525b; }
.legal-copy a:not(.refine-button) { text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal-table-wrap { overflow-x: auto; }
.legal-copy table { width: 100%; font-size: 13px; line-height: 1.8; border-collapse: collapse; }
.legal-copy caption { text-align: left; padding: 0 0 12px; font-weight: 600; }
.legal-copy td, .legal-copy th { padding: 14px; border: 1px solid #deded9; vertical-align: top; text-align: left; overflow-wrap: anywhere; }
.legal-copy th { background: #f5f5f2; }
#tercihler { scroll-margin-top: 110px; }
@media(max-width:767px){.legal-hero{padding:48px 0}.legal-layout{grid-template-columns:1fr;gap:32px}.legal-nav{position:static}.legal-copy p{font-size:14px}.legal-copy td,.legal-copy th{padding:8px;font-size:11px}}
