/* Shared neutral skin. Home and legacy shells retain their own presentation. */
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) {
  --ax-font:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;
  --lite-bg:#fff; --lite-card:#f5f5f7; --lite-text:#1d1d1f; --lite-muted:#6e6e73; --lite-link:#0066cc; --lite-line:#d2d2d7;
  --h-bg:var(--lite-bg); --h-surface:var(--lite-card); --h-elevated:var(--lite-bg);
  --h-text:var(--lite-text); --h-muted:var(--lite-muted); --h-line:var(--lite-line);
  --h-gold:var(--lite-link); --h-gold-bright:var(--lite-link); --h-gold-line:var(--lite-line);
  --h-nav:var(--lite-bg); --h-ink:var(--lite-text); --h-mark:var(--lite-text);
  --h-font:var(--ax-font); --h-display:var(--ax-font); --font:var(--ax-font);
  --shell-font:var(--ax-font); --shell-display:var(--ax-font);
  --bg:var(--lite-bg); --bg-color:var(--lite-bg); --panel:var(--lite-card); --panel-bg:var(--lite-card); --card:var(--lite-card);
  --text:var(--lite-text); --text-color:var(--lite-text); --muted:var(--lite-muted); --line:var(--lite-line); --border:var(--lite-line);
  --gold:var(--lite-link); --gold-bright:var(--lite-link); --gold-hover:var(--lite-link); --gold-line:var(--lite-line);
  --h-focus:2px solid var(--lite-link);
  --h-shadow-sm:none; --h-shadow:none; --h-shadow-lg:none; --h-glow-gold:none;
  background:var(--lite-bg); color:var(--lite-text); font-family:var(--ax-font); color-scheme:light;
}
html[data-theme="dark"] body:has(header.hx):not(.ax-body):not([data-legacy-shell]) {
  --lite-bg:#000; --lite-card:#1c1c1e; --lite-text:#f5f5f7; --lite-muted:#a1a1a6; --lite-link:#2997ff; --lite-line:#424245;
  color-scheme:dark;
}
body:has(header.hx):not(.ax-body):not([data-legacy-shell])::before,
body:has(header.hx):not(.ax-body):not([data-legacy-shell])::after { display:none !important; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .page-wrap,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) main,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .home-section { background:var(--lite-bg); background-image:none; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) h1,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) h2,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) h3 { font-family:var(--ax-font); color:var(--lite-text); }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) main { min-width:0; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .hero,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .hub-hero,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .section-head:has(h1) { display:block; text-align:center; max-width:760px; margin:0 auto 48px; padding:32px 0 0; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .hero h1,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .hub-hero h1,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) #projects-title { font-size:clamp(34px,4vw,48px); font-weight:700; line-height:1.15; letter-spacing:-.02em; margin:12px 0 18px; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .section-head:has(h1) .section-lead { max-width:640px; margin-inline:auto; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .lead,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .hub-lead,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .section-lead { color:var(--lite-muted); font-size:18px; line-height:1.65; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .learning-discovery { display:none !important; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .site-card,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .p-card,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .ext-tool-card,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .tool-card,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .hub-empty,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .projects-empty { background:var(--lite-card); border:0; border-radius:20px; box-shadow:none; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .site-card,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .ext-tool-card,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .tool-card,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .p-card__body { padding:28px; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .site-card:hover,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .p-card:hover,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .ext-tool-card:hover { box-shadow:none; transform:none; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .p-card__visual { background:var(--lite-card); background-image:none; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .p-card__visual::before,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .p-card__visual::after { display:none; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .group__title,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .section-title { color:var(--lite-text); }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .cat-rail,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .hub-filter { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; overflow:visible; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .cat-pill,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .hub-filter-btn,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .hub-tag,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .hub-badge,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .site-card__tag,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .p-card__state { background:rgba(127,127,127,.12); color:var(--lite-text); border:0; border-radius:999px; box-shadow:none; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .cat-pill,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .hub-filter-btn { padding:10px 18px; min-height:44px; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .cat-pill.is-on,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .hub-filter-btn.is-active { background:var(--lite-text); color:var(--lite-bg); }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .projects-search input,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .hub-search,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .calc-group input { background:var(--lite-card); color:var(--lite-text); border:1px solid var(--lite-line); border-radius:14px; font-family:inherit; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) input::placeholder { color:var(--lite-muted); opacity:1; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .hub-search:focus,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .projects-search input:focus { border-color:var(--lite-link); box-shadow:none; outline:2px solid var(--lite-link); outline-offset:2px; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .calc-btn,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .btn-primary,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .skip-link { background:var(--lite-link); color:var(--lite-bg); background-image:none; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .calc-result,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .note { background:var(--lite-card); border-color:var(--lite-line); }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .home-footer { background:var(--lite-card); background-image:none; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .sites,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .tools-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr)); gap:24px; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .site-card,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .p-card,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .ext-tool-card,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .projects-search { min-width:0; overflow-wrap:anywhere; }
@media (max-width:640px) {
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .hero,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .hub-hero,
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .section-head:has(h1) { margin-bottom:32px; padding-top:16px; }
}
/* Catalog thumbnails are decorative; the named card links remain available. */
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .p-card__visual[aria-hidden="true"] { display:none; }
body:has(header.hx):not(.ax-body):not([data-legacy-shell]) .home-section[style*="padding-top"] { padding-top:40px !important; }