/* Shared presentation for the static public pages. Existing landing CSS stays intact. */
.clone-page .site-header { position:relative; left:auto; transform:none; margin:auto; min-height:92px; height:auto; padding:20px 0; }
.clone-page { background:var(--paper); }
.clone-header-wrap { background:var(--night); }
.clone-page .site-header nav, .clone-menu { flex-wrap:wrap; }
.clone-page .site-header nav > a { display:inline-flex; min-height:44px; align-items:center; }
.clone-menu { display:flex; gap:8px 24px; align-items:center; }
.clone-menu a { color:#d4d9ec; text-decoration:none; min-height:44px; display:inline-flex; align-items:center; font-size:.9rem; }
.clone-menu a[aria-current=page] { color:var(--cyan); text-decoration:underline; text-underline-offset:7px; }
.page-hero { position:relative; overflow:hidden; background:var(--night); color:white; }
.page-hero::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,10,34,.97),rgba(7,10,34,.55)),url('assets/hero-option-c-social.png') center 48%/cover; }
.page-hero-inner { position:relative; width:min(1180px,calc(100% - 40px)); margin:auto; padding:65px 0 76px; }
.page-hero h1 { font-size:clamp(2.5rem,6vw,5rem); max-width:850px; line-height:1.05; }
.page-hero p:not(.eyebrow) { max-width:740px; color:#d6daeb; line-height:1.7; font-size:1.1rem; }
.page-content { width:min(1180px,calc(100% - 40px)); margin:44px auto 72px; }
.intro-panel { background:white; border:1px solid var(--line); border-radius:24px; padding:clamp(22px,4vw,44px); margin-bottom:26px; }
.intro-panel h2,.page-content > h2 { font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.15; }
.intro-panel p,.intro-panel li,.editorial-card p { color:#51576e; line-height:1.75; }
.editorial-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.editorial-card { background:white; border:1px solid var(--line); padding:28px; border-radius:22px; min-width:0; overflow-wrap:anywhere; }
.editorial-card h2 { font-size:1.55rem; line-height:1.2; letter-spacing:-.03em; }
.editorial-card p { margin-bottom:0; }
.page-content .feature-grid { margin-top:26px; }
.page-content .feature { min-height:245px; }
.page-content .button { margin-top:12px; }
.source-note { font-size:.85rem; color:#626980; line-height:1.7; margin:28px 0; }
.source-note a,.intro-panel a:not(.button) { color:#4d3fa2; }
.info-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin:20px 0 0; }
.info-actions .button { margin-top:0; }
.info-actions .button { color:var(--night); background:#e8e7ff; }
.info-actions .primary { background:linear-gradient(135deg,var(--cyan),#b8efff); }
.footer-links { display:flex; flex-wrap:wrap; gap:8px 24px; justify-content:center; margin:24px auto; }
.footer-links a { min-height:44px; display:inline-flex; align-items:center; }
.landing-clone-nav { display:flex; flex-wrap:wrap; gap:8px 24px; justify-content:center; width:min(1180px,calc(100% - 40px)); margin:42px auto 0; }
.landing-clone-nav a { display:inline-flex; align-items:center; min-height:44px; font-weight:750; color:#4d3fa2; }
@media(max-width:700px) {
 .clone-page .site-header { align-items:flex-start; flex-direction:column; gap:16px; width:calc(100% - 28px); }
 .clone-menu { gap:2px 20px; }
 .page-hero-inner,.page-content { width:calc(100% - 28px); }
 .page-hero-inner { padding:42px 0 50px; }
 .editorial-grid { grid-template-columns:1fr; }
 .editorial-card { padding:24px; }
 .page-content .feature-grid { grid-template-columns:1fr; }
 .info-actions { display:grid; }
 .page-content { margin-top:28px; }
}