/* ============================================================
   Bermuda National Shipwreck Archive — Design System
   Global entry point. Consumers link THIS file only.
   Keep this file as @import lines only.
   ============================================================ */
@import url('./tokens/fonts.css');
@import url('./tokens/colors.css');
@import url('./tokens/typography.css');
@import url('./tokens/spacing.css');
@import url('./tokens/elevation.css');

/* ------------------------------------------------------------
   .prose — rich text authored in the Record Editor (account fields).
   Inline HTML is allowed: p, h2-h4, strong, em, a, ul/ol, blockquote.
   ------------------------------------------------------------ */
.prose > *:first-child{margin-top:0}
.prose > *:last-child{margin-bottom:0}
.prose p{margin:0 0 1em}
.prose h1,.prose h2,.prose h3,.prose h4{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-0.02em;line-height:1.15;margin:1.6em 0 .5em;text-wrap:balance}
.prose h1{font-size:1.5em;font-weight:700}
.prose h2{font-size:1.3em;font-weight:700}
.prose h3{font-size:1.1em;font-weight:700}
.prose h4{font-size:.95em;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--meta-ink)}
.prose strong,.prose b{font-weight:700}
.prose em,.prose i{font-style:italic}
.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.prose a:hover{text-decoration-thickness:2px}
.prose ul,.prose ol{margin:0 0 1em;padding-left:1.3em}
.prose li{margin:0 0 .35em}
.prose blockquote{margin:1.2em 0;padding-left:1em;border-left:2px solid var(--accent);font-style:italic}
.prose hr{border:none;border-top:1px solid rgba(10,31,60,.15);margin:2em 0}
.surface-deep .prose h1,.surface-deep .prose h2,.surface-deep .prose h3{color:var(--sand-50)}
.surface-deep .prose hr{border-top-color:rgba(232,224,212,.2)}