/* Shared styles for the standalone legal pages (privacy.html, terms.html).
   Brand tokens (colors, fonts) come from the inline tailwind.config on each
   page; this file holds the custom component + prose rules they share. */

html { scroll-behavior: smooth; }
body { background:#fafaf7; color:#0a0a0a; font-family:'Inter',sans-serif; -webkit-font-smoothing:antialiased; }
::selection { background:#2bc9c4; color:#0a0a0a; }

.display-tight { font-weight:800; letter-spacing:-0.035em; line-height:0.95; }
.eyebrow { font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:0.2em; color:#0a0a0a; }
.meta { font-size:11px; font-weight:500; text-transform:uppercase; letter-spacing:0.18em; color:#a4a5a6; }
.eopen { display:inline-flex; align-items:center; gap:14px; }
.eopen .rule { height:1px; width:38px; background:#2bc9c4; display:inline-block; }
.text-turq { color:#2bc9c4 !important; }
.underline-link { background-image:linear-gradient(#0a0a0a,#0a0a0a); background-size:0% 1px; background-repeat:no-repeat; background-position:0 100%; transition:background-size .4s ease; padding-bottom:2px; }
.underline-link:hover { background-size:100% 1px; }
a:focus-visible, button:focus-visible { outline:2px solid #2bc9c4; outline-offset:3px; }

/* legal prose */
.prose h2 { font-size:15px; font-weight:800; letter-spacing:-0.01em; margin-top:2.75rem; margin-bottom:0.9rem; }
.prose h2 .n { color:#2bc9c4; font-variant-numeric:tabular-nums; margin-right:0.6rem; }
.prose h3 { font-size:14px; font-weight:700; margin-top:1.6rem; margin-bottom:0.5rem; }
.prose p { color:rgba(10,10,10,0.72); font-size:15px; line-height:1.75; margin-bottom:1rem; }
.prose ul { list-style:none; margin:0 0 1.1rem 0; padding:0; }
.prose li { color:rgba(10,10,10,0.72); font-size:15px; line-height:1.7; padding-left:1.4rem; position:relative; margin-bottom:0.55rem; }
.prose li::before { content:"»"; position:absolute; left:0; color:#2bc9c4; font-weight:800; }
.prose a { color:#0a0a0a; text-decoration:underline; text-underline-offset:2px; }
.prose strong { font-weight:700; color:#0a0a0a; }
.prose .cap { text-transform:uppercase; font-size:13px; letter-spacing:0.02em; }