/* Inner pages (guides, legal, guarantee): the refined type and soft surfaces over the existing Tailwind markup.
   Loads after output.css and refined.css; selectors are scoped to body.refined-page so the homepage is untouched. */
.refined-page { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; color: var(--ink); -webkit-font-smoothing: antialiased; }
.refined-page .site-header { position: fixed; }
.refined-page main :is(h1, h2, h3) { font-weight: 650; letter-spacing: -0.035em; text-wrap: balance; }
.refined-page main h1 { letter-spacing: -0.04em; }
.refined-page main p { text-wrap: pretty; }
/* No uppercase, letter-spaced micro-labels anywhere */
.refined-page main .uppercase { text-transform: none; letter-spacing: normal; font-size: .9rem; }
.refined-page main :is(.text-neutral-500, .text-neutral-600) { color: var(--muted); }
/* No hairline dividers: spacing carries the sections */
.refined-page main .border-t { border-top-color: transparent; }
/* Current page in the header */
.site-header .nav a[aria-current="page"] { color: var(--ink); }
.site-header .nav a[aria-current="page"]::after { transform: scaleX(1); }
.mobile-nav a[aria-current="page"] { background: var(--soft); }
/* Outlined cards become soft fills (tinted surfaces, no hairline borders) */
.refined-page main :is(.rounded-2xl, .rounded-xl).border { border-color: transparent; background-color: var(--soft); }
.refined-page main :is(.rounded-2xl, .rounded-xl).border :is(.rounded-xl, .rounded-lg).border { background-color: #fff; border-color: transparent; }
.refined-page main :is(.rounded-2xl, .rounded-xl).border:hover { box-shadow: 0 18px 36px -22px rgba(17,17,17,.35); }
.refined-page main a:not([class]) { color: var(--teal-ink); text-underline-offset: 3px; }
/* Guide call-to-action boxes: a dark night-sky panel (the class had no styles before, so white text sat on white) */
.refined-page .dark-section { background: var(--night) url('/images/refined/starfield-study.webp') center / cover no-repeat; box-shadow: 0 30px 60px -36px rgba(0,0,0,.6); }
.refined-page .dark-section a:not([class]) { color: #fff; }