// Section landing pages, Resources, News, Contact
// (NewlyDiagnosedPage lives in pages-6.jsx — the earlier duplicate here was dead code.)

function ResourcesPage({ navigate }) {
 const [filter, setFilter] = React.useState('all');
 const resources = [
 { c: 'guide', type: 'GUIDE', title: 'Newly Diagnosed Family Guide', body: 'A guided introduction covering the first 90 days after diagnosis.', d: 'On this site', to: 'newly-diagnosed' },
 { c: 'guide', type: 'GUIDE', title: 'NDIS Navigation Guide for DEE', body: 'Access request, plan goals, evidence templates, review tips.', d: 'On this site', to: 'ndis' },
 { c: 'fact', type: 'FACT SHEET', title: 'What is SCN2A?', body: 'One page. Plain language. Clinician-reviewed.', d: 'PDF', url: 'assets/factsheets/What-is-SCN2A.pdf' },
 { c: 'fact', type: 'FACT SHEET', title: 'What is DEE?', body: 'One page. Plain language. Defines every term on first use.', d: 'PDF', url: 'assets/factsheets/What-is-DEE.pdf' },
 { c: 'fact', type: 'FACT SHEET', title: 'Genetic testing, what to ask', body: 'A question prompt for your first genetics appointment.', d: 'PDF', url: 'assets/factsheets/Genetic-Testing-What-to-Ask.pdf' },
 { c: 'tmpl', type: 'TEMPLATE', title: 'Medical summary template', body: 'A one-page child profile for ED visits, new clinicians, casual carers.', d: 'DOCX · 1 page', needs: true },
 { c: 'tmpl', type: 'TEMPLATE', title: 'School letter template', body: 'Editable letter to school explaining your child\'s condition and supports.', d: 'DOCX · 2 pages', needs: true },
 { c: 'tmpl', type: 'TEMPLATE', title: 'NDIS access request, evidence template', body: 'A structured template clinicians can complete to support your NDIS access.', d: 'DOCX · 4 pages', needs: true },
 { c: 'webinar', type: 'WEBINAR', title: 'Understanding seizure types', body: 'A 45-minute clinician-led session, recorded with audience Q&A.', d: '45 min · video', needs: true, related: 'seizures', relatedLabel: 'Read the seizures page' },
 { c: 'webinar', type: 'WEBINAR', title: 'Developmental considerations', body: 'A 60-minute paediatric developmental specialist-led session.', d: '60 min · video', needs: true, related: 'development', relatedLabel: 'Read the development page' },
 { c: 'data', type: 'REPORT', title: 'Research priorities report (2026)', body: 'What 120 Australian families told us mattered most in DEE research.', d: '18 pages · PDF', needs: true },
 { c: 'data', type: 'REPORT', title: 'Annual Report 2025', body: 'Audited financials, program outcomes, family stories.', d: '32 pages · PDF', needs: true },
 ];
 const filters = [
 { id: 'all', label: 'All' },
 { id: 'guide', label: 'Guides' },
 { id: 'fact', label: 'Fact sheets' },
 { id: 'tmpl', label: 'Templates' },
 { id: 'webinar', label: 'Webinars' },
 { id: 'data', label: 'Reports' },
 ];
 const visible = filter === 'all' ? resources : resources.filter(r => r.c === filter);
 return (
 <div data-screen-label="Resources">
 <PageHero
 eyebrow="Resources"
 title="Curated, regularly reviewed."
 body="Clinical references, support services, research updates, fact sheets, NDIS templates, school letters. We don't link to anything we wouldn't recommend to our own families."
 ledger={["LIBRARY · 64 ASSETS", "REVIEWED QUARTERLY", "CLINICIAN-VETTED · WHERE APPLICABLE"]}
 navigate={navigate}
 />
 <Breadcrumbs items={[{ label: 'Resources' }]} navigate={navigate} />

 <section style={{ background: '#fff', padding: '64px 0 88px' }}>
 <div className="container">
 <div style={{ marginBottom: 44 }}>
 <div className="eyebrow" style={{ color: '#0D1B2A', marginBottom: 18 }}>Watch · Short overviews</div>
 <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: 32 }} className="stack-mobile">
 {[
 { id: 'DU7c-48_66A', title: 'What is SCN2A?', body: 'A short overview of what SCN2A is, covering the basics of genetics, through to the difference between Gain of Function and Loss of Function.' },
 { id: 'z9SqMSO405I', title: 'What are clinical trials?', body: 'A brief overview of what clinical trials are. Made for families of a child with an SCN2A-related condition, but generic and applicable to many conditions.' },
 ].map((v) => (
 <div key={v.id}>
 <h3 style={{ fontSize: 'clamp(20px, 2.2vw, 24px)', fontWeight: 700, color: '#0D1B2A', margin: '0 0 10px', lineHeight: 1.25 }}>{v.title}</h3>
 <p style={{ fontSize: 15, color: '#6B6659', margin: '0 0 18px', lineHeight: 1.6 }}>{v.body}</p>
 <div style={{ position: 'relative', width: '100%', paddingTop: '56.25%', background: '#000', border: '1px solid #D5CFBF' }}>
 <iframe
 src={'https://www.youtube-nocookie.com/embed/' + v.id}
 title={v.title}
 loading="lazy"
 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
 allowFullScreen
 style={{ position: 'absolute', inset: 0, width: '100%', height: '100%', border: 0 }}
 />
 </div>
 </div>
 ))}
 </div>
 </div>
 <div style={{ display: 'flex', flexWrap: 'wrap', gap: 8, marginBottom: 24, borderBottom: '1px solid #D5CFBF', paddingBottom: 16 }}>
 {filters.map(f => (
 <button key={f.id} onClick={() => setFilter(f.id)}
 style={{
 padding: '10px 16px', fontSize: 14, fontWeight: 600,
 background: filter === f.id ? '#0D1B2A' : '#fff',
 color: filter === f.id ? '#fff' : '#0D1B2A',
 border: '1px solid ' + (filter === f.id ? '#0D1B2A' : '#D5CFBF'),
 cursor: 'pointer', fontFamily: 'inherit',
 }}>
 {f.label}
 </button>
 ))}
 <div style={{ marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: 10, padding: '8px 14px', border: '1px solid #D5CFBF', background: '#F7F4F0', flex: '1 1 200px', maxWidth: 320 }}>
 <i data-lucide="search" style={{ width: 16, height: 16, color: '#6B6659' }} />
 <input aria-label="Search resources" placeholder="Search resources…" style={{ flex: 1, border: 0, background: 'transparent', fontFamily: 'inherit', fontSize: 14, outline: 'none', color: '#0D1B2A' }} />
 </div>
 </div>
 <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 16 }} className="stack-mobile-2">
 {visible.map((r, i) => {
 const needs = !!r.needs;
 const isInternal = !!r.to;
 const cardStyle = {
 border: needs ? '1px solid #E0B9A6' : '1px solid #D5CFBF',
 background: needs ? '#FBF3EE' : '#fff',
 padding: '22px 22px 22px',
 textDecoration: 'none', color: '#0D1B2A',
 display: 'flex', flexDirection: 'column', gap: 10,
 cursor: needs ? 'default' : 'pointer',
 };
 const head = (
 <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
 <span className="ledger-mono" style={{ fontSize: 11, fontWeight: 700, color: needs ? '#B05F3C' : '#0D1B2A', letterSpacing: '0.1em' }}>{r.type}</span>
 <span style={{ fontSize: 11, color: '#6B6659' }}>{r.d}</span>
 </div>
 );
 const titleBlock = (
 <>
 <h3 style={{ fontSize: 17, fontWeight: 700, color: '#0D1B2A', margin: 0, lineHeight: 1.3 }}>{r.title}</h3>
 <p style={{ fontSize: 14, color: '#6B6659', margin: 0, lineHeight: 1.55 }}>{r.body}</p>
 </>
 );

 // State 3: needs new details, highlighted, not a download yet
 if (needs) {
 return (
 <div key={i} style={cardStyle}>
 {head}
 {titleBlock}
 <div style={{ marginTop: 'auto', paddingTop: 12, display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: 10, flexWrap: 'wrap' }}>
 <span style={{ display: 'inline-flex', alignItems: 'center', gap: 6, color: '#B05F3C', fontWeight: 700, fontSize: 12.5, background: '#F4DDD0', padding: '5px 10px' }}>
 <i data-lucide="clock" style={{ width: 13, height: 13 }} /> File to be supplied
 </span>
 {r.related && (
 <a href={'#' + r.related} onClick={(e) => { e.preventDefault(); navigate(r.related); }} style={{ color: '#0D1B2A', fontWeight: 700, fontSize: 13, textDecoration: 'none' }}>
 {r.relatedLabel || 'Read more'} <i data-lucide="arrow-right" style={{ width: 14, height: 14, marginLeft: 2, verticalAlign: '-2px' }} />
 </a>
 )}
 </div>
 </div>
 );
 }

 // State 1: content lives on the site, navigate internally
 if (isInternal) {
 return (
 <a key={i} href={'#' + r.to} onClick={(e) => { e.preventDefault(); navigate(r.to); }} className="card-hover" style={cardStyle}>
 {head}
 {titleBlock}
 <div style={{ marginTop: 'auto', paddingTop: 12, display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
 <span style={{ color: '#0D1B2A', fontWeight: 700, fontSize: 13 }}>Read on the site <i data-lucide="arrow-right" style={{ width: 14, height: 14, marginLeft: 4, verticalAlign: '-2px' }} /></span>
 <i data-lucide="arrow-up-right" style={{ width: 16, height: 16, color: '#0D1B2A' }} />
 </div>
 </a>
 );
 }

 // State 2: real downloadable file
 return (
 <a key={i} href={r.url || '#'} target={r.url ? '_blank' : undefined} rel={r.url ? 'noopener' : undefined} className="card-hover" style={cardStyle}>
 {head}
 {titleBlock}
 <div style={{ marginTop: 'auto', paddingTop: 12, display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
 <span style={{ color: '#0D1B2A', fontWeight: 700, fontSize: 13 }}>Download <i data-lucide="arrow-right" style={{ width: 14, height: 14, marginLeft: 4, verticalAlign: '-2px' }} /></span>
 <i data-lucide="download" style={{ width: 16, height: 16, color: '#0D1B2A' }} />
 </div>
 </a>
 );
 })}
 </div>
 {visible.length === 0 && (
 <div style={{ padding: 60, textAlign: 'center', color: '#6B6659' }}>No resources in this category yet, check back soon.</div>
 )}
 </div>
 </section>
 </div>
 );
}

function NewsPage({ navigate }) {
 return (
 <div data-screen-label="Blogs & News">
 <PageHero
 eyebrow="Blogs & news"
 title="Blogs & news."
 body="Updates from SCN2A Australia: parliamentary submissions, research milestones, partnerships, and stories from our community, alongside longer-form pieces from our team and the families we work with."
 ledger={["UPDATED REGULARLY", "BLOGS · NEWS", "SUBSCRIBE FOR UPDATES"]}
 navigate={navigate}
 />
 <Breadcrumbs items={[{ label: 'Blogs & news' }]} navigate={navigate} />

 <section style={{ background: '#fff', padding: '72px 0 80px' }}>
 <div className="container">
 <SectionHeading
 eyebrow="Parliamentary submissions"
 title="Speaking up for the DEE community."
 kicker="Our formal submissions to government inquiries, grounded in evidence and the lived experience of families living with developmental and epileptic encephalopathies."
 />

 <div style={{ marginTop: 40 }}>
 <article
 className="card-hover"
 onClick={() => navigate('epilepsy-inquiry')}
 role="link"
 tabIndex={0}
 onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); navigate('epilepsy-inquiry'); } }}
 style={{
 background: '#fff', border: '1px solid #D5CFBF', borderTop: '3px solid #4A7EC7',
 borderRadius: 5, padding: '32px 34px 30px', cursor: 'pointer',
 display: 'flex', flexDirection: 'column', gap: 14, maxWidth: 860,
 }}>
 <div style={{ display: 'flex', alignItems: 'center', gap: 12, flexWrap: 'wrap' }}>
 <span className="chip">Parliamentary submission</span>
 <span style={{ fontSize: 13, color: '#6B6659' }}>Submitted 15 May 2026</span>
 </div>
 <h3 style={{ fontSize: 'clamp(22px, 2.6vw, 28px)', fontWeight: 700, color: '#0D1B2A', margin: 0, lineHeight: 1.25 }}>
 Our submission to the Senate Inquiry into Epilepsy in Australia
 </h3>
 <p style={{ fontSize: 16.5, lineHeight: 1.65, color: '#6B6659', margin: 0, maxWidth: 680 }}>
 In May 2026 we made a formal submission to the Senate Standing Committee on Community Affairs, setting out the evidence, priorities, and reforms the DEE community needs, alongside the collective voices of 134 families. Read the post and download both documents.
 </p>
 <span style={{ marginTop: 4, fontSize: 15, fontWeight: 700, color: '#0D1B2A', display: 'inline-flex', alignItems: 'center', gap: 6 }}>
 Read the post <i data-lucide="arrow-right" style={{ width: 15, height: 15 }} />
 </span>
 </article>
 </div>
 </div>
 </section>

 <section style={{ background: '#F7F4F0', padding: '64px 0 72px' }}>
 <div className="container">
 <SectionHeading
 eyebrow="Research & treatment updates"
 title="News from the SCN2A research pipeline."
 kicker="Milestones in the clinical trials and therapies that matter to our community. These are research updates, not medical advice or endorsements."
 />

 <div style={{ marginTop: 40 }}>
 <article
 className="card-hover"
 onClick={() => navigate('elsunersen-breakthrough')}
 role="link"
 tabIndex={0}
 onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); navigate('elsunersen-breakthrough'); } }}
 style={{
 background: '#fff', border: '1px solid #D5CFBF', borderTop: '3px solid #4A7EC7',
 borderRadius: 5, padding: '32px 34px 30px', cursor: 'pointer',
 display: 'flex', flexDirection: 'column', gap: 14, maxWidth: 860,
 }}>
 <div style={{ display: 'flex', alignItems: 'center', gap: 12, flexWrap: 'wrap' }}>
 <span className="chip">News</span>
 <span style={{ fontSize: 13, color: '#6B6659' }}>23 June 2026 · Source: Praxis Precision Medicines</span>
 </div>
 <h3 style={{ fontSize: 'clamp(22px, 2.6vw, 28px)', fontWeight: 700, color: '#0D1B2A', margin: 0, lineHeight: 1.25 }}>
 Elsunersen receives FDA Breakthrough Therapy Designation for SCN2A-DEE (gain-of-function)
 </h3>
 <p style={{ fontSize: 16.5, lineHeight: 1.65, color: '#6B6659', margin: 0, maxWidth: 680 }}>
 The US FDA has granted Breakthrough Therapy Designation to elsunersen (PRAX-222), an investigational antisense oligonucleotide for seizures in SCN2A-DEE caused by gain-of-function variants.
 </p>
 <span style={{ marginTop: 4, fontSize: 15, fontWeight: 700, color: '#0D1B2A', display: 'inline-flex', alignItems: 'center', gap: 6 }}>
 Read the post <i data-lucide="arrow-right" style={{ width: 15, height: 15 }} />
 </span>
 </article>
 </div>
 </div>
 </section>

 <section style={{ background: '#fff', padding: '64px 0 80px' }}>
 <div className="container" style={{ maxWidth: 720, textAlign: 'center' }}>
 <div style={{
 display: 'inline-flex', alignItems: 'center', justifyContent: 'center',
 width: 64, height: 64, borderRadius: 5, background: '#F7F4F0', marginBottom: 28
 }}>
 <i data-lucide="newspaper" style={{ width: 28, height: 28, color: '#0D1B2A' }} />
 </div>
 <h2 style={{ fontSize: 'clamp(24px, 3vw, 32px)', fontWeight: 700, color: '#0D1B2A', margin: '0 0 14px' }}>
 More stories on the way.
 </h2>
 <p style={{ fontSize: 17, lineHeight: 1.65, color: '#6B6659', margin: '0 auto', maxWidth: 560 }}>
 We are building out our library of research updates, partnership announcements, and stories from our community. Subscribe to hear when new pieces are published.
 </p>
 <div style={{ marginTop: 32, display: 'flex', gap: 12, justifyContent: 'center', flexWrap: 'wrap' }}>
 <Button onClick={() => navigate('contact')}>Subscribe for updates</Button>
 <Button variant="outline" onClick={() => navigate('publications')}>Browse publications</Button>
 </div>
 </div>
 </section>
 </div>
 );
}

// Download card for a single submission document. Cobalt top rule = "document" hint.
function SubmissionDoc({ title, desc, meta, url, icon = 'file-text' }) {
 return (
 <a href={url} target="_blank" rel="noopener"
 className="card-hover"
 style={{
 background: '#fff', border: '1px solid #D5CFBF', borderTop: '3px solid #4A7EC7',
 borderRadius: 5, padding: '26px 26px 24px', textDecoration: 'none', color: '#0D1B2A',
 display: 'flex', flexDirection: 'column', gap: 12,
 }}>
 <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
 <span style={{ width: 44, height: 44, borderRadius: 5, background: '#E8E3DA', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', flexShrink: 0 }}>
 <i data-lucide={icon} style={{ width: 22, height: 22, color: '#0D1B2A' }} />
 </span>
 <span style={{ fontSize: 12, letterSpacing: '0.06em', color: '#6B6659', fontWeight: 600, textTransform: 'uppercase' }}>{meta}</span>
 </div>
 <h3 style={{ fontSize: 19, fontWeight: 700, color: '#0D1B2A', margin: '4px 0 0', lineHeight: 1.3 }}>{title}</h3>
 <p style={{ fontSize: 15, lineHeight: 1.6, color: '#6B6659', margin: 0 }}>{desc}</p>
 <span style={{ marginTop: 'auto', paddingTop: 8, fontSize: 14, fontWeight: 700, color: '#0D1B2A', display: 'inline-flex', alignItems: 'center', gap: 6 }}>
 Download PDF <i data-lucide="download" style={{ width: 15, height: 15 }} />
 </span>
 </a>
 );
}

function EpilepsyInquiryPage({ navigate }) {
 return (
 <div data-screen-label="Epilepsy Inquiry submission">
 <PageHero
 eyebrow="Parliamentary submissions"
 title="Our submission to the Senate Inquiry into Epilepsy in Australia."
 body="In May 2026 we made a formal submission to the Senate Standing Committee on Community Affairs, setting out the evidence, priorities, and reforms the developmental and epileptic encephalopathy community needs, alongside the collective voices of 134 families."
 ledger={["SENATE INQUIRY INTO EPILEPSY", "SUBMITTED MAY 2026", "TWO DOCUMENTS"]}
 navigate={navigate}
 />
 <Breadcrumbs items={[{ label: 'Blogs & news', to: 'news' }, { label: 'Epilepsy Inquiry submission' }]} navigate={navigate} />

 <section style={{ background: '#fff', padding: '40px 0 0' }}>
 <div className="container">
 <div style={{ display: 'flex', alignItems: 'center', gap: 12, flexWrap: 'wrap' }}>
 <span className="chip">Parliamentary submission</span>
 <span style={{ fontSize: 13, color: '#6B6659' }}>Submitted 15 May 2026 · SCN2A Australia</span>
 </div>
 </div>
 </section>

 <ProseSection>
 <p>In May 2026, SCN2A Australia made a formal submission to the Senate Standing Committee on Community Affairs for its Inquiry into Epilepsy in Australia. We submitted two documents that belong together: a detailed evidence and recommendations paper, and a companion report carrying the collective voices of 134 families living with developmental and epileptic encephalopathies (DEEs).</p>

 <p>Rare and complex epilepsies, including DEEs and genetic conditions such as SCN2A-related disorders, are defined by drug-resistant seizures, multiple co-occurring conditions, premature mortality, and lifelong care needs. They are also the part of the epilepsy population where the therapeutic pipeline is most active, and where early, accurate diagnosis decides whether treatment helps or causes harm.</p>

 <p>Three independent processes within twelve months reached the same conclusion: current Australian systems are not meeting the needs of this population. The DEE Roundtable 2026, the IBE Rare Epilepsy Leaders Global Convening, and the published Global Epilepsy Needs Study each identified the same structural gaps. Families absorb the coordination work across health, disability, and education systems that do not talk to one another. Diagnostic delay causes clinical harm. Adult care pathways do not yet exist for the first generation of genetically diagnosed DEE patients now reaching adulthood.</p>

 <h3>What we asked the Committee to do</h3>
 <p>Our recommendations are organised into five focus areas drawn from the Committee's Terms of Reference. They are cumulative and interdependent. At their heart are five central needs:</p>
 <ul>
 <li>Formally recognise rare and complex epilepsies as a distinct priority population.</li>
 <li>Fund a national DEE registry covering diagnosis, co-occurring conditions, treatment response, and mortality.</li>
 <li>Ensure early, comprehensive, reimbursed genomic testing at first presentation.</li>
 <li>Fund whole-of-life, multi-sector models of care across health, disability, and education.</li>
 <li>Reform health technology assessment (HTA) frameworks to accommodate variant-level differences and precision therapies.</li>
 </ul>

 <h3>Why this matters</h3>
 <p>The clinical and economic cases point the same way. About 300 children are newly diagnosed with a DEE in Australia each year, an incidence of around 1 per 1,000. These children have exceptionally high needs: in a recent Australian sample, 61 per cent were hospitalised within a 12-month period, with an average admission of 23.2 days. Published cohort data report mortality of 13 to 15 per cent in SCN2A-related DEE, comparable to Dravet syndrome.</p>

 <p>For SCN2A, molecular diagnosis is not optional; it determines whether treatment is safe. Gain-of-function variants typically cause early-onset, drug-resistant seizures, while loss-of-function variants more often produce autism and intellectual disability. Sodium channel blockers, a standard antiseizure medication class, can worsen seizures in people with loss-of-function variants. Yet families in our survey reported diagnostic delays of seven to fourteen years.</p>
 </ProseSection>

 <PullQuote attribution="SCN2A caregiver, SCN2A Australia families survey, 2026">
 We pushed for seven years to get genetic testing. Our son was using the wrong medication for SCN2A. Our family's situation would have been so much easier if we had known from a young age his true diagnosis.
 </PullQuote>

 <ProseSection eyebrow="Family voices" title="134 families told us what life is actually like.">
 <p>Our companion report, Collective Voices from the DEE Community, brings together 134 family responses, each consenting to share their lived experience with the Inquiry. The same problems show up in every postcode.</p>
 </ProseSection>

 <section style={{ background: '#E8E3DA', borderTop: '2px solid #4A7EC7', padding: '56px 0' }}>
 <div className="container">
 <div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: 24 }} className="stack-mobile-2">
 {[
 { fig: '134', l: 'Family responses', n: 'each consenting to share with the Inquiry' },
 { fig: '76%', l: 'Report drug-resistant epilepsy', n: 'of those giving a clear yes or no' },
 { fig: '85.8%', l: 'A direct hit to income and career', n: 'four in five families' },
 { fig: '60.4%', l: 'Describe NDIS plan gaps', n: 'a system that misses the complexity it sees' },
 ].map((s) => (
 <div key={s.l}>
 <div style={{ fontSize: 'clamp(40px, 5vw, 56px)', fontWeight: 800, color: '#0D1B2A', lineHeight: 0.95, letterSpacing: '-0.03em' }}>{s.fig}</div>
 <div style={{ marginTop: 14, fontSize: 15.5, fontWeight: 700, color: '#0D1B2A', lineHeight: 1.3 }}>{s.l}</div>
 <div style={{ marginTop: 4, fontSize: 13, color: '#6B6659', lineHeight: 1.45 }}>{s.n}</div>
 </div>
 ))}
 </div>
 </div>
 </section>

 <ProseSection>
 <p>Read as a whole, the responses describe a system that asks families to be specialists, coordinators, and advocates at the same time, while also providing 24-hour care and absorbing the financial loss that comes with reduced work. When we asked families for the single most important change, a clear set of asks emerged:</p>
 <ol>
 <li><strong>Recognise DEE as a disability</strong> across NDIS, Centrelink, and education, not as a medical condition outside their remit.</li>
 <li><strong>Genetic diagnosis for all</strong>, with whole genome sequencing as standard rather than a barrier.</li>
 <li><strong>Specialist multidisciplinary clinics</strong>, accessible from regional Australia, with paediatric-to-adult transition.</li>
 <li><strong>Trials and treatments available in Australia</strong>, so families do not have to fundraise or fly overseas to access emerging therapies.</li>
 <li><strong>Funded respite and trained support workers</strong> competent in seizure first aid, so primary carers can sleep, work, and recover.</li>
 <li><strong>Mental health support for the whole family</strong>, including siblings, not only the person living with epilepsy.</li>
 </ol>
 </ProseSection>

 <section style={{ background: '#fff', padding: '8px 0 72px' }}>
 <div className="container">
 <SectionHeading
 eyebrow="The documents"
 title="Read the submission."
 kicker="Both documents were submitted to the Senate Standing Committee on Community Affairs in May 2026. They are designed to be read together."
 />
 <div style={{ marginTop: 36, display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: 20 }} className="stack-mobile-2">
 <SubmissionDoc
 title="Senate Inquiry submission: evidence, priorities, and recommendations"
 desc="Our full evidence and recommendations paper, with 14 recommendations across diagnosis and genomic testing, coordinated care, family and caregiver support, research infrastructure, and formal recognition."
 meta="PDF · 12 pages · May 2026"
 url="assets/submissions/SCN2A-Australia-Senate-Inquiry-Submission-DEE-May-2026.pdf"
 />
 <SubmissionDoc
 title="Collective Voices from the DEE Community"
 desc="The Family Voices report: what 134 families told us about daily life, where the system stops working, and the change they need. All quotes are shared with permission."
 meta="PDF · 7 pages · May 2026"
 url="assets/submissions/SCN2A-Australia-DEE-Family-Voices-Report-May-2026.pdf"
 icon="users"
 />
 </div>
 </div>
 </section>

 <CTABlock
 eyebrow="Families as partners"
 title="Families became the experts because the system did not. They are ready to be partners, not petitioners."
 body="If you would like to support this work, share your experience, or talk with us about the reforms in this submission, we would like to hear from you."
 ctaLabel="Get in touch"
 onCta={() => navigate('contact')}
 secondaryLabel="Get involved"
 onSecondary={() => navigate('involved')}
 />

 <RelatedPages
 items={[
 { label: 'Driving change', to: 'change' },
 { label: 'Publications', to: 'publications' },
 { label: 'NDIS navigation', to: 'ndis' },
 { label: 'Carer support', to: 'carers' },
 ]}
 navigate={navigate}
 />
 </div>
 );
}

function ElsunersenBreakthroughPage({ navigate }) {
 return (
 <div data-screen-label="Elsunersen FDA Breakthrough Therapy">
 <PageHero
 eyebrow="News · Research & treatment updates"
 title="Elsunersen receives FDA Breakthrough Therapy Designation for SCN2A-DEE (gain-of-function)."
 body="The US FDA has granted Breakthrough Therapy Designation to elsunersen (PRAX-222), an investigational antisense oligonucleotide for seizures in SCN2A-DEE caused by gain-of-function variants."
 ledger={["FDA BREAKTHROUGH THERAPY", "ANNOUNCED 22 JUNE 2026", "INVESTIGATIONAL · NOT APPROVED"]}
 navigate={navigate}
 />
 <Breadcrumbs items={[{ label: 'Blogs & news', to: 'news' }, { label: 'Elsunersen FDA Breakthrough Therapy' }]} navigate={navigate} />

 <section style={{ background: '#fff', padding: '40px 0 0' }}>
 <div className="container">
 <div style={{ display: 'flex', alignItems: 'center', gap: 12, flexWrap: 'wrap' }}>
 <span className="chip">News</span>
 <span style={{ fontSize: 13, color: '#6B6659' }}>23 June 2026 · Source: Praxis Precision Medicines, 22 June 2026</span>
 </div>
 </div>
 </section>

 <ProseSection>
 <p>The US Food and Drug Administration has granted Breakthrough Therapy Designation to elsunersen (PRAX-222), an investigational treatment for seizures associated with SCN2A developmental and epileptic encephalopathy (SCN2A-DEE) caused by gain-of-function variants. Praxis Precision Medicines announced the designation on 22 June 2026.</p>

 <p>Elsunersen is an antisense oligonucleotide (ASO) designed to reduce SCN2A gene expression, targeting the underlying cause of the condition rather than the symptoms alone.</p>

 <p>The designation was based on results from the EMBRAVE Part A trial, a randomised, sham-controlled Phase 1/2 study in nine children aged 2 to 12 with early-seizure-onset SCN2A-DEE.</p>
 </ProseSection>

 <section style={{ background: '#E8E3DA', borderTop: '2px solid #4A7EC7', padding: '56px 0' }}>
 <div className="container">
 <SectionHeading
 eyebrow="EMBRAVE Part A results"
 title="What the trial reported."
 kicker="Reported results from the randomised, sham-controlled Phase 1/2 study that supported the designation."
 />
 <div style={{ marginTop: 36, display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: 24 }} className="stack-mobile-2">
 {[
 { fig: '77%', l: 'Sham-adjusted reduction in monthly seizures', n: 'from baseline (p=0.015)' },
 { fig: '71%', l: 'Achieved a >50% reduction in seizures', n: 'among treated children' },
 { fig: '57%', l: 'Reached at least 28 days of seizure freedom', n: 'across the six-month treatment period' },
 { fig: '1 yr', l: 'Benefit sustained in open-label extension', n: 'for up to one year' },
 ].map((s) => (
 <div key={s.l}>
 <div style={{ fontSize: 'clamp(40px, 5vw, 56px)', fontWeight: 800, color: '#0D1B2A', lineHeight: 0.95, letterSpacing: '-0.03em' }}>{s.fig}</div>
 <div style={{ marginTop: 14, fontSize: 15.5, fontWeight: 700, color: '#0D1B2A', lineHeight: 1.3 }}>{s.l}</div>
 <div style={{ marginTop: 4, fontSize: 13, color: '#6B6659', lineHeight: 1.45 }}>{s.n}</div>
 </div>
 ))}
 </div>
 </div>
 </section>

 <ProseSection>
 <p>Improvements across sleep, motor function, muscle tone, attention or neuropsychomotor development were reported in all treated children and none of those on sham.</p>

 <p>Praxis reported that elsunersen was well tolerated, with no drug-related serious adverse events, no discontinuations, and no neuroinflammation signals at doses up to 8 mg. Most adverse events were mild to moderate.</p>

 <p>Elsunersen now holds Breakthrough Therapy, Orphan Drug and Rare Pediatric Disease designations from the FDA, and Orphan Drug and PRIME designations from the European Medicines Agency.</p>

 <h3>The pivotal EMBRAVE3 study</h3>
 <p>The pivotal EMBRAVE3 study is enrolling around 30 patients under a single-arm, baseline-controlled design. All participants receive elsunersen for 24 weeks, followed by a further 24-week extension. The primary analysis measures the change from baseline in countable motor seizures. The programme is being run in collaboration with Ionis Pharmaceuticals and RogCon.</p>
 </ProseSection>

 <section style={{ background: '#F7F4F0', padding: '8px 0 48px' }}>
 <div className="container">
 <SafetyCallout label="Important">
 Elsunersen is investigational. It has not been approved by any regulator, including the Therapeutic Goods Administration (TGA), and is not available outside the clinical trial. Breakthrough Therapy Designation is a pathway intended to expedite development and review; it is not an approval. This post is a research update, not medical advice.
 </SafetyCallout>
 </div>
 </section>

 <section style={{ background: '#fff', padding: '0 0 72px' }}>
 <div className="container">
 <ResourceList
 title="Source"
 items={[{
 label: 'Praxis Precision Medicines press release, 22 June 2026',
 body: 'Praxis Precision Medicines Receives FDA Breakthrough Therapy Designation',
 url: 'https://investors.praxismedicines.com/news-releases/news-release-details/praxis-precision-medicines-receives-fda-breakthrough-therapy-0',
 }]}
 />
 </div>
 </section>

 <CTABlock
 eyebrow="Stay informed"
 title="We share research milestones as they happen, in plain language for families."
 body="Subscribe for updates, or explore current clinical trials and research opportunities relevant to the SCN2A community."
 ctaLabel="Subscribe for updates"
 onCta={() => navigate('contact')}
 secondaryLabel="Explore clinical trials"
 onSecondary={() => navigate('trials')}
 />

 <RelatedPages
 items={[
 { label: 'Clinical trials', to: 'trials' },
 { label: 'Research opportunities', to: 'research' },
 { label: 'SCN2A-related disorders', to: 'scn2a-disorders' },
 { label: 'Genetics & diagnosis', to: 'genetics' },
 ]}
 navigate={navigate}
 />
 </div>
 );
}

function ContactPage({ navigate }) {
 const [sent, setSent] = React.useState(false);
 const [kind, setKind] = React.useState('Family member');
 const inputStyle = { fontFamily: 'inherit', fontSize: 15, padding: '13px 15px', border: '1.5px solid #D5CFBF', outline: 'none', color: '#0D1B2A', background: '#fff', borderRadius: 0 };
 return (
 <div data-screen-label="Contact">
 <PageHero
 eyebrow="Contact"
 title="Get in touch."
 body="Family enquiries: five working days. Media: one working day. Partnership: five working days. We acknowledge every message we receive."
 ledger={["GENERAL · info@scn2aaustralia.org", "ADMIN, MEDIA & PARTNERSHIPS · admin@scn2aaustralia.org"]}
 navigate={navigate}
 />
 <Breadcrumbs items={[{ label: 'Contact' }]} navigate={navigate} />

 <section style={{ background: '#fff', padding: '64px 0 96px' }}>
 <div className="container">
 <div style={{ display: 'grid', gridTemplateColumns: '1.4fr 1fr', gap: 56, alignItems: 'start' }} className="stack-mobile">
 <form onSubmit={(e)=>{e.preventDefault();setSent(true);}}
 style={{ background: '#fff', border: '1px solid #D5CFBF', padding: '32px 36px', display: 'flex', flexDirection: 'column', gap: 18 }}>
 {sent && <Callout kind="definition" label="Thanks">Your message is with us. We'll be in touch within five working days. For urgent matters, call TIS National 131 450 to be connected.</Callout>}
 <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 14 }} className="stack-mobile">
 <label style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
 <span style={{ fontWeight: 600, fontSize: 13 }}>Full name</span>
 <input style={inputStyle} placeholder="Anna Singh" />
 </label>
 <label style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
 <span style={{ fontWeight: 600, fontSize: 13 }}>Email</span>
 <input type="email" style={inputStyle} placeholder="anna@example.org" />
 </label>
 </div>
 <label style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
 <span style={{ fontWeight: 600, fontSize: 13 }}>I'm contacting you as a…</span>
 <div style={{ display: 'flex', gap: 8, flexWrap: 'wrap' }}>
 {['Family member','Healthcare professional','Researcher','Policymaker','Media','Partner','Other'].map(s => (
 <button key={s} type="button" onClick={()=>setKind(s)}
 style={{
 fontFamily: 'inherit', fontSize: 13, fontWeight: 600,
 padding: '9px 14px',
 background: kind === s ? '#0D1B2A' : '#fff',
 color: kind === s ? '#fff' : '#0D1B2A',
 border: '1.5px solid #0D1B2A',
 cursor: 'pointer',
 borderRadius: 0,
 }}>{s}</button>
 ))}
 </div>
 </label>
 <label style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
 <span style={{ fontWeight: 600, fontSize: 13 }}>State / territory <span style={{ fontWeight: 400, color: '#6B6659' }}>(optional)</span></span>
 <select style={inputStyle} defaultValue="">
 <option value="">Prefer not to say</option>
 {['NSW','VIC','QLD','WA','SA','TAS','ACT','NT','International'].map(s => <option key={s}>{s}</option>)}
 </select>
 </label>
 <label style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
 <span style={{ fontWeight: 600, fontSize: 13 }}>Your message</span>
 <textarea rows="5" style={{ ...inputStyle, resize: 'vertical' }} placeholder="Tell us what you'd like to discuss. Short is fine, we'll follow up."></textarea>
 </label>
 <label style={{ display: 'flex', alignItems: 'flex-start', gap: 10, cursor: 'pointer', fontSize: 13, color: '#6B6659', lineHeight: 1.55 }}>
 <input type="checkbox" style={{ marginTop: 3, accentColor: '#0D1B2A' }} />
 <span>I'd like to receive the monthly newsletter. <a href="#" className="link">Read the privacy notice <i data-lucide="arrow-right" style={{ width: 14, height: 14, marginLeft: 4, verticalAlign: '-2px' }} /></a></span>
 </label>
 <div style={{ display: 'flex', justifyContent: 'flex-end' }}>
 <Button type="submit">Send message <i data-lucide="arrow-right" style={{ width: 14, height: 14, marginLeft: 4, verticalAlign: '-2px' }} /></Button>
 </div>
 </form>
 <aside style={{ display: 'flex', flexDirection: 'column', gap: 24 }}>
 {[
 { eye: 'General enquiries', val: 'info@scn2aaustralia.org' },
 { eye: 'Admin, media & partnerships', val: 'admin@scn2aaustralia.org' },
 ].map((c, i) => (
 <div key={i}>
 <div className="eyebrow" style={{ color: '#0D1B2A' }}>{c.eye}</div>
 <div style={{ fontSize: 17, marginTop: 4, fontWeight: 600 }}>{c.val}</div>
 </div>
 ))}
 <div style={{ padding: 18, background: '#E8E3DA', borderLeft: '4px solid #8E3B5E', fontSize: 13.5, lineHeight: 1.55 }}>
 <strong>Need an interpreter?</strong><br />
 Call <span className="ledger-mono">TIS National 131 450</span> and ask to be connected to SCN2A Australia.
 </div>
 <div style={{ padding: 18, background: '#F7F4F0', borderLeft: '4px solid #0D1B2A', fontSize: 13.5, lineHeight: 1.55 }}>
 <strong>In crisis right now?</strong><br />
 We are not a crisis service. Call Lifeline <span className="ledger-mono">13 11 14</span> or go to your nearest emergency department.
 </div>
 </aside>
 </div>
 </div>
 </section>
 </div>
 );
}

Object.assign(window, { ResourcesPage, NewsPage, EpilepsyInquiryPage, ElsunersenBreakthroughPage, ContactPage });
