Z.ai GLM 5.3 – Science
via Z.AI · Generated
- AIMAC Debt 5.60
- Cost $0.23
- Total Violations 44
- HTML Size 96 KB
- Em Dashes 44
Screenshot
View Live Page
Accessibility Issues Found
44 Serious
-
color-contrast serious 44 instances
Elements must meet minimum color contrast ratio thresholds
Example HTML
<a class="btn btn-primary btn-sm header-cta" href="#subscribe">Subscribe</a>
Artifacts
View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meridian Science Institute — Where Evidence Leads, Discovery Follows</title>
<meta name="description" content="Meridian Science Institute is an independent, nonprofit, open-access research organization advancing discovery across astrophysics, genomics, climate science, materials, and neuroscience.">
<link rel="icon" href="https://placehold.co/32x32/0a1a2c/e8963c?text=M&font=montserrat">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
<script>document.documentElement.classList.add('js');</script>
<style>
/* ============================================================
MERIDIAN SCIENCE INSTITUTE — design system
============================================================ */
:root{
--ink-950:#060f1c;
--ink-900:#0a1a2c;
--ink-800:#0f2439;
--ink-700:#173352;
--paper:#f4f7fa;
--white:#ffffff;
--line:#dde5ee;
--line-dark:#1d3a58;
--text:#17293c;
--muted:#57697e;
--muted-dark:#93a8bf;
--teal:#0e9384;
--teal-dark:#0a7568;
--teal-bright:#39c2b2;
--teal-light:#ddf1ee;
--amber:#d97f22;
--amber-light:#fceeda;
--radius:14px;
--radius-sm:9px;
--shadow-sm:0 1px 2px rgba(10,26,44,.05),0 3px 10px rgba(10,26,44,.06);
--shadow-md:0 10px 34px rgba(10,26,44,.13);
--font-display:"Fraunces",Georgia,"Times New Roman",serif;
--font-body:"Inter",system-ui,-apple-system,sans-serif;
--font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{font-family:var(--font-body);font-size:16px;line-height:1.65;color:var(--text);background:var(--paper);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--teal-dark);text-decoration:none}
ul,ol{list-style:none}
button{font-family:inherit;cursor:pointer}
.container{width:min(1180px,92%);margin-inline:auto}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* ---------- reveal on scroll (JS-gated) ---------- */
html.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--d,0s)}
html.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
html.js .reveal{opacity:1;transform:none;transition:none}
.ticker-track{animation:none!important}
html{scroll-behavior:auto}
}
/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:.5rem;font:600 .9rem var(--font-body);padding:.72rem 1.35rem;border-radius:999px;border:1.5px solid transparent;transition:all .22s ease;white-space:nowrap}
.btn .ic{width:16px;height:16px}
.btn-primary{background:var(--teal);color:#fff}
.btn-primary:hover{background:var(--teal-dark);transform:translateY(-1px);box-shadow:0 8px 22px rgba(14,147,132,.3)}
.btn-ghost{border-color:#c4d2de;color:var(--ink-800);background:transparent}
.btn-ghost:hover{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-light)}
.btn-sm{padding:.45rem .95rem;font-size:.8rem}
.on-dark .btn-ghost{border-color:#2e4d70;color:#dbe8f4}
.on-dark .btn-ghost:hover{border-color:var(--teal-bright);color:var(--teal-bright);background:rgba(57,194,178,.08)}
.link-arrow{display:inline-flex;align-items:center;gap:.4rem;font:600 .88rem var(--font-body);color:var(--teal-dark)}
.link-arrow .ic{width:15px;height:15px;transition:transform .2s}
.link-arrow:hover .ic{transform:translateX(4px)}
.on-dark .link-arrow{color:var(--teal-bright)}
/* ---------- top utility bar ---------- */
.topbar{background:var(--ink-950);color:var(--muted-dark);font:500 .72rem var(--font-mono);letter-spacing:.04em}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.45rem 0}
.topbar a{color:var(--muted-dark);border-bottom:1px dotted #33465e;padding-bottom:1px;transition:color .2s}
.topbar a:hover{color:var(--teal-bright)}
.topbar-links{display:flex;gap:1.4rem}
@media(max-width:760px){.topbar-left span.extra{display:none}}
/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:200;background:rgba(244,247,250,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
.site-header.scrolled{box-shadow:0 6px 24px rgba(10,26,44,.09)}
.header-inner{display:flex;align-items:center;gap:1.6rem;padding:.8rem 0}
.brand{display:flex;align-items:center;gap:.8rem;color:var(--ink-900)}
.brand img{width:46px;height:46px;border-radius:12px;box-shadow:var(--shadow-sm)}
.brand-name{display:block;font:600 1.35rem/1 var(--font-display);letter-spacing:.02em}
.brand-sub{display:block;font:500 .62rem var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--teal-dark);margin-top:3px}
.header-tagline{font:italic 500 .95rem var(--font-display);color:var(--muted);border-left:1px solid var(--line);padding-left:1.4rem;max-width:230px;line-height:1.4}
.main-nav{margin-left:auto}
.main-nav ul{display:flex;gap:.35rem}
.main-nav a{display:block;font:500 .87rem var(--font-body);color:var(--ink-800);padding:.5rem .78rem;border-radius:8px;transition:all .2s}
.main-nav a:hover{background:var(--teal-light);color:var(--teal-dark)}
.main-nav a.active{background:var(--ink-900);color:#fff}
.nav-toggle{display:none;margin-left:auto;background:var(--ink-900);color:#fff;border:none;border-radius:9px;width:42px;height:42px;align-items:center;justify-content:center}
.nav-toggle .ic{width:21px;height:21px}
.nav-panel{display:none;background:var(--white);border-bottom:1px solid var(--line);box-shadow:var(--shadow-md)}
.nav-panel.open{display:block}
.nav-panel ul{padding:.6rem 4% 1rem;flex-direction:column;gap:2px}
.nav-panel a{display:block;padding:.7rem .6rem;font:500 .95rem var(--font-body);color:var(--ink-800);border-bottom:1px solid var(--paper)}
.nav-panel .btn{margin:1rem 0 .4rem;justify-content:center}
@media(max-width:1120px){.header-tagline{display:none}}
@media(max-width:980px){
.main-nav,.header-cta{display:none}
.nav-toggle{display:flex}
}
/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;
background:
linear-gradient(rgba(14,147,132,.06) 1px,transparent 1px),
linear-gradient(90deg,rgba(14,147,132,.06) 1px,transparent 1px),
radial-gradient(1100px 560px at 88% -12%,rgba(14,147,132,.12),transparent 60%),
var(--paper);
background-size:34px 34px,34px 34px,auto,auto;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:4.2rem;align-items:center;padding:5.4rem 0 5rem}
.kicker{display:inline-flex;align-items:center;gap:.55rem;font:600 .72rem var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--teal-dark);margin-bottom:1.2rem}
.on-dark .kicker{color:var(--teal-bright)}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);position:relative;flex:none}
.pulse-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--teal);animation:pulse 2s ease-out infinite}
@keyframes pulse{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.5);opacity:0}}
.hero h1{font:600 clamp(2.3rem,4.6vw,3.7rem)/1.12 var(--font-display);color:var(--ink-900);letter-spacing:-.01em;margin-bottom:1.4rem}
.hero h1 em{font-style:italic;color:var(--teal-dark)}
.hero .lead{font-size:1.07rem;color:var(--muted);max-width:540px;margin-bottom:2.1rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:2.8rem}
.hero-stats{display:grid;grid-template-columns:repeat(4,auto);gap:2.2rem;justify-content:start;border-top:1px solid #d3dee8;padding-top:1.6rem}
.stat-num{font:600 1.7rem/1 var(--font-mono);color:var(--ink-900)}
.stat-num sup{font-size:.9rem;color:var(--teal-dark)}
.stat-label{font:500 .68rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:.45rem}
.hero-media{position:relative}
.hero-photo img{border-radius:var(--radius);box-shadow:var(--shadow-md);aspect-ratio:4/3;object-fit:cover}
.hero-photo figcaption{font:500 .7rem var(--font-mono);color:var(--muted);margin-top:.6rem;letter-spacing:.04em}
.hero-fig{position:absolute;left:-2.4rem;bottom:2.6rem;width:min(300px,72%);background:var(--white);padding:.55rem;border-radius:12px;box-shadow:var(--shadow-md);border:1px solid var(--line)}
.hero-fig img{border-radius:8px}
.hero-fig figcaption{font:500 .62rem var(--font-mono);color:var(--teal-dark);padding:.5rem .3rem .2rem;letter-spacing:.06em}
.hero-badge{position:absolute;top:-1rem;right:-.6rem;display:inline-flex;align-items:center;gap:.45rem;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;font:600 .68rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-800);box-shadow:var(--shadow-sm)}
.hero-badge .ic{width:14px;height:14px;color:var(--teal)}
@media(max-width:1000px){
.hero-grid{grid-template-columns:1fr;gap:3rem;padding:3.6rem 0 3.4rem}
.hero-stats{grid-template-columns:repeat(2,1fr);gap:1.4rem}
.hero-fig{left:-0.5rem;bottom:1.4rem}
.hero-badge{top:-0.8rem;right:0}
}
/* ---------- research bulletin ticker ---------- */
.ticker{background:var(--ink-950);color:var(--muted-dark);overflow:hidden;display:flex;align-items:stretch;border-block:1px solid var(--ink-800)}
.ticker-label{display:flex;align-items:center;gap:.55rem;padding:.7rem 1.2rem;background:var(--ink-900);font:600 .68rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--teal-bright);white-space:nowrap;flex:none}
.ticker-label .pulse-dot{background:var(--teal-bright)}
.ticker-label .pulse-dot::after{border-color:var(--teal-bright)}
.ticker-viewport{overflow:hidden;flex:1;display:flex;align-items:center}
.ticker-track{display:flex;width:max-content;animation:ticker 52s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes ticker{to{transform:translateX(-50%)}}
.ticker-item{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.6rem;font:500 .78rem var(--font-mono);color:#b9c9da;white-space:nowrap}
.ticker-item b{color:var(--teal-bright);font-weight:600}
.ticker-item::after{content:"◆";color:#2c4a6b;font-size:.6rem;margin-left:1.6rem}
/* ---------- generic sections ---------- */
.section{padding:90px 0}
.section-alt{background:var(--white)}
.section-dark{background:
radial-gradient(900px 460px at 12% -10%,rgba(57,194,178,.1),transparent 60%),
var(--ink-900);color:#e8f0f8}
.section-dark h2,.section-dark h3{color:#f4f8fc}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2.5rem;margin-bottom:3rem}
.section-head h2{font:600 clamp(1.7rem,3vw,2.35rem)/1.2 var(--font-display);color:var(--ink-900);letter-spacing:-.01em;margin:.35rem 0 .8rem;max-width:640px}
.section-lead{color:var(--muted);max-width:620px;font-size:1rem}
.on-dark .section-lead{color:var(--muted-dark)}
.section-head .link-arrow{margin-bottom:.5rem;flex:none}
@media(max-width:820px){.section{padding:64px 0}.section-head{flex-direction:column;align-items:flex-start;gap:1.2rem;margin-bottom:2.2rem}}
/* ---------- 01 · discoveries ---------- */
.news-featured{display:grid;grid-template-columns:1.1fr 1fr;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:1.6rem;transition:transform .25s,box-shadow .25s}
.news-featured:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.news-featured img{height:100%;min-height:280px;object-fit:cover}
.news-featured-body{padding:2.2rem 2.4rem;display:flex;flex-direction:column;align-items:flex-start;gap:.85rem}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.news-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.news-card img{aspect-ratio:3/2;object-fit:cover}
.news-card-body{padding:1.5rem 1.6rem 1.7rem;display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;flex:1}
.chip{display:inline-block;font:600 .64rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;padding:.28rem .7rem;border-radius:999px;background:var(--teal-light);color:var(--teal-dark)}
.chip.amber{background:var(--amber-light);color:var(--amber)}
.news-meta{font:500 .72rem var(--font-mono);color:var(--muted);letter-spacing:.05em}
.news-card h3,.news-featured-body h3{font:600 1.22rem/1.35 var(--font-display);color:var(--ink-900)}
.news-featured-body h3{font-size:1.7rem}
.news-card p{color:var(--muted);font-size:.92rem;flex:1}
.news-featured-body p{font-size:.98rem}
@media(max-width:1000px){.news-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.news-grid{grid-template-columns:1fr}.news-featured{grid-template-columns:1fr}.news-featured img{min-height:220px;aspect-ratio:16/9}}
/* ---------- 02 · innovation spotlight (dark) ---------- */
.spot-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.spot-media figure{position:relative}
.spot-photo img{border-radius:var(--radius);box-shadow:0 20px 50px rgba(0,0,0,.35);aspect-ratio:4/3;object-fit:cover}
.spot-photo figcaption{font:500 .7rem var(--font-mono);color:var(--muted-dark);margin-top:.7rem;letter-spacing:.05em}
.spot-fig{margin-top:1.4rem;background:var(--ink-800);border:1px solid var(--line-dark);border-radius:12px;padding:.55rem}
.spot-fig img{border-radius:8px}
.spot-fig figcaption{font:500 .64rem var(--font-mono);color:var(--teal-bright);padding:.55rem .3rem .15rem;letter-spacing:.06em}
.spot-copy p{color:#c4d4e4;margin-bottom:1.2rem;font-size:.99rem}
.spot-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.8rem 0 2rem;border-block:1px solid var(--line-dark);padding:1.3rem 0}
.spot-metrics .stat-num{color:var(--teal-bright);font-size:1.45rem}
.spot-metrics .stat-label{color:var(--muted-dark)}
.researcher-card{display:flex;align-items:center;gap:1.1rem;background:rgba(255,255,255,.05);border:1px solid var(--line-dark);border-radius:var(--radius);padding:1.2rem 1.4rem;flex-wrap:wrap}
.researcher-card img{width:64px;height:64px;border-radius:50%;border:2px solid var(--teal-bright)}
.researcher-info{flex:1;min-width:180px}
.researcher-info h4{font:600 1.05rem var(--font-display);color:#f4f8fc}
.researcher-info span{font:500 .74rem var(--font-mono);color:var(--teal-bright);letter-spacing:.05em}
.researcher-info q{display:block;font:italic 500 .82rem var(--font-display);color:var(--muted-dark);margin-top:.35rem}
.researcher-actions{display:flex;flex-direction:column;gap:.55rem}
@media(max-width:960px){.spot-grid{grid-template-columns:1fr;gap:2.6rem}.spot-metrics{grid-template-columns:repeat(2,1fr)}}
/* ---------- 03 · programs + grants + sidebar ---------- */
.layout-grid{display:grid;grid-template-columns:1fr 330px;gap:3.2rem;align-items:start}
.program-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:4.5rem}
.program-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}
.program-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.program-media{position:relative}
.program-media img{aspect-ratio:16/8;object-fit:cover}
.program-code{position:absolute;top:.8rem;left:.8rem;background:rgba(10,26,44,.85);color:var(--teal-bright);font:600 .62rem var(--font-mono);letter-spacing:.14em;padding:.3rem .65rem;border-radius:6px}
.program-body{padding:1.4rem 1.5rem 1.6rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.program-body h3{display:flex;align-items:center;gap:.6rem;font:600 1.15rem var(--font-display);color:var(--ink-900)}
.program-body h3 .ic{width:19px;height:19px;color:var(--teal)}
.program-meta{font:600 .68rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}
.program-body p{color:var(--muted);font-size:.9rem;flex:1}
.block-head{margin-bottom:2.2rem}
.block-head h3{font:600 1.55rem var(--font-display);color:var(--ink-900);margin:.3rem 0 .6rem}
.block-head p{color:var(--muted);max-width:600px}
.grant-card{display:grid;grid-template-columns:1fr 210px;gap:1.6rem;background:var(--white);border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:var(--radius-sm);padding:1.6rem 1.7rem;box-shadow:var(--shadow-sm);margin-bottom:1.2rem;align-items:center}
.grant-card h4{font:600 1.15rem var(--font-display);color:var(--ink-900);margin-bottom:.4rem}
.grant-card p{color:var(--muted);font-size:.9rem;margin-bottom:.7rem}
.grant-tags{display:flex;flex-wrap:wrap;gap:.4rem}
.grant-tag{font:500 .66rem var(--font-mono);letter-spacing:.06em;background:var(--paper);border:1px solid var(--line);color:var(--muted);padding:.22rem .6rem;border-radius:999px}
.grant-side{text-align:right;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}
.grant-amount{font:600 1.25rem var(--font-mono);color:var(--ink-900)}
.grant-deadline{font:600 .7rem var(--font-mono);letter-spacing:.06em;color:var(--amber);background:var(--amber-light);padding:.3rem .75rem;border-radius:999px}
.grant-dline-note{font:500 .7rem var(--font-mono);color:var(--muted)}
.grant-actions{display:flex;gap:.55rem;margin-top:.3rem;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1060px){.layout-grid{grid-template-columns:1fr}.layout-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.4rem}.widget{margin:0}}
@media(max-width:700px){.program-grid{grid-template-columns:1fr}.grant-card{grid-template-columns:1fr}.grant-side{text-align:left;align-items:flex-start}.grant-actions{justify-content:flex-start}}
/* sidebar widgets */
.widget{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem 1.4rem;box-shadow:var(--shadow-sm)}
.widget h3{display:flex;align-items:center;gap:.55rem;font:600 .72rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-800);padding-bottom:.75rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}
.widget h3 .ic{width:17px;height:17px;color:var(--teal)}
.widget-item{display:flex;gap:.9rem;padding:.8rem 0;border-bottom:1px dashed var(--line)}
.widget-item:last-of-type{border-bottom:none;padding-bottom:.2rem}
.widget-item:first-of-type{padding-top:.2rem}
.wdate{flex:none;width:52px;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:.4rem 0;font-family:var(--font-mono)}
.wdate b{display:block;font-size:1.05rem;color:var(--teal-dark)}
.wdate span{font-size:.6rem;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.widget-item h5{font:600 .88rem/1.35 var(--font-body);color:var(--ink-900)}
.widget-item span{font:500 .7rem var(--font-mono);color:var(--muted);display:block;margin-top:.2rem}
.widget .link-arrow{margin-top:.9rem;font-size:.8rem}
.dataset-item{padding:.8rem 0;border-bottom:1px dashed var(--line)}
.dataset-item:last-of-type{border-bottom:none}
.dataset-item h5{font:600 .88rem/1.35 var(--font-body);color:var(--ink-900)}
.dataset-meta{display:flex;gap:.8rem;font:500 .68rem var(--font-mono);color:var(--muted);margin:.3rem 0 .45rem}
.dataset-meta b{color:var(--teal-dark)}
.dline-item{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.65rem 0;border-bottom:1px dashed var(--line);font-size:.86rem}
.dline-item:last-child{border-bottom:none}
.dline-item b{font-weight:600;color:var(--ink-900)}
.dline-item .when{font:600 .7rem var(--font-mono);color:var(--amber);white-space:nowrap}
.widget-dark{background:var(--ink-900);border-color:var(--ink-900);color:#e8f0f8}
.widget-dark h3{color:#f4f8fc;border-color:var(--line-dark)}
.widget-dark h3 .ic{color:var(--teal-bright)}
.fact{display:flex;justify-content:space-between;align-items:baseline;padding:.65rem 0;border-bottom:1px dashed var(--line-dark);font-size:.86rem;color:#c4d4e4}
.fact:last-child{border-bottom:none}
.fact b{font:600 1rem var(--font-mono);color:var(--teal-bright)}
/* ---------- 04 · citation finder (dark) ---------- */
.finder{background:var(--ink-800);border:1px solid var(--line-dark);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.finder-controls{display:grid;grid-template-columns:1.7fr 1fr 1fr auto;gap:.7rem;padding:1.1rem 1.2rem;background:rgba(6,15,28,.45);border-bottom:1px solid var(--line-dark)}
.finder-field{position:relative}
.finder-field .ic{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted-dark);pointer-events:none}
.finder input[type=search],.finder select{width:100%;background:var(--ink-950);border:1px solid var(--line-dark);border-radius:9px;color:#e8f0f8;font:500 .88rem var(--font-body);padding:.65rem .9rem;transition:border-color .2s}
.finder input[type=search]{padding-left:2.4rem}
.finder input[type=search]::placeholder{color:#64788f}
.finder input:focus,.finder select:focus{outline:none;border-color:var(--teal-bright)}
.finder select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2393a8bf' stroke-width='2.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;font-family:var(--font-body)}
.fmt-switch{display:flex;background:var(--ink-950);border:1px solid var(--line-dark);border-radius:9px;overflow:hidden}
.fmt-btn{background:transparent;border:none;color:var(--muted-dark);font:600 .78rem var(--font-mono);padding:.65rem 1rem;transition:all .2s;letter-spacing:.04em}
.fmt-btn:hover{color:#e8f0f8}
.fmt-btn.active{background:var(--teal);color:#fff}
.finder-meta{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.8rem 1.4rem;font:500 .72rem var(--font-mono);letter-spacing:.05em;color:var(--muted-dark);border-bottom:1px solid var(--line-dark)}
.finder-results{max-height:620px;overflow-y:auto}
.ref{border-bottom:1px solid var(--line-dark)}
.ref:last-child{border-bottom:none}
.ref-row{display:flex;gap:1.4rem;align-items:flex-start;justify-content:space-between;padding:1.15rem 1.4rem;transition:background .2s}
.ref-row:hover{background:rgba(57,194,178,.045)}
.ref-main{min-width:0}
.ref-authors{font:500 .72rem var(--font-mono);letter-spacing:.03em;color:var(--teal-bright);margin-bottom:.35rem}
.ref-title{font:600 1.08rem/1.35 var(--font-display);color:#f4f8fc;margin-bottom:.35rem}
.ref-journal{font-size:.82rem;color:#9fb4ca;font-style:italic}
.ref-journal .doi{font:500 .72rem var(--font-mono);font-style:normal;color:#64788f;margin-left:.5rem;word-break:break-all}
.ref-side{display:flex;flex-direction:column;align-items:flex-end;gap:.55rem;flex:none}
.ref-cites{font:600 .64rem var(--font-mono);letter-spacing:.1em;color:var(--amber);border:1px solid rgba(217,127,34,.45);padding:.26rem .65rem;border-radius:999px;white-space:nowrap}
.ref-btns{display:flex;gap:.5rem}
.ref-toggle{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:1px solid #2e4d70;color:#dbe8f4;font:600 .74rem var(--font-body);padding:.42rem .8rem;border-radius:999px;transition:all .2s}
.ref-toggle:hover{border-color:var(--teal-bright);color:var(--teal-bright)}
.ref-toggle .ic{width:13px;height:13px;transition:transform .25s}
.ref.open .ref-toggle .ic{transform:rotate(180deg)}
.ref-copy{display:inline-flex;align-items:center;gap:.4rem;background:var(--teal);border:1px solid var(--teal);color:#fff;font:600 .74rem var(--font-body);padding:.42rem .85rem;border-radius:999px;transition:all .2s}
.ref-copy:hover{background:var(--teal-dark)}
.ref-copy .ic{width:13px;height:13px}
.ref-preview{display:none;padding:0 1.4rem 1.3rem}
.ref.open .ref-preview{display:block}
.ref-preview-inner{background:var(--ink-950);border-left:3px solid var(--teal-bright);border-radius:0 10px 10px 0;padding:1rem 1.2rem}
.ref-preview-inner .fmt-note{font:600 .62rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--teal-bright);margin-bottom:.5rem}
.ref-preview-inner .cite-text{font-size:.9rem;line-height:1.75;color:#dce8f2}
.cite-text i{color:var(--teal-bright);font-style:italic}
.finder-empty{padding:3.4rem 1.5rem;text-align:center;color:var(--muted-dark)}
.finder-empty p{font:500 .9rem var(--font-mono);margin-bottom:1.2rem}
.finder-empty .btn{margin:0 auto}
@media(max-width:880px){.finder-controls{grid-template-columns:1fr 1fr}.finder-controls .finder-field:first-child{grid-column:1/-1}.ref-row{flex-direction:column;gap:.9rem}.ref-side{flex-direction:row;align-items:center;width:100%;justify-content:flex-start;flex-wrap:wrap}}
/* ---------- 05 · testimonials ---------- */
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.quote-card{background:var(--white);border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:var(--radius);padding:2rem 1.8rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.1rem;transition:transform .25s,box-shadow .25s}
.quote-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.quote-mark{font:600 3.4rem/0.6 var(--font-display);color:var(--teal);opacity:.4}
.quote-card blockquote{font:italic 500 1.02rem/1.6 var(--font-display);color:var(--ink-800);flex:1}
.quote-person{display:flex;align-items:center;gap:.9rem;border-top:1px solid var(--line);padding-top:1.1rem}
.quote-person img{width:48px;height:48px;border-radius:50%}
.quote-person h5{font:600 .92rem var(--font-body);color:var(--ink-900)}
.quote-person span{font:500 .72rem var(--font-mono);color:var(--muted)}
@media(max-width:960px){.quote-grid{grid-template-columns:1fr}}
/* ---------- 06 · events ---------- */
.event-list{display:flex;flex-direction:column;gap:1rem}
.event-row{display:grid;grid-template-columns:88px 1fr auto;gap:1.6rem;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem 1.6rem;box-shadow:var(--shadow-sm);transition:transform .22s,box-shadow .22s}
.event-row:hover{transform:translateX(4px);box-shadow:var(--shadow-md)}
.event-date{width:88px;text-align:center;background:var(--ink-900);border-radius:10px;padding:.7rem 0;color:#fff}
.event-date b{display:block;font:600 1.5rem/1 var(--font-mono)}
.event-date span{font:600 .62rem var(--font-mono);letter-spacing:.2em;color:var(--teal-bright);text-transform:uppercase}
.event-info h4{font:600 1.14rem var(--font-display);color:var(--ink-900);margin-bottom:.3rem}
.event-info .event-meta{display:flex;flex-wrap:wrap;gap:.45rem .6rem;align-items:center;font:500 .76rem var(--font-mono);color:var(--muted)}
.event-type{font:600 .62rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:var(--teal-light);color:var(--teal-dark);padding:.22rem .6rem;border-radius:999px}
@media(max-width:760px){.event-row{grid-template-columns:1fr;gap:1rem}.event-date{width:88px}}
/* ---------- 07 · careers ---------- */
.job-list{display:flex;flex-direction:column;gap:.9rem;margin-top:.4rem}
.job-row{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1.25rem 1.6rem;box-shadow:var(--shadow-sm);flex-wrap:wrap;transition:border-color .2s}
.job-row:hover{border-color:var(--teal)}
.job-row h4{font:600 1.05rem var(--font-display);color:var(--ink-900)}
.job-row .job-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.45rem}
.job-meta .grant-tag{font-size:.64rem}
.perks{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin-top:1.6rem;font-size:.86rem;color:var(--muted)}
.perks span{display:inline-flex;align-items:center;gap:.45rem}
.perks .ic{width:15px;height:15px;color:var(--teal)}
/* ---------- 08 · FAQ ---------- */
.faq-wrap{max-width:820px}
.faq-item{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:.8rem;overflow:hidden;box-shadow:var(--shadow-sm)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:transparent;border:none;text-align:left;padding:1.15rem 1.4rem;font:600 1.02rem var(--font-body);color:var(--ink-900);transition:background .2s}
.faq-q:hover{background:var(--teal-light)}
.faq-q .ic{width:18px;height:18px;color:var(--teal-dark);transition:transform .3s;flex:none}
.faq-item.open .faq-q .ic{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-a-inner{padding:0 1.4rem 1.3rem;color:var(--muted);font-size:.93rem}
.faq-a-inner p+p{margin-top:.7rem}
/* ---------- newsletter band ---------- */
.newsletter{background:
radial-gradient(700px 380px at 90% 110%,rgba(57,194,178,.16),transparent 60%),
radial-gradient(600px 300px at 5% -20%,rgba(57,194,178,.12),transparent 60%),
var(--ink-900);color:#e8f0f8;padding:84px 0}
.newsletter-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3.5rem;align-items:center}
.newsletter h2{font:600 clamp(1.8rem,3.2vw,2.5rem)/1.15 var(--font-display);color:#f4f8fc;margin:.5rem 0 1rem}
.newsletter p{color:#b9c9da;max-width:520px}
.newsletter form{display:flex;gap:.7rem;background:var(--ink-800);border:1px solid var(--line-dark);padding:.6rem;border-radius:14px;box-shadow:0 16px 44px rgba(0,0,0,.28)}
.newsletter input{flex:1;background:transparent;border:none;color:#e8f0f8;font:500 .95rem var(--font-body);padding:.6rem .8rem;min-width:0}
.newsletter input:focus{outline:none}
.newsletter input::placeholder{color:#64788f}
.nl-note{font:500 .72rem var(--font-mono);color:#7a90a8;margin-top:.9rem;letter-spacing:.03em}
.nl-error{color:#f0a35e;font:600 .78rem var(--font-body);margin-top:.6rem;display:none}
.nl-error.show{display:block}
.nl-success{display:none;align-items:flex-start;gap:1rem;background:rgba(57,194,178,.1);border:1px solid rgba(57,194,178,.4);border-radius:14px;padding:1.4rem 1.5rem}
.nl-success.show{display:flex}
.nl-success .ic{width:26px;height:26px;color:var(--teal-bright);flex:none;margin-top:.1rem}
.nl-success h4{font:600 1.05rem var(--font-display);color:#f4f8fc;margin-bottom:.3rem}
.nl-success p{font-size:.9rem}
@media(max-width:880px){.newsletter-grid{grid-template-columns:1fr}.newsletter form{flex-direction:column}.newsletter .btn{justify-content:center}}
/* ---------- footer ---------- */
.site-footer{background:var(--ink-950);color:var(--muted-dark);padding:70px 0 0;font-size:.9rem}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:3rem;padding-bottom:3rem}
.footer-brand img{width:46px;height:46px;border-radius:12px;margin-bottom:1rem}
.footer-brand p{color:#7a90a8;margin:1rem 0 1.4rem;max-width:300px;font-size:.87rem}
.socials{display:flex;gap:.7rem}
.socials a{display:flex;width:38px;height:38px;border:1px solid var(--line-dark);border-radius:10px;align-items:center;justify-content:center;color:#b9c9da;transition:all .2s}
.socials a:hover{border-color:var(--teal-bright);color:var(--teal-bright);transform:translateY(-2px)}
.socials .ic{width:17px;height:17px}
.site-footer h4{font:600 .72rem var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#e8f0f8;margin-bottom:1.2rem}
.footer-links li{margin-bottom:.65rem}
.footer-links a{color:#9fb4ca;transition:color .2s}
.footer-links a:hover{color:var(--teal-bright)}
.footer-contact li{display:flex;gap:.7rem;margin-bottom:.85rem;align-items:flex-start;color:#9fb4ca}
.footer-contact .ic{width:16px;height:16px;color:var(--teal-bright);margin-top:.25rem;flex:none}
.footer-contact a{color:#9fb4ca}
.footer-contact a:hover{color:var(--teal-bright)}
.footer-bottom{border-top:1px solid #182c44;padding:1.4rem 0;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;font:500 .74rem var(--font-mono);letter-spacing:.03em}
.footer-bottom .legal{display:flex;gap:1.5rem;flex-wrap:wrap}
.footer-bottom a{color:#7a90a8}
.footer-bottom a:hover{color:var(--teal-bright)}
@media(max-width:960px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr}}
/* ---------- toast + back to top ---------- */
.toast{position:fixed;bottom:1.6rem;right:1.6rem;z-index:400;display:flex;align-items:center;gap:.7rem;background:var(--ink-900);color:#e8f0f8;border:1px solid var(--line-dark);border-left:3px solid var(--teal-bright);border-radius:12px;padding:.9rem 1.2rem;font:500 .86rem var(--font-body);box-shadow:0 16px 44px rgba(0,0,0,.35);opacity:0;transform:translateY(14px);pointer-events:none;transition:all .35s ease;max-width:min(360px,86vw)}
.toast.show{opacity:1;transform:none}
.toast .ic{width:18px;height:18px;color:var(--teal-bright)}
.to-top{position:fixed;bottom:1.6rem;left:1.6rem;z-index:390;width:44px;height:44px;border-radius:12px;background:var(--ink-900);color:#e8f0f8;border:1px solid var(--line-dark);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top:hover{background:var(--teal);border-color:var(--teal)}
.to-top .ic{width:18px;height:18px;transform:rotate(180deg)}
</style>
</head>
<body id="top">
<!-- ======== SVG icon sprite ======== -->
<svg width="0" height="0" style="position:absolute" aria-hidden="true">
<defs>
<symbol id="i-search" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.35-4.35"/></symbol>
<symbol id="i-copy" viewBox="0 0 24 24"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V5a2 2 0 0 1 2-2h10"/></symbol>
<symbol id="i-check" viewBox="0 0 24 24"><path d="M20 6L9 17l-5-5"/></symbol>
<symbol id="i-chev" viewBox="0 0 24 24"><path d="M6 9l6 6 6-6"/></symbol>
<symbol id="i-arrow" viewBox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6"/></symbol>
<symbol id="i-menu" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"/></symbol>
<symbol id="i-close" viewBox="0 0 24 24"><path d="M18 6L6 18M6 6l12 12"/></symbol>
<symbol id="i-mail" viewBox="0 0 24 24"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="M22 7l-10 6L2 7"/></symbol>
<symbol id="i-phone" viewBox="0 0 24 24"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></symbol>
<symbol id="i-pin" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></symbol>
<symbol id="i-clock" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3.5 2"/></symbol>
<symbol id="i-cal" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/></symbol>
<symbol id="i-db" viewBox="0 0 24 24"><ellipse cx="12" cy="5" rx="8" ry="3"/><path d="M4 5v14c0 1.66 3.58 3 8 3s8-1.34 8-3V5"/><path d="M4 12c0 1.66 3.58 3 8 3s8-1.34 8-3"/></symbol>
<symbol id="i-flask" viewBox="0 0 24 24"><path d="M9 3v6.2L3.6 18a2 2 0 0 0 1.75 3h13.3a2 2 0 0 0 1.75-3L15 9.2V3"/><path d="M7.5 3h9"/><path d="M6.5 15h11"/></symbol>
<symbol id="i-users" viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></symbol>
<symbol id="i-book" viewBox="0 0 24 24"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></symbol>
<symbol id="i-nav" viewBox="0 0 24 24"><polygon points="3 11 22 2 13 21 11 13 3 11"/></symbol>
<symbol id="i-shield" viewBox="0 0 24 24"><path d="M12 2l8 4v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V6z"/><path d="M9 12l2 2 4-4"/></symbol>
<symbol id="i-up" viewBox="0 0 24 24"><path d="M12 19V5M5 12l7-7 7 7"/></symbol>
<symbol id="i-globe" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a14 14 0 0 1 0 18 14 14 0 0 1 0-18z"/></symbol>
<symbol id="i-x" viewBox="0 0 24 24"><path d="M4 4l7.3 9.4L4.5 20h2.2l5.5-5.4L16.6 20H20l-7.6-9.8L19.5 4h-2.2l-4.9 4.9L8.5 4z" fill="currentColor" stroke="none"/></symbol>
<symbol id="i-li" viewBox="0 0 24 24"><path d="M4.98 3.5A2.49 2.49 0 1 1 5 8.48a2.49 2.49 0 0 1-.02-4.98zM3 9.75h4V21H3zM9.5 9.75h3.83v1.54h.05c.53-.95 1.83-1.96 3.77-1.96 4.03 0 4.78 2.65 4.78 6.1V21h-4v-5.13c0-1.22-.02-2.8-1.7-2.8-1.71 0-1.97 1.33-1.97 2.71V21H9.5z" fill="currentColor" stroke="none"/></symbol>
<symbol id="i-yt" viewBox="0 0 24 24"><path d="M23 12s0-3.85-.49-5.7a2.9 2.9 0 0 0-2.04-2.05C18.61 3.75 12 3.75 12 3.75s-6.61 0-8.47.5A2.9 2.9 0 0 0 1.49 6.3C1 8.15 1 12 1 12s0 3.85.49 5.7a2.9 2.9 0 0 0 2.04 2.05c1.86.5 8.47.5 8.47.5s6.61 0 8.47-.5a2.9 2.9 0 0 0 2.04-2.05C23 15.85 23 12 23 12z"/><path d="M9.75 15.5v-7l6 3.5z" fill="currentColor" stroke="none"/></symbol>
</defs>
</svg>
<!-- ======== top utility bar ======== -->
<div class="topbar">
<div class="container topbar-inner">
<div class="topbar-left"><span class="extra">An independent, nonprofit, open-access research institute · Cambridge, MA · Est. 1994</span></div>
<nav class="topbar-links" aria-label="Utility links">
<a href="#citations">Data Portal</a>
<a href="#contact">For Journalists</a>
<a href="#subscribe">Give to Meridian</a>
</nav>
</div>
</div>
<!-- ======== header ======== -->
<header class="site-header" id="siteHeader">
<div class="container header-inner">
<a class="brand" href="#top" aria-label="Meridian Science Institute — home">
<img src="https://placehold.co/64x64/0a1a2c/e8963c?text=M&font=montserrat" alt="Meridian Science Institute logo" width="46" height="46">
<span>
<span class="brand-name">Meridian</span>
<span class="brand-sub">Science Institute</span>
</span>
</a>
<p class="header-tagline">“Where evidence leads, discovery follows.”</p>
<nav class="main-nav" aria-label="Primary">
<ul>
<li><a href="#research" data-spy="research">Research</a></li>
<li><a href="#discoveries" data-spy="discoveries">Discoveries</a></li>
<li><a href="#programs" data-spy="programs">Programs</a></li>
<li><a href="#grants" data-spy="grants">Grants</a></li>
<li><a href="#events" data-spy="events">Events</a></li>
<li><a href="#careers" data-spy="careers">Careers</a></li>
<li><a href="#contact" data-spy="contact">Contact</a></li>
</ul>
</nav>
<a class="btn btn-primary btn-sm header-cta" href="#subscribe">Subscribe</a>
<button class="nav-toggle" id="navToggle" aria-label="Toggle navigation menu" aria-expanded="false">
<svg class="ic" id="navToggleIcon"><use href="#i-menu"/></svg>
</button>
</div>
<div class="nav-panel" id="navPanel">
<ul>
<li><a href="#research">Research</a></li>
<li><a href="#discoveries">Discoveries</a></li>
<li><a href="#programs">Programs</a></li>
<li><a href="#grants">Grants</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#careers">Careers</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<a class="btn btn-primary" href="#subscribe">Subscribe to the Dispatch</a>
</div>
</header>
<!-- ======== hero ======== -->
<section class="hero" aria-label="Introduction">
<div class="container hero-grid">
<div class="hero-copy reveal">
<p class="kicker"><span class="pulse-dot"></span>Open access · Peer reviewed · Nonprofit since 1994</p>
<h1>Science that stands <em>up to scrutiny</em> — and stands open to everyone.</h1>
<p class="lead">For three decades, the Meridian Science Institute has pursued rigorous, transparent research across the physical, life, and climate sciences. Every result we publish is peer validated, every dataset is citable, and every breakthrough — from femtotesla magnetometers to community climate sensors — begins the same way: with a falsifiable hypothesis and an open mind.</p>
<div class="hero-actions">
<a class="btn btn-primary" href="#research">Explore Current Research <svg class="ic"><use href="#i-arrow"/></svg></a>
<a class="btn btn-ghost" href="#subscribe">Get Weekly Updates</a>
</div>
<div class="hero-stats">
<div class="stat"><div class="stat-num" data-count="4280">4,280</div><div class="stat-label">Peer-reviewed publications</div></div>
<div class="stat"><div class="stat-num" data-count="212500">212,500</div><div class="stat-label">Citations recorded</div></div>
<div class="stat"><div class="stat-num" data-count="148">148</div><div class="stat-label">Resident researchers</div></div>
<div class="stat"><div class="stat-num" data-count="96">96</div><div class="stat-label">Partner institutions</div></div>
</div>
</div>
<div class="hero-media reveal" style="--d:.15s">
<figure class="hero-photo">
<img src="https://picsum.photos/seed/meridiancoast/900/680" alt="Researchers deploying instruments at a coastal field station" width="900" height="680">
<figcaption>Field deployment — Meridian Coastal Array, Station M-114, 2025</figcaption>
</figure>
<figure class="hero-fig">
<img src="https://placehold.co/560x320/0f2439/5fd0c4?text=FIG.+1+-+Telemetry+readout&font=roboto" alt="Placeholder telemetry readout figure" loading="lazy">
<figcaption>FIG. 1 — Real-time telemetry, live from the array</figcaption>
</figure>
<div class="hero-badge"><svg class="ic"><use href="#i-check"/></svg>Peer reviewed · DOI registered</div>
</div>
</div>
</section>
<!-- ======== research bulletin ticker ======== -->
<div class="ticker" aria-label="Research bulletin">
<div class="ticker-label"><span class="pulse-dot"></span>Research Bulletin</div>
<div class="ticker-viewport">
<div class="ticker-track" id="tickerTrack">
<span class="ticker-item"><b>NEW PAPER</b> Femtotesla magnetometry at ambient pressure · Physical Review X</span>
<span class="ticker-item"><b>DATA RELEASE</b> Southern Ocean Carbon Reanalysis v2 · 96 GB · DOI registered</span>
<span class="ticker-item"><b>MILESTONE</b> 212,500th citation recorded across Meridian publications</span>
<span class="ticker-item"><b>GRANT</b> Discovery Catalyst applications close February 01</span>
<span class="ticker-item"><b>EVENT</b> Public lecture: The Sound of Spacetime · October 14 · Free</span>
</div>
</div>
</div>
<!-- ======== 01 · latest discoveries ======== -->
<section class="section" id="discoveries">
<div class="container">
<div class="section-head reveal">
<div>
<p class="kicker">01 · Discoveries</p>
<h2>Latest discoveries & science news</h2>
<p class="section-lead">Peer-reviewed findings, preprint announcements, and research news from our labs, observatories, and field stations. Every story links back to the underlying paper — so you can check the methodology yourself.</p>
</div>
<a class="link-arrow" href="#citations">Browse the publication index <svg class="ic"><use href="#i-arrow"/></svg></a>
</div>
<article class="news-featured reveal">
<img src="https://picsum.photos/seed/oceanarray/900/600" alt="Research vessel collecting ocean measurements in the Southern Ocean" loading="lazy">
<div class="news-featured-body">
<div style="display:flex;gap:.6rem;align-items:center;flex-wrap:wrap">
<span class="chip">Climate Science</span>
<span class="news-meta">October 06, 2025 · 9 min read</span>
</div>
<h3>The Southern Ocean is absorbing more carbon than models predicted — with a catch</h3>
<p>A 40-year reanalysis of Southern Ocean carbon fluxes, drawing on 11.2 million observations from autonomous floats and volunteer vessels, suggests the region's carbon sink has strengthened by roughly 11% since 2000. But seasonal variability is rising twice as fast as ensemble models projected, which has uncomfortable implications for remaining carbon budgets. The full dataset and referee reports are open access.</p>
<a class="link-arrow" href="#citations">View the citation <svg class="ic"><use href="#i-arrow"/></svg></a>
</div>
</article>
<div class="news-grid">
<article class="news-card reveal">
<img src="https://picsum.photos/seed/radioscope/640/427" alt="Radio telescope array at dusk" loading="lazy">
<div class="news-card-body">
<span class="chip">Astrophysics</span>
<span class="news-meta">September 29, 2025</span>
<h3>Astronomers localize twelve repeating fast radio bursts to a single host galaxy</h3>
<p>The cluster, detected with the Meridian Deep Synthesis Array, triples the known repeating-FRB population from a single host and points toward a common emission engine. All 2,700 burst dispersion sweeps are now available as an open dataset.</p>
<a class="link-arrow" href="#citations">View the citation <svg class="ic"><use href="#i-arrow"/></svg></a>
</div>
</article>
<article class="news-card reveal" style="--d:.12s">
<img src="https://picsum.photos/seed/genelab/640/427" alt="Molecular biology laboratory bench" loading="lazy">
<div class="news-card-body">
<span class="chip">Genomics</span>
<span class="news-meta">September 18, 2025</span>
<h3>Base-editing therapy restores partial cardiac function in preclinical models</h3>
<p>A single-dose CRISPR-Cas12a approach reactivated dystrophin expression in cardiac tissue for up to 18 months, moving the program into phase I trial planning. Independent histopathology review accompanies the paper as part of our peer-validation standard.</p>
<a class="link-arrow" href="#citations">View the citation <svg class="ic"><use href="#i-arrow"/></svg></a>
</div>
</article>
<article class="news-card reveal" style="--d:.24s">
<img src="https://picsum.photos/seed/heatcity/640/427" alt="Urban street with mounted environmental sensors" loading="lazy">
<div class="news-card-body">
<span class="chip">Citizen Science</span>
<span class="news-meta">August 30, 2025</span>
<h3>Community-run sensors expose 8 °C block-level heat disparities</h3>
<p>Volunteer-operated stations across 14 cities found that tree canopy and surface albedo — not latitude or altitude — explained most extreme heat variation within neighborhoods. City planners in six municipalities have already adopted the open dashboard.</p>
<a class="link-arrow" href="#citations">View the citation <svg class="ic"><use href="#i-arrow"/></svg></a>
</div>
</article>
</div>
</div>
</section>
<!-- ======== 02 · innovation spotlight (dark) ======== -->
<section class="section section-dark on-dark" id="research">
<div class="container">
<div class="section-head reveal">
<div>
<p class="kicker">02 · Innovation Spotlight</p>
<h2>A femtotesla breakthrough: hearing the brain's faintest magnetic whispers</h2>
</div>
</div>
<div class="spot-grid">
<div class="spot-media reveal">
<figure class="spot-photo">
<img src="https://picsum.photos/seed/quantumlab/900/675" alt="Optical bench in the quantum sensing laboratory" loading="lazy">
<figcaption>The diamond sensor array on the optical bench of the Okafor Lab, Building C.</figcaption>
</figure>
<figure class="spot-fig">
<img src="https://placehold.co/640x300/0a1a2c/5fd0c4?text=FIG.+2+-+Noise-floor+spectrum&font=roboto" alt="Placeholder noise-floor spectrum figure" loading="lazy">
<figcaption>FIG. 2 — Magnetometer noise floor: 9 fT/√Hz at ambient pressure</figcaption>
</figure>
</div>
<div class="spot-copy reveal" style="--d:.12s">
<p>Dr. Amara Okafor's team spent six years chasing a signal most laboratories had written off as noise: the faint magnetic whisper of individual cortical currents, measurable without cryogenics, without a shielded room, and — crucially — without a helmet-sized apparatus. Their nitrogen-vacancy diamond magnetometer now resolves fields of 9 femtotesla per root hertz at ambient pressure, a forty-fold improvement over the previous room-temperature record.</p>
<p>The path from preprint to accepted paper took fourteen months of peer validation, including three independent replications at PTB Braunschweig, NIST, and RIKEN — each published alongside the paper with the referees' reports in full. In the eight months since publication, the work has accumulated 312 citations and a citation half-life projected beyond a decade, and it has already seeded two startups, including a clinical pilot in wearable magnetoencephalography.</p>
<div class="spot-metrics">
<div class="stat"><div class="stat-num">9<sup>fT/√Hz</sup></div><div class="stat-label">Sensitivity at ambient pressure</div></div>
<div class="stat"><div class="stat-num">3</div><div class="stat-label">Independent replications</div></div>
<div class="stat"><div class="stat-num">312</div><div class="stat-label">Citations in 8 months</div></div>
<div class="stat"><div class="stat-num">14 mo</div><div class="stat-label">Peer validation period</div></div>
</div>
<div class="researcher-card">
<img src="https://i.pravatar.cc/128?u=amaraokafor" alt="Portrait of Dr. Amara Okafor">
<div class="researcher-info">
<h4>Dr. Amara Okafor</h4>
<span>Principal Investigator · Quantum Sensing Group</span>
<q>Breakthroughs aren't announced. They're earned — one nuisance variable at a time.</q>
</div>
<div class="researcher-actions">
<a class="btn btn-primary btn-sm" href="mailto:a.okafor@meridian-institute.org">Contact Researcher</a>
<a class="btn btn-ghost btn-sm" href="#citations">Read the Paper</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ======== 03 · programs + grants + sidebar ======== -->
<section class="section section-alt" id="programs">
<div class="container">
<div class="section-head reveal">
<div>
<p class="kicker">03 · Education & Funding</p>
<h2>Building the next generation — and funding it</h2>
<p class="section-lead">Science education isn't an outreach afterthought at Meridian; it's core infrastructure. And each year we return roughly $48 million to the global research community through competitive, blind-reviewed grants.</p>
</div>
</div>
<div class="layout-grid">
<!-- main column -->
<div class="layout-main">
<!-- programs -->
<div class="program-grid">
<article class="program-card reveal">
<div class="program-media">
<img src="https://picsum.photos/seed/prgfellow/620/330" alt="Undergraduate researchers working in a laboratory" loading="lazy">
<span class="program-code">PRG · 01</span>
</div>
<div class="program-body">
<h3><svg class="ic"><use href="#i-flask"/></svg>Summer Research Fellowship</h3>
<span class="program-meta">10 weeks · Paid stipend $6,500</span>
<p>Undergraduates work shoulder-to-shoulder with resident researchers on active projects — not canned exercises. Fellows present at the annual poster symposium, and 74% of alumni go on to graduate research within five years.</p>
<a class="link-arrow" href="mailto:programs@meridian-institute.org?subject=Summer%20Research%20Fellowship">Explore the program <svg class="ic"><use href="#i-arrow"/></svg></a>
</div>
</article>
<article class="program-card reveal" style="--d:.1s">
<div class="program-media">
<img src="https://picsum.photos/seed/prgcitizen/620/330" alt="Volunteers examining samples together" loading="lazy">
<span class="program-code">PRG · 02</span>
</div>
<div class="program-body">
<h3><svg class="ic"><use href="#i-users"/></svg>Citizen Science Lab</h3>
<span class="program-meta">Year-round · Open to everyone</span>
<p>Volunteers classify galaxy spectra, transcribe century-old field notes, and operate neighborhood sensor networks. Last year, 12,400 contributors produced data that appeared in nine peer-reviewed papers — with contributor co-credit where merited.</p>
<a class="link-arrow" href="mailto:programs@meridian-institute.org?subject=Citizen%20Science%20Lab">Explore the program <svg class="ic"><use href="#i-arrow"/></svg></a>
</div>
</article>
<article class="program-card reveal" style="--d:.05s">
<div class="program-media">
<img src="https://picsum.photos/seed/prgedu/620/330" alt="Educators in a workshop session" loading="lazy">
<span class="program-code">PRG · 03</span>
</div>
<div class="program-body">
<h3><svg class="ic"><use href="#i-book"/></svg>Educator Institute</h3>
<span class="program-meta">1 week · 40 PDP hours · Free</span>
<p>A weeklong immersion co-designed with partner school districts, giving middle- and high-school teachers bench experience, ready-to-teach inquiry modules, and a direct line to working scientists. More than 3,100 educators have completed the Institute since 2011.</p>
<a class="link-arrow" href="mailto:programs@meridian-institute.org?subject=Educator%20Institute">Explore the program <svg class="ic"><use href="#i-arrow"/></svg></a>
</div>
</article>
<article class="program-card reveal" style="--d:.15s">
<div class="program-media">
<img src="https://picsum.photos/seed/prgmentor/620/330" alt="Mentor and mentee discussing data on a screen" loading="lazy">
<span class="program-code">PRG · 04</span>
</div>
<div class="program-body">
<h3><svg class="ic"><use href="#i-nav"/></svg>Bridge to PhD Mentorship</h3>
<span class="program-meta">2 years · Cohort of 30</span>
<p>Pairs first-generation and underrepresented students with resident researcher mentors for a two-year arc of research practice, conference travel, and graduate-application coaching. Current placement rate into PhD programs: 91%.</p>
<a class="link-arrow" href="mailto:programs@meridian-institute.org?subject=Bridge%20to%20PhD%20Mentorship">Explore the program <svg class="ic"><use href="#i-arrow"/></svg></a>
</div>
</article>
</div>
<!-- grants -->
<div id="grants">
<div class="block-head reveal">
<p class="kicker">Grant Opportunities</p>
<h3>We fund hypotheses, not hype</h3>
<p>Meridian grants are blind-reviewed on methodological rigor and openness — never on institutional prestige or preliminary flash. Awards are open to researchers worldwide, with no mandatory open-access fees and no requirement for a current Meridian affiliation.</p>
</div>
<div class="grant-card reveal">
<div>
<h4>Discovery Catalyst Grant</h4>
<p>For high-risk, high-reward hypotheses in any discipline. No preliminary results required — a falsifiable question and a rigorous plan are enough. Thirty-eight awards since 2016; eleven have produced top-decile-cited papers within three years.</p>
<div class="grant-tags"><span class="grant-tag">Early career · ≤7 yrs post-PhD</span><span class="grant-tag">Worldwide</span><span class="grant-tag">2-year term</span></div>
</div>
<div class="grant-side">
<div class="grant-amount">Up to $150,000</div>
<span class="grant-deadline" data-deadline="2026-02-01">Deadline Feb 01, 2026</span>
<span class="grant-dline-note dline" data-deadline="2026-02-01"></span>
<div class="grant-actions">
<a class="btn btn-ghost btn-sm" href="mailto:grants@meridian-institute.org?subject=Discovery%20Catalyst%20Guidelines">View Guidelines</a>
<a class="btn btn-primary btn-sm" href="mailto:grants@meridian-institute.org?subject=Discovery%20Catalyst%20Application">Start Application</a>
</div>
</div>
</div>
<div class="grant-card reveal">
<div>
<h4>Open Data Infrastructure Grant</h4>
<p>Supports the tools, standards, and long-term stewardship that keep community datasets citable and reusable — from curation pipelines and metadata standards to archival storage with guaranteed 25-year persistence and registered DOIs.</p>
<div class="grant-tags"><span class="grant-tag">Teams & institutions</span><span class="grant-tag">3-year term</span><span class="grant-tag">Data stewardship</span></div>
</div>
<div class="grant-side">
<div class="grant-amount">Up to $400,000</div>
<span class="grant-deadline" data-deadline="2026-01-10">Deadline Jan 10, 2026</span>
<span class="grant-dline-note dline" data-deadline="2026-01-10"></span>
<div class="grant-actions">
<a class="btn btn-ghost btn-sm" href="mailto:grants@meridian-institute.org?subject=Open%20Data%20Infrastructure%20Guidelines">View Guidelines</a>
<a class="btn btn-primary btn-sm" href="mailto:grants@meridian-institute.org?subject=Open%20Data%20Infrastructure%20Application">Start Application</a>
</div>
</div>
</div>
<div class="grant-card reveal">
<div>
<h4>Science Communication Fellowship</h4>
<p>For researchers and journalists translating primary literature for public audiences. Fellows spend one day a week embedded in the Meridian newsroom, producing explainers for the Dispatch and building figures worth a thousand words.</p>
<div class="grant-tags"><span class="grant-tag">Researchers & journalists</span><span class="grant-tag">6-month term</span><span class="grant-tag">Rolling review</span></div>
</div>
<div class="grant-side">
<div class="grant-amount">$25,000 stipend</div>
<span class="grant-deadline">Rolling — apply anytime</span>
<div class="grant-actions">
<a class="btn btn-ghost btn-sm" href="mailto:grants@meridian-institute.org?subject=SciComm%20Fellowship%20Guidelines">View Guidelines</a>
<a class="btn btn-primary btn-sm" href="mailto:grants@meridian-institute.org?subject=SciComm%20Fellowship%20Application">Start Application</a>
</div>
</div>
</div>
</div>
</div>
<!-- sidebar -->
<aside class="layout-side" aria-label="Institute sidebar">
<div class="widget reveal">
<h3><svg class="ic"><use href="#i-cal"/></svg>Upcoming Lectures</h3>
<div class="widget-item">
<div class="wdate"><b>14</b><span>Oct</span></div>
<div><h5>The Sound of Spacetime</h5><span>Dr. Linus Chen · Astrophysics Group</span></div>
</div>
<div class="widget-item">
<div class="wdate"><b>28</b><span>Oct</span></div>
<div><h5>Editing the Epigenome, Ethically</h5><span>Dr. Yara Park · Genomics Group</span></div>
</div>
<div class="widget-item">
<div class="wdate"><b>11</b><span>Nov</span></div>
<div><h5>How to Trust a Climate Model</h5><span>Dr. Kenji Tanaka · Climate Informatics</span></div>
</div>
<a class="link-arrow" href="#events">Full calendar <svg class="ic"><use href="#i-arrow"/></svg></a>
</div>
<div class="widget reveal" style="--d:.08s">
<h3><svg class="ic"><use href="#i-db"/></svg>Latest Data Releases</h3>
<div class="dataset-item">
<h5>Southern Ocean Carbon Reanalysis v2 (1982–2024)</h5>
<div class="dataset-meta"><b>96 GB</b><span>doi:10.48550/meridian.data.2025.04</span></div>
<a class="link-arrow" href="#citations" style="font-size:.8rem">Access dataset <svg class="ic"><use href="#i-arrow"/></svg></a>
</div>
<div class="dataset-item">
<h5>Deep Synthesis Array FRB Catalog (2020–2025)</h5>
<div class="dataset-meta"><b>1.1 TB</b><span>doi:10.48550/meridian.data.2025.07</span></div>
<a class="link-arrow" href="#citations" style="font-size:.8rem">Access dataset <svg class="ic"><use href="#i-arrow"/></svg></a>
</div>
<div class="dataset-item">
<h5>Meridian Connectome Atlas, Release 3</h5>
<div class="dataset-meta"><b>480 GB</b><span>doi:10.48550/meridian.data.2025.02</span></div>
<a class="link-arrow" href="#citations" style="font-size:.8rem">Access dataset <svg class="ic"><use href="#i-arrow"/></svg></a>
</div>
</div>
<div class="widget reveal" style="--d:.16s">
<h3><svg class="ic"><use href="#i-clock"/></svg>Grant Deadlines</h3>
<div class="dline-item"><b>Early-Career Discovery Fund</b><span class="when dline" data-deadline="2025-11-15">NOV 15</span></div>
<div class="dline-item"><b>Open Data Infrastructure</b><span class="when dline" data-deadline="2026-01-10">JAN 10</span></div>
<div class="dline-item"><b>Discovery Catalyst</b><span class="when dline" data-deadline="2026-02-01">FEB 01</span></div>
<a class="link-arrow" href="#grants" style="margin-top:.8rem;font-size:.8rem">All opportunities <svg class="ic"><use href="#i-arrow"/></svg></a>
</div>
<div class="widget widget-dark reveal" style="--d:.24s">
<h3><svg class="ic"><use href="#i-globe"/></svg>Meridian at a Glance</h3>
<div class="fact"><span>Institute h-index</span><b>168</b></div>
<div class="fact"><span>Granted to researchers annually</span><b>$48M</b></div>
<div class="fact"><span>Replication support rate*</span><b>92%</b></div>
<div class="fact"><span>Open datasets under DOI</span><b>412</b></div>
<p style="font:500 .68rem var(--font-mono);color:#7a90a8;margin-top:.9rem;letter-spacing:.03em">*Across audited quantitative papers since 2019.</p>
</div>
</aside>
</div>
</div>
</section>
<!-- ======== 04 · citation finder (dark) ======== -->
<section class="section section-dark on-dark" id="citations">
<div class="container">
<div class="section-head reveal">
<div>
<p class="kicker">04 · Reference Explorer</p>
<h2>Citation finder: every paper, properly formatted</h2>
<p class="section-lead">Search Meridian's publication index by keyword, author, or field, then copy a correctly formatted citation in APA, MLA, or Chicago style in one click. Every record carries a registered DOI and, where applicable, links to published replication reports.</p>
</div>
</div>
<div class="finder reveal">
<div class="finder-controls">
<div class="finder-field">
<svg class="ic"><use href="#i-search"/></svg>
<input type="search" id="citeSearch" placeholder="Search title, author, journal, or DOI…" aria-label="Search publications">
</div>
<div class="finder-field">
<select id="citeField" aria-label="Filter by field">
<option>All Fields</option>
<option>Astrophysics</option>
<option>Genomics</option>
<option>Climate Science</option>
<option>Materials Science</option>
<option>Neuroscience</option>
</select>
</div>
<div class="finder-field">
<select id="citeSort" aria-label="Sort results">
<option value="year">Sort: Newest first</option>
<option value="cites">Sort: Most cited</option>
</select>
</div>
<div class="fmt-switch" role="group" aria-label="Citation format">
<button class="fmt-btn active" data-fmt="APA">APA</button>
<button class="fmt-btn" data-fmt="MLA">MLA</button>
<button class="fmt-btn" data-fmt="Chicago">Chicago</button>
</div>
</div>
<div class="finder-meta">
<span id="citeMeta">Showing 10 of 10 references</span>
<span>Format: <b id="citeFmtLabel" style="color:#e8f0f8">APA 7th edition</b></span>
</div>
<ol class="finder-results" id="citeResults"></ol>
</div>
</div>
</section>
<!-- ======== 05 · testimonials ======== -->
<section class="section" id="community">
<div class="container">
<div class="section-head reveal">
<div>
<p class="kicker">05 · Community</p>
<h2>Trusted by the research community</h2>
<p class="section-lead">Collaborators, fellows, and skeptics — the people who keep us honest.</p>
</div>
</div>
<div class="quote-grid">
<article class="quote-card reveal">
<div class="quote-mark">“</div>
<blockquote>I've published in a lot of places, but nowhere else publishes the referee reports. Meridian's open peer review made my second paper there the best-reviewed work of my career — and the citations followed.</blockquote>
<div class="quote-person">
<img src="https://i.pravatar.cc/96?u=priyaraghavan" alt="Portrait of Dr. Priya Raghavan" loading="lazy">
<div><h5>Dr. Priya Raghavan</h5><span>Visiting Scholar · Indian Institute of Science</span></div>
</div>
</article>
<article class="quote-card reveal" style="--d:.12s">
<div class="quote-mark">“</div>
<blockquote>Ten weeks in the Coastal Array group turned “I like science” into “I can do science.” I walked in to put my name on a poster; I walked out with my name on a paper that has a DOI.</blockquote>
<div class="quote-person">
<img src="https://i.pravatar.cc/96?u=tylerbrooks" alt="Portrait of Tyler Brooks" loading="lazy">
<div><h5>Tyler Brooks</h5><span>Summer Fellowship '22 · PhD Candidate, MIT</span></div>
</div>
</article>
<article class="quote-card reveal" style="--d:.24s">
<div class="quote-mark">“</div>
<blockquote>Their data releases are the gold standard in my field. Every variable is documented, every DOI resolves, and the methodology sections read like they were written for other people — because they were.</blockquote>
<div class="quote-person">
<img src="https://i.pravatar.cc/96?u=helenavasquez" alt="Portrait of Dr. Helena Vásquez" loading="lazy">
<div><h5>Dr. Helena Vásquez</h5><span>Professor of Physics · Universidad de Chile</span></div>
</div>
</article>
</div>
</div>
</section>
<!-- ======== 06 · events ======== -->
<section class="section section-alt" id="events">
<div class="container">
<div class="section-head reveal">
<div>
<p class="kicker">06 · Events</p>
<h2>Lectures, symposia & workshops — all open to the public</h2>
<p class="section-lead">Our auditorium doors stay open. Public lectures are free, livestreamed, and archived with full transcripts within 48 hours.</p>
</div>
<a class="link-arrow" href="mailto:events@meridian-institute.org?subject=Events%20mailing%20list">Join the events list <svg class="ic"><use href="#i-arrow"/></svg></a>
</div>
<div class="event-list">
<div class="event-row reveal">
<div class="event-date"><b>14</b><span>Oct</span></div>
<div class="event-info">
<h4>Public Lecture — The Sound of Spacetime: Gravitational Waves for the Curious</h4>
<div class="event-meta"><span class="event-type">Public Lecture</span><span>Dr. Linus Chen</span><span>Meridian Auditorium · 6:30 PM</span><span>Free · Registration required</span></div>
</div>
<a class="btn btn-primary btn-sm" href="mailto:events@meridian-institute.org?subject=Registration%3A%20The%20Sound%20of%20Spacetime">Register</a>
</div>
<div class="event-row reveal">
<div class="event-date"><b>02</b><span>Nov</span></div>
<div class="event-info">
<h4>Annual Symposium — Frontiers of Quantum Sensing</h4>
<div class="event-meta"><span class="event-type">Symposium</span><span>Two days · Hybrid</span><span>Keynote: Dr. Amara Okafor</span><span>Student rate available</span></div>
</div>
<a class="btn btn-primary btn-sm" href="mailto:events@meridian-institute.org?subject=Registration%3A%20Frontiers%20of%20Quantum%20Sensing">Register</a>
</div>
<div class="event-row reveal">
<div class="event-date"><b>18</b><span>Nov</span></div>
<div class="event-info">
<h4>Workshop — Statistics for Reproducible Research</h4>
<div class="event-meta"><span class="event-type">Workshop</span><span>Dr. Kenji Tanaka</span><span>Lab B-2 · 9:00 AM–4:00 PM</span><span>Limited to 40 seats</span></div>
</div>
<a class="btn btn-primary btn-sm" href="mailto:events@meridian-institute.org?subject=Registration%3A%20Statistics%20for%20Reproducible%20Research">Register</a>
</div>
<div class="event-row reveal">
<div class="event-date"><b>05</b><span>Dec</span></div>
<div class="event-info">
<h4>Citizen Science Day — Mapping Urban Heat Islands</h4>
<div class="event-meta"><span class="event-type">Family Day</span><span>Citizen Science Lab</span><span>All ages welcome</span><span>Sensors provided</span></div>
</div>
<a class="btn btn-primary btn-sm" href="mailto:events@meridian-institute.org?subject=Registration%3A%20Citizen%20Science%20Day">Register</a>
</div>
</div>
</div>
</section>
<!-- ======== 07 · careers ======== -->
<section class="section" id="careers">
<div class="container">
<div class="section-head reveal">
<div>
<p class="kicker">07 · Careers</p>
<h2>Join the institute</h2>
<p class="section-lead">148 resident researchers, 12 countries, one shared conviction: that rigorous, open science is worth a career. We hire for curiosity, and we defend your right to follow a result wherever it leads.</p>
</div>
<a class="link-arrow" href="mailto:careers@meridian-institute.org?subject=Open%20positions">View all openings <svg class="ic"><use href="#i-arrow"/></svg></a>
</div>
<div class="job-list">
<div class="job-row reveal">
<div>
<h4>Postdoctoral Researcher — Quantum Sensing Group</h4>
<div class="job-meta"><span class="grant-tag">Full-time</span><span class="grant-tag">Cambridge, MA</span><span class="grant-tag">Okafor Lab</span><span class="grant-tag">3-year term</span></div>
</div>
<a class="btn btn-ghost btn-sm" href="mailto:careers@meridian-institute.org?subject=Application%3A%20Postdoc%2C%20Quantum%20Sensing">Apply</a>
</div>
<div class="job-row reveal">
<div>
<h4>Data Engineer — Climate Informatics</h4>
<div class="job-meta"><span class="grant-tag">Full-time</span><span class="grant-tag">Hybrid</span><span class="grant-tag">Tanaka Group</span></div>
</div>
<a class="btn btn-ghost btn-sm" href="mailto:careers@meridian-institute.org?subject=Application%3A%20Data%20Engineer%2C%20Climate%20Informatics">Apply</a>
</div>
<div class="job-row reveal">
<div>
<h4>Science Communications Lead</h4>
<div class="job-meta"><span class="grant-tag">Full-time</span><span class="grant-tag">Cambridge, MA</span><span class="grant-tag">Newsroom</span></div>
</div>
<a class="btn btn-ghost btn-sm" href="mailto:careers@meridian-institute.org?subject=Application%3A%20Science%20Communications%20Lead">Apply</a>
</div>
</div>
<div class="perks reveal">
<span><svg class="ic"><use href="#i-shield"/></svg>92% employer-paid health coverage</span>
<span><svg class="ic"><use href="#i-clock"/></svg>12 weeks paid parental leave</span>
<span><svg class="ic"><use href="#i-book"/></svg>$3,500 annual learning budget</span>
<span><svg class="ic"><use href="#i-flask"/></svg>Sabbatical after five years</span>
<span><svg class="ic"><use href="#i-globe"/></svg>Conference travel, always funded</span>
</div>
</div>
</section>
<!-- ======== 08 · FAQ ======== -->
<section class="section section-alt" id="faq">
<div class="container">
<div class="section-head reveal">
<div>
<p class="kicker">08 · Frequently Asked</p>
<h2>Questions, answered plainly</h2>
</div>
</div>
<div class="faq-wrap reveal">
<div class="faq-item">
<button class="faq-q" aria-expanded="false">Are Meridian publications really free to read?
<svg class="ic"><use href="#i-chev"/></svg>
</button>
<div class="faq-a"><div class="faq-a-inner">
<p>Yes. Every paper is published open access under a CC BY 4.0 license on the day of acceptance, funded by our endowment rather than by author-side fees. There is no paywall, no embargo period, and no reader registration wall — and every article receives a registered DOI so it can be cited with confidence for decades.</p>
</div></div>
</div>
<div class="faq-item">
<button class="faq-q" aria-expanded="false">Can I reuse Meridian datasets in my own research?
<svg class="ic"><use href="#i-chev"/></svg>
</button>
<div class="faq-a"><div class="faq-a-inner">
<p>Absolutely — that's the point. All 412 datasets are released under CC BY 4.0, which permits commercial and non-commercial reuse with attribution. Each dataset page provides a ready-made citation string with a persistent DataCite DOI; we only ask that you cite the specific version you analyzed, since datasets evolve and version-precise citations keep your work reproducible.</p>
</div></div>
</div>
<div class="faq-item">
<button class="faq-q" aria-expanded="false">How can my lab collaborate with a Meridian research group?
<svg class="ic"><use href="#i-chev"/></svg>
</button>
<div class="faq-a"><div class="faq-a-inner">
<p>Reach out directly to the group's principal investigator using the “Contact Researcher” link on any project page — most collaborations begin as a two-paragraph email. For longer engagements, our Visiting Scholar Program hosts around 60 external researchers per year, and joint proposals under Meridian co-funding schemes are welcome in any discipline we cover.</p>
</div></div>
</div>
<div class="faq-item">
<button class="faq-q" aria-expanded="false">Who is eligible for the Discovery Catalyst Grant?
<svg class="ic"><use href="#i-chev"/></svg>
</button>
<div class="faq-a"><div class="faq-a-inner">
<p>Any researcher within seven years of their terminal degree, of any nationality, working anywhere in the world — including outside traditional academic institutions. No preliminary results are required and no current Meridian affiliation is needed. Applications are blind-reviewed on the falsifiability of the question and the rigor of the plan, with budgets of up to $150,000 over two years.</p>
</div></div>
</div>
<div class="faq-item">
<button class="faq-q" aria-expanded="false">What is Meridian's approach to peer review?
<svg class="ic"><use href="#i-chev"/></svg>
</button>
<div class="faq-a"><div class="faq-a-inner">
<p>Review is double-anonymous during evaluation and fully open after acceptance: referee reports, author responses, and editor decisions are published alongside every paper. All quantitative papers additionally receive statistical review, and we commission registered replication reports for headline findings — which is how 92% of our audited results have achieved independent peer validation.</p>
</div></div>
</div>
</div>
</div>
</section>
<!-- ======== newsletter band ======== -->
<section class="newsletter on-dark" id="subscribe">
<div class="container newsletter-grid">
<div class="reveal">
<p class="kicker"><span class="pulse-dot"></span>The Meridian Dispatch</p>
<h2>Get updates from the frontier.</h2>
<p>One email each Thursday: newly accepted papers, open datasets, grant deadlines, and a single figure worth a thousand words. Read by 84,000 researchers, educators, and unreasonably curious minds.</p>
</div>
<div class="reveal" style="--d:.12s">
<form id="newsletterForm" novalidate>
<input type="email" id="newsletterEmail" placeholder="you@your-institution.edu" aria-label="Email address" autocomplete="email">
<button class="btn btn-primary" type="submit">Subscribe <svg class="ic"><use href="#i-arrow"/></svg></button>
</form>
<p class="nl-error" id="nlError">Please enter a valid email address — we'll only ever send the Dispatch.</p>
<div class="nl-success" id="nlSuccess" role="status">
<svg class="ic"><use href="#i-check"/></svg>
<div>
<h4>You're on the list.</h4>
<p>The next Dispatch lands in your inbox on Thursday. Welcome to the frontier.</p>
</div>
</div>
<p class="nl-note">No spam. Unsubscribe anytime. We never share your address.</p>
</div>
</div>
</section>
<!-- ======== footer ======== -->
<footer class="site-footer" id="contact">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<img src="https://placehold.co/64x64/e8963c/0a1a2c?text=M&font=montserrat" alt="Meridian Science Institute logo" width="46" height="46">
<div class="brand-name" style="color:#f4f8fc;font-family:var(--font-display)">Meridian Science Institute</div>
<p>An independent, nonprofit, open-access research institute advancing discovery across the physical, life, and climate sciences since 1994.</p>
<div class="socials">
<a href="#" aria-label="Meridian on X"><svg class="ic"><use href="#i-x"/></svg></a>
<a href="#" aria-label="Meridian on LinkedIn"><svg class="ic"><use href="#i-li"/></svg></a>
<a href="#" aria-label="Meridian on YouTube"><svg class="ic"><use href="#i-yt"/></svg></a>
</div>
</div>
<nav aria-label="Research links">
<h4>Research</h4>
<ul class="footer-links">
<li><a href="#citations">Publications Index</a></li>
<li><a href="#citations">Data Portal</a></li>
<li><a href="#citations">Reference Explorer</a></li>
<li><a href="#research">Replication Registry</a></li>
<li><a href="#grants">Grant Programs</a></li>
</ul>
</nav>
<nav aria-label="Institute links">
<h4>Institute</h4>
<ul class="footer-links">
<li><a href="#top">About Meridian</a></li>
<li><a href="#events">Events Calendar</a></li>
<li><a href="#careers">Careers</a></li>
<li><a href="#discoveries">Newsroom</a></li>
<li><a href="#programs">Educational Programs</a></li>
</ul>
</nav>
<div>
<h4>Contact</h4>
<ul class="footer-contact">
<li><svg class="ic"><use href="#i-pin"/></svg><span>418 Observatory Ridge<br>Cambridge, MA 02138, USA</span></li>
<li><svg class="ic"><use href="#i-phone"/></svg><a href="tel:+16175550142">+1 (617) 555-0142</a></li>
<li><svg class="ic"><use href="#i-mail"/></svg><a href="mailto:research@meridian-institute.org">research@meridian-institute.org</a></li>
<li><svg class="ic"><use href="#i-mail"/></svg><a href="mailto:press@meridian-institute.org">press@meridian-institute.org</a></li>
<li><svg class="ic"><use href="#i-clock"/></svg><span>Visitor center: Mon–Sat, 9 AM–5 PM</span></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<span>© <span id="year">2025</span> Meridian Science Institute. All rights reserved. · The Meridian Dispatch · ISSN 2731-742X</span>
<div class="legal">
<a href="#">Privacy Policy</a>
<a href="#">Terms of Use</a>
<a href="#">Accessibility</a>
<a href="#">DOI & Archiving Policy</a>
</div>
</div>
</div>
</footer>
<!-- toast + back-to-top -->
<div class="toast" id="toast" role="status"><svg class="ic"><use href="#i-check"/></svg><span id="toastMsg"></span></div>
<button class="to-top" id="toTop" aria-label="Back to top"><svg class="ic"><use href="#i-up"/></svg></button>
<script>
/* ============================================================
MERIDIAN — interactions
============================================================ */
(function(){
"use strict";
/* ---------- footer year ---------- */
document.getElementById('year').textContent = new Date().getFullYear();
/* ---------- header scroll state + back to top ---------- */
var header = document.getElementById('siteHeader');
var toTop = document.getElementById('toTop');
function onScroll(){
header.classList.toggle('scrolled', window.scrollY > 8);
toTop.classList.toggle('show', window.scrollY > 900);
}
window.addEventListener('scroll', onScroll, {passive:true});
onScroll();
toTop.addEventListener('click', function(){ window.scrollTo({top:0, behavior:'smooth'}); });
/* ---------- mobile nav ---------- */
var navToggle = document.getElementById('navToggle');
var navPanel = document.getElementById('navPanel');
var navIcon = document.getElementById('navToggleIcon');
function closeNav(){
navPanel.classList.remove('open');
navToggle.setAttribute('aria-expanded','false');
navIcon.innerHTML = '<use href="#i-menu"/>';
}
navToggle.addEventListener('click', function(){
var open = navPanel.classList.toggle('open');
navToggle.setAttribute('aria-expanded', String(open));
navIcon.innerHTML = open ? '<use href="#i-close"/>' : '<use href="#i-menu"/>';
});
navPanel.querySelectorAll('a').forEach(function(a){ a.addEventListener('click', closeNav); });
/* ---------- reveal on scroll ---------- */
if ('IntersectionObserver' in window){
var io = new IntersectionObserver(function(entries){
entries.forEach(function(e){
if (e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); }
});
}, {threshold:.12, rootMargin:'0px 0px -40px 0px'});
document.querySelectorAll('.reveal').forEach(function(el){ io.observe(el); });
} else {
document.querySelectorAll('.reveal').forEach(function(el){ el.classList.add('in'); });
}
/* ---------- animated counters ---------- */
function animateCount(el){
var target = parseInt(el.dataset.count, 10);
var dur = 1500, t0 = null;
function step(t){
if (!t0) t0 = t;
var k = Math.min(1, (t - t0) / dur);
var e = 1 - Math.pow(1 - k, 3);
el.textContent = Math.round(target * e).toLocaleString('en-US');
if (k < 1) requestAnimationFrame(step);
}
requestAnimationFrame(step);
}
var counted = false;
var statsWrap = document.querySelector('.hero-stats');
if ('IntersectionObserver' in window && statsWrap){
var so = new IntersectionObserver(function(entries){
if (entries[0].isIntersecting && !counted){
counted = true;
statsWrap.querySelectorAll('[data-count]').forEach(animateCount);
so.disconnect();
}
}, {threshold:.4});
so.observe(statsWrap);
}
/* ---------- scrollspy ---------- */
var spyLinks = document.querySelectorAll('[data-spy]');
var spyMap = {};
spyLinks.forEach(function(a){ spyMap[a.dataset.spy] = a; });
var spySections = ['research','discoveries','programs','grants','events','careers','contact']
.map(function(id){ return document.getElementById(id); }).filter(Boolean);
if ('IntersectionObserver' in window){
var spy = new IntersectionObserver(function(entries){
entries.forEach(function(e){
if (e.isIntersecting && spyMap[e.target.id]){
spyLinks.forEach(function(a){ a.classList.remove('active'); });
spyMap[e.target.id].classList.add('active');
}
});
}, {rootMargin:'-35% 0px -55% 0px'});
spySections.forEach(function(s){ spy.observe(s); });
}
/* ---------- toast ---------- */
var toast = document.getElementById('toast');
var toastMsg = document.getElementById('toastMsg');
var toastTimer;
function showToast(msg){
toastMsg.textContent = msg;
toast.classList.add('show');
clearTimeout(toastTimer);
toastTimer = setTimeout(function(){ toast.classList.remove('show'); }, 2600);
}
/* ---------- FAQ accordion ---------- */
document.querySelectorAll('.faq-q').forEach(function(btn){
btn.addEventListener('click', function(){
var item = btn.parentElement;
var wasOpen = item.classList.contains('open');
document.querySelectorAll('.faq-item.open').forEach(function(i){
i.classList.remove('open');
i.querySelector('.faq-a').style.maxHeight = null;
i.querySelector('.faq-q').setAttribute('aria-expanded','false');
});
if (!wasOpen){
item.classList.add('open');
var a = item.querySelector('.faq-a');
a.style.maxHeight = a.scrollHeight + 'px';
btn.setAttribute('aria-expanded','true');
}
});
});
window.addEventListener('resize', function(){
document.querySelectorAll('.faq-item.open .faq-a, .ref.open .ref-preview').forEach(function(el){
el.style.maxHeight = el.scrollHeight + 'px';
});
});
/* ---------- grant deadline countdowns ---------- */
document.querySelectorAll('.dline[data-deadline]').forEach(function(el){
var d = new Date(el.dataset.deadline + 'T23:59:59');
var days = Math.ceil((d - Date.now()) / 86400000);
if (days > 0){
el.textContent = days + (days === 1 ? ' day left' : ' days left');
} else {
el.textContent = 'Next cycle TBA';
if (el.classList.contains('grant-dline-note')) el.textContent = 'Review rolling';
}
});
/* ============================================================
CITATION FINDER — reference explorer
============================================================ */
var PAPERS = [
{ id:'chen2024', field:'Astrophysics', title:'Gravitational-Wave Signatures from Asymmetric Neutron-Star Mergers',
authors:['Linus Chen','Daria Volkova','Mateo Reyes'], journal:'The Astrophysical Journal Letters',
year:2024, vol:12, no:4, pp:'L41–L49', doi:'10.48550/meridian.2024.0117', cites:218 },
{ id:'ramirez2025', field:'Genomics', title:'CRISPR-Cas12a Base Editing Restores Dystrophin Expression in Cardiac Tissue',
authors:['Isabela Ramirez','Yara Park','Tunde Adeyemi'], journal:'Cell Reports Medicine',
year:2025, vol:36, no:9, pp:'101742–101756', doi:'10.48550/meridian.2025.0083', cites:96 },
{ id:'whitfield2024', field:'Climate Science', title:'Multi-Decadal Shifts in Southern Ocean Carbon Uptake: A Reanalysis',
authors:['Marcus Whitfield','Kenji Tanaka','Léa Moreau'], journal:'Nature Climate Science',
year:2024, vol:4, no:11, pp:'1042–1054', doi:'10.48550/meridian.2024.0091', cites:184 },
{ id:'okafor2025', field:'Materials Science', title:'Room-Pressure Nitrogen-Vacancy Magnetometry with Femtotesla Sensitivity',
authors:['Amara Okafor','Dmitri Sokolov','Rocío Ibarra'], journal:'Physical Review X',
year:2025, vol:15, no:2, pp:'021018–021034', doi:'10.48550/meridian.2025.0064', cites:312 },
{ id:'delacroix2023', field:'Neuroscience', title:'A High-Resolution Connectome of the Mouse Visual Cortex at Synaptic Scale',
authors:['Camille Delacroix','An Nguyen','Ross Foster'], journal:'eLife',
year:2023, vol:12, no:5, pp:'e86215–e86240', doi:'10.48550/meridian.2023.0044', cites:302 },
{ id:'osei2024', field:'Materials Science', title:'Perovskite Tandem Solar Cells Exceeding 34% Efficiency under Real-World Spectra',
authors:['Kwame Osei','Erik Lindqvist','Sofia Marconi'], journal:'Joule',
year:2024, vol:38, no:7, pp:'1512–1526', doi:'10.48550/meridian.2024.0132', cites:157 },
{ id:'tanaka2025', field:'Climate Science', title:'Machine-Learning Emulation of Cloud Microphysics in Climate Ensembles',
authors:['Kenji Tanaka','Marcus Whitfield','Pavel Antonov'], journal:'Geoscientific Model Development',
year:2025, vol:18, no:5, pp:'1721–1740', doi:'10.48550/meridian.2025.0108', cites:28 },
{ id:'foster2024', field:'Neuroscience', title:'Single-Cell Transcriptomics Reveals Resilient Neuron Subtypes in Alzheimer\u2019s Models',
authors:['Ross Foster','Tunde Adeyemi','Nina Kowalski'], journal:'Nature Neuroscience',
year:2024, vol:27, no:10, pp:'2148–2161', doi:'10.48550/meridian.2024.0155', cites:245 },
{ id:'volkova2023', field:'Astrophysics', title:'Detecting Biosignature Gases in Exoplanet Atmospheres with Ground-Based High-Resolution Spectroscopy',
authors:['Daria Volkova','Linus Chen','Gustavo Villanueva'], journal:'The Astronomical Journal',
year:2023, vol:166, no:3, pp:'118–131', doi:'10.48550/meridian.2023.0019', cites:176 },
{ id:'park2025', field:'Genomics', title:'Epigenetic Clocks as Predictors of Therapeutic Response in Oncology',
authors:['Yara Park','Camille Delacroix','Isabela Ramirez'], journal:'Genome Medicine',
year:2025, vol:17, no:1, pp:'42–58', doi:'10.48550/meridian.2025.0121', cites:63 }
];
var FMT_LONG = {APA:'APA 7th edition', MLA:'MLA 9th edition', Chicago:'Chicago 17th edition'};
function apaAuthors(list){
var f = list.map(function(n){
var p = n.split(' ');
var initials = p.slice(0,-1).map(function(x){ return x[0] + '.'; }).join(' ');
return p[p.length-1] + ', ' + initials;
});
if (f.length === 1) return f[0];
return f.slice(0,-1).join(', ') + ', & ' + f[f.length-1];
}
function mlaAuthors(list){
if (list.length === 1) return list[0];
var p = list[0].split(' ');
var first = p.slice(0,-1).join(' ') + ' ' + p[p.length-1];
if (list.length > 2) return p[p.length-1] + ', ' + p.slice(0,-1).join(' ') + ', et al.';
return list.join(', and ');
}
function chicagoAuthors(list){
if (list.length === 1) return list[0];
if (list.length === 2) return list[0] + ' and ' + list[1];
return list.slice(0,-1).join(', ') + ', and ' + list[list.length-1];
}
function formatCitation(p, fmt){
if (fmt === 'MLA'){
return mlaAuthors(p.authors) + ' \u201C' + p.title + '.\u201D <i>' + p.journal + '</i>, vol. ' + p.vol + ', no. ' + p.no + ', ' + p.year + ', pp. ' + p.pp + '.';
}
if (fmt === 'Chicago'){
return chicagoAuthors(p.authors) + ' ' + p.year + '. \u201C' + p.title + '.\u201D <i>' + p.journal + '</i> ' + p.vol + ' (' + p.no + '): ' + p.pp + '. https://doi.org/' + p.doi + '.';
}
return apaAuthors(p.authors) + ' (' + p.year + '). ' + p.title + '. <i>' + p.journal + '</i>, <i>' + p.vol + '</i>(' + p.no + '), ' + p.pp + '. https://doi.org/' + p.doi + '.';
}
function plainCite(html){ return html.replace(/<\/?i>/g, ''); }
/* finder state + elements */
var curFormat = 'APA';
var openRefs = {};
var citeSearch = document.getElementById('citeSearch');
var citeField = document.getElementById('citeField');
var citeSort = document.getElementById('citeSort');
var citeResults = document.getElementById('citeResults');
var citeMeta = document.getElementById('citeMeta');
var citeFmtLabel = document.getElementById('citeFmtLabel');
function filtered(){
var q = citeSearch.value.trim().toLowerCase();
var list = PAPERS.filter(function(p){
if (citeField.value !== 'All Fields' && p.field !== citeField.value) return false;
if (q){
var hay = (p.title + ' ' + p.authors.join(' ') + ' ' + p.journal + ' ' + p.field + ' ' + p.doi).toLowerCase();
if (hay.indexOf(q) === -1) return false;
}
return true;
});
list.sort(citeSort.value === 'cites'
? function(a,b){ return b.cites - a.cites; }
: function(a,b){ return (b.year - a.year) || (b.cites - a.cites); });
return list;
}
function render(){
var list = filtered();
citeMeta.textContent = 'Showing ' + list.length + ' of ' + PAPERS.length + ' reference' + (PAPERS.length === 1 ? '' : 's');
if (!list.length){
citeResults.innerHTML = '<div class="finder-empty"><p>No references match your query.</p>' +
'<button class="btn btn-ghost btn-sm" id="citeReset">Clear search & filters</button></div>';
var r = document.getElementById('citeReset');
if (r) r.addEventListener('click', function(){
citeSearch.value = ''; citeField.value = 'All Fields'; render();
});
return;
}
citeResults.innerHTML = list.map(function(p){
var isOpen = !!openRefs[p.id];
return '<li class="ref' + (isOpen ? ' open' : '') + '" data-id="' + p.id + '">' +
'<div class="ref-row">' +
'<div class="ref-main">' +
'<p class="ref-authors">' + p.authors.join(', ') + ' · ' + p.year + ' · ' + p.field + '</p>' +
'<h4 class="ref-title">' + p.title + '</h4>' +
'<p class="ref-journal">' + p.journal + ' ' + p.vol + '(' + p.no + '), ' + p.pp +
'<span class="doi">doi:' + p.doi + '</span></p>' +
'</div>' +
'<div class="ref-side">' +
'<span class="ref-cites">' + p.cites.toLocaleString('en-US') + ' citations</span>' +
'<div class="ref-btns">' +
'<button class="ref-toggle" data-act="toggle">Cite <svg class="ic"><use href="#i-chev"/></svg></button>' +
'<button class="ref-copy" data-act="copy"><svg class="ic"><use href="#i-copy"/></svg> Copy ' + curFormat + '</button>' +
'</div>' +
'</div>' +
'</div>' +
'<div class="ref-preview"><div class="ref-preview-inner">' +
'<p class="fmt-note">' + FMT_LONG[curFormat] + '</p>' +
'<p class="cite-text">' + formatCitation(p, curFormat) + '</p>' +
'</div></div>' +
'</li>';
}).join('');
}
/* event delegation for toggle + copy */
citeResults.addEventListener('click', function(ev){
var btn = ev.target.closest('button[data-act]');
if (!btn) return;
var li = ev.target.closest('.ref');
var id = li.dataset.id;
var paper = PAPERS.find(function(p){ return p.id === id; });
if (!paper) return;
if (btn.dataset.act === 'toggle'){
li.classList.toggle('open');
openRefs[id] = li.classList.contains('open');
} else {
var text = plainCite(formatCitation(paper, curFormat));
copyText(text).then(function(){
showToast('Citation copied — ' + FMT_LONG[curFormat]);
});
}
});
function copyText(text){
if (navigator.clipboard && navigator.clipboard.writeText){
return navigator.clipboard.writeText(text).catch(function(){ return legacyCopy(text); });
}
return legacyCopy(text);
}
function legacyCopy(text){
return new Promise(function(res){
var ta = document.createElement('textarea');
ta.value = text;
ta.style.position = 'fixed'; ta.style.opacity = '0';
document.body.appendChild(ta);
ta.select();
try { document.execCommand('copy'); } catch(e){}
document.body.removeChild(ta);
res();
});
}
citeSearch.addEventListener('input', render);
citeField.addEventListener('change', render);
citeSort.addEventListener('change', render);
document.querySelectorAll('.fmt-btn').forEach(function(b){
b.addEventListener('click', function(){
document.querySelectorAll('.fmt-btn').forEach(function(x){ x.classList.remove('active'); });
b.classList.add('active');
curFormat = b.dataset.fmt;
citeFmtLabel.textContent = FMT_LONG[curFormat];
render();
});
});
render();
/* ---------- newsletter ---------- */
var nlForm = document.getElementById('newsletterForm');
var nlEmail = document.getElementById('newsletterEmail');
var nlError = document.getElementById('nlError');
nlForm.addEventListener('submit', function(ev){
ev.preventDefault();
var v = nlEmail.value.trim();
if (!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(v)){
nlError.classList.add('show');
nlEmail.focus();
return;
}
nlError.classList.remove('show');
nlForm.style.display = 'none';
document.getElementById('nlSuccess').classList.add('show');
showToast('Subscribed — see you Thursday.');
});
})();
</script>
</body>
</html>
View Axe Report (JSON)
{
"testEngine": {
"name": "axe-core",
"version": "4.10.2"
},
"testRunner": {
"name": "axe"
},
"testEnvironment": {
"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
"windowWidth": 1280,
"windowHeight": 720,
"orientationAngle": 0,
"orientationType": "landscape-primary"
},
"timestamp": "2026-11-12T09:51:09.790Z",
"url": "https://benchmark.aimac.invalid/f499f88299d074665d0b11cebbf55b9ae4770d91e35f13d8a448a504f0cac0aa.html",
"toolOptions": {
"runOnly": {
"type": "tag",
"values": [
"wcag2a",
"wcag2aa",
"wcag21a",
"wcag21aa",
"wcag22a",
"wcag22aa"
]
},
"resultTypes": [
"violations"
],
"reporter": "v1"
},
"inapplicable": [
{
"id": "area-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag244",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.2.4.4",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure <area> elements of image maps have alternative text",
"help": "Active <area> elements must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
"nodes": []
},
{
"id": "aria-braille-equivalent",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
"help": "aria-braille attributes must have a non-braille equivalent",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
"nodes": []
},
{
"id": "aria-command-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA button, link and menuitem has an accessible name",
"help": "ARIA commands must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-input-field-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA input field has an accessible name",
"help": "ARIA input fields must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-meter-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag111",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure every ARIA meter node has an accessible name",
"help": "ARIA meter nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-progressbar-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag111",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure every ARIA progressbar node has an accessible name",
"help": "ARIA progressbar nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-children",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require child roles contain them",
"help": "Certain ARIA roles must contain particular children",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-parent",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require parent roles are contained by them",
"help": "Certain ARIA roles must be contained by particular parents",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
"nodes": []
},
{
"id": "aria-toggle-field-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA toggle field has an accessible name",
"help": "ARIA toggle fields must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-tooltip-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure every ARIA tooltip node has an accessible name",
"help": "ARIA tooltip nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
"nodes": []
},
{
"id": "blink",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag222",
"section508",
"section508.22.j",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <blink> elements are not used",
"help": "<blink> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
"nodes": []
},
{
"id": "definition-list",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dl> elements are structured correctly",
"help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
"nodes": []
},
{
"id": "dlitem",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dt> and <dd> elements are contained by a <dl>",
"help": "<dt> and <dd> elements must be contained by a <dl>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
"nodes": []
},
{
"id": "duplicate-id-aria",
"impact": null,
"tags": [
"cat.parsing",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure every id attribute value used in ARIA and in labels is unique",
"help": "IDs used in ARIA and labels must be unique",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
"nodes": []
},
{
"id": "frame-focusable-content",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag211",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
"help": "Frames with focusable content must not have tabindex=-1",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
"nodes": []
},
{
"id": "frame-title-unique",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag412",
"TTv5",
"TT12.d",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
"help": "Frames must have a unique title attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
"nodes": []
},
{
"id": "frame-title",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag412",
"section508",
"section508.22.i",
"TTv5",
"TT12.d",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure <iframe> and <frame> elements have an accessible name",
"help": "Frames must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
"nodes": []
},
{
"id": "html-xml-lang-mismatch",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
"help": "HTML elements with lang and xml:lang must have the same base language",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
"nodes": []
},
{
"id": "input-button-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure input buttons have discernible text",
"help": "Input buttons must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
"nodes": []
},
{
"id": "input-image-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure <input type=\"image\"> elements have alternative text",
"help": "Image buttons must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
"nodes": []
},
{
"id": "link-in-text-block",
"impact": null,
"tags": [
"cat.color",
"wcag2a",
"wcag141",
"TTv5",
"TT13.a",
"EN-301-549",
"EN-9.1.4.1"
],
"description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
"help": "Links must be distinguishable without relying on color",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
"nodes": []
},
{
"id": "marquee",
"impact": null,
"tags": [
"cat.parsing",
"wcag2a",
"wcag222",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <marquee> elements are not used",
"help": "<marquee> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
"nodes": []
},
{
"id": "meta-refresh",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag221",
"TTv5",
"TT8.a",
"EN-301-549",
"EN-9.2.2.1"
],
"description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
"help": "Delayed refresh under 20 hours must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
"nodes": []
},
{
"id": "object-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure <object> elements have alternative text",
"help": "<object> elements must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
"nodes": []
},
{
"id": "role-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure [role=\"img\"] elements have alternative text",
"help": "[role=\"img\"] elements must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "server-side-image-map",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag211",
"section508",
"section508.22.f",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure that server-side image maps are not used",
"help": "Server-side image maps must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
"nodes": []
},
{
"id": "summary-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure summary elements have discernible text",
"help": "Summary elements must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
"nodes": []
},
{
"id": "svg-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
"help": "<svg> elements with an img role must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "td-headers-attr",
"impact": null,
"tags": [
"cat.tables",
"wcag2a",
"wcag131",
"section508",
"section508.22.g",
"TTv5",
"TT14.b",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
"help": "Table cells that use the headers attribute must only refer to cells in the same table",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
"nodes": []
},
{
"id": "th-has-data-cells",
"impact": null,
"tags": [
"cat.tables",
"wcag2a",
"wcag131",
"section508",
"section508.22.g",
"TTv5",
"TT14.b",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
"help": "Table headers in a data table must refer to data cells",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
"nodes": []
},
{
"id": "valid-lang",
"impact": null,
"tags": [
"cat.language",
"wcag2aa",
"wcag312",
"TTv5",
"TT11.b",
"EN-301-549",
"EN-9.3.1.2",
"ACT"
],
"description": "Ensure lang attributes have valid values",
"help": "lang attribute must have a valid value",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
"nodes": []
},
{
"id": "video-caption",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag122",
"section508",
"section508.22.a",
"TTv5",
"TT17.a",
"EN-301-549",
"EN-9.1.2.2"
],
"description": "Ensure <video> elements have captions",
"help": "<video> elements must have captions",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
"nodes": []
},
{
"id": "no-autoplay-audio",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag142",
"TTv5",
"TT2.a",
"EN-301-549",
"EN-9.1.4.2",
"ACT"
],
"description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
"help": "<video> or <audio> elements must not play automatically",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
"nodes": []
}
],
"passes": [
{
"id": "aria-allowed-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure an element's role supports its ARIA attributes",
"help": "Elements must only use supported ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-allowed-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attributes are used correctly for the defined role"
}
],
"none": [
{
"id": "aria-unsupported-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute is supported"
}
],
"impact": null,
"html": "<nav class=\"topbar-links\" aria-label=\"Utility links\">\n <a href=\"#citations\">Data Portal</a>\n <a href=\"#contact\">For Journalists</a>\n <a href=\"#subscribe\">Give to Meridian</a>\n </nav>",
"target": [
".topbar-links"
]
}
]
},
{
"id": "aria-conditional-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are used as described in the specification of the element's role",
"help": "ARIA attributes must be used as specified for the element's role",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-conditional-attr",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "ARIA attribute is allowed"
}
],
"none": [],
"impact": null,
"html": "<nav class=\"topbar-links\" aria-label=\"Utility links\">\n <a href=\"#citations\">Data Portal</a>\n <a href=\"#contact\">For Journalists</a>\n <a href=\"#subscribe\">Give to Meridian</a>\n </nav>",
"target": [
".topbar-links"
]
}
]
},
{
"id": "aria-deprecated-role",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements do not use deprecated roles",
"help": "Deprecated ARIA roles must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "deprecatedrole",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "ARIA role is not deprecated"
}
],
"impact": null,
"html": "<div class=\"fmt-switch\" role=\"group\" aria-label=\"Citation format\">\n <button class=\"fmt-btn active\" data-fmt=\"APA\">APA</button>\n <button class=\"fmt-btn\" data-fmt=\"MLA\">MLA</button>\n <button class=\"fmt-btn\" data-fmt=\"Chicago\">Chicago</button>\n </div>",
"target": [
".fmt-switch"
]
}
]
},
{
"id": "aria-hidden-body",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"wcag412",
"EN-301-549",
"EN-9.1.3.1",
"EN-9.4.1.2"
],
"description": "Ensure aria-hidden=\"true\" is not present on the document body.",
"help": "aria-hidden=\"true\" must not be present on the document body",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-hidden-body",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "No aria-hidden attribute is present on document body"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<body id=\"top\">",
"target": [
"#top"
]
}
]
},
{
"id": "aria-hidden-focus",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
"help": "ARIA hidden element must not be focusable or contain focusable elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "focusable-modal-open",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "No focusable elements while a modal is open"
},
{
"id": "focusable-disabled",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "No focusable elements contained within element"
},
{
"id": "focusable-not-tabbable",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "No focusable elements contained within element"
}
],
"none": [],
"impact": null,
"html": "<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">",
"target": [
"svg[width=\"0\"]"
]
}
]
},
{
"id": "aria-prohibited-attr",
"impact": "serious",
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are not prohibited for an element's role",
"help": "Elements must only use permitted ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "ARIA attribute is allowed"
}
],
"impact": null,
"html": "<nav class=\"topbar-links\" aria-label=\"Utility links\">\n <a href=\"#citations\">Data Portal</a>\n <a href=\"#contact\">For Journalists</a>\n <a href=\"#subscribe\">Give to Meridian</a>\n </nav>",
"target": [
".topbar-links"
]
}
]
},
{
"id": "aria-required-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements with ARIA roles have all required ARIA attributes",
"help": "Required ARIA attributes must be provided",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-required-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "All required ARIA attributes are present"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<div class=\"fmt-switch\" role=\"group\" aria-label=\"Citation format\">\n <button class=\"fmt-btn active\" data-fmt=\"APA\">APA</button>\n <button class=\"fmt-btn\" data-fmt=\"MLA\">MLA</button>\n <button class=\"fmt-btn\" data-fmt=\"Chicago\">Chicago</button>\n </div>",
"target": [
".fmt-switch"
]
}
]
},
{
"id": "aria-roles",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all elements with a role attribute use a valid value",
"help": "ARIA roles used must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "invalidrole",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA role is valid"
},
{
"id": "abstractrole",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Abstract roles are not used"
},
{
"id": "unsupportedrole",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA role is supported"
}
],
"impact": null,
"html": "<div class=\"fmt-switch\" role=\"group\" aria-label=\"Citation format\">\n <button class=\"fmt-btn active\" data-fmt=\"APA\">APA</button>\n <button class=\"fmt-btn\" data-fmt=\"MLA\">MLA</button>\n <button class=\"fmt-btn\" data-fmt=\"Chicago\">Chicago</button>\n </div>",
"target": [
".fmt-switch"
]
}
]
},
{
"id": "aria-valid-attr-value",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all ARIA attributes have valid values",
"help": "ARIA attributes must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-valid-attr-value",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute values are valid"
},
{
"id": "aria-errormessage",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
},
{
"id": "aria-level",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-level values are valid"
}
],
"none": [],
"impact": null,
"html": "<nav class=\"topbar-links\" aria-label=\"Utility links\">\n <a href=\"#citations\">Data Portal</a>\n <a href=\"#contact\">For Journalists</a>\n <a href=\"#subscribe\">Give to Meridian</a>\n </nav>",
"target": [
".topbar-links"
]
}
]
},
{
"id": "aria-valid-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure attributes that begin with aria- are valid ARIA attributes",
"help": "ARIA attributes must conform to valid names",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-valid-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute name is valid"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<nav class=\"topbar-links\" aria-label=\"Utility links\">\n <a href=\"#citations\">Data Portal</a>\n <a href=\"#contact\">For Journalists</a>\n <a href=\"#subscribe\">Give to Meridian</a>\n </nav>",
"target": [
".topbar-links"
]
}
]
},
{
"id": "autocomplete-valid",
"impact": null,
"tags": [
"cat.forms",
"wcag21aa",
"wcag135",
"EN-301-549",
"EN-9.1.3.5",
"ACT"
],
"description": "Ensure the autocomplete attribute is correct and suitable for the form field",
"help": "autocomplete attribute must be used correctly",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "autocomplete-valid",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "the autocomplete attribute is correctly formatted"
}
],
"none": [],
"impact": null,
"html": "<input type=\"email\" id=\"newsletterEmail\" placeholder=\"you@your-institution.edu\" aria-label=\"Email address\" autocomplete=\"email\">",
"target": [
"#newsletterEmail"
]
}
]
},
{
"id": "avoid-inline-spacing",
"impact": null,
"tags": [
"cat.structure",
"wcag21aa",
"wcag1412",
"EN-301-549",
"EN-9.1.4.12",
"ACT"
],
"description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
"help": "Inline text spacing must be adjustable with custom stylesheets",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "important-letter-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-word-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-line-height",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "line-height in the style attribute is not set to !important, or meets the minimum"
}
],
"none": [],
"impact": null,
"html": "<div class=\"hero-media reveal in\" style=\"--d:.15s\">",
"target": [
".hero-media"
]
}
]
},
{
"id": "button-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure buttons have discernible text",
"help": "Buttons must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "button-has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has inner text that is visible to screen readers"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<button class=\"fmt-btn active\" data-fmt=\"APA\">APA</button>",
"target": [
".active"
]
}
]
},
{
"id": "bypass",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag241",
"section508",
"section508.22.o",
"TTv5",
"TT9.a",
"EN-301-549",
"EN-9.2.4.1"
],
"description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
"help": "Page must have means to bypass repeated blocks",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "internal-link-present",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Valid skip link found"
},
{
"id": "header-present",
"data": null,
"relatedNodes": [
{
"html": "<h1>Science that stands <em>up to scrutiny</em> \u2014 and stands open to everyone.</h1>",
"target": [
"h1"
]
},
{
"html": "<h2>Latest discoveries & science news</h2>",
"target": [
"#discoveries > .container > .section-head.reveal > div > h2"
]
},
{
"html": "<h3>The Southern Ocean is absorbing more carbon than models predicted \u2014 with a catch</h3>",
"target": [
".news-featured-body > h3"
]
},
{
"html": "<h3>Astronomers localize twelve repeating fast radio bursts to a single host galaxy</h3>",
"target": [
".news-card:nth-child(1) > .news-card-body > h3"
]
},
{
"html": "<h3>Base-editing therapy restores partial cardiac function in preclinical models</h3>",
"target": [
".news-card:nth-child(2) > .news-card-body > h3"
]
},
{
"html": "<h3>Community-run sensors expose 8 \u00b0C block-level heat disparities</h3>",
"target": [
".news-card:nth-child(3) > .news-card-body > h3"
]
},
{
"html": "<h2>A femtotesla breakthrough: hearing the brain's faintest magnetic whispers</h2>",
"target": [
"#research > .container > .section-head.reveal > div > h2"
]
},
{
"html": "<h4>Dr. Amara Okafor</h4>",
"target": [
".researcher-info > h4"
]
},
{
"html": "<h2>Building the next generation \u2014 and funding it</h2>",
"target": [
"#programs > .container > .section-head.reveal > div > h2"
]
},
{
"html": "<h3><svg class=\"ic\"><use href=\"#i-flask\"></use></svg>Summer Research Fellowship</h3>",
"target": [
".program-card:nth-child(1) > .program-body > h3"
]
},
{
"html": "<h3><svg class=\"ic\"><use href=\"#i-users\"></use></svg>Citizen Science Lab</h3>",
"target": [
".program-card:nth-child(2) > .program-body > h3"
]
},
{
"html": "<h3><svg class=\"ic\"><use href=\"#i-book\"></use></svg>Educator Institute</h3>",
"target": [
".program-card:nth-child(3) > .program-body > h3"
]
},
{
"html": "<h3><svg class=\"ic\"><use href=\"#i-nav\"></use></svg>Bridge to PhD Mentorship</h3>",
"target": [
".program-card:nth-child(4) > .program-body > h3"
]
},
{
"html": "<h3>We fund hypotheses, not hype</h3>",
"target": [
".block-head > h3"
]
},
{
"html": "<h4>Discovery Catalyst Grant</h4>",
"target": [
".grant-card.reveal:nth-child(2) > div:nth-child(1) > h4"
]
},
{
"html": "<h4>Open Data Infrastructure Grant</h4>",
"target": [
".grant-card.reveal:nth-child(3) > div:nth-child(1) > h4"
]
},
{
"html": "<h4>Science Communication Fellowship</h4>",
"target": [
".grant-card.reveal:nth-child(4) > div:nth-child(1) > h4"
]
},
{
"html": "<h3><svg class=\"ic\"><use href=\"#i-cal\"></use></svg>Upcoming Lectures</h3>",
"target": [
".widget.reveal:nth-child(1) > h3"
]
},
{
"html": "<h5>The Sound of Spacetime</h5>",
"target": [
".widget-item:nth-child(2) > div:nth-child(2) > h5"
]
},
{
"html": "<h5>Editing the Epigenome, Ethically</h5>",
"target": [
".widget-item:nth-child(3) > div:nth-child(2) > h5"
]
},
{
"html": "<h5>How to Trust a Climate Model</h5>",
"target": [
".widget-item:nth-child(4) > div:nth-child(2) > h5"
]
},
{
"html": "<h3><svg class=\"ic\"><use href=\"#i-db\"></use></svg>Latest Data Releases</h3>",
"target": [
".widget.reveal:nth-child(2) > h3"
]
},
{
"html": "<h5>Southern Ocean Carbon Reanalysis v2 (1982\u20132024)</h5>",
"target": [
".dataset-item:nth-child(2) > h5"
]
},
{
"html": "<h5>Deep Synthesis Array FRB Catalog (2020\u20132025)</h5>",
"target": [
".dataset-item:nth-child(3) > h5"
]
},
{
"html": "<h5>Meridian Connectome Atlas, Release 3</h5>",
"target": [
".dataset-item:nth-child(4) > h5"
]
},
{
"html": "<h3><svg class=\"ic\"><use href=\"#i-clock\"></use></svg>Grant Deadlines</h3>",
"target": [
".widget.reveal:nth-child(3) > h3"
]
},
{
"html": "<h3><svg class=\"ic\"><use href=\"#i-globe\"></use></svg>Meridian at a Glance</h3>",
"target": [
".widget-dark > h3"
]
},
{
"html": "<h2>Citation finder: every paper, properly formatted</h2>",
"target": [
"#citations > .container > .section-head.reveal > div > h2"
]
},
{
"html": "<h4 class=\"ref-title\">Room-Pressure Nitrogen-Vacancy Magnetometry with Femtotesla Sensitivity</h4>",
"target": [
"li[data-id=\"okafor2025\"] > .ref-row > .ref-main > .ref-title"
]
},
{
"html": "<h4 class=\"ref-title\">CRISPR-Cas12a Base Editing Restores Dystrophin Expression in Cardiac Tissue</h4>",
"target": [
"li[data-id=\"ramirez2025\"] > .ref-row > .ref-main > .ref-title"
]
},
{
"html": "<h4 class=\"ref-title\">Epigenetic Clocks as Predictors of Therapeutic Response in Oncology</h4>",
"target": [
"li[data-id=\"park2025\"] > .ref-row > .ref-main > .ref-title"
]
},
{
"html": "<h4 class=\"ref-title\">Machine-Learning Emulation of Cloud Microphysics in Climate Ensembles</h4>",
"target": [
"li[data-id=\"tanaka2025\"] > .ref-row > .ref-main > .ref-title"
]
},
{
"html": "<h4 class=\"ref-title\">Single-Cell Transcriptomics Reveals Resilient Neuron Subtypes in Alzheimer\u2019s Models</h4>",
"target": [
"li[data-id=\"foster2024\"] > .ref-row > .ref-main > .ref-title"
]
},
{
"html": "<h4 class=\"ref-title\">Gravitational-Wave Signatures from Asymmetric Neutron-Star Mergers</h4>",
"target": [
"li[data-id=\"chen2024\"] > .ref-row > .ref-main > .ref-title"
]
},
{
"html": "<h4 class=\"ref-title\">Multi-Decadal Shifts in Southern Ocean Carbon Uptake: A Reanalysis</h4>",
"target": [
"li[data-id=\"whitfield2024\"] > .ref-row > .ref-main > .ref-title"
]
},
{
"html": "<h4 class=\"ref-title\">Perovskite Tandem Solar Cells Exceeding 34% Efficiency under Real-World Spectra</h4>",
"target": [
"li[data-id=\"osei2024\"] > .ref-row > .ref-main > .ref-title"
]
},
{
"html": "<h4 class=\"ref-title\">A High-Resolution Connectome of the Mouse Visual Cortex at Synaptic Scale</h4>",
"target": [
"li[data-id=\"delacroix2023\"] > .ref-row > .ref-main > .ref-title"
]
},
{
"html": "<h4 class=\"ref-title\">Detecting Biosignature Gases in Exoplanet Atmospheres with Ground-Based High-Resolution Spectroscopy</h4>",
"target": [
"li[data-id=\"volkova2023\"] > .ref-row > .ref-main > .ref-title"
]
},
{
"html": "<h2>Trusted by the research community</h2>",
"target": [
"#community > .container > .section-head.reveal > div > h2"
]
},
{
"html": "<h5>Dr. Priya Raghavan</h5>",
"target": [
".quote-card:nth-child(1) > .quote-person > div > h5"
]
},
{
"html": "<h5>Tyler Brooks</h5>",
"target": [
".quote-card:nth-child(2) > .quote-person > div > h5"
]
},
{
"html": "<h5>Dr. Helena V\u00e1squez</h5>",
"target": [
".quote-card:nth-child(3) > .quote-person > div > h5"
]
},
{
"html": "<h2>Lectures, symposia & workshops \u2014 all open to the public</h2>",
"target": [
"#events > .container > .section-head.reveal > div > h2"
]
},
{
"html": "<h4>Public Lecture \u2014 The Sound of Spacetime: Gravitational Waves for the Curious</h4>",
"target": [
".event-row.reveal:nth-child(1) > .event-info > h4"
]
},
{
"html": "<h4>Annual Symposium \u2014 Frontiers of Quantum Sensing</h4>",
"target": [
".event-row.reveal:nth-child(2) > .event-info > h4"
]
},
{
"html": "<h4>Workshop \u2014 Statistics for Reproducible Research</h4>",
"target": [
".event-row.reveal:nth-child(3) > .event-info > h4"
]
},
{
"html": "<h4>Citizen Science Day \u2014 Mapping Urban Heat Islands</h4>",
"target": [
".event-row.reveal:nth-child(4) > .event-info > h4"
]
},
{
"html": "<h2>Join the institute</h2>",
"target": [
"#careers > .container > .section-head.reveal > div > h2"
]
},
{
"html": "<h4>Postdoctoral Researcher \u2014 Quantum Sensing Group</h4>",
"target": [
".job-row.reveal:nth-child(1) > div > h4"
]
},
{
"html": "<h4>Data Engineer \u2014 Climate Informatics</h4>",
"target": [
".job-row.reveal:nth-child(2) > div > h4"
]
},
{
"html": "<h4>Science Communications Lead</h4>",
"target": [
".job-row.reveal:nth-child(3) > div > h4"
]
},
{
"html": "<h2>Questions, answered plainly</h2>",
"target": [
"#faq > .container > .section-head.reveal > div > h2"
]
},
{
"html": "<h2>Get updates from the frontier.</h2>",
"target": [
".reveal:nth-child(1) > h2"
]
},
{
"html": "<h4>Research</h4>",
"target": [
"nav[aria-label=\"Research links\"] > h4"
]
},
{
"html": "<h4>Institute</h4>",
"target": [
"nav[aria-label=\"Institute links\"] > h4"
]
},
{
"html": "<h4>Contact</h4>",
"target": [
"div:nth-child(4) > h4"
]
}
],
"impact": "serious",
"message": "Page has a heading"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\" class=\"js\">",
"target": [
"html"
]
}
]
},
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#93a8bf",
"bgColor": "#060f1c",
"contrastRatio": 7.86,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [],
"impact": "serious",
"message": "Element has sufficient color contrast of 7.86"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<span class=\"extra\">An independent, nonprofit, open-access research institute \u00b7 Cambridge, MA \u00b7 Est. 1994</span>",
"target": [
".extra"
]
}
]
},
{
"id": "document-title",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag242",
"TTv5",
"TT12.a",
"EN-301-549",
"EN-9.2.4.2",
"ACT"
],
"description": "Ensure each HTML document contains a non-empty <title> element",
"help": "Documents must have <title> element to aid in navigation",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "doc-has-title",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Document has a non-empty <title> element"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\" class=\"js\">",
"target": [
"html"
]
}
]
},
{
"id": "form-field-multiple-labels",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag332",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.3.3.2"
],
"description": "Ensure form field does not have multiple label elements",
"help": "Form field must not have multiple label elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "multiple-label",
"data": null,
"relatedNodes": [],
"impact": "moderate",
"message": "Form field does not have multiple label elements"
}
],
"impact": null,
"html": "<input type=\"search\" id=\"citeSearch\" placeholder=\"Search title, author, journal, or DOI\u2026\" aria-label=\"Search publications\">",
"target": [
"#citeSearch"
]
}
]
},
{
"id": "html-has-lang",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"TTv5",
"TT11.a",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure every HTML document has a lang attribute",
"help": "<html> element must have a lang attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-lang",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "The <html> element has a lang attribute"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\" class=\"js\">",
"target": [
"html"
]
}
]
},
{
"id": "html-lang-valid",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"TTv5",
"TT11.a",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure the lang attribute of the <html> element has a valid value",
"help": "<html> element must have a valid value for the lang attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "valid-lang",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Value of lang attribute is included in the list of valid languages"
}
],
"impact": null,
"html": "<html lang=\"en\" class=\"js\">",
"target": [
"html"
]
}
]
},
{
"id": "image-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"TT7.b",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure <img> elements have alternative text or a role of none or presentation",
"help": "Images must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-alt",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has an alt attribute"
}
],
"all": [],
"none": [
{
"id": "alt-space-value",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has a valid alt attribute value"
}
],
"impact": null,
"html": "<img src=\"https://placehold.co/64x64/0a1a2c/e8963c?text=M&font=montserrat\" alt=\"Meridian Science Institute logo\" width=\"46\" height=\"46\">",
"target": [
".brand > img[width=\"46\"][height=\"46\"]"
]
}
]
},
{
"id": "label",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every form element has a label",
"help": "Form elements must have labels",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-label attribute exists and is not empty"
},
{
"id": "non-empty-placeholder",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has a placeholder attribute"
}
],
"all": [],
"none": [
{
"id": "hidden-explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Form element has a visible explicit <label>"
}
],
"impact": null,
"html": "<input type=\"search\" id=\"citeSearch\" placeholder=\"Search title, author, journal, or DOI\u2026\" aria-label=\"Search publications\">",
"target": [
"#citeSearch"
]
}
]
},
{
"id": "link-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag244",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.2.4.4",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure links have discernible text",
"help": "Links must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element has text that is visible to screen readers"
}
],
"all": [],
"none": [
{
"id": "focusable-no-name",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element is not in tab order or has accessible text"
}
],
"impact": null,
"html": "<a href=\"#citations\">Data Portal</a>",
"target": [
".topbar-links > a[href$=\"#citations\"]"
]
}
]
},
{
"id": "list",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that lists are structured correctly",
"help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "only-listitems",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "List element only has direct children that are allowed inside <li> elements"
}
],
"impact": null,
"html": "<ul>",
"target": [
".main-nav > ul"
]
}
]
},
{
"id": "listitem",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <li> elements are used semantically",
"help": "<li> elements must be contained in a <ul> or <ol>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "listitem",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "List item has a <ul>, <ol> or role=\"list\" parent element"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<li><a href=\"#research\" data-spy=\"research\">Research</a></li>",
"target": [
".main-nav > ul > li:nth-child(1)"
]
}
]
},
{
"id": "meta-viewport",
"impact": null,
"tags": [
"cat.sensory-and-visual-cues",
"wcag2aa",
"wcag144",
"EN-301-549",
"EN-9.1.4.4",
"ACT"
],
"description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
"help": "Zooming and scaling must not be disabled",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "meta-viewport",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "<meta> tag does not disable zooming on mobile devices"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
"target": [
"meta[name=\"viewport\"]"
]
}
]
},
{
"id": "nested-interactive",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
"help": "Interactive controls must not be nested",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "no-focusable-content",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element does not have focusable descendants"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<img src=\"https://placehold.co/64x64/0a1a2c/e8963c?text=M&font=montserrat\" alt=\"Meridian Science Institute logo\" width=\"46\" height=\"46\">",
"target": [
".brand > img[width=\"46\"][height=\"46\"]"
]
}
]
},
{
"id": "scrollable-region-focusable",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag211",
"wcag213",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1",
"EN-9.2.1.3"
],
"description": "Ensure elements that have scrollable content are accessible by keyboard",
"help": "Scrollable region must have keyboard access",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "focusable-content",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element contains focusable elements"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<ol class=\"finder-results\" id=\"citeResults\">",
"target": [
"#citeResults"
]
}
]
},
{
"id": "select-name",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure select element has an accessible name",
"help": "Select element must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-label attribute exists and is not empty"
}
],
"all": [],
"none": [
{
"id": "hidden-explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Form element has a visible explicit <label>"
}
],
"impact": null,
"html": "<select id=\"citeField\" aria-label=\"Filter by field\">",
"target": [
"#citeField"
]
}
]
},
{
"id": "target-size",
"impact": null,
"tags": [
"cat.sensory-and-visual-cues",
"wcag22aa",
"wcag258"
],
"description": "Ensure touch targets have sufficient size and space",
"help": "All touch targets must be 24px large, or leave sufficient space",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "target-offset",
"data": {
"closestOffset": 24,
"minOffset": 24
},
"relatedNodes": [],
"impact": "serious",
"message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
}
],
"all": [],
"none": [],
"impact": null,
"html": "<a href=\"#citations\">Data Portal</a>",
"target": [
".topbar-links > a[href$=\"#citations\"]"
]
}
]
}
],
"incomplete": [
{
"id": "aria-prohibited-attr",
"impact": "serious",
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are not prohibited for an element's role",
"help": "Elements must only use permitted ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": {
"role": null,
"nodeName": "div",
"messageKey": "noRoleSingular",
"prohibited": [
"aria-label"
]
},
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute is not well supported on a div with no valid role attribute."
}
],
"impact": "serious",
"html": "<div class=\"ticker\" aria-label=\"Research bulletin\">",
"target": [
".ticker"
],
"failureSummary": "Fix all of the following:\n aria-label attribute is not well supported on a div with no valid role attribute."
}
]
},
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": null,
"bgColor": null,
"contrastRatio": 0,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": "bgGradient",
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"hero\" aria-label=\"Introduction\">",
"target": [
".hero"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background gradient"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"kicker\"><span class=\"pulse-dot\"></span>Open access \u00b7 Peer reviewed \u00b7 Nonprofit since 1994</p>",
"target": [
".hero-copy > .kicker"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background gradient"
}
]
}
],
"violations": [
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn btn-primary btn-sm header-cta\" href=\"#subscribe\">Subscribe</a>",
"target": [
".header-cta"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn btn-primary btn-sm header-cta\" href=\"#subscribe\">Subscribe</a>",
"target": [
".header-cta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn btn-primary\" href=\"#research\">Explore Current Research <svg class=\"ic\"><use href=\"#i-arrow\"></use></svg></a>",
"target": [
".btn-primary.btn[href$=\"#research\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn btn-primary\" href=\"#research\">Explore Current Research <svg class=\"ic\"><use href=\"#i-arrow\"></use></svg></a>",
"target": [
".btn-primary.btn[href$=\"#research\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:a.okafor@meridian-institute.org\">Contact Researcher</a>",
"target": [
".researcher-actions > .btn-primary.btn-sm.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:a.okafor@meridian-institute.org\">Contact Researcher</a>",
"target": [
".researcher-actions > .btn-primary.btn-sm.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#d97f22",
"bgColor": "#ffffff",
"contrastRatio": 2.99,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in\">",
"target": [
".program-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.99 (foreground color: #d97f22, background color: #ffffff, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"program-meta\">10 weeks \u00b7 Paid stipend $6,500</span>",
"target": [
".program-card:nth-child(1) > .program-body > .program-meta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.99 (foreground color: #d97f22, background color: #ffffff, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#d97f22",
"bgColor": "#ffffff",
"contrastRatio": 2.99,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in\" style=\"--d:.1s\">",
"target": [
".program-card:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.99 (foreground color: #d97f22, background color: #ffffff, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"program-meta\">Year-round \u00b7 Open to everyone</span>",
"target": [
".program-card:nth-child(2) > .program-body > .program-meta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.99 (foreground color: #d97f22, background color: #ffffff, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#d97f22",
"bgColor": "#ffffff",
"contrastRatio": 2.99,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in\" style=\"--d:.05s\">",
"target": [
".program-card:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.99 (foreground color: #d97f22, background color: #ffffff, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"program-meta\">1 week \u00b7 40 PDP hours \u00b7 Free</span>",
"target": [
".program-card:nth-child(3) > .program-body > .program-meta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.99 (foreground color: #d97f22, background color: #ffffff, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#d97f22",
"bgColor": "#ffffff",
"contrastRatio": 2.99,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in\" style=\"--d:.15s\">",
"target": [
".program-card:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.99 (foreground color: #d97f22, background color: #ffffff, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"program-meta\">2 years \u00b7 Cohort of 30</span>",
"target": [
".program-card:nth-child(4) > .program-body > .program-meta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.99 (foreground color: #d97f22, background color: #ffffff, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#d97f22",
"bgColor": "#ffffff",
"contrastRatio": 2.99,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"widget reveal in\" style=\"--d:.16s\">",
"target": [
".widget.in.reveal:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.99 (foreground color: #d97f22, background color: #ffffff, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"when dline\" data-deadline=\"2025-11-15\">Next cycle TBA</span>",
"target": [
"span[data-deadline=\"2025-11-15\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.99 (foreground color: #d97f22, background color: #ffffff, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#d97f22",
"bgColor": "#ffffff",
"contrastRatio": 2.99,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"widget reveal in\" style=\"--d:.16s\">",
"target": [
".widget.in.reveal:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.99 (foreground color: #d97f22, background color: #ffffff, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"when dline\" data-deadline=\"2026-01-10\">Next cycle TBA</span>",
"target": [
".when.dline[data-deadline=\"2026-01-10\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.99 (foreground color: #d97f22, background color: #ffffff, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#d97f22",
"bgColor": "#ffffff",
"contrastRatio": 2.99,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"widget reveal in\" style=\"--d:.16s\">",
"target": [
".widget.in.reveal:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.99 (foreground color: #d97f22, background color: #ffffff, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"when dline\" data-deadline=\"2026-02-01\">Next cycle TBA</span>",
"target": [
".when.dline[data-deadline=\"2026-02-01\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.99 (foreground color: #d97f22, background color: #ffffff, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#d97f22",
"bgColor": "#fceeda",
"contrastRatio": 2.62,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<span class=\"grant-deadline\" data-deadline=\"2026-02-01\">Deadline Feb 01, 2026</span>",
"target": [
".grant-deadline[data-deadline=\"2026-02-01\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.62 (foreground color: #d97f22, background color: #fceeda, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"grant-deadline\" data-deadline=\"2026-02-01\">Deadline Feb 01, 2026</span>",
"target": [
".grant-deadline[data-deadline=\"2026-02-01\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.62 (foreground color: #d97f22, background color: #fceeda, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:grants@meridian-institute.org?subject=Discovery%20Catalyst%20Application\">Start Application</a>",
"target": [
".grant-card.in.reveal:nth-child(2) > .grant-side > .grant-actions > .btn-primary.btn-sm.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:grants@meridian-institute.org?subject=Discovery%20Catalyst%20Application\">Start Application</a>",
"target": [
".grant-card.in.reveal:nth-child(2) > .grant-side > .grant-actions > .btn-primary.btn-sm.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#d97f22",
"bgColor": "#fceeda",
"contrastRatio": 2.62,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<span class=\"grant-deadline\" data-deadline=\"2026-01-10\">Deadline Jan 10, 2026</span>",
"target": [
".grant-deadline[data-deadline=\"2026-01-10\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.62 (foreground color: #d97f22, background color: #fceeda, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"grant-deadline\" data-deadline=\"2026-01-10\">Deadline Jan 10, 2026</span>",
"target": [
".grant-deadline[data-deadline=\"2026-01-10\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.62 (foreground color: #d97f22, background color: #fceeda, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:grants@meridian-institute.org?subject=Open%20Data%20Infrastructure%20Application\">Start Application</a>",
"target": [
".grant-card.in.reveal:nth-child(3) > .grant-side > .grant-actions > .btn-primary.btn-sm.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:grants@meridian-institute.org?subject=Open%20Data%20Infrastructure%20Application\">Start Application</a>",
"target": [
".grant-card.in.reveal:nth-child(3) > .grant-side > .grant-actions > .btn-primary.btn-sm.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#d97f22",
"bgColor": "#fceeda",
"contrastRatio": 2.62,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<span class=\"grant-deadline\">Rolling \u2014 apply anytime</span>",
"target": [
".grant-card.in.reveal:nth-child(4) > .grant-side > .grant-deadline"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.62 (foreground color: #d97f22, background color: #fceeda, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"grant-deadline\">Rolling \u2014 apply anytime</span>",
"target": [
".grant-card.in.reveal:nth-child(4) > .grant-side > .grant-deadline"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.62 (foreground color: #d97f22, background color: #fceeda, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:grants@meridian-institute.org?subject=SciComm%20Fellowship%20Application\">Start Application</a>",
"target": [
".grant-card.in.reveal:nth-child(4) > .grant-side > .grant-actions > .btn-primary.btn-sm.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:grants@meridian-institute.org?subject=SciComm%20Fellowship%20Application\">Start Application</a>",
"target": [
".grant-card.in.reveal:nth-child(4) > .grant-side > .grant-actions > .btn-primary.btn-sm.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button class=\"fmt-btn active\" data-fmt=\"APA\">APA</button>",
"target": [
"button[data-fmt=\"APA\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button class=\"fmt-btn active\" data-fmt=\"APA\">APA</button>",
"target": [
"button[data-fmt=\"APA\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64788f",
"bgColor": "#0f2439",
"contrastRatio": 3.47,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"finder reveal in\">",
"target": [
".finder"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.47 (foreground color: #64788f, background color: #0f2439, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"doi\">doi:10.48550/meridian.2025.0064</span>",
"target": [
"li[data-id=\"okafor2025\"] > .ref-row > .ref-main > .ref-journal > .doi"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.47 (foreground color: #64788f, background color: #0f2439, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "8.9pt (11.84px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button class=\"ref-copy\" data-act=\"copy\"><svg class=\"ic\"><use href=\"#i-copy\"></use></svg> Copy APA</button>",
"target": [
"li[data-id=\"okafor2025\"] > .ref-row > .ref-side > .ref-btns > .ref-copy[data-act=\"copy\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button class=\"ref-copy\" data-act=\"copy\"><svg class=\"ic\"><use href=\"#i-copy\"></use></svg> Copy APA</button>",
"target": [
"li[data-id=\"okafor2025\"] > .ref-row > .ref-side > .ref-btns > .ref-copy[data-act=\"copy\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64788f",
"bgColor": "#0f2439",
"contrastRatio": 3.47,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"finder reveal in\">",
"target": [
".finder"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.47 (foreground color: #64788f, background color: #0f2439, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"doi\">doi:10.48550/meridian.2025.0083</span>",
"target": [
"li[data-id=\"ramirez2025\"] > .ref-row > .ref-main > .ref-journal > .doi"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.47 (foreground color: #64788f, background color: #0f2439, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "8.9pt (11.84px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button class=\"ref-copy\" data-act=\"copy\"><svg class=\"ic\"><use href=\"#i-copy\"></use></svg> Copy APA</button>",
"target": [
"li[data-id=\"ramirez2025\"] > .ref-row > .ref-side > .ref-btns > .ref-copy[data-act=\"copy\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button class=\"ref-copy\" data-act=\"copy\"><svg class=\"ic\"><use href=\"#i-copy\"></use></svg> Copy APA</button>",
"target": [
"li[data-id=\"ramirez2025\"] > .ref-row > .ref-side > .ref-btns > .ref-copy[data-act=\"copy\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64788f",
"bgColor": "#0f2439",
"contrastRatio": 3.47,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"finder reveal in\">",
"target": [
".finder"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.47 (foreground color: #64788f, background color: #0f2439, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"doi\">doi:10.48550/meridian.2025.0121</span>",
"target": [
"li[data-id=\"park2025\"] > .ref-row > .ref-main > .ref-journal > .doi"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.47 (foreground color: #64788f, background color: #0f2439, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "8.9pt (11.84px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button class=\"ref-copy\" data-act=\"copy\"><svg class=\"ic\"><use href=\"#i-copy\"></use></svg> Copy APA</button>",
"target": [
"li[data-id=\"park2025\"] > .ref-row > .ref-side > .ref-btns > .ref-copy[data-act=\"copy\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button class=\"ref-copy\" data-act=\"copy\"><svg class=\"ic\"><use href=\"#i-copy\"></use></svg> Copy APA</button>",
"target": [
"li[data-id=\"park2025\"] > .ref-row > .ref-side > .ref-btns > .ref-copy[data-act=\"copy\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64788f",
"bgColor": "#0f2439",
"contrastRatio": 3.47,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"finder reveal in\">",
"target": [
".finder"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.47 (foreground color: #64788f, background color: #0f2439, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"doi\">doi:10.48550/meridian.2025.0108</span>",
"target": [
"li[data-id=\"tanaka2025\"] > .ref-row > .ref-main > .ref-journal > .doi"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.47 (foreground color: #64788f, background color: #0f2439, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "8.9pt (11.84px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button class=\"ref-copy\" data-act=\"copy\"><svg class=\"ic\"><use href=\"#i-copy\"></use></svg> Copy APA</button>",
"target": [
"li[data-id=\"tanaka2025\"] > .ref-row > .ref-side > .ref-btns > .ref-copy[data-act=\"copy\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button class=\"ref-copy\" data-act=\"copy\"><svg class=\"ic\"><use href=\"#i-copy\"></use></svg> Copy APA</button>",
"target": [
"li[data-id=\"tanaka2025\"] > .ref-row > .ref-side > .ref-btns > .ref-copy[data-act=\"copy\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64788f",
"bgColor": "#0f2439",
"contrastRatio": 3.47,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"finder reveal in\">",
"target": [
".finder"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.47 (foreground color: #64788f, background color: #0f2439, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"doi\">doi:10.48550/meridian.2024.0155</span>",
"target": [
"li[data-id=\"foster2024\"] > .ref-row > .ref-main > .ref-journal > .doi"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.47 (foreground color: #64788f, background color: #0f2439, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "8.9pt (11.84px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button class=\"ref-copy\" data-act=\"copy\"><svg class=\"ic\"><use href=\"#i-copy\"></use></svg> Copy APA</button>",
"target": [
"li[data-id=\"foster2024\"] > .ref-row > .ref-side > .ref-btns > .ref-copy[data-act=\"copy\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button class=\"ref-copy\" data-act=\"copy\"><svg class=\"ic\"><use href=\"#i-copy\"></use></svg> Copy APA</button>",
"target": [
"li[data-id=\"foster2024\"] > .ref-row > .ref-side > .ref-btns > .ref-copy[data-act=\"copy\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64788f",
"bgColor": "#0f2439",
"contrastRatio": 3.47,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"finder reveal in\">",
"target": [
".finder"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.47 (foreground color: #64788f, background color: #0f2439, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"doi\">doi:10.48550/meridian.2024.0117</span>",
"target": [
"li[data-id=\"chen2024\"] > .ref-row > .ref-main > .ref-journal > .doi"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.47 (foreground color: #64788f, background color: #0f2439, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "8.9pt (11.84px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button class=\"ref-copy\" data-act=\"copy\"><svg class=\"ic\"><use href=\"#i-copy\"></use></svg> Copy APA</button>",
"target": [
"li[data-id=\"chen2024\"] > .ref-row > .ref-side > .ref-btns > .ref-copy[data-act=\"copy\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button class=\"ref-copy\" data-act=\"copy\"><svg class=\"ic\"><use href=\"#i-copy\"></use></svg> Copy APA</button>",
"target": [
"li[data-id=\"chen2024\"] > .ref-row > .ref-side > .ref-btns > .ref-copy[data-act=\"copy\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#0a7568",
"bgColor": "#dde2e7",
"contrastRatio": 4.28,
"fontSize": "7.4pt (9.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<header class=\"site-header scrolled\" id=\"siteHeader\">",
"target": [
"#siteHeader"
]
},
{
"html": "<div class=\"finder reveal in\">",
"target": [
".finder"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.28 (foreground color: #0a7568, background color: #dde2e7, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"brand-sub\">Science Institute</span>",
"target": [
".brand-sub"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.28 (foreground color: #0a7568, background color: #dde2e7, font size: 7.4pt (9.92px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#57697e",
"bgColor": "#dde2e7",
"contrastRatio": 4.32,
"fontSize": "11.4pt (15.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<header class=\"site-header scrolled\" id=\"siteHeader\">",
"target": [
"#siteHeader"
]
},
{
"html": "<div class=\"finder reveal in\">",
"target": [
".finder"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.32 (foreground color: #57697e, background color: #dde2e7, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"header-tagline\">\u201cWhere evidence leads, discovery follows.\u201d</p>",
"target": [
".header-tagline"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.32 (foreground color: #57697e, background color: #dde2e7, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:events@meridian-institute.org?subject=Registration%3A%20The%20Sound%20of%20Spacetime\">Register</a>",
"target": [
".event-row.in.reveal:nth-child(1) > .btn-primary.btn-sm.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:events@meridian-institute.org?subject=Registration%3A%20The%20Sound%20of%20Spacetime\">Register</a>",
"target": [
".event-row.in.reveal:nth-child(1) > .btn-primary.btn-sm.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:events@meridian-institute.org?subject=Registration%3A%20Frontiers%20of%20Quantum%20Sensing\">Register</a>",
"target": [
".event-row.in.reveal:nth-child(2) > .btn-primary.btn-sm.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:events@meridian-institute.org?subject=Registration%3A%20Frontiers%20of%20Quantum%20Sensing\">Register</a>",
"target": [
".event-row.in.reveal:nth-child(2) > .btn-primary.btn-sm.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:events@meridian-institute.org?subject=Registration%3A%20Statistics%20for%20Reproducible%20Research\">Register</a>",
"target": [
".event-row.in.reveal:nth-child(3) > .btn-primary.btn-sm.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:events@meridian-institute.org?subject=Registration%3A%20Statistics%20for%20Reproducible%20Research\">Register</a>",
"target": [
".event-row.in.reveal:nth-child(3) > .btn-primary.btn-sm.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:events@meridian-institute.org?subject=Registration%3A%20Citizen%20Science%20Day\">Register</a>",
"target": [
".event-row.in.reveal:nth-child(4) > .btn-primary.btn-sm.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:events@meridian-institute.org?subject=Registration%3A%20Citizen%20Science%20Day\">Register</a>",
"target": [
".event-row.in.reveal:nth-child(4) > .btn-primary.btn-sm.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:grants@meridian-institute.org?subject=Discovery%20Catalyst%20Application\">Start Application</a>",
"target": [
".grant-card.reveal.in:nth-child(2) > .grant-side > .grant-actions > .btn-primary.btn-sm.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:grants@meridian-institute.org?subject=Discovery%20Catalyst%20Application\">Start Application</a>",
"target": [
".grant-card.reveal.in:nth-child(2) > .grant-side > .grant-actions > .btn-primary.btn-sm.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:grants@meridian-institute.org?subject=Open%20Data%20Infrastructure%20Application\">Start Application</a>",
"target": [
".grant-card.reveal.in:nth-child(3) > .grant-side > .grant-actions > .btn-primary.btn-sm.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:grants@meridian-institute.org?subject=Open%20Data%20Infrastructure%20Application\">Start Application</a>",
"target": [
".grant-card.reveal.in:nth-child(3) > .grant-side > .grant-actions > .btn-primary.btn-sm.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#d97f22",
"bgColor": "#fceeda",
"contrastRatio": 2.62,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<span class=\"grant-deadline\">Rolling \u2014 apply anytime</span>",
"target": [
".grant-card.reveal.in:nth-child(4) > .grant-side > .grant-deadline"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.62 (foreground color: #d97f22, background color: #fceeda, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"grant-deadline\">Rolling \u2014 apply anytime</span>",
"target": [
".grant-card.reveal.in:nth-child(4) > .grant-side > .grant-deadline"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.62 (foreground color: #d97f22, background color: #fceeda, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:grants@meridian-institute.org?subject=SciComm%20Fellowship%20Application\">Start Application</a>",
"target": [
".grant-card.reveal.in:nth-child(4) > .grant-side > .grant-actions > .btn-primary.btn-sm.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:grants@meridian-institute.org?subject=SciComm%20Fellowship%20Application\">Start Application</a>",
"target": [
".grant-card.reveal.in:nth-child(4) > .grant-side > .grant-actions > .btn-primary.btn-sm.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:events@meridian-institute.org?subject=Registration%3A%20The%20Sound%20of%20Spacetime\">Register</a>",
"target": [
".event-row.reveal.in:nth-child(1) > .btn-primary.btn-sm.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:events@meridian-institute.org?subject=Registration%3A%20The%20Sound%20of%20Spacetime\">Register</a>",
"target": [
".event-row.reveal.in:nth-child(1) > .btn-primary.btn-sm.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:events@meridian-institute.org?subject=Registration%3A%20Frontiers%20of%20Quantum%20Sensing\">Register</a>",
"target": [
".event-row.reveal.in:nth-child(2) > .btn-primary.btn-sm.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:events@meridian-institute.org?subject=Registration%3A%20Frontiers%20of%20Quantum%20Sensing\">Register</a>",
"target": [
".event-row.reveal.in:nth-child(2) > .btn-primary.btn-sm.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:events@meridian-institute.org?subject=Registration%3A%20Statistics%20for%20Reproducible%20Research\">Register</a>",
"target": [
".event-row.reveal.in:nth-child(3) > .btn-primary.btn-sm.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:events@meridian-institute.org?subject=Registration%3A%20Statistics%20for%20Reproducible%20Research\">Register</a>",
"target": [
".event-row.reveal.in:nth-child(3) > .btn-primary.btn-sm.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:events@meridian-institute.org?subject=Registration%3A%20Citizen%20Science%20Day\">Register</a>",
"target": [
".event-row.reveal.in:nth-child(4) > .btn-primary.btn-sm.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn btn-primary btn-sm\" href=\"mailto:events@meridian-institute.org?subject=Registration%3A%20Citizen%20Science%20Day\">Register</a>",
"target": [
".event-row.reveal.in:nth-child(4) > .btn-primary.btn-sm.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0e9384",
"contrastRatio": 3.8,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button class=\"btn btn-primary\" type=\"submit\">Subscribe <svg class=\"ic\"><use href=\"#i-arrow\"></use></svg></button>",
"target": [
"button[type=\"submit\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button class=\"btn btn-primary\" type=\"submit\">Subscribe <svg class=\"ic\"><use href=\"#i-arrow\"></use></svg></button>",
"target": [
"button[type=\"submit\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.8 (foreground color: #ffffff, background color: #0e9384, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
}
]
}
],
"coverage": {
"contract": "main-document-vertical-scroll",
"complete": true,
"positions": [
{
"y": 0,
"height": 10980
},
{
"y": 576,
"height": 11173
},
{
"y": 1152,
"height": 11365
},
{
"y": 1728,
"height": 11365
},
{
"y": 2304,
"height": 11365
},
{
"y": 2880,
"height": 11365
},
{
"y": 3456,
"height": 11365
},
{
"y": 4032,
"height": 11365
},
{
"y": 4608,
"height": 11365
},
{
"y": 5184,
"height": 11365
},
{
"y": 5760,
"height": 11365
},
{
"y": 6336,
"height": 11365
},
{
"y": 6912,
"height": 11365
},
{
"y": 7488,
"height": 11365
},
{
"y": 8064,
"height": 11365
},
{
"y": 8640,
"height": 11365
},
{
"y": 9216,
"height": 11365
},
{
"y": 9792,
"height": 11365
},
{
"y": 10368,
"height": 11365
},
{
"y": 10645,
"height": 11365
}
],
"scans": 21,
"max_states": 512,
"settle_ms": 5000,
"page_timeout_seconds": 150,
"layout_stability": "consecutive 100ms size samples within one CSS pixel",
"animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
"interactive_states": "not exercised",
"horizontal_scroll": "not exercised"
}
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Science" sector.
Your goal is to generate the full HTML code for a page that is not just functional but also visually compelling, content-rich, and feels like a finished product ready for launch.
**Client & Category:**
- Industry: "Science"
- Description: Scientific research, discoveries, STEM education, and science news.
**Your Creative Task:**
1. **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Science" category.
2. **Define Page:** Determine the most effective primary page type (e.g., homepage, service landing page, category portal) to showcase this fictional entity.
3. **Design:** Develop an opinionated, modern, and professional layout. Make distinct choices about structure and flow.
**Content & Structure Requirements (Deliver a COMPLETE page):**
- **Overall:** The final page must feel substantial and complete, with realistic amounts of text (multiple paragraphs per section where appropriate, avoid single sentences), well-integrated placeholder images, and logical flow. It should look like a real website a business would proudly use.
- **HEADER:** Include the invented site name, tagline, a logo placeholder image, and a primary navigation bar. Ensure the navigation has **at least 5-7 clearly defined, relevant links** including: "Events", "Careers", "Contact".
- **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
- Address key topics relevant to the "Science" category. Consider themes similar to: "Innovation Spotlight", "Educational Programs", "Grant Opportunities".
- **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "peer validation", "breakthrough", "citation".
- **Visuals:** Integrate relevant placeholder images logically within the content sections.
- **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Subscribe", "Contact Researcher", "Get Updates".
- **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Science" sector. Ideas similar but not limited to: "citation finder".
- **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "data releases", "upcoming lectures", "grant deadlines".
- **FOOTER:** Include a professional footer with invented contact details, copyright (current year), social media links, and standard links (Privacy, Terms).
- **MODERN WEB PATTERNS:** Include modern web patterns like testimonial cards, feature grids, or FAQ accordions where appropriate.