/* Ulix Knowledge — shared editorial styles */
.knowledge-page {
  --k-bg: #0F0E0C;
  --k-panel: #171512;
  --k-panel-2: #1C1915;
  --k-ink: #F4EFE6;
  --k-muted: rgba(244,239,230,.68);
  --k-subtle: rgba(244,239,230,.48);
  --k-rule: rgba(244,239,230,.12);
  --k-gold: #E5B83A;
  --k-sans: Geist, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --k-serif: "Newsreader", Georgia, serif;
  background: var(--k-bg);
  color: var(--k-ink);
}

.knowledge-page a { color: inherit; }
.knowledge-page .site-header { background: rgba(15,14,12,.94); border-bottom-color: var(--k-rule); }
.knowledge-page .site-footer { background: var(--k-bg); border-top-color: var(--k-rule); }
.knowledge-page .site-nav__link { color: rgba(244,239,230,.72); }
.knowledge-page .site-nav__link:hover { color: var(--k-ink); }

.knowledge-shell { width: min(1120px, calc(100% - 40px)); margin: 0 auto; padding: 72px 0 110px; }
.knowledge-home-hero { max-width: 820px; padding: 24px 0 54px; }
.knowledge-kicker { margin: 0 0 18px; font: 600 11px/1 var(--k-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--k-gold); }
.knowledge-home-hero h1,
.article-header h1 { margin: 0; font-family: var(--k-serif); font-weight: 300; letter-spacing: -.035em; color: var(--k-ink); }
.knowledge-home-hero h1 { font-size: clamp(48px, 7vw, 86px); line-height: .98; }
.knowledge-home-hero p { max-width: 700px; margin: 24px 0 0; font: 400 19px/1.55 var(--k-sans); color: var(--k-muted); }

