/*
Theme Name: AI Peer Reviewed Full
Theme URI: https://aipeerreviewed.com
Author: AI Peer Reviewed
Description: Five-lab AI peer review landing page and journal submission theme.
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600&family=Inter:wght@300;400;500&display=swap');

:root{
  --color-background-primary:#ffffff;
  --color-background-secondary:#f8fafc;
  --color-text-primary:#111827;
  --color-text-secondary:#64748b;
  --color-border-primary:#94a3b8;
  --color-border-secondary:#cbd5e1;
  --color-border-tertiary:#e2e8f0;
}

*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Inter',sans-serif;background:var(--color-background-primary);color:var(--color-text-primary);font-size:14px;line-height:1.6;}
button,input,select,textarea{font-family:inherit;}

.ai-nav{display:flex;align-items:center;justify-content:space-between;padding:13px 24px;border-bottom:0.5px solid var(--color-border-tertiary);}
.logo{font-family:'Syne',sans-serif;font-size:16px;font-weight:600;letter-spacing:-0.3px;}
.logo span{color:#185FA5;}
.nav-links{display:flex;gap:22px;font-size:13px;}
.nav-links a{cursor:pointer;color:var(--color-text-secondary);text-decoration:none;}
.nav-links a:hover{color:var(--color-text-primary);}
.nav-cta{font-size:12px;font-weight:500;background:var(--color-text-primary);color:var(--color-background-primary);border:none;border-radius:6px;padding:7px 15px;cursor:pointer;font-family:'Syne',sans-serif;letter-spacing:0.01em;}

.tab-row{display:flex;border-bottom:0.5px solid var(--color-border-tertiary);padding:0 24px;background:var(--color-background-secondary);overflow-x:auto;}
.tab{font-size:12px;padding:9px 14px;cursor:pointer;color:var(--color-text-secondary);border-bottom:2px solid transparent;margin-bottom:-0.5px;font-family:'Syne',sans-serif;font-weight:500;white-space:nowrap;}
.tab.active{color:var(--color-text-primary);border-bottom-color:#185FA5;}

.page{display:none;}
.page.active{display:block;}

.hero{padding:48px 24px 40px;border-bottom:0.5px solid var(--color-border-tertiary);}
.hero-inner{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:start;max-width:780px;}
.eyebrow{font-family:'Syne',sans-serif;font-size:11px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:#185FA5;margin-bottom:14px;}
.hero h1{font-family:'Syne',sans-serif;font-size:36px;font-weight:600;line-height:1.15;letter-spacing:-0.8px;margin-bottom:14px;}
.hero-sub{font-size:14px;color:var(--color-text-secondary);line-height:1.7;margin-bottom:26px;max-width:400px;}
.btn-row{display:flex;gap:10px;flex-wrap:wrap;}
.btn-p{font-family:'Syne',sans-serif;font-size:12px;font-weight:500;background:#185FA5;color:#e8f0f8;border:none;border-radius:6px;padding:10px 20px;cursor:pointer;letter-spacing:0.02em;}
.btn-p:hover{background:#0C447C;}
.btn-s{font-family:'Syne',sans-serif;font-size:12px;font-weight:500;background:transparent;color:var(--color-text-primary);border:0.5px solid var(--color-border-secondary);border-radius:6px;padding:10px 20px;cursor:pointer;}
.btn-s:hover{background:var(--color-background-secondary);}

.panel-preview{background:var(--color-background-secondary);border:0.5px solid var(--color-border-tertiary);border-radius:12px;padding:16px;overflow:hidden;}
.pp-header{font-family:'Syne',sans-serif;font-size:10px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:12px;}
.reviewer-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:0.5px solid var(--color-border-tertiary);}
.reviewer-row:last-of-type{border-bottom:none;}
.r-flag{font-size:15px;width:22px;text-align:center;flex-shrink:0;}
.r-info{flex:1;}
.r-name{font-family:'Syne',sans-serif;font-size:12px;font-weight:600;color:var(--color-text-primary);}
.r-lab{font-size:11px;color:var(--color-text-secondary);}
.r-right{text-align:right;}
.r-score{font-family:'Syne',sans-serif;font-size:13px;font-weight:600;}
.r-verdict{font-size:10px;margin-top:1px;}
.s-accept{color:#1D9E75;} .s-revise{color:#BA7517;} .s-reject{color:#D85A30;}
.consensus{margin-top:10px;background:var(--color-background-primary);border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border:0.5px solid var(--color-border-tertiary);}
.c-label{font-size:11px;color:var(--color-text-secondary);}
.c-val{font-family:'Syne',sans-serif;font-size:13px;font-weight:600;color:var(--color-text-primary);}
.c-badge{font-size:10px;background:#FAEEDA;color:#854F0B;padding:3px 8px;border-radius:20px;font-weight:500;margin-top:2px;}

.lanes-wrap{padding:32px 24px;border-bottom:0.5px solid var(--color-border-tertiary);}
.section-label{font-family:'Syne',sans-serif;font-size:11px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:16px;}
.lanes{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.lane{border-radius:12px;padding:22px;border:0.5px solid var(--color-border-tertiary);background:var(--color-background-primary);}
.lane.featured{border:1.5px solid #185FA5;background:var(--color-background-primary);}
.lane-tag{font-family:'Syne',sans-serif;font-size:10px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;padding:4px 10px;border-radius:20px;display:inline-block;margin-bottom:12px;}
.lt-paid{background:#E6F1FB;color:#185FA5;}
.lt-free{background:#E1F5EE;color:#0F6E56;}
.lane h2{font-family:'Syne',sans-serif;font-size:17px;font-weight:600;margin-bottom:8px;letter-spacing:-0.2px;}
.lane-desc{font-size:13px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:16px;}
.fl{list-style:none;margin-bottom:18px;}
.fl li{font-size:13px;color:var(--color-text-secondary);padding:6px 0;border-bottom:0.5px solid var(--color-border-tertiary);display:flex;gap:8px;align-items:flex-start;}
.fl li:first-child{border-top:0.5px solid var(--color-border-tertiary);}
.fck{width:14px;height:14px;border-radius:50%;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;}
.fck-b{background:#B5D4F4;color:#042C53;}
.fck-g{background:#9FE1CB;color:#04342C;}
.fck-n{background:var(--color-background-secondary);color:var(--color-text-secondary);}
.lane-price{font-family:'Syne',sans-serif;font-size:20px;font-weight:600;margin-bottom:14px;}
.lane-price small{font-size:13px;font-weight:400;color:var(--color-text-secondary);font-family:'Inter',sans-serif;}
.lbtn{width:100%;padding:9px;border-radius:8px;font-family:'Syne',sans-serif;font-size:12px;font-weight:500;cursor:pointer;letter-spacing:0.02em;}
.lbtn-p{background:#185FA5;color:#e8f0f8;border:none;}
.lbtn-p:hover{background:#0C447C;}
.lbtn-s{background:transparent;color:var(--color-text-primary);border:0.5px solid var(--color-border-secondary);}
.lbtn-s:hover{background:var(--color-background-secondary);}

.steps-wrap{padding:32px 24px;border-bottom:0.5px solid var(--color-border-tertiary);background:var(--color-background-secondary);}
.steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.steps-col h3{font-family:'Syne',sans-serif;font-size:11px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:14px;padding-bottom:8px;border-bottom:0.5px solid var(--color-border-tertiary);}
.step{display:flex;gap:12px;margin-bottom:14px;}
.sn{font-family:'Syne',sans-serif;font-size:11px;font-weight:500;color:var(--color-text-secondary);width:20px;flex-shrink:0;padding-top:1px;}
.st{font-size:13px;color:var(--color-text-secondary);line-height:1.55;}
.st strong{color:var(--color-text-primary);font-weight:500;}

.rpage,.spage,.jpage{padding:24px;}
.page-ey{font-family:'Syne',sans-serif;font-size:10px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:#D85A30;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
.page-ey::before{content:'';width:16px;height:1.5px;background:currentColor;display:block;}
.page-h{font-family:'Syne',sans-serif;font-size:24px;font-weight:600;letter-spacing:-0.4px;margin-bottom:6px;}
.page-sub{font-size:13px;color:var(--color-text-secondary);line-height:1.65;margin-bottom:22px;max-width:540px;}
.upload-box{border:0.5px dashed var(--color-border-secondary);border-radius:12px;padding:28px;text-align:center;background:var(--color-background-secondary);margin-bottom:22px;}
.ub-t{font-family:'Syne',sans-serif;font-size:14px;font-weight:500;margin-bottom:4px;}
.ub-s{font-size:12px;color:var(--color-text-secondary);margin-bottom:14px;}
.sample-label{font-family:'Syne',sans-serif;font-size:10px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:12px;}
.report{border:0.5px solid var(--color-border-tertiary);border-radius:12px;overflow:hidden;}
.report-head{padding:14px 18px;background:var(--color-background-secondary);border-bottom:0.5px solid var(--color-border-tertiary);display:flex;justify-content:space-between;align-items:flex-start;gap:12px;}
.rh-title{font-family:'Syne',sans-serif;font-size:14px;font-weight:500;line-height:1.3;}
.rh-meta{font-size:11px;color:var(--color-text-secondary);margin-top:3px;}
.vp{font-size:11px;font-weight:500;padding:5px 12px;border-radius:20px;flex-shrink:0;font-family:'Syne',sans-serif;}
.vp-r{background:#FAEEDA;color:#854F0B;}
.report-body{padding:18px;}
.model-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px;}
.mg{background:var(--color-background-secondary);border-radius:10px;padding:12px 10px;border:0.5px solid var(--color-border-tertiary);}
.mg-flag{font-size:16px;margin-bottom:5px;}
.mg-name{font-family:'Syne',sans-serif;font-size:11px;font-weight:600;color:var(--color-text-primary);}
.mg-lab{font-size:10px;color:var(--color-text-secondary);margin-bottom:8px;}
.mg-scores{display:flex;flex-direction:column;gap:3px;margin-bottom:8px;}
.mg-row{display:flex;justify-content:space-between;font-size:11px;}
.mg-dim{color:var(--color-text-secondary);}
.mg-v{font-family:'Syne',sans-serif;font-weight:500;}
.vg{color:#1D9E75;} .va{color:#BA7517;} .vr{color:#D85A30;}
.mg-pill{font-size:10px;font-weight:500;padding:3px 8px;border-radius:20px;text-align:center;font-family:'Syne',sans-serif;}
.mgp-a{background:#EAF3DE;color:#3B6D11;}
.mgp-r{background:#FAEEDA;color:#854F0B;}
.cons-row{background:var(--color-background-secondary);border-radius:10px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;border:0.5px solid var(--color-border-tertiary);}
.cr-label{font-size:11px;color:var(--color-text-secondary);margin-bottom:2px;}
.cr-val{font-family:'Syne',sans-serif;font-size:14px;font-weight:600;}
.cr-score{font-family:'Syne',sans-serif;font-size:26px;font-weight:600;color:#185FA5;}
.div{height:0.5px;background:var(--color-border-tertiary);margin:14px 0;}
.fb{display:flex;gap:10px;margin-bottom:12px;}
.fbi{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-top:1px;}
.fbi-ok{background:#C0DD97;color:#173404;}
.fbi-w{background:#FAC775;color:#412402;}
.fb-lbl{font-family:'Syne',sans-serif;font-size:11px;font-weight:500;margin-bottom:2px;}
.fb-txt{font-size:12px;color:var(--color-text-secondary);line-height:1.55;}
.verdict-box{background:#FAEEDA;border-radius:10px;padding:13px 15px;margin-top:4px;}
.vb-h{font-family:'Syne',sans-serif;font-size:11px;font-weight:500;color:#854F0B;margin-bottom:4px;}
.vb-t{font-size:12px;color:#633806;line-height:1.6;}
.lock{display:flex;align-items:center;gap:8px;background:var(--color-background-secondary);border-radius:8px;padding:10px 13px;font-size:12px;color:var(--color-text-secondary);margin-top:12px;border:0.5px solid var(--color-border-tertiary);}

.xlink{display:flex;align-items:center;justify-content:space-between;background:var(--color-background-secondary);border-radius:8px;padding:10px 14px;font-size:13px;color:var(--color-text-secondary);margin-bottom:20px;border:0.5px solid var(--color-border-tertiary);}
.xlink-a{font-family:'Syne',sans-serif;font-size:12px;font-weight:500;color:#185FA5;cursor:pointer;}
.form-wrap{max-width:520px;display:flex;flex-direction:column;gap:13px;}
.flbl{font-family:'Syne',sans-serif;font-size:10px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-secondary);display:block;margin-bottom:5px;}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
input,select,textarea{width:100%;padding:9px 12px;border:0.5px solid var(--color-border-secondary);border-radius:8px;background:var(--color-background-primary);color:var(--color-text-primary);font-family:'Inter',sans-serif;font-size:13px;outline:none;}
textarea{height:88px;resize:vertical;}
.ai-note{background:var(--color-background-secondary);border-radius:8px;padding:12px 14px;font-size:12px;color:var(--color-text-secondary);line-height:1.65;border:0.5px solid var(--color-border-tertiary);}
.ai-note strong{color:var(--color-text-primary);font-weight:500;}
.legal-t{font-size:12px;color:var(--color-text-secondary);line-height:1.6;}
.sbtn{background:#1D9E75;color:#e8f4ec;border:none;border-radius:8px;width:100%;padding:11px;font-family:'Syne',sans-serif;font-size:13px;font-weight:500;cursor:pointer;letter-spacing:0.02em;}

.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px;}
.stat{background:var(--color-background-secondary);border-radius:10px;padding:14px;}
.stat-n{font-family:'Syne',sans-serif;font-size:24px;font-weight:600;}
.stat-l{font-size:11px;color:var(--color-text-secondary);margin-top:2px;}
.pub-list{display:flex;flex-direction:column;gap:0;border:0.5px solid var(--color-border-tertiary);border-radius:12px;overflow:hidden;}
.pub-item{padding:16px 18px;border-bottom:0.5px solid var(--color-border-tertiary);display:flex;gap:14px;align-items:flex-start;background:var(--color-background-primary);}
.pub-item:last-child{border-bottom:none;}
.pub-item:hover{background:var(--color-background-secondary);}
.pi-body{flex:1;}
.pi-id{font-size:10px;color:var(--color-text-secondary);margin-bottom:3px;font-family:'Syne',sans-serif;letter-spacing:0.03em;}
.pi-title{font-size:13px;font-weight:500;line-height:1.35;margin-bottom:4px;color:var(--color-text-primary);}
.pi-authors{font-size:11px;color:var(--color-text-secondary);margin-bottom:7px;}
.pi-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:7px;}
.pi-tag{font-size:10px;background:var(--color-background-secondary);color:var(--color-text-secondary);padding:2px 7px;border-radius:10px;border:0.5px solid var(--color-border-tertiary);}
.model-scores{display:flex;gap:5px;flex-wrap:wrap;}
.ms-pill{font-size:10px;font-family:'Syne',sans-serif;font-weight:500;padding:2px 7px;border-radius:6px;background:var(--color-background-secondary);color:var(--color-text-secondary);border:0.5px solid var(--color-border-tertiary);}
.pi-right{text-align:right;flex-shrink:0;}
.pi-score{font-family:'Syne',sans-serif;font-size:24px;font-weight:600;color:#185FA5;}
.pi-slbl{font-size:10px;color:var(--color-text-secondary);}
.pi-badge{display:inline-block;margin-top:4px;font-size:10px;font-weight:500;background:#EAF3DE;color:#3B6D11;padding:3px 8px;border-radius:20px;font-family:'Syne',sans-serif;}

@media(max-width:900px){
  .hero-inner,.lanes,.steps-grid{grid-template-columns:1fr;max-width:720px;}
  .model-grid{grid-template-columns:1fr 1fr;}
  .stat-row{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){
  .ai-nav{align-items:flex-start;gap:12px;flex-direction:column;}
  .nav-links{flex-wrap:wrap;gap:14px;}
  .hero h1{font-size:30px;}
  .model-grid,.stat-row,.frow{grid-template-columns:1fr;}
  .report-head,.pub-item,.xlink{flex-direction:column;align-items:flex-start;}
  .pi-right{text-align:left;}
}