/* IndyKarveli.com · Fulltilt sister skin (sister 1.0)
   Loaded after built/screen.css. Dark (default): white and gold on black with a soft warm glow.
   Light: black and gold on cream. Inter Tight Black Italic headlines, everything rounded, no heavy lines, pill forms.
   Remove the sister.css link in default.hbs to get the original look back. */

@font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/inter-tight-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/inter-tight-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/inter-tight-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/inter-tight-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/inter-tight-latin-800-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 900; font-display: swap; src: url("../fonts/inter-tight-latin-900-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter Tight"; font-style: italic; font-weight: 800; font-display: swap; src: url("../fonts/inter-tight-latin-800-italic.woff2") format("woff2"); }
@font-face { font-family: "Inter Tight"; font-style: italic; font-weight: 900; font-display: swap; src: url("../fonts/inter-tight-latin-900-italic.woff2") format("woff2"); }

/* ---------- tokens ---------- */
html body.ik-dark {
  --sx-bg: #000000; --sx-card: #111111; --sx-card-2: #1A1A1A; --sx-line: #232323;
  --sx-ink: #FFFFFF; --sx-ink-2: #C9C4BA; --sx-mut: #8E887E;
  --sx-gold: #D6B25E; --sx-btn: #D6B25E; --sx-btn-ink: #000000; --sx-glow: #2E2617;
  --paper-cream: #000000; --bg: #000000; --paper-shade: #111111; --paper: #111111;
  --hairline: #232323; --line: #232323;
  background: #000000 !important;
}
html body.ik-light {
  --sx-bg: #F5F0E4; --sx-card: #FFFDF7; --sx-card-2: #ECE5D5; --sx-line: #E0D8C6;
  --sx-ink: #111111; --sx-ink-2: #3A3A35; --sx-mut: #5E5E58;
  --sx-gold: #B38A2C; --sx-btn: #111111; --sx-btn-ink: #FFFDF7; --sx-glow: #EADBB4;
}
html body { font-family: "Inter Tight", Inter, system-ui, sans-serif !important; }
html body p, html body li, html body input, html body button, html body a { font-family: inherit; }
html body.ik-dark, html body.ik-light {
  background-image:
    radial-gradient(900px 640px at 82% -160px, color-mix(in srgb, var(--sx-glow) 95%, transparent), transparent 70%),
    radial-gradient(700px 520px at -12% 30%, color-mix(in srgb, var(--sx-glow) 40%, transparent), transparent 70%) !important;
  background-repeat: no-repeat !important;
}
::selection { background: var(--sx-gold); color: #000; }

/* ---------- headlines: Inter Tight Black Italic ---------- */
html body h1, html body h2, html body .ikh-nl-h1, html body .ikx-h, html body .ak-band-h, html body .post-title,
html body .page-title-lg, html body .ak-h1, html body .ak-h2, html body .about-name, html body .legal-title,
html body .ct-h, html body .bk-headline, html body .welcome-title, html body .sa-headline, html body .bk-section-title {
  font-family: "Inter Tight", Inter, sans-serif !important; font-weight: 900 !important; font-style: italic !important;
  letter-spacing: -0.035em !important; text-transform: none !important; color: var(--sx-ink);
}
html body .post-content h2, html body .gh-content h2 { font-size: clamp(1.7rem, 1.2rem + 1.4vw, 2.3rem) !important; letter-spacing: -0.03em !important; }
html body h3, html body .ikx-p-t, html body .ikx-g-t, html body .ikx-l-t { font-family: "Inter Tight", Inter, sans-serif !important; letter-spacing: -0.015em; }
html body em, html body .ak-band-h em { color: var(--sx-gold); }

/* ---------- header: logo and pills ---------- */
html body .site-header { background: color-mix(in srgb, var(--sx-bg) 82%, transparent) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--sx-line) !important; }
html body .header-logo { font-family: "Inter Tight", Inter, sans-serif !important; font-weight: 900 !important; font-style: italic; font-size: 1.3rem !important; letter-spacing: -0.03em !important; text-transform: none !important; color: var(--sx-ink) !important; }
html body .header-nav a, html body .nav-dd-btn { font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; font-size: .95rem !important; }
html body .btn-subscribe, html body .btn-newsletter, html body .mnav-cta {
  border-radius: 999px !important; border: 0 !important; background: var(--sx-btn) !important; color: var(--sx-btn-ink) !important;
  letter-spacing: -0.01em !important; text-transform: none !important; font-weight: 800 !important; font-size: .95rem !important;
}
html body .nav-dd-menu { border-radius: 18px !important; }

