/* Three editorial pages use the existing Genora SEO palette and controls. */
.exp-hero{padding:48px 0 62px;gap:32px}
.exp-hero h1{font-size:clamp(38px,4.8vw,60px)}
.exp-hero .lead{font-size:19px;line-height:1.6}
.exp-preview{min-width:0;padding:28px;border:1px solid #574b81;border-radius:25px;background:radial-gradient(circle at 100% 0,#54419a55,transparent 60%),linear-gradient(145deg,#1b1730,#111724);box-shadow:0 22px 55px #02040a70}
.exp-preview>span{color:#baaaff;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.exp-preview ol{margin:22px 0;padding:0;list-style:none;display:grid;gap:14px}
.exp-preview li{display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px solid #3c3658;border-radius:13px;background:#121426;font-weight:700}
.exp-preview li span{color:#ab9bff;font-weight:900}
.exp-preview p{color:var(--muted);margin:8px 0 0;font-size:14px}
.exp-section{margin:22px 0;padding:clamp(24px,4vw,42px);border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,var(--panel),var(--panel2))}
.exp-section h2{font-size:clamp(26px,3vw,38px);line-height:1.17;margin:0 0 16px}
.exp-section>p{max-width:860px;color:var(--muted);font-size:17px;line-height:1.75}
.exp-section a{color:#bfb0ff;text-decoration-thickness:1px;text-underline-offset:3px}
.exp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:25px}
.exp-grid article{min-width:0;padding:22px;border:1px solid #35405a;border-radius:17px;background:#0e1420}
.exp-grid b{color:#ae9cff;font-size:13px}
.exp-grid h3{font-size:19px;line-height:1.3;margin:10px 0}
.exp-grid p{color:var(--muted);line-height:1.65;margin:0}
.exp-check{padding-left:22px;color:var(--muted);line-height:1.7}
.exp-check li{padding-left:5px;margin:12px 0}
.exp-check strong,.exp-example strong{color:var(--text)}
.exp-example{max-width:900px;padding:22px;border-left:3px solid var(--accent);border-radius:0 16px 16px 0;background:#0e1420}
.exp-example p{margin:8px 0 0;color:var(--muted);line-height:1.75}
@media(max-width:760px){.exp-hero{padding:36px 0}.exp-grid{grid-template-columns:1fr}.exp-section{padding:23px}.exp-preview{padding:20px}}

/* Genora core visual language, applied only to the three expansion pages. */
:root{
 --bg:#0a0a0f;--panel:#131019;--panel2:#1a1622;
 --text:#f3eef8;--muted:#aaa1b4;--line:#372c42;
 --accent:#8b5cf6;--accent2:#ff3d81;
 font-family:Inter,ui-sans-serif,system-ui,sans-serif;
}
body{
 background:
 radial-gradient(ellipse 60% 40% at 10% -10%,#8b5cf62a,transparent 60%),
 radial-gradient(ellipse 50% 40% at 90% 0%,#ff3d8122,transparent 55%),
 radial-gradient(ellipse 60% 50% at 50% 100%,#35e0c912,transparent 60%),var(--bg);
 color:var(--text);
}
.site-header{max-width:1160px;border-color:var(--line)}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',Inter,sans-serif;font-weight:700;letter-spacing:-.01em}
.brand span{width:14px;height:14px;margin:0;border-radius:4px;transform:rotate(45deg);background:linear-gradient(120deg,#8b5cf6,#ff3d81,#ff9a3d);box-shadow:0 0 16px #ff3d8155}
.site-header nav a:hover,.site-header nav a:focus-visible,footer a:hover,.breadcrumbs a:hover{color:#fff}
.site-header nav a:focus-visible,.primary-cta:focus-visible,.secondary-cta:focus-visible,.exp-section a:focus-visible{outline:2px solid #ff9a3d;outline-offset:4px}
h1,h2,h3{font-family:'Space Grotesk',Inter,sans-serif}
.eyebrow,.exp-preview>span{color:#ff819f}
.primary-cta{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#f02d70,#ff6748);box-shadow:0 12px 32px #ff3d8130;color:#fff;transition:transform .18s ease,filter .18s ease}
.primary-cta:hover{transform:translateY(-2px);filter:brightness(1.09)}
.secondary-cta{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:#211a2b;border-color:#53405f}
.secondary-cta:hover{border-color:#b285e2;background:#291e36}
.cta-note{color:#aaa1b4}
.exp-preview{border-color:#624472;background:radial-gradient(circle at 90% 0%,#8b5cf639,transparent 60%),linear-gradient(145deg,#22182d,#15111c);box-shadow:0 22px 55px #08040c75}
.exp-preview li{border-color:#49364f;background:#17121f}
.exp-preview li span,.exp-grid b{color:#f89ac1}
.exp-section{border-color:var(--line);background:linear-gradient(145deg,#17111e,#201827)}
.exp-section a{color:#e4afff}
.exp-grid article{border-color:#46354f;background:#17121e}
.exp-example{border-color:#ff3d81;background:#1b1421}
.exp-check li::marker{color:#f479aa}
.final-cta{border-color:#694267;background:radial-gradient(circle at 50% -20%,#8b5cf635,transparent 60%),linear-gradient(145deg,#25172b,#16111e)}
.breadcrumbs,footer{color:var(--muted)}
footer{border-color:var(--line)}
@media(max-width:760px){.site-header nav{flex-wrap:wrap;white-space:normal}.site-header nav a{line-height:1.4}}
@media(max-width:420px){.site-header nav{gap:8px 12px}.site-header nav a{font-size:12px}.exp-hero h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.primary-cta{transition:none}.primary-cta:hover{transform:none}}