/* Local Media Empire — legal pages
   Deliberately plain: one column of readable text, brand header, nothing else. */
:root {
    --ink: #0A1633;
    --body: #3E4A63;
    --muted: #6B7794;
    --line: #E3E8F2;
    --blue: #0B5CFF;
    --paper: #FFFFFF;
    --shell: #F5F7FC;
    --navy: #0A1633;
    --display: "Bricolage Grotesque", "Geist", system-ui, sans-serif;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
    margin: 0;
    background: var(--shell);
    color: var(--body);
    font-family: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 16.5px;
    line-height: 1.75;
    -webkit-font-smoothing: antialiased;
}

/* header */
.lg-top { background: var(--navy); padding: 22px 0; }
.lg-top .wrap { display: flex; align-items: center; justify-content: center; }
.lg-logo { display: block; width: 210px; height: auto; }

/* page body */
.wrap { width: 100%; max-width: 860px; margin: 0 auto; padding: 0 20px; }
main { padding: 46px 0 64px; }
.lg-card { padding: 44px 48px 48px; border-radius: 18px; background: var(--paper); box-shadow: 0 18px 44px -32px rgba(10, 22, 51, .5), inset 0 0 0 1px var(--line); }

h1 { margin: 0; color: var(--ink); font-family: var(--display); font-size: clamp(28px, 4.4vw, 40px); font-weight: 800; line-height: 1.15; letter-spacing: -.03em; }
.lg-rule { margin: 22px 0 30px; height: 1px; border: 0; background: var(--line); }

h2 { margin: 34px 0 10px; color: var(--ink); font-family: var(--display); font-size: clamp(19px, 2.4vw, 23px); font-weight: 800; letter-spacing: -.02em; line-height: 1.3; }
h2:first-of-type { margin-top: 0; }
p { margin: 0 0 14px; }
ul { margin: 0 0 16px; padding-left: 22px; }
li { margin-bottom: 8px; }
strong, b { color: var(--ink); font-weight: 700; }
a { color: var(--blue); text-decoration: underline; text-underline-offset: 2px; }
a:hover { color: #0846C6; }

.lg-note { margin: 26px 0 0; padding: 16px 18px; border-radius: 12px; background: #F4F7FD; color: var(--ink); font-size: 15.5px; box-shadow: inset 0 0 0 1px var(--line); }

/* footer */
.lg-foot { padding: 30px 0 46px; text-align: center; }
.lg-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 0; margin: 0 0 14px; }
.lg-links a { position: relative; padding: 0 16px; color: var(--ink); font-size: 14.5px; font-weight: 600; text-decoration: none; }
.lg-links a:hover { color: var(--blue); text-decoration: underline; }
.lg-links a + a::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 13px; background: var(--line); transform: translateY(-50%); }
.lg-links a[aria-current="page"] { color: var(--muted); }
.lg-copy { margin: 0; color: var(--muted); font-size: 13.5px; }

@media (max-width: 767.98px) {
    body { font-size: 16px; }
    .lg-card { padding: 28px 20px 32px; border-radius: 14px; }
    main { padding: 30px 0 40px; }
    .lg-logo { width: 176px; }
    .lg-links a { padding: 0 11px; font-size: 13.5px; }
}
