/* Privacy and terms (inc/legal-pages.php, Paul's document of 4 Nov 2026): a teal band with the title, then one readable
   column of numbered sections. Loaded on those two pages only. */
.sd-legal-hero{padding:48px 0 40px;background:#0e4b4f;color:#fff}
.sd-legal-eyebrow{margin:0 0 10px;color:#b4de54;font-size:14px;font-weight:500;letter-spacing:.12em}
.sd-legal-hero h1{margin:0;color:#fff;font-size:clamp(32px,5vw,52px);font-weight:600;line-height:1.15}
.sd-legal-alt{margin:10px 0 0;color:#cfe2dc;font-size:17px}
.sd-legal-updated{margin:10px 0 0;color:#cfe2dc;font-size:14px;line-height:1.6}
.sd-legal-body{max-width:880px;padding-block:36px 64px}
.sd-legal-note{margin:0 0 8px;padding:18px 22px;border-radius:16px;background:#eef5e6;color:#0b2e2d}
.sd-legal-note.is-warn{background:#fbe9df}
.sd-legal-note strong{display:block;margin-bottom:4px;font-weight:600}
.sd-legal-note p{margin:0;line-height:1.7}
.sd-legal-section{padding:22px 0;border-top:1px solid #dfe6df}
.sd-legal-section h2{margin:0 0 10px;font-size:20px;font-weight:600;line-height:1.35}
.sd-legal-section p,.sd-legal-section li{font-size:16px;line-height:1.75}
.sd-legal-section p{margin:0}
.sd-legal-section ul{margin:0;padding-left:22px}
.sd-legal-section li+li{margin-top:4px}
.sd-legal-section a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.sd-legal-section .sd-legal-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0 14px;padding:0;list-style:none}
.sd-legal-prices li{display:grid;gap:4px;margin:0;padding:14px;border-radius:14px;background:#f1f4f2;text-align:center}
.sd-legal-prices span{color:#627371;font-size:14px}
.sd-legal-prices strong{font-size:22px;font-weight:600}
.sd-legal-links{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 0;padding-top:22px;border-top:1px solid #dfe6df}
.sd-legal-links a{color:#0e4b4f;font-weight:500}
html[data-theme=dark] .sd-legal-note{background:#173c3a;color:#e7f3ee}
html[data-theme=dark] .sd-legal-note.is-warn{background:#3a2a24}
html[data-theme=dark] .sd-legal-section,html[data-theme=dark] .sd-legal-links{border-color:rgba(247,247,242,.14)}
html[data-theme=dark] .sd-legal-prices li{background:#173c3a}
html[data-theme=dark] .sd-legal-prices span{color:#a9c2bb}
html[data-theme=dark] .sd-legal-links a{color:#b4de54}
@media (max-width:540px){
  .sd-legal-hero{padding:32px 0 28px}
  .sd-legal-section .sd-legal-prices{gap:8px}
  .sd-legal-prices li{padding:12px 6px}
  .sd-legal-prices strong{font-size:18px}
}