/* ---------- buttons and forms: pills ---------- */
html body .ak-btn, html body .ikh-form button, html body .ak-form button, html body .post-capture-btn, html body button[type="submit"] {
  border-radius: 999px !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important;
}
html body .ikh-form button, html body .ak-form button, html body .post-capture-btn, html body .ak-btn:not(.ak-btn--ghost) {
  background: var(--sx-btn) !important; color: var(--sx-btn-ink) !important; border: 0 !important;
  box-shadow: 0 14px 34px -16px color-mix(in srgb, var(--sx-gold) 70%, transparent) !important;
}
html body .ikh-form input, html body .ak-form input, html body .post-capture input {
  border-radius: 999px !important; background: var(--sx-card) !important; border: 1px solid var(--sx-line) !important; color: var(--sx-ink) !important;
}
html body.ik-dark .ak-btn--ghost { color: var(--sx-ink) !important; box-shadow: inset 0 0 0 1.5px var(--sx-line) !important; background: var(--sx-card) !important; }
html body.ik-dark .ak-btn--ghost:hover { background: var(--sx-card-2) !important; color: var(--sx-ink) !important; }

/* ---------- homepage hero ---------- */
html body .ikh-eyebrow { color: var(--sx-gold) !important; letter-spacing: .16em !important; font-weight: 800 !important; }
html body .ikh-eyebrow::before { content: "/ "; }
html body .ikh-nl-h1 { font-size: clamp(3.4rem, 1.6rem + 6vw, 7.6rem) !important; line-height: .86 !important; letter-spacing: -0.045em !important; }
html body .ikh-nl-lead { color: var(--sx-ink-2) !important; font-size: clamp(1.1rem, 1rem + .5vw, 1.4rem) !important; }
html body .ikm-glow { background: radial-gradient(closest-side, color-mix(in srgb, var(--sx-gold) 40%, transparent), transparent) !important; }
@media (prefers-reduced-motion: no-preference) {
  html body .ikh-nl-h1, html body .ikh-eyebrow, html body .ikh-nl-lead, html body .ikh-form { animation: sxRise .9s cubic-bezier(.2,.8,.2,1) both; }
  html body .ikh-eyebrow { animation-delay: 0s; } html body .ikh-nl-h1 { animation-delay: .08s; }
  html body .ikh-nl-lead { animation-delay: .18s; } html body .ikh-form { animation-delay: .26s; }
  @keyframes sxRise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
}

/* ---------- the gold topics band ---------- */
.sx-ticker { position: relative; z-index: 2; overflow: hidden; margin: clamp(8px, 2vw, 24px) -2vw clamp(40px, 6vw, 80px); transform: rotate(-2deg); background: var(--sx-gold); color: #000000; padding: 14px 0; }
.sx-ticker-in { display: flex; width: max-content; gap: 28px; align-items: center; white-space: nowrap; animation: sxTick 38s linear infinite; }
.sx-ticker span { font-family: "Inter Tight", Inter, sans-serif; font-weight: 900; font-style: italic; font-size: clamp(1.4rem, 1rem + 1.5vw, 2.3rem); letter-spacing: -0.035em; line-height: 1; }
.sx-ticker i { font-style: normal; font-weight: 900; opacity: .45; font-size: clamp(1.2rem, 1rem + 1vw, 1.9rem); }
@keyframes sxTick { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .sx-ticker-in { animation: none; } }

/* ---------- homepage sections ---------- */
html body .ikx-head { border-bottom: 0 !important; align-items: baseline; }
html body .ikx-h { font-size: clamp(2rem, 1.4rem + 2vw, 3rem) !important; line-height: .95 !important; }
html body .ikx-more { color: var(--sx-gold) !important; font-weight: 700 !important; }
html body .ikx-picks, html body .ikx-guides { display: grid !important; gap: 12px !important; list-style: none; border: 0 !important; }
html body .ikx-picks li, html body .ikx-guides li, html body .ikx-latest li { border: 0 !important; }
html body .ikx-picks li > a, html body .ikx-guides li > a {
  display: flex !important; flex-direction: column; gap: 6px; padding: 22px 24px !important; border-radius: 22px !important;
  background: var(--sx-card) !important; border: 1px solid var(--sx-line) !important; transition: transform .2s ease, border-color .2s ease;
}
html body .ikx-picks li > a:hover, html body .ikx-guides li > a:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--sx-gold) 55%, var(--sx-line)) !important; }
html body .ikx-picks li:first-child > a { background: var(--sx-btn) !important; border-color: transparent !important; }
html body .ikx-picks li:first-child > a .ikx-p-t, html body .ikx-picks li:first-child > a .ikx-p-d { color: var(--sx-btn-ink) !important; }
html body .ikx-p-t { font-size: 1.3rem !important; font-weight: 800 !important; }
html body .ikx-latest li > a { padding: 16px 4px !important; border-bottom: 1px solid var(--sx-line) !important; }
html body .ikx-topics a, html body .topic-chip, html body .ikx-topics span { border-radius: 999px !important; }
html body .ikx-quiz { border-radius: 26px !important; border: 1px solid var(--sx-line) !important; background: var(--sx-card) !important; padding: 26px 28px !important; }

/* ---------- signup band and post CTA ---------- */
html body .post-cta { border-radius: 32px !important; }
html body .ak-band-h { font-size: clamp(2.2rem, 1.4rem + 2.6vw, 3.6rem) !important; line-height: .95 !important; }
html body .gold-rule { background: var(--sx-gold) !important; border-radius: 3px; }

