/* Shared styles for all individual preprint pages.
   In production, move this into a <link rel="stylesheet">.
   Here it's inlined per-page so each file is self-contained for preview. */

:root {
  --bg-deep:#04060e; --bg-base:#080d1c; --bg-surface:#0f1530; --bg-card:#141a38;
  --border:#1a2348; --border-light:#233060;
  --text-primary:#e8ecf4; --text-secondary:#a0a9c0; --text-muted:#8e99b8;
  --accent:#34d399; --accent-teal:#28d4b4; --accent-glow:rgba(52,211,153,.12); --warm:#f59e0b;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%}
body{background:var(--bg-deep);color:var(--text-primary);font-family:'Outfit',sans-serif;font-weight:300;line-height:1.65;-webkit-font-smoothing:antialiased}

/* Navigation (identical to main site) */
.site-nav{position:fixed;top:0;left:0;right:0;height:56px;background:rgba(4,6,14,.95);border-bottom:1px solid var(--border);backdrop-filter:blur(4px);z-index:1000}
.nav-container{max-width:1100px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}
.nav-brand{font-family:'Syne',sans-serif;font-size:16px;font-weight:700;color:var(--text-primary);text-decoration:none}
.nav-menu{display:flex;align-items:center;gap:8px}
.nav-item{display:flex;align-items:center;gap:6px;padding:8px 16px;color:var(--text-secondary);text-decoration:none;background:none;border:none;font-family:'Outfit',sans-serif;font-size:14px;cursor:pointer;transition:color .2s}
.nav-item:hover,.nav-item.active{color:var(--accent)}
.nav-dropdown{position:relative}
.nav-dropdown-trigger{cursor:pointer}
.arrow{font-size:10px;display:inline-block;transition:transform .2s}
.dropdown-panel{position:absolute;top:56px;left:0;background:rgba(8,13,28,.98);border:1px solid var(--border);border-radius:6px;padding:8px;min-width:180px;opacity:0;pointer-events:none;transition:opacity .2s;backdrop-filter:blur(4px)}
.nav-dropdown:hover .dropdown-panel{opacity:1;pointer-events:auto}
.nav-dropdown:hover .nav-dropdown-trigger .arrow{transform:rotate(180deg)}
.dropdown-panel a{display:block;padding:10px 16px;color:var(--text-secondary);text-decoration:none;font-size:14px;border-radius:4px;transition:background-color .2s,color .2s}
.dropdown-panel a:hover{background:rgba(52,211,153,.1);color:var(--accent)}
.dropdown-panel a.active{background:rgba(52,211,153,.15);color:var(--accent)}
.nav-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:20px;cursor:pointer}
@media(max-width:768px){
  .nav-toggle{display:block}
  .nav-menu{position:absolute;top:56px;left:0;right:0;background:rgba(8,13,28,.98);flex-direction:column;gap:0;padding:12px 0;max-height:0;overflow:hidden;transition:max-height .3s;border-bottom:1px solid var(--border)}
  .nav-menu.active{max-height:500px}
  .nav-item{width:100%;padding:12px 24px;border-radius:0}
  .nav-dropdown{width:100%}
  .dropdown-panel{position:static;opacity:0;pointer-events:none;max-height:0;overflow:hidden;transition:all .2s;border:none;background:rgba(15,21,48,.8);border-radius:0}
  .nav-dropdown.active .dropdown-panel{opacity:1;pointer-events:auto;max-height:300px}
  .dropdown-panel a{padding-left:40px}
}

main{padding-top:56px}
.container{max-width:920px;margin:0 auto;padding:0 24px}
.container-wide{max-width:1100px;margin:0 auto;padding:0 24px}

/* Breadcrumb */
.crumb{padding:24px 0 0;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}
.crumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}
.crumb a:hover{color:var(--accent)}
.crumb .sep{margin:0 8px;color:var(--border-light)}

/* Paper hero */
.paper-hero{padding:28px 0 40px}
.paper-hero .hero-img{border-radius:14px;overflow:hidden;border:1px solid var(--border);background:#0a0f1a;margin-bottom:36px}
.paper-hero .hero-img img{width:100%;height:auto;display:block}
.paper-hero .num-eyebrow{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--accent-teal);letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px}
.paper-hero h1{font-family:'Syne',sans-serif;font-size:46px;font-weight:800;line-height:1.15;margin-bottom:14px}
.paper-hero .subtitle{font-size:20px;color:var(--text-secondary);line-height:1.5;margin-bottom:28px}
.paper-hero .facts{display:flex;flex-wrap:wrap;gap:16px;padding:18px 22px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);align-items:center;font-size:14px}
.paper-hero .facts .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-family:'JetBrains Mono',monospace;margin-right:6px}
.paper-hero .facts .val{color:var(--text-primary)}
.paper-hero .facts .sep{width:1px;height:16px;background:var(--border-light)}
.paper-hero .facts a{color:var(--accent);text-decoration:none}
.paper-hero .facts a:hover{text-decoration:underline}
.paper-hero .pill{display:inline-block;font-family:'Outfit',sans-serif;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:3px 9px;border-radius:99px;background:rgba(245,158,11,.12);color:var(--warm);border:1px solid rgba(245,158,11,.3)}

/* Section headings */
section h2.sh{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:18px;display:flex;align-items:center;gap:12px}
section h2.sh:before{content:"";display:inline-block;width:24px;height:2px;background:var(--accent-teal)}

