/*
 * Landing skin for pages still written with Tailwind utilities.
 * Loaded after landing-ui.css: maps the old palette, type and components
 * (cards, buttons, FAQ, dark CTA band) onto the landing design system.
 */
body.nb-skin { background: var(--paper) !important; color: var(--ink); font-family: var(--sans); }
body.nb-skin .bg-grid-pattern { display: none !important; }
body.nb-skin .hero-wash { background: radial-gradient(ellipse 70% 55% at 18% 42%, rgba(255,217,61,.32), transparent 62%), radial-gradient(ellipse 50% 45% at 92% 28%, rgba(255,217,61,.14), transparent 58%) !important; }

/* Type */
body.nb-skin h1:not(.h1) { font-weight: 700 !important; letter-spacing: -0.045em; line-height: 1.02; }
body.nb-skin h2:not(.h2) { font-weight: 700 !important; letter-spacing: -0.035em; line-height: 1.08; }
body.nb-skin h3 { letter-spacing: -0.015em; }
body.nb-skin h1 .text-transparent, body.nb-skin h2 .text-transparent,
body.nb-skin h1 .bg-clip-text, body.nb-skin h2 .bg-clip-text,
body.nb-skin h1 .text-gradient, body.nb-skin h2 .text-gradient {
  background: none !important; -webkit-text-fill-color: currentColor; color: var(--ink) !important;
  font-family: var(--serif); font-style: italic; font-weight: 400; letter-spacing: -0.02em; font-size: 1.06em;
}
body.nb-skin h1 .text-transparent, body.nb-skin h1 .bg-clip-text, body.nb-skin h1 .text-gradient {
  background: linear-gradient(transparent 74%, var(--yellow) 74%, var(--yellow) 94%, transparent 94%) !important;
  -webkit-background-clip: border-box !important; background-clip: border-box !important; padding: 0 .06em;
}
body.nb-skin .bg-nb-dark h1 .text-transparent, body.nb-skin .bg-nb-dark h2 .text-transparent { color: #fff !important; }

/* Neutral palette: cool slate -> warm landing neutrals */
body.nb-skin .text-slate-400 { color: #9A978E !important; }
body.nb-skin .text-slate-500, body.nb-skin .text-slate-600 { color: var(--muted) !important; }
body.nb-skin .text-slate-700, body.nb-skin .text-slate-800 { color: var(--ink-2) !important; }
body.nb-skin .text-slate-900 { color: var(--ink) !important; }
body.nb-skin .bg-slate-50, body.nb-skin .bg-nb-light, body.nb-skin .bg-nb-cream { background-color: var(--paper) !important; }
body.nb-skin .bg-slate-100 { background-color: #EFECE4 !important; }
body.nb-skin .border-slate-100, body.nb-skin .border-slate-200, body.nb-skin .border-slate-300,
body.nb-skin [class*="border-nb-yellow/"] { border-color: var(--line) !important; }
body.nb-skin .text-nb-orange, body.nb-skin .text-orange-600, body.nb-skin .text-orange-500 { color: #8A6400 !important; }
body.nb-skin [class*="hover:text-nb-orange"]:hover { color: var(--ink) !important; }
body.nb-skin [class*="hover:border-nb-orange"]:hover { border-color: var(--ink) !important; }

/* Cards */
body.nb-skin .rounded-2xl.border, body.nb-skin .rounded-3xl.border, body.nb-skin .rounded-xl.border { border-color: var(--line) !important; }
body.nb-skin .rounded-2xl, body.nb-skin .rounded-3xl { border-radius: var(--radius) !important; }
body.nb-skin a.rounded-2xl.border, body.nb-skin article.rounded-2xl.border { transition: border-color .2s, transform .2s, box-shadow .2s; }
body.nb-skin a.rounded-2xl.border:hover { border-color: var(--ink) !important; transform: translateY(-2px); box-shadow: 0 18px 40px -28px rgba(10,10,10,.4); }
body.nb-skin .glass-panel { background: rgba(255,255,255,.8) !important; border-color: var(--line) !important; }
body.nb-skin .shadow-glow, body.nb-skin .shadow-lg, body.nb-skin .shadow-xl { box-shadow: 0 18px 40px -26px rgba(10,10,10,.35) !important; }

/* Buttons and icon tiles: orange gradient -> landing yellow */
body.nb-skin [class*="from-nb-orange"][class*="to-nb-yellow"]:not(.bg-clip-text),
body.nb-skin [class*="from-nb-yellow"][class*="to-nb-orange"]:not(.bg-clip-text) { background: var(--yellow) !important; color: var(--ink) !important; }
body.nb-skin [class*="from-nb-orange"][class*="to-nb-yellow"] .text-white,
body.nb-skin [class*="from-nb-orange"][class*="to-nb-yellow"].text-white { color: var(--ink) !important; }
body.nb-skin a.rounded-full[class*="px-"][class*="py-"] { font-weight: 600; letter-spacing: -0.005em; }
body.nb-skin a.rounded-full.bg-nb-dark, body.nb-skin a.rounded-full.bg-white { transition: transform .18s, background .18s, box-shadow .18s; }
body.nb-skin a.rounded-full:hover { transform: translateY(-1px); }

/* FAQ (details) */
body.nb-skin details { border-color: var(--line) !important; }
body.nb-skin details summary { letter-spacing: -0.01em; }

/* Dark CTA band -> landing yellow "final" block */
body.nb-skin section:has(> .absolute.inset-0.bg-nb-dark) { padding: 40px 0 !important; background: none !important; }
body.nb-skin section:has(> .absolute.inset-0.bg-nb-dark) > .absolute { display: none !important; }
body.nb-skin section:has(> .absolute.inset-0.bg-nb-dark) > div.relative {
  background: var(--yellow); border-radius: 32px; padding: 80px 32px !important; max-width: calc(var(--max) - 48px) !important;
}
body.nb-skin section:has(> .absolute.inset-0.bg-nb-dark) h2 { color: var(--ink) !important; font-size: clamp(2.1rem, 4.6vw, 3.6rem) !important; line-height: 1.02; }
body.nb-skin section:has(> .absolute.inset-0.bg-nb-dark) p,
body.nb-skin section:has(> .absolute.inset-0.bg-nb-dark) .text-slate-300,
body.nb-skin section:has(> .absolute.inset-0.bg-nb-dark) .text-slate-400 { color: rgba(10,10,10,.7) !important; }
body.nb-skin section:has(> .absolute.inset-0.bg-nb-dark) a.text-white { color: var(--ink) !important; }
body.nb-skin section:has(> .absolute.inset-0.bg-nb-dark) a[class*="from-nb-orange"] { background: var(--ink) !important; color: #fff !important; box-shadow: none !important; }
body.nb-skin section:has(> .absolute.inset-0.bg-nb-dark) a[class*="bg-white/10"] { background: #fff !important; color: var(--ink) !important; border-color: rgba(10,10,10,.12) !important; }
@media (max-width: 640px) { body.nb-skin section:has(> .absolute.inset-0.bg-nb-dark) > div.relative { margin: 0 16px; padding: 56px 20px !important; } }

/* Links in body copy */
body.nb-skin .decoration-nb-yellow { text-decoration-color: var(--yellow) !important; text-decoration-thickness: 2px; text-underline-offset: 3px; }
body.nb-skin .prose-alt a, body.nb-skin article a:not([class]) { text-decoration: underline; text-decoration-color: var(--yellow); text-decoration-thickness: 2px; text-underline-offset: 3px; }

/* Restore list markers the landing reset removes */
body.nb-skin ul.list-disc { list-style: disc; padding-left: 1.25rem; }
body.nb-skin ol.list-decimal { list-style: decimal; padding-left: 1.25rem; }

/* Content clears the fixed landing header */
body.nb-skin > main:first-of-type:not([class*="pt-"]) { padding-top: 88px; }

/* Gradient text utilities defined per page (.text-gradient, .text-gradient-gemini…) */
body.nb-skin [class*="text-gradient"] { background: none !important; -webkit-text-fill-color: currentColor !important; color: var(--ink) !important; }
body.nb-skin h1 [class*="text-gradient"] {
  font-family: var(--serif); font-style: italic; font-weight: 400; letter-spacing: -0.02em;
  background: linear-gradient(transparent 74%, var(--yellow) 74%, var(--yellow) 94%, transparent 94%) !important;
  -webkit-background-clip: border-box !important; background-clip: border-box !important;
}
body.nb-skin h1 .block[class*="text-gradient"] { display: inline; }

/* App-style pages with a fixed full-height sidebar sit under the landing header */
body.nb-skin aside.fixed.h-screen { top: 68px; height: calc(100vh - 68px); }
body.nb-skin aside.fixed.h-screen + * , body.nb-skin main.lg\:ml-64 { padding-top: 68px; }

/* Landing headings are sentence case */
body.nb-skin h1.uppercase, body.nb-skin h1 .uppercase, body.nb-skin h2.uppercase { text-transform: none !important; }