/* ---------- cards, images, boxes: rounded ---------- */
html body .book-card, html body .post-nav-link, html body .ak-card, html body .modal-card, html body .post-feature-image img,
html body .gh-content img, html body .kg-card, html body .bk-card { border-radius: 22px; }
html body .post-tag { border-radius: 999px !important; }
html body .gh-content blockquote { border-left: 0 !important; border-radius: 22px; background: var(--sx-card); padding: 22px 26px !important; font-family: "Inter Tight", Inter, sans-serif; font-weight: 800; font-style: italic; letter-spacing: -0.02em; }
html body .post-content > p:first-of-type::first-letter, html body .gh-content > p:first-of-type::first-letter { font-family: "Inter Tight", Inter, sans-serif !important; font-weight: 900 !important; font-style: italic; color: var(--sx-gold) !important; }

/* ---------- footer ---------- */
html body .site-footer, html body footer.site-foot { border-top: 1px solid var(--sx-line) !important; background: transparent !important; }

/* auto-fix pass */
a.ak-lead-card{background:#141414!important;border-color:#262626!important;box-shadow:none!important}
div.ak-links-card{background:#141414!important;border-color:#262626!important;box-shadow:none!important}
div.welcome-gift{background:#141414!important;border-color:#262626!important;box-shadow:none!important}
section.bk-inside{background:#141414!important;border-color:#262626!important;box-shadow:none!important}
section.mid-cta{background:#141414!important;border-color:#262626!important;box-shadow:none!important}
span.ak-status{background:#141414!important;border-color:#262626!important;box-shadow:none!important}
span.ak-status.ak-status--soon{background:#141414!important;border-color:#262626!important;box-shadow:none!important}

/* auto-fix pass */
.ak-note a{color:#FFFFFF!important}
.ak-note em{color:#C8C8C8!important}
.bk-curriculum h3{color:#FFFFFF!important}
.bk-curriculum p{color:#C8C8C8!important}
.mid-cta-inner em{color:#C8C8C8!important}
.mid-cta-inner h2{color:#FFFFFF!important}
.mid-cta-inner p{color:#C8C8C8!important}
.mid-cta-links a{color:#FFFFFF!important}
.welcome-gift-title em{color:#C8C8C8!important}
a.bk-inline-link{color:#FFFFFF!important}
h2.bk-section-title{color:#FFFFFF!important}
h2.welcome-gift-title{color:#FFFFFF!important}
p.ak-links-t{color:#C8C8C8!important}
p.ak-note{color:#C8C8C8!important}
p.bk-section-intro{color:#C8C8C8!important}
p.bk-section-outro{color:#C8C8C8!important}
p.welcome-gift-desc{color:#C8C8C8!important}
p.welcome-gift-label{color:#C8C8C8!important}
span.ak-eyebrow{color:#C8C8C8!important}
span.ak-lead-d{color:#C8C8C8!important}
span.ak-lead-t{color:#C8C8C8!important}
span.ak-more{color:#C8C8C8!important}
span.ak-status.ak-status--soon{color:#C8C8C8!important}
span.ak-status{color:#C8C8C8!important}

/* every gold call to action, one look */
html body .ct-btn, html body .sa-submit, html body .btn-subscribe-lg, html body .ak-lead-card .ak-btn { border-radius: 999px !important; background: var(--sx-btn) !important; color: var(--sx-btn-ink) !important; border: 0 !important; }

/* bigger page headlines */
html body .page-title-lg, html body .ak-h1, html body .about-name, html body .legal-title, html body .ct-h, html body .bk-headline, html body .welcome-title, html body .post-title {
  font-size: clamp(2.6rem, 1.5rem + 3.6vw, 5rem) !important; line-height: .92 !important; letter-spacing: -0.045em !important;
}
html body .ak-h2, html body .bk-section-title, html body .ak-band-h, html body .mid-cta-inner h2 { font-size: clamp(2rem, 1.3rem + 2.2vw, 3.2rem) !important; line-height: .95 !important; }

/* book cover on black: dark cover, white title, gold author */
html body.ik-dark .bk-cover { background: #161616 !important; box-shadow: 0 40px 80px -30px rgba(0,0,0,.9), 0 0 0 1px rgba(214,178,94,.22) !important; }
html body.ik-dark .bk-cover-title { color: #FFFFFF !important; }
html body.ik-dark .bk-cover-author, html body.ik-dark .bk-cover-top { color: #D6B25E !important; }
/* no heavy lines */
html body .bk-hero { border-bottom: 1px solid var(--sx-line) !important; }
html body .bk-author { border-top: 1px solid var(--sx-line) !important; }
html body .post-cta h3, html body .post-cta-inner h3 { font-family: "Inter Tight", Inter, sans-serif !important; font-weight: 900 !important; font-style: italic !important; letter-spacing: -0.035em !important; }