.knowledge-rule { height: 1px; background: var(--k-rule); margin: 0 0 48px; }
.knowledge-section { margin-top: 56px; }
.knowledge-section__head { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.knowledge-section__head h2 { margin: 0; font: 400 28px/1.1 var(--k-serif); color: var(--k-ink); }
.knowledge-section__head p { margin: 0; font: 400 13px/1.4 var(--k-sans); color: var(--k-subtle); }

.knowledge-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.knowledge-card { display: block; min-height: 215px; padding: 28px; border: 1px solid var(--k-rule); border-radius: 18px; background: var(--k-panel); text-decoration: none; transition: transform .16s ease, border-color .16s ease, background .16s ease; }
.knowledge-card:hover { transform: translateY(-2px); border-color: rgba(229,184,58,.38); background: var(--k-panel-2); }
.knowledge-card__meta { display: flex; gap: 9px; flex-wrap: wrap; margin-bottom: 24px; font: 600 10px/1.2 var(--k-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--k-subtle); }
.knowledge-card__meta span:first-child { color: var(--k-gold); }
.knowledge-card h3 { margin: 0; max-width: 540px; font: 400 29px/1.06 var(--k-serif); letter-spacing: -.02em; color: var(--k-ink); }
.knowledge-card p { margin: 16px 0 0; max-width: 560px; font: 400 14px/1.55 var(--k-sans); color: var(--k-muted); }

.editorial-note { margin-top: 70px; padding: 28px; border: 1px solid var(--k-rule); border-radius: 18px; background: rgba(255,255,255,.025); }
.editorial-note h2 { margin: 0 0 14px; font: 400 26px/1.1 var(--k-serif); }
.editorial-note > p { margin: 0; max-width: 820px; font: 400 14px/1.6 var(--k-sans); color: var(--k-muted); }
.editor-list { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; margin-top: 24px; }
.editor { padding-top: 14px; border-top: 1px solid var(--k-rule); }
.editor strong { display: block; font: 600 13px/1.2 var(--k-sans); color: var(--k-ink); }
.editor span { display: block; margin-top: 7px; font: 400 12px/1.45 var(--k-sans); color: var(--k-subtle); }

.article-shell { width: min(920px, calc(100% - 40px)); margin: 0 auto; padding: 68px 0 110px; }
.article-breadcrumbs { margin: 0 0 42px; font: 500 12px/1.4 var(--k-sans); color: var(--k-subtle); }
.article-breadcrumbs a { text-decoration: none; }
.article-breadcrumbs a:hover { color: var(--k-ink); }
.article-header { max-width: 850px; padding-bottom: 40px; border-bottom: 1px solid var(--k-rule); }
.article-header__meta { margin-bottom: 18px; font: 600 11px/1.35 var(--k-sans); letter-spacing: .13em; text-transform: uppercase; color: var(--k-gold); }
.article-header h1 { font-size: clamp(43px, 6vw, 70px); line-height: .98; }
.article-deck { max-width: 760px; margin: 24px 0 0; font: 400 19px/1.55 var(--k-sans); color: var(--k-muted); }
.article-byline { margin: 23px 0 0; font: 500 12px/1.4 var(--k-sans); color: var(--k-subtle); }

.article-body { max-width: 740px; margin: 48px auto 0; font: 400 18px/1.72 var(--k-serif); color: rgba(244,239,230,.9); }
.article-body > p:first-child { font-size: 22px; line-height: 1.58; color: var(--k-ink); }
.article-body h2 { margin: 50px 0 17px; font: 400 34px/1.08 var(--k-serif); letter-spacing: -.02em; color: var(--k-ink); }
.article-body h3 { margin: 34px 0 12px; font: 600 16px/1.25 var(--k-sans); color: var(--k-ink); }
.article-body p { margin: 0 0 22px; }
.article-body ul,
.article-body ol { margin: 0 0 26px; padding-left: 25px; }
.article-body li { margin: 8px 0; padding-left: 5px; }
.article-body a { color: #F0C85A; text-underline-offset: 3px; }
.article-body strong { color: var(--k-ink); font-weight: 600; }
.article-body blockquote { margin: 34px 0; padding: 4px 0 4px 22px; border-left: 2px solid var(--k-gold); color: var(--k-muted); font-style: italic; }

.compare-table-wrap { overflow-x: auto; margin: 30px 0 34px; }
.compare-table { width: 100%; border-collapse: collapse; font: 400 14px/1.45 var(--k-sans); }
.compare-table th,
.compare-table td { padding: 14px 15px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--k-rule); }
.compare-table th { color: var(--k-ink); font-weight: 600; }
.compare-table td { color: var(--k-muted); }

.product-note { margin: 46px 0 10px; padding: 26px 28px; border: 1px solid rgba(229,184,58,.25); border-radius: 16px; background: rgba(229,184,58,.055); }
.product-note__label { margin: 0 0 10px; font: 600 10px/1 var(--k-sans); letter-spacing: .15em; text-transform: uppercase; color: var(--k-gold); }
.product-note h2 { margin: 0 0 12px; font-size: 28px; }
.product-note p:last-child { margin-bottom: 0; }

.related { max-width: 740px; margin: 58px auto 0; padding-top: 26px; border-top: 1px solid var(--k-rule); }
.related h2 { margin: 0 0 18px; font: 600 11px/1 var(--k-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--k-subtle); }
.related a { display: block; padding: 12px 0; text-decoration: none; font: 400 20px/1.25 var(--k-serif); border-bottom: 1px solid rgba(244,239,230,.07); }
.related a:hover { color: #F0C85A; }

@media (max-width: 760px) {
  .knowledge-shell, .article-shell { width: min(100% - 28px, 920px); padding-top: 48px; }
  .knowledge-grid { grid-template-columns: 1fr; }
  .knowledge-card { min-height: 0; }
  .editor-list { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .article-body { font-size: 17px; }
}

@media (max-width: 480px) {
  .editor-list { grid-template-columns: 1fr; }
  .knowledge-card { padding: 23px; }
  .knowledge-card h3 { font-size: 26px; }
}