/**
 * Nexus AI Themes — Front Page (homepage) styles.
 *
 * Matches the OrbitInf reference design. All rules are scoped under .nx-home so
 * they never leak into posts, archives, or the Builder. Colors use the theme's
 * design tokens (--c-primary etc.) so dark mode and palette changes still apply.
 * Responsive: 3/4-col desktop, 2-col tablet (<=900px), 1-col mobile (<=600px),
 * with min-width:0 on grid children to prevent horizontal overflow.
 */

.nx-home{--nx-home-navy:#10233f;--nx-home-blue:#1769e8;--nx-home-blue-dark:#0e55bf;--nx-home-line:var(--c-border);--nx-home-max:1180px}
.nx-home *{box-sizing:border-box;min-width:0}
.nx-home img{max-width:100%;height:auto;display:block}
/* Match the reference container width (1180) on the homepage only. */
.nx-home .nexus-container{max-width:var(--nx-home-max)}

/* ── Hero ─────────────────────────────────────────────────────────────────── */
.nx-home-hero{background:linear-gradient(120deg,#eef5ff 0%,var(--c-surface) 62%);padding:76px 0 68px}
.nx-home-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:center}
.nx-home-kicker{display:inline-flex;padding:6px 10px;border:1px solid #cfe0fb;border-radius:999px;color:var(--nx-home-blue);background:#f7fbff;font-size:12px;font-weight:850;letter-spacing:.8px;text-transform:uppercase}
.nx-home-h1{font-size:54px;line-height:1.06;letter-spacing:-2.5px;margin:17px 0 20px;max-width:760px;color:var(--c-text);font-weight:700}
.nx-home-hero-sub{color:var(--c-muted);font-size:18px;max-width:720px;margin:0 0 28px}
.nx-home-btn{display:inline-flex;align-items:center;background:var(--nx-home-blue);color:#fff;padding:12px 19px;border-radius:8px;font-weight:800;text-decoration:none}
.nx-home-btn:hover{background:var(--nx-home-blue-dark);color:#fff}
.nx-home-hero-panel{background:var(--c-surface);border:1px solid var(--nx-home-line);box-shadow:0 18px 45px rgba(18,39,67,.09);border-radius:15px;padding:25px}
.nx-home-hero-panel__title{margin:0 0 14px;font-size:19px;color:var(--c-text)}
.nx-home-hero-panel__link{display:block;padding:13px 0;border-top:1px solid var(--nx-home-line);font-size:14px;font-weight:700;color:var(--c-text);text-decoration:none}
.nx-home-hero-panel__link:hover{color:var(--nx-home-blue)}

/* ── Sections ─────────────────────────────────────────────────────────────── */
.nx-home-section{padding:64px 0}
.nx-home-section--soft{background:var(--c-bg)}
.nx-home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px;flex-wrap:wrap}
.nx-home-section-title{margin:0;font-size:32px;line-height:1.15;letter-spacing:-1px;color:var(--c-text)}
.nx-home-section-sub{margin:6px 0 0;color:var(--c-muted);font-size:15px}

/* ── Explore Topics (4-col) ───────────────────────────────────────────────── */
.nx-home-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.nx-home-topic{padding:23px;border:1px solid var(--nx-home-line);border-radius:12px;background:var(--c-surface);transition:.18s;text-decoration:none;color:var(--c-text)}
.nx-home-topic:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(19,41,72,.07);border-color:#cdd9eb}
.nx-home-topic strong{display:block;font-size:19px;margin-bottom:7px}
.nx-home-topic span{font-size:13px;color:var(--c-muted)}

/* ── Latest Articles (3-col) ──────────────────────────────────────────────── */
.nx-home-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.nx-home-post-card{background:var(--c-surface);border:1px solid var(--nx-home-line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.nx-home-post-card__body{padding:23px;display:flex;flex-direction:column;flex:1}
.nx-home-eyebrow{font-size:11px;font-weight:850;color:var(--nx-home-blue);letter-spacing:.8px;text-transform:uppercase;text-decoration:none}
.nx-home-eyebrow--light{color:#9dc4ff}
.nx-home-post-card__title{font-size:20px;line-height:1.3;margin:8px 0 10px}
.nx-home-post-card__title a{color:var(--c-text);text-decoration:none}
.nx-home-post-card__title a:hover{color:var(--nx-home-blue)}
.nx-home-post-card__excerpt{font-size:14px;color:var(--c-muted);margin:0 0 15px}
.nx-home-text-link{font-size:14px;font-weight:800;color:var(--nx-home-blue);text-decoration:none;margin-top:auto}
.nx-home-text-link span{display:inline-block;transition:.15s}
.nx-home-text-link:hover span{transform:translateX(3px)}

/* ── Featured Guide (feature + side stack) ────────────────────────────────── */
.nx-home-feature-wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}
.nx-home-feature{background:var(--nx-home-navy);color:#fff;border-radius:14px;padding:34px;display:flex;flex-direction:column;justify-content:center}
.nx-home-feature__title{font-size:32px;line-height:1.16;letter-spacing:-1px;margin:11px 0 14px}
.nx-home-feature__title a{color:#fff;text-decoration:none}
.nx-home-feature__excerpt{color:#d1dceb;max-width:720px;margin:0 0 20px}
.nx-home-side-stack{display:grid;gap:14px;align-content:start}
.nx-home-side-item{background:var(--c-surface);border:1px solid var(--nx-home-line);border-radius:11px;padding:17px}
.nx-home-side-item__title{margin:6px 0 0;font-size:16px;line-height:1.4}
.nx-home-side-item__title a{color:var(--c-text);text-decoration:none}
.nx-home-side-item__title a:hover{color:var(--nx-home-blue)}

/* ── Browse by Category (columns) ─────────────────────────────────────────── */
.nx-home-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.nx-home-column{background:var(--c-surface);border:1px solid var(--nx-home-line);border-radius:12px;padding:22px}
.nx-home-column__title{margin:0 0 13px;font-size:20px}
.nx-home-column__title a{color:var(--c-text);text-decoration:none}
.nx-home-column__list{list-style:none;padding:0;margin:0}
.nx-home-column__list li{padding:11px 0;border-top:1px solid var(--nx-home-line);font-size:14px;font-weight:650}
.nx-home-column__list li a{color:var(--c-text);text-decoration:none}
.nx-home-column__list li a:hover{color:var(--nx-home-blue)}

/* ── Newsletter ───────────────────────────────────────────────────────────── */
.nx-home-newsletter{background:#0f2139;color:#fff;border-radius:15px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.nx-home-newsletter h2{margin:0 0 7px;font-size:29px;letter-spacing:-.6px}
.nx-home-newsletter p{margin:0;color:#c9d6e6}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media(max-width:900px){
	.nx-home-hero-grid,.nx-home-feature-wrap{grid-template-columns:1fr}
	.nx-home-grid-4,.nx-home-grid-3{grid-template-columns:1fr 1fr}
	.nx-home-h1{font-size:44px}
}
@media(max-width:600px){
	.nx-home-grid-4,.nx-home-grid-3,.nx-home-columns{grid-template-columns:1fr}
	.nx-home-hero{padding:52px 0}
	.nx-home-h1{font-size:38px;letter-spacing:-1.5px}
	.nx-home-section{padding:44px 0}
	.nx-home-newsletter{display:block;padding:28px}
	.nx-home-newsletter .nx-home-btn{margin-top:20px}
	.nx-home-feature{padding:26px}
	.nx-home-feature__title{font-size:26px}
	.nx-home-section-title{font-size:26px}
}

/* Dark mode: soften the light-blue hero gradient. */
[data-theme="dark"] .nx-home-hero{background:linear-gradient(120deg,rgba(23,105,232,.10) 0%,var(--c-surface) 62%)}
[data-theme="dark"] .nx-home-kicker{background:rgba(23,105,232,.12);border-color:rgba(23,105,232,.35)}