/* Abstract */
.abstract{padding:12px 0 24px}
.abstract p{color:var(--text-secondary);font-size:17px;line-height:1.75;margin-bottom:16px}
.abstract p:first-of-type:first-letter{color:var(--accent-teal);font-family:'Syne',sans-serif;font-size:52px;font-weight:800;float:left;line-height:.9;padding:6px 12px 0 0}

/* Media blocks (video + podcast) */
.media-block{padding:40px 0}
.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:820px){.media-grid{grid-template-columns:1fr}}
.media-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.media-card .label-row{padding:14px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);font-family:'Outfit',sans-serif;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.media-card .label-row .dot{width:7px;height:7px;border-radius:50%;background:var(--accent-teal)}
.media-card .frame{position:relative;width:100%;padding-bottom:56.25%}
.media-card .frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.media-card.podcast .frame{padding-bottom:0;height:200px}
.media-card.pending{display:flex;align-items:center;justify-content:center;min-height:280px;color:var(--text-muted);font-size:14px;padding:24px;text-align:center}

/* Infographic */
.infographic{padding:40px 0}
.infographic .wrap{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#0a0f1a}
.infographic img{width:100%;height:auto;display:block}
.infographic .caption{margin-top:12px;font-size:13px;color:var(--text-muted);font-family:'JetBrains Mono',monospace}
.infographic .placeholder{padding:60px 28px;text-align:center;border:1px dashed var(--border-light);border-radius:12px;background:rgba(20,26,56,.3);color:var(--text-muted);font-size:14px;line-height:1.7}
.infographic .placeholder strong{color:var(--text-secondary);display:block;margin-bottom:6px;font-family:'Syne',sans-serif;font-size:15px}

/* Key findings */
.findings{padding:40px 0}
.findings ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:700px){.findings ul{grid-template-columns:1fr}}
.findings li{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px 22px;font-size:15px;color:var(--text-secondary);line-height:1.55;position:relative;padding-left:52px}
.findings li:before{content:"";position:absolute;left:22px;top:24px;width:18px;height:18px;border-radius:50%;background:rgba(52,211,153,.12);border:1px solid var(--accent-teal)}
.findings li:after{content:"";position:absolute;left:28px;top:30px;width:6px;height:6px;border-radius:50%;background:var(--accent-teal)}

/* Callout / CTA for Zenodo */
.download-row{display:flex;flex-wrap:wrap;gap:12px;padding:12px 0 32px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:8px;font-family:'Outfit',sans-serif;font-size:14px;font-weight:500;text-decoration:none;border:1px solid;cursor:pointer;transition:all .2s}
.btn-primary{background:var(--accent);color:var(--bg-deep);border-color:var(--accent)}
.btn-primary:hover{background:#2ebd99;border-color:#2ebd99;transform:translateY(-1px)}
.btn-secondary{background:transparent;color:var(--accent);border-color:rgba(52,211,153,.35)}
.btn-secondary:hover{background:rgba(52,211,153,.08);border-color:var(--accent)}

/* Citation */
.citation{padding:40px 0}
.citation .box{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:22px;position:relative}
.citation pre{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:16px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}
.copy-btn{position:absolute;top:16px;right:16px;padding:8px 12px;background:rgba(52,211,153,.18);border:1px solid rgba(52,211,153,.3);border-radius:4px;color:var(--accent);font-family:'Outfit',sans-serif;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s}
.copy-btn:hover{background:rgba(52,211,153,.3);border-color:var(--accent)}

/* Related papers */
.related{padding:40px 0 60px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.related-grid{grid-template-columns:1fr}}
.related-card{display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden;text-decoration:none;color:var(--text-primary);transition:all .2s}
.related-card:hover{border-color:rgba(52,211,153,.35);transform:translateY(-2px)}
.related-card .thumb{aspect-ratio:2400/1260;background:#0a0f1a;overflow:hidden}
.related-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.related-card .body{padding:16px}
.related-card .n{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent-teal);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.related-card h4{font-family:'Syne',sans-serif;font-size:15px;font-weight:600;line-height:1.3}

/* Footer (unchanged from main site) */
.site-footer{background:var(--bg-deep);padding:64px 0 32px;border-top:1px solid var(--border);margin-top:48px}
.footer-grid{max-width:1100px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.footer-col h4{font-family:'Outfit',sans-serif;font-size:.75rem;font-weight:500;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem}
.footer-col a{display:block;color:var(--text-secondary);text-decoration:none;font-family:'Outfit',sans-serif;font-size:.9rem;padding:.3rem 0;transition:color .2s}
.footer-col a:hover{color:var(--accent)}
.footer-col .badge-soon{font-size:.65rem;background:var(--bg-card);color:var(--text-muted);padding:2px 8px;border-radius:4px;margin-left:8px}
.footer-bottom{max-width:1100px;margin:32px auto 0;padding:24px 24px 0;border-top:1px solid var(--border);text-align:center}
.footer-bottom p{color:var(--text-muted);font-size:.85rem;font-family:'Outfit',sans-serif}
@media(max-width:768px){.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}

@media(max-width:768px){
  .paper-hero h1{font-size:32px}
  .paper-hero .subtitle{font-size:17px}
  .abstract p{font-size:16px}
}