/* Shared navigation via styles.css + pixel-headings.css; legal content uses legible system fonts. */
.legal-page { min-height:100vh; padding:0; background:#080e14; color:#f4f6fa; display:flex; flex-direction:column; font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.legal-header { background:#090e14; flex:none; border:0; }
.legal-page .site-header .nav-inner { max-width:1330px; }
.legal-page .nav-brand { align-self:center; }
.legal-page .nav-brand img { height:auto; }
.legal-page .main-nav a { color:#e2e5eb; text-decoration:none; }
.legal-page .main-nav a:hover,.legal-page .main-nav a:focus-visible { color:#ffdf00; }
.legal-page .legal-content { width:min(100% - 44px,860px); max-width:860px; margin:0 auto; padding:50px 0 76px; flex:1; }
.legal-eyebrow { color:#f6ce17; font-weight:750; letter-spacing:.14em; font-size:11px; }
.legal-page .legal-content h1 { font-size:clamp(29px,5vw,48px); letter-spacing:-.025em; line-height:1.2; margin:10px 0 32px; color:#fff; }
.legal-content section { margin:32px 0 0; scroll-margin-top:55px; }
.legal-content h2 { font-size:clamp(18px,2.5vw,23px); line-height:1.35; margin:0 0 13px; color:#fff; font-weight:760; }
.legal-page .legal-content p { font-size:15.5px; line-height:1.8; margin:0 0 16px; color:#c6ced7; overflow-wrap:anywhere; }
.legal-content strong { color:#e8eef6; }
.legal-content a { color:#ffdf1b; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.legal-content code { font-size:.92em; color:#f5d8a0; overflow-wrap:anywhere; }
.legal-address { display:flex; flex-direction:column; }
.legal-address span { display:block; }
.legal-bottom { border-top:1px solid rgba(255,255,255,.09); background:#070b11; }
.legal-bottom .content-width { width:min(100% - 44px,1040px); max-width:1040px; margin:auto; min-height:78px; padding:20px 0; display:flex; gap:18px; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.legal-bottom a { color:#c3ced8; text-decoration:none; font-size:14px; }
.legal-bottom a:hover { color:#ffdf1b; text-decoration:underline; }
.legal-content ul { list-style:disc; margin:0 0 18px; padding-left:22px; color:#c6ced7; line-height:1.8; }
.legal-content li { font-size:15.5px; padding-left:5px; margin:0 0 8px; overflow-wrap:anywhere; }
.legal-page .legal-contact-methods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:17px 0 24px; }
.legal-page a.legal-contact-method { display:flex; align-items:center; gap:13px; padding:15px 16px; background:#0d1822; border:1px solid rgba(255,255,255,.15); border-radius:12px; color:#e9eef5; text-decoration:none; min-width:0; transition:border-color .18s ease, background-color .18s ease, transform .18s ease; }
.legal-page a.legal-contact-method:hover,.legal-page a.legal-contact-method:focus-visible { background:#14222c; border-color:#e6c02a; transform:translateY(-1px); outline-offset:3px; }
.legal-page .legal-contact-icon-wrap { width:43px; height:43px; flex:0 0 43px; display:flex; align-items:center; justify-content:center; background:#111f2b; border-radius:10px; }
.legal-page .legal-contact-icon-wrap img { width:27px; height:27px; display:block; }
.legal-page .legal-contact-details { display:flex; flex-direction:column; gap:1px; min-width:0; }
.legal-page .legal-contact-label { color:#aebbc9; font-size:11px; font-weight:800; letter-spacing:.12em; line-height:1.5; }
.legal-page .legal-contact-value { color:#f4f6fa; font-size:14px; font-weight:650; line-height:1.5; overflow-wrap:anywhere; }
@media(max-width:690px){.legal-page .legal-contact-methods{grid-template-columns:1fr}}
@media(max-width:640px){.legal-page .legal-content {padding:35px 0 55px}.legal-page .legal-content p,.legal-content li{font-size:14px}.legal-page .main-nav{gap:10px}.legal-page .main-nav a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.legal-page a.legal-contact-method{transition:none}.legal-page a.legal-contact-method:hover,.legal-page a.legal-contact-method:focus-visible{transform:none}}
/* Allow the long German title to wrap on 320px phones. */
.legal-page .legal-content h1 { overflow-wrap:anywhere; hyphens:auto; }

/* V0.31: subordinate heading for RSS.com listener voicemail. */
.legal-content h3 { font-size: clamp(16px,2vw,19px); line-height:1.35; color:#ffdf00; margin:23px 0 12px; font-weight:730; }