/* ==========================================================================
   STUDIO NAMU — LEGAL PAGES
   Extra styling used only by privacy.html and cancellation.html.
   Colours, fonts and sizes come from css/tokens.css — change them there.
   ========================================================================== */

/* the small "Back to the website" link in the header */
.back-link{ font-family:var(--font-mono),monospace; font-size:var(--fs-nav); letter-spacing:.04em; color:var(--ink-soft); text-decoration:none; }
.back-link:hover{ color:var(--accent); }

/* the policy text */
.legal{ max-width:72ch; }
.legal h1{ font-size:var(--fs-section-title); margin-bottom:8px; }
.legal h2{ font-size:var(--fs-card-title); margin:40px 0 10px; }
.legal p, .legal li{ color:var(--ink-soft); font-size:var(--fs-text-md); }
.legal ul{ padding-left:20px; }
.legal li{ margin-bottom:6px; }
.legal strong{ color:var(--ink); }
.legal-updated{ font-family:var(--font-mono),monospace; font-size:var(--fs-label-sm); color:var(--ink-soft); }
.lang-jump{ font-family:var(--font-mono),monospace; font-size:var(--fs-label-sm); }
.legal-es{ margin-top:72px; padding-top:48px; border-top:1px solid var(--line); }

/* [BRACKETED] details still to fill in — highlighted so they're easy to spot.
   Remove the highlight by deleting the <mark class="todo"> tags once filled. */
mark.todo{ background:#FFE9A8; color:#2A211B; padding:0 3px; border-radius:3px; }