/* === Calm Pack v1.0 (optional) ===
   Goal: improve readability & comfort without changing structure or adding UI widgets.
   How to use: add <link rel="stylesheet" href="calm.css"> AFTER styles.css on legal pages.
*/

:root{
  --calm-heading: clamp(22px, 2.2vw, 28px);
  --calm-sub: clamp(18px, 1.8vw, 22px);
  --calm-text: clamp(15px, 1.4vw, 18px);
  --calm-muted: 0.78;
}

/* Base text rhythm */
.doc-main{ line-height: 1.72; }
.section-card p,
.section-card li{ font-size: var(--calm-text); }

/* Headings spacing & weight */
.section-card h2{ margin-top: 2.2rem; margin-bottom: .8rem; font-size: var(--calm-heading); letter-spacing: .2px; }
.section-card h3{ margin-top: 1.6rem; margin-bottom: .5rem; font-size: var(--calm-sub); }
.section-card .muted{ opacity: var(--calm-muted); }

/* Softer cards */
.section-card{
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 8px 28px rgba(0,0,0,.05);
}

/* Lists: better scanability */
.section-card ul{ margin: .6rem 0 .9rem 1.2rem; }
.section-card li{ margin: .25rem 0; }
.section-card li::marker{ font-size: 1.1em; }

/* Gentle motion (keeps existing pop-in but makes it shorter & calmer) */
.pop-in{ transform: translateY(6px); opacity: .001; transition: transform 160ms ease, opacity 160ms ease; }
.pop-in.in{ transform: none; opacity: 1; }

/* Respect prefers-reduced-motion remains handled by base styles */

.doc-main {
  padding-bottom: 100px;
}

.section-card .muted {
  color: rgba(0,0,0,0.65);
}
html.dark .section-card .muted {
  color: rgba(255,255,255,0.7);
}