/* ============================================================
   SERAYA COFFEE · Rechtliche Seiten
   ============================================================ */
.legal { max-width: 760px; margin: 0 auto; padding: 150px var(--gutter) 96px; }
.legal h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(40px, 5vw, 64px); margin: 16px 0 40px; }
.legal section { border-top: 1px solid var(--line); padding: 26px 0; }
.legal h2 { font-size: 12px; letter-spacing: .3em; text-transform: uppercase; color: var(--gold); font-weight: 500; margin-bottom: 10px; }
.legal p { color: var(--text); font-weight: 300; }
.legal a { text-decoration: underline; text-underline-offset: 3px; }
.legal a:hover { color: var(--gold); }
.legal__lead { font-size: 18px; color: var(--muted); font-weight: 300; margin: -16px 0 36px; }
.legal__notice { border: 1px solid rgba(255,179,138,.4); border-radius: 8px; padding: 16px 18px; margin-bottom: 32px; font-size: 14px; }
.ship-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 40px; }
.ship-cards div { border: 1px solid var(--line); border-radius: 10px; padding: 20px 16px; background: linear-gradient(160deg, rgba(227,189,110,.07), transparent); }
.ship-cards b { display: block; font-family: var(--serif); font-weight: 500; font-size: 24px; color: var(--gold); }
.ship-cards span { font-size: 12px; color: var(--muted); }
.legal strong { font-weight: 500; color: var(--gold-soft); }
@media (max-width: 700px) { .ship-cards { grid-template-columns: 1fr 1fr; } }
.legal ul { margin: 8px 0 12px 1.2em; color: var(--text); font-weight: 300; }
.legal li { margin: 4px 0; }
.legal section p + p { margin-top: 10px; }
.legal__toc { border: 1px solid var(--line); border-radius: 10px; padding: 18px 22px; margin-bottom: 20px; }
.legal__toc ol { margin: 0 0 0 1.2em; columns: 2; column-gap: 32px; font-size: 14px; }
.legal__toc a { text-decoration: none; color: var(--muted); }
.legal__stand { color: var(--muted); font-size: 13px; margin-top: 24px; }
@media (max-width: 700px) { .legal__toc ol { columns: 1; } }