function BlogNav(){
return <nav style={{display:'flex',alignItems:'center',justifyContent:'space-between',padding:'0 40px',height:64,borderBottom:'1px solid var(--border-default)',position:'sticky',top:0,background:'var(--bg-0)',zIndex:10}}>
<a href="index.html" style={{display:'flex',alignItems:'center',gap:10,color:'var(--text-body)',textDecoration:'none'}}><img src="assets/logo.svg" width="22" height="22" alt="HelixCyber"/><span style={{fontFamily:'var(--font-mono)',fontSize:14,fontWeight:500,letterSpacing:'-.02em'}}>HELIXCYBER</span></a>
<div style={{display:'flex',alignItems:'center',gap:22,fontSize:13}}>
<a href="services.html" style={{color:'var(--text-muted)',textDecoration:'none'}}>Services</a>
<a href="models.html" style={{color:'var(--text-muted)',textDecoration:'none'}}>Models</a>
<a href="compliance.html" style={{color:'var(--text-muted)',textDecoration:'none'}}>Compliance</a>
<a href="blog.html" style={{color:'var(--text-body)',textDecoration:'none',fontWeight:600}}>Notes</a>
<a href="faq.html" style={{color:'var(--text-muted)',textDecoration:'none'}}>FAQ</a>
</div></nav>;
}
function BlogFoot(){
return <footer style={{padding:'32px 40px',borderTop:'1px solid var(--border-subtle)',marginTop:96,display:'flex',alignItems:'center',justifyContent:'space-between',fontSize:12,color:'var(--text-faint)'}}>
<div style={{display:'flex',alignItems:'center',gap:10}}><img src="assets/logo.svg" width="16" height="16" alt="HelixCyber"/><span>© 2026 HelixCyber</span></div>
<a href="mailto:contact@helixcyber.ai" style={{color:'var(--text-faint)'}}>contact@helixcyber.ai</a></footer>;
}
function P({children}){return <p style={{fontSize:14,lineHeight:1.75,color:'var(--text-muted)',margin:'0 0 18px'}}>{children}</p>;}
function H2({children}){return <h2 style={{fontSize:20,fontWeight:700,color:'var(--text-body)',margin:'44px 0 14px'}}>{children}</h2>;}
function H3({children}){return <h3 style={{fontSize:15,fontWeight:600,color:'var(--text-body)',margin:'28px 0 10px'}}>{children}</h3>;}
function Callout({children}){return <div style={{margin:'22px 0',padding:'14px 18px',background:'var(--bg-1)',border:'1px solid var(--border-default)',borderLeft:'3px solid var(--brand)',borderRadius:'var(--radius-1)',fontSize:13,color:'var(--text-body)',lineHeight:1.65}}>{children}</div>;}
function Code({lang,children}){return <div style={{margin:'22px 0',border:'1px solid var(--border-default)',borderRadius:'var(--radius-2)',overflow:'hidden',background:'var(--bg-1)'}}>
<div style={{display:'flex',justifyContent:'space-between',padding:'8px 14px',borderBottom:'1px solid var(--border-subtle)',fontSize:10,letterSpacing:'.08em',color:'var(--text-faint)'}}><span>{lang}</span></div>
<pre style={{margin:0,padding:'16px 18px',fontFamily:'var(--font-mono)',fontSize:12.5,lineHeight:1.65,color:'var(--text-body)',overflowX:'auto',whiteSpace:'pre'}}>{children}</pre>
</div>;}
function Ul({items}){return <ul style={{margin:'0 0 18px',paddingLeft:18,color:'var(--text-muted)',fontSize:14,lineHeight:1.75}}>{items.map(x=><li key={x} style={{marginBottom:6}}>{x}</li>)}</ul>;}
function Related({items}){return <div style={{marginTop:56,borderTop:'1px solid var(--border-default)',paddingTop:24}}>
<div style={{fontFamily:'var(--font-mono)',fontSize:11,letterSpacing:'.1em',color:'var(--text-faint)',marginBottom:14}}>RELATED</div>
<ol style={{margin:0,paddingLeft:20,display:'flex',flexDirection:'column',gap:8,fontSize:13,color:'var(--text-muted)'}}>
{items.map(([href,t])=><li key={href}><a href={href}>{t}</a></li>)}
</ol></div>;}
function PostHead({cat,date,title,lede}){return <>
<div style={{fontFamily:'var(--font-mono)',fontSize:11,letterSpacing:'.1em',color:'var(--brand)',marginBottom:16}}>{cat} · {date}</div>
<h1 style={{fontSize:'var(--text-2xl)',fontWeight:700,lineHeight:1.2,margin:'0 0 12px'}}>{title}</h1>
<div style={{fontSize:15,color:'var(--text-faint)',marginBottom:40,lineHeight:1.6}}>{lede}</div>
</>;}
function mountPost(){
function Page(){
const A=window.Article;
return <div>
<BlogNav/>
<div style={{padding:'64px 40px 0'}}>
<div style={{maxWidth:720,margin:'0 auto 24px'}}><a href="blog.html" style={{fontSize:12,color:'var(--text-muted)'}}>← Notes</a></div>
<article style={{maxWidth:720,margin:'0 auto'}}><A/></article>
</div>
<BlogFoot/>
</div>;
}
window.Page=Page;
}
window.BlogNav=BlogNav;window.BlogFoot=BlogFoot;
window.P=P;window.H2=H2;window.H3=H3;window.Callout=Callout;window.Code=Code;window.Ul=Ul;window.Related=Related;window.PostHead=PostHead;window.mountPost=mountPost;
