/* Shared editorial surface; no polling, scripts, remote fonts or images. */
.home-page .landing-hero h1 { font-size:clamp(2.4rem,6.1vw,5.5rem); line-height:1.1; max-width:100%; }
.home-page .landing-hero h1 em { display:inline-block; font-size:.78em; letter-spacing:.035em; }
.c9-compare-home, .c9-feature-page { --compare-gold:#e2ba79; --compare-muted:#b5ad9f; --compare-line:#443825; color:#eee5d6; font-size:1rem; line-height:1.65; }
.c9-compare-home { padding-top:72px; padding-bottom:72px; }
.c9-compare-home *, .c9-feature-page * { box-sizing:border-box; }
.c9-compare-intro { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:32px; margin-bottom:28px; }
.c9-eyebrow { color:var(--compare-gold); font:600 .875rem/1.5 "C9Nav",sans-serif; letter-spacing:.1em; margin:0 0 12px; }
.c9-compare-intro h2, .c9-feature-header h1 { font:400 clamp(2rem,4vw,3.5rem)/1.15 "C9DiabloUI","C9Serif",serif; margin:0; color:#f2e5cf; }
.c9-compare-intro h2 em { color:var(--compare-gold); font-family:"C9Serif",serif; font-size:.62em; }
.c9-compare-intro p:last-child, .c9-feature-header > p { color:var(--compare-muted); max-width:64ch; margin:0; }
.c9-comparison-head, .c9-comparison-row { display:grid; grid-template-columns:1fr 1.1fr 1.65fr; }
.c9-comparison-head { background:#17130d; border:1px solid var(--compare-line); font:600 .875rem/1.5 "C9Nav",sans-serif; color:var(--compare-muted); }
.c9-comparison-head span { padding:14px 20px; }
.c9-comparison-head span:last-child { color:var(--compare-gold); }
.c9-comparison-row { background:#0d0c0b; border:1px solid var(--compare-line); border-top:0; }
.c9-comparison-row h3 { font:600 1.0625rem/1.5 "C9Serif",serif; margin:0; padding:20px; align-self:center; }
.c9-comparison-row h3 a { color:#f0e4ce; text-decoration:none; }
.c9-comparison-row h3 a span { color:var(--compare-gold); }
.c9-comparison-row p { margin:0; }
.c9-comparison-row .c9-before { color:var(--compare-muted); padding:20px; }
.c9-comparison-row .c9-after { background:#1b1710; padding:20px; border-left:1px solid var(--compare-line); }
.c9-after small { display:block; color:#c4af8c; font-size:.875rem; margin-top:6px; }
.c9-mobile-label { display:none; }
.c9-comparison-footer { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:24px; }
.c9-comparison-footer p { font-size:.875rem; color:var(--compare-muted); max-width:64ch; margin:0; }
.c9-link-button { display:inline-flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 18px; border:1px solid #927246; color:#f0d4a4!important; text-decoration:none; font:600 .875rem/1.5 "C9Nav",sans-serif; flex-shrink:0; }
.c9-link-button:hover { background:#282015; border-color:var(--compare-gold); }
.c9-compare-home a:focus-visible, .c9-feature-page a:focus-visible, .c9-feature-page summary:focus-visible { outline:2px solid #f0bf70; outline-offset:5px; }
.c9-feature-header { border-bottom:1px solid var(--compare-line); padding:24px 0 32px; }
.c9-feature-header > p { margin-top:18px; font-size:1.125rem; }
.c9-review-note { display:flex; flex-wrap:wrap; gap:10px 24px; margin-top:20px; color:var(--compare-muted); font-size:.875rem; }
.c9-feature-layout { display:grid; grid-template-columns:210px minmax(0,1fr); gap:40px; margin-top:32px; align-items:start; }
.c9-feature-nav { position:sticky; top:110px; display:grid; gap:4px; }
.c9-feature-nav a { color:#d5c5ab; padding:10px 12px; text-decoration:none; font-size:.9375rem; border-left:2px solid var(--compare-line); }
.c9-feature-nav a:hover { color:#fff1db; border-color:var(--compare-gold); background:#1b1710; }
.c9-feature-group { margin:0 0 44px; scroll-margin-top:120px; }
.c9-feature-group h2, .c9-feature-roadmap h2, .c9-feature-guides h2 { font:400 clamp(1.5rem,2.6vw,2rem)/1.25 "C9Serif",serif; margin:0 0 18px; color:#efd8b0; }
.c9-feature-group-heading { display:flex; align-items:baseline; gap:14px; border-bottom:1px solid var(--compare-line); margin-bottom:16px; }
.c9-feature-group-heading > span { font:400 1.25rem "C9Serif",serif; color:#c39b60; }
.c9-feature-item { background:#100e0c; border:1px solid var(--compare-line); margin-bottom:12px; padding:20px 24px; scroll-margin-top:120px; }
.c9-feature-item header { display:flex; gap:12px; align-items:baseline; justify-content:space-between; flex-wrap:wrap; }
.c9-feature-item h3 { margin:0; color:#f5ead9; font:600 1.25rem/1.4 "C9Serif",serif; }
.c9-status { font:600 .8125rem/1.5 "C9Nav",sans-serif; color:#b9d1a7; white-space:nowrap; }
.c9-status-beta { color:#e4c18c; }
.c9-feature-scope { color:var(--compare-muted); font-size:.875rem; margin:4px 0 16px; }
.c9-feature-diff { margin:0; display:grid; grid-template-columns:1fr 1.45fr; gap:24px; }
.c9-feature-diff > div { min-width:0; }
.c9-feature-diff dt { font:600 .875rem/1.5 "C9Nav",sans-serif; color:var(--compare-muted); margin-bottom:6px; }
.c9-feature-diff dd { margin:0; color:#c0b8ac; }
.c9-feature-diff > div:last-child { padding-left:20px; border-left:2px solid #785f39; }
.c9-feature-diff > div:last-child dt { color:var(--compare-gold); }
.c9-feature-diff > div:last-child dd { color:#f0e4d1; }
.c9-feature-item details { margin-top:18px; border-top:1px solid #342c20; padding-top:12px; }
.c9-feature-item summary { cursor:pointer; color:var(--compare-gold); font-size:.9375rem; width:fit-content; }
.c9-feature-item details p { margin:12px 0; max-width:75ch; color:#d6cebf; }
.c9-feature-item details a, .c9-feature-guides a, .c9-feature-roadmap a { color:#efc989; text-underline-offset:3px; }
.c9-feature-item:target { border-color:var(--compare-gold); }
.c9-feature-guides, .c9-feature-roadmap { border-top:1px solid var(--compare-line); margin:36px 0 0; padding-top:30px; scroll-margin-top:120px; }
.c9-guide-links { display:flex; flex-wrap:wrap; gap:12px 24px; }
.c9-roadmap-note { color:var(--compare-muted); }
.c9-roadmap-list { padding:0; list-style:none; margin:24px 0; }
.c9-roadmap-list li { border-left:2px solid #756045; padding:0 0 24px 20px; margin:0; }
.c9-roadmap-list li:last-child { padding-bottom:0; }
.c9-roadmap-list small { color:#d8b680; font:600 .875rem/1.5 "C9Nav",sans-serif; }
.c9-roadmap-list h3 { font:600 1.125rem/1.5 "C9Serif",serif; margin:4px 0; }
.c9-roadmap-list p { margin:0; color:#c5bcad; max-width:72ch; }
.c9-feature-sources { font-size:.875rem; color:var(--compare-muted); padding:20px 0; }
.c9-feature-sources a { color:#d9bb8b; }
@media(max-width:900px) {
  .c9-compare-intro { grid-template-columns:1fr; gap:16px; }
  .c9-comparison-footer { align-items:flex-start; flex-direction:column; }
  .c9-feature-layout { grid-template-columns:1fr; gap:24px; }
  .c9-feature-nav { position:static; display:flex; flex-wrap:wrap; }
}
@media(max-width:640px) {
  .c9-compare-home { padding-top:44px; padding-bottom:44px; }
  .c9-comparison-head { display:none; }
  .c9-comparison-row { grid-template-columns:1fr; border-top:1px solid var(--compare-line); margin-bottom:14px; }
  .c9-comparison-row h3 { padding:16px 18px 0; }
  .c9-comparison-row .c9-before, .c9-comparison-row .c9-after { padding:12px 18px; border-left:0; }
  .c9-mobile-label { display:block; font:600 .875rem/1.5 "C9Nav",sans-serif; margin-bottom:4px; color:#d7b27b; }
  .c9-feature-item { padding:18px; }
  .c9-feature-diff { grid-template-columns:1fr; gap:14px; }
  .c9-feature-diff > div:last-child { padding-left:14px; }
  .c9-link-button { width:100%; flex-shrink:1; }
}