Pages Hard
Science — Academic Paper Layout
A full academic paper page in the style of a peer-reviewed journal, with a running header showing volume, issue and DOI, a superscript-affiliated author list, a structured abstract with keywords, a responsive two-column body with numbered sections, inline citation links that smooth-scroll to a numbered reference list, a captioned figure, a data table, a numbered equation block, footnotes, and a sticky mini table of contents that highlights the active section while you read.
Open in Lab
MCP
html css vanilla-js
Targets: JS HTML
Code
:root {
--bg: #ffffff;
--bg-alt: #f6f8fb;
--ink: #0f1b2d;
--ink-2: #33445c;
--muted: #697892;
--accent: #1a4f8a;
--accent-d: #123a66;
--accent-50: #e9f0f9;
--teal: #0f7d78;
--teal-50: #e4f3f1;
--line: rgba(15, 27, 45, 0.12);
--line-2: rgba(15, 27, 45, 0.2);
--ok: #2f9e6f;
--warn: #c9821f;
--danger: #cf4538;
--r-sm: 6px;
--r-md: 10px;
--r-lg: 16px;
--shadow: 0 1px 2px rgba(15, 27, 45, 0.04), 0 4px 16px rgba(15, 27, 45, 0.06);
--serif: "Source Serif 4", Georgia, serif;
--ui: "Inter", system-ui, sans-serif;
--mono: "JetBrains Mono", ui-monospace, monospace;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
scroll-padding-top: 84px;
}
body {
margin: 0;
background: var(--bg);
color: var(--ink);
font-family: var(--serif);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.mono {
font-family: var(--mono);
font-variant-numeric: tabular-nums;
}
a {
color: var(--accent);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 2px;
border-radius: 3px;
}
.skip-link {
position: absolute;
left: -999px;
top: 0;
background: var(--accent);
color: #fff;
padding: 8px 14px;
font-family: var(--ui);
z-index: 50;
border-radius: 0 0 var(--r-sm) 0;
}
.skip-link:focus {
left: 0;
}
/* Running header */
.running-head {
position: sticky;
top: 0;
z-index: 30;
background: rgba(255, 255, 255, 0.92);
backdrop-filter: saturate(160%) blur(8px);
border-bottom: 1px solid var(--line);
font-family: var(--ui);
}
.rh-inner {
max-width: 1160px;
margin: 0 auto;
padding: 10px 24px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.rh-journal {
display: flex;
flex-direction: column;
line-height: 1.25;
}
.rh-title {
font-weight: 700;
font-size: 14px;
color: var(--ink);
letter-spacing: 0.01em;
}
.rh-meta {
font-size: 11.5px;
color: var(--muted);
}
.rh-ids {
display: flex;
align-items: center;
gap: 12px;
}
.rh-oa {
font-size: 11px;
font-weight: 600;
color: var(--teal);
background: var(--teal-50);
border: 1px solid rgba(15, 125, 120, 0.3);
padding: 3px 9px;
border-radius: 999px;
}
.rh-doi {
font-size: 11.5px;
color: var(--accent);
}
/* Layout */
.page {
max-width: 1160px;
margin: 0 auto;
padding: 0 24px 80px;
display: grid;
grid-template-columns: 220px minmax(0, 1fr);
gap: 40px;
}
/* Mini TOC */
.toc {
position: sticky;
top: 84px;
align-self: start;
height: max-content;
font-family: var(--ui);
padding-top: 36px;
}
.toc-label {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--muted);
margin: 0 0 12px;
}
#toc-nav {
display: flex;
flex-direction: column;
gap: 2px;
border-left: 2px solid var(--line);
}
.toc-link {
font-size: 13px;
color: var(--ink-2);
padding: 6px 12px;
margin-left: -2px;
border-left: 2px solid transparent;
transition: color 0.15s, border-color 0.15s, background 0.15s;
}
.toc-link:hover {
text-decoration: none;
color: var(--accent);
background: var(--accent-50);
}
.toc-link.active {
color: var(--accent-d);
font-weight: 600;
border-left-color: var(--accent);
background: var(--accent-50);
}
.toc-actions {
display: flex;
gap: 8px;
margin-top: 18px;
}
.btn-mini {
flex: 1;
font-family: var(--ui);
font-size: 12px;
font-weight: 600;
color: var(--accent-d);
background: var(--bg-alt);
border: 1px solid var(--line-2);
border-radius: var(--r-sm);
padding: 7px 0;
cursor: pointer;
transition: background 0.15s, transform 0.06s;
}
.btn-mini:hover {
background: var(--accent-50);
}
.btn-mini:active {
transform: translateY(1px);
}
.toc-progress {
margin-top: 18px;
height: 4px;
background: var(--line);
border-radius: 999px;
overflow: hidden;
}
#toc-bar {
display: block;
height: 100%;
width: 0;
background: linear-gradient(90deg, var(--accent), var(--teal));
transition: width 0.1s linear;
}
/* Article */
.article {
min-width: 0;
padding-top: 36px;
}
.front {
padding-bottom: 24px;
border-bottom: 2px solid var(--line);
margin-bottom: 28px;
}
.article-type {
font-family: var(--ui);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--teal);
margin: 0 0 10px;
}
.title {
font-size: clamp(26px, 4vw, 38px);
line-height: 1.18;
font-weight: 700;
margin: 0 0 18px;
letter-spacing: -0.01em;
}
.authors {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 4px 14px;
margin: 0 0 12px;
padding: 0;
font-family: var(--ui);
font-size: 15px;
font-weight: 600;
color: var(--ink);
}
.authors sup {
font-weight: 500;
color: var(--accent);
}
.affil {
list-style: none;
margin: 0 0 10px;
padding: 0;
font-family: var(--ui);
font-size: 12.5px;
color: var(--muted);
line-height: 1.7;
}
.affil sup {
color: var(--accent);
font-weight: 600;
margin-right: 3px;
}
.corresp {
font-family: var(--ui);
font-size: 12.5px;
color: var(--ink-2);
margin: 0 0 14px;
}
.hist {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 6px 16px;
margin: 0;
padding: 0;
font-size: 11.5px;
color: var(--muted);
}
/* Abstract */
.abstract {
background: var(--bg-alt);
border: 1px solid var(--line);
border-left: 3px solid var(--accent);
border-radius: var(--r-md);
padding: 22px 24px;
margin-bottom: 32px;
}
.abstract h2 {
font-family: var(--ui);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--accent-d);
margin: 0 0 14px;
}
.structured-abstract {
margin: 0;
}
.structured-abstract dt {
font-family: var(--ui);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--teal);
margin-top: 12px;
}
.structured-abstract dt:first-child {
margin-top: 0;
}
.structured-abstract dd {
margin: 3px 0 0;
font-size: 15px;
color: var(--ink-2);
}
.keywords {
font-family: var(--ui);
font-size: 13px;
margin: 18px 0 0;
padding-top: 14px;
border-top: 1px solid var(--line);
color: var(--ink-2);
}
.kw {
display: inline-block;
background: var(--accent-50);
color: var(--accent-d);
font-size: 12px;
font-weight: 500;
padding: 3px 10px;
border-radius: 999px;
margin: 0 4px 4px 0;
}
.kw:hover {
text-decoration: none;
background: var(--accent);
color: #fff;
}
/* Two-column body */
.body {
column-count: 2;
column-gap: 40px;
}
.sec {
break-inside: avoid-column;
}
.sec h2 {
font-size: 19px;
font-weight: 700;
margin: 4px 0 10px;
color: var(--ink);
break-after: avoid;
}
.sec-num {
color: var(--accent);
margin-right: 8px;
}
.sec p {
margin: 0 0 14px;
font-size: 15px;
color: var(--ink-2);
hyphens: auto;
}
/* Inline citations */
.cite {
font-family: var(--ui);
font-size: 12px;
font-weight: 600;
color: var(--accent);
background: var(--accent-50);
padding: 0 4px;
border-radius: 3px;
white-space: nowrap;
}
.cite:hover {
text-decoration: none;
background: var(--accent);
color: #fff;
}
.fn-ref a {
font-family: var(--ui);
font-size: 11px;
font-weight: 600;
}
/* Equation */
.equation {
break-inside: avoid;
display: flex;
align-items: center;
gap: 12px;
margin: 18px 0;
padding: 16px 18px;
background: var(--bg-alt);
border: 1px solid var(--line);
border-radius: var(--r-md);
}
.eq-body {
flex: 1;
text-align: center;
font-family: var(--serif);
font-size: 18px;
}
.eq-line {
display: inline-block;
}
.eq-var {
font-style: italic;
}
.eq-op {
font-family: var(--mono);
font-style: normal;
margin: 0 4px;
color: var(--ink);
}
.eq-paren {
font-style: normal;
}
.eq-num {
font-size: 13px;
color: var(--muted);
}
/* Figure */
.figure,
.table-wrap {
break-inside: avoid;
margin: 20px 0;
}
.figure-frame {
border: 1px solid var(--line);
border-radius: var(--r-md);
background: #fff;
padding: 12px;
}
.fig-svg {
width: 100%;
height: auto;
display: block;
}
.fig-svg .ax {
stroke: var(--line-2);
stroke-width: 1;
}
.fig-svg .datacurve {
fill: none;
stroke: var(--accent);
stroke-width: 2.4;
stroke-linejoin: round;
stroke-linecap: round;
}
.fig-svg .datapt {
fill: var(--teal);
stroke: #fff;
stroke-width: 1.5;
}
.fig-svg .guide {
stroke: var(--teal);
stroke-width: 1;
stroke-dasharray: 3 3;
opacity: 0.6;
}
.fig-svg .axlabel {
font-family: "JetBrains Mono", monospace;
font-size: 9px;
fill: var(--muted);
}
.fig-svg .axtick {
font-size: 7px;
fill: var(--teal);
}
figcaption,
.tbl-cap {
font-family: var(--ui);
font-size: 12.5px;
color: var(--muted);
margin-top: 8px;
line-height: 1.5;
}
figcaption strong,
.tbl-cap strong {
color: var(--ink);
}
/* Table */
.table-scroll {
overflow-x: auto;
border: 1px solid var(--line);
border-radius: var(--r-md);
}
table {
border-collapse: collapse;
width: 100%;
font-family: var(--ui);
font-size: 13px;
min-width: 360px;
}
thead th {
background: var(--bg-alt);
text-align: left;
font-weight: 700;
font-size: 11.5px;
letter-spacing: 0.03em;
text-transform: uppercase;
color: var(--ink-2);
padding: 9px 12px;
border-bottom: 2px solid var(--line-2);
}
tbody th,
tbody td {
padding: 8px 12px;
border-bottom: 1px solid var(--line);
color: var(--ink-2);
}
tbody tr:last-child th,
tbody tr:last-child td {
border-bottom: none;
}
.num {
text-align: right;
}
tbody tr:hover {
background: var(--accent-50);
}
tbody tr.hl {
background: var(--teal-50);
}
tbody tr.hl:hover {
background: rgba(15, 125, 120, 0.14);
}
tbody tr.hl th {
color: var(--teal);
}
/* Meta cards */
.meta-cards {
break-inside: avoid;
display: grid;
gap: 12px;
margin-top: 18px;
}
.mcard {
border: 1px solid var(--line);
border-radius: var(--r-md);
padding: 12px 14px;
background: var(--bg-alt);
}
.mcard-label {
font-family: var(--ui);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--accent-d);
margin: 0 0 4px;
}
.mcard p:last-child {
margin: 0;
font-size: 13.5px;
color: var(--ink-2);
}
/* Footnotes */
.footnotes {
break-inside: avoid;
margin-top: 22px;
padding-top: 14px;
border-top: 1px solid var(--line);
}
.footnotes h3 {
font-family: var(--ui);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--muted);
margin: 0 0 8px;
}
.footnotes ol {
margin: 0;
padding-left: 18px;
font-size: 12.5px;
color: var(--muted);
}
.footnotes li {
margin-bottom: 6px;
}
.fn-back {
font-family: var(--ui);
margin-left: 4px;
}
:target {
animation: flash 1.4s ease;
}
@keyframes flash {
0%,
35% {
background: var(--accent-50);
}
100% {
background: transparent;
}
}
/* References */
.references {
margin-top: 40px;
padding-top: 28px;
border-top: 2px solid var(--line);
}
.references h2 {
font-size: 20px;
font-weight: 700;
margin: 0 0 16px;
}
.ref-list {
margin: 0;
padding-left: 26px;
font-size: 13.5px;
color: var(--ink-2);
font-family: var(--ui);
}
.ref-list li {
margin-bottom: 10px;
padding-left: 4px;
line-height: 1.55;
}
.ref-list li::marker {
color: var(--accent);
font-weight: 700;
}
.ref-au {
font-weight: 600;
color: var(--ink);
}
.ref-list em {
color: var(--ink-2);
}
/* Toast */
.toast {
position: fixed;
left: 50%;
bottom: 28px;
transform: translate(-50%, 20px);
background: var(--ink);
color: #fff;
font-family: var(--ui);
font-size: 13px;
font-weight: 500;
padding: 11px 18px;
border-radius: var(--r-md);
box-shadow: var(--shadow);
opacity: 0;
pointer-events: none;
transition: opacity 0.22s, transform 0.22s;
z-index: 60;
}
.toast.show {
opacity: 1;
transform: translate(-50%, 0);
}
/* Responsive */
@media (max-width: 980px) {
.page {
grid-template-columns: 1fr;
gap: 0;
}
.toc {
position: static;
padding-top: 24px;
margin-bottom: 8px;
}
#toc-nav {
flex-direction: row;
flex-wrap: wrap;
border-left: none;
border-bottom: 1px solid var(--line);
padding-bottom: 10px;
gap: 4px;
}
.toc-link {
border-left: none;
border-bottom: 2px solid transparent;
border-radius: var(--r-sm);
}
.toc-link.active {
border-left-color: transparent;
border-bottom-color: var(--accent);
}
.toc-progress {
display: none;
}
}
@media (max-width: 640px) {
.rh-inner {
flex-direction: column;
align-items: flex-start;
gap: 6px;
padding: 10px 16px;
}
.page {
padding: 0 16px 60px;
}
.body {
column-count: 1;
}
.title {
font-size: 25px;
}
.abstract {
padding: 18px 16px;
}
.meta-cards {
grid-template-columns: 1fr;
}
.toc-actions {
max-width: 240px;
}
}(function () {
"use strict";
/* ---- Toast helper ---- */
var toastEl = document.getElementById("toast");
var toastTimer = null;
function toast(msg) {
if (!toastEl) return;
toastEl.textContent = msg;
toastEl.classList.add("show");
clearTimeout(toastTimer);
toastTimer = setTimeout(function () {
toastEl.classList.remove("show");
}, 2200);
}
/* ---- Mini-TOC active-section highlighting ---- */
var tocLinks = Array.prototype.slice.call(
document.querySelectorAll(".toc-link")
);
var sectionMap = {};
tocLinks.forEach(function (link) {
var id = link.getAttribute("href").slice(1);
var sec = document.getElementById(id);
if (sec) sectionMap[id] = link;
});
var sections = Object.keys(sectionMap).map(function (id) {
return document.getElementById(id);
});
function setActive(id) {
tocLinks.forEach(function (l) {
l.classList.toggle(
"active",
l.getAttribute("href").slice(1) === id
);
});
}
if ("IntersectionObserver" in window && sections.length) {
var visible = {};
var io = new IntersectionObserver(
function (entries) {
entries.forEach(function (e) {
visible[e.target.id] = e.isIntersecting
? e.boundingClientRect.top
: Infinity;
});
// pick the top-most currently-visible section
var best = null;
var bestTop = Infinity;
sections.forEach(function (s) {
var r = s.getBoundingClientRect();
if (r.bottom > 80 && r.top < bestTop) {
bestTop = r.top;
best = s.id;
}
});
if (best) setActive(best);
},
{ rootMargin: "-80px 0px -65% 0px", threshold: [0, 1] }
);
sections.forEach(function (s) {
io.observe(s);
});
}
/* ---- Reading progress bar ---- */
var bar = document.getElementById("toc-bar");
function updateProgress() {
if (!bar) return;
var h = document.documentElement;
var max = h.scrollHeight - h.clientHeight;
var pct = max > 0 ? (h.scrollTop / max) * 100 : 0;
bar.style.width = Math.min(100, Math.max(0, pct)).toFixed(1) + "%";
}
window.addEventListener("scroll", updateProgress, { passive: true });
window.addEventListener("resize", updateProgress);
updateProgress();
/* ---- Smooth-scroll for in-page anchors (citations, refs, footnotes) ---- */
document.addEventListener("click", function (ev) {
var a = ev.target.closest('a[href^="#"]');
if (!a) return;
var id = a.getAttribute("href").slice(1);
if (!id) return;
var target = document.getElementById(id);
if (!target) return;
ev.preventDefault();
target.scrollIntoView({ behavior: "smooth", block: "start" });
history.replaceState(null, "", "#" + id);
// re-trigger :target flash
target.style.animation = "none";
void target.offsetWidth;
target.style.animation = "";
if (a.classList.contains("cite")) {
toast("Jumped to reference [" + (a.dataset.ref || "?") + "]");
}
});
/* ---- DOI / keyword copy ---- */
function copy(text) {
if (navigator.clipboard && navigator.clipboard.writeText) {
return navigator.clipboard.writeText(text);
}
return Promise.reject();
}
var doi = document.querySelector(".rh-doi");
if (doi) {
doi.addEventListener("click", function (e) {
e.preventDefault();
var id = doi.dataset.doi || doi.textContent;
copy(id).then(
function () {
toast("DOI copied: " + id);
},
function () {
toast("DOI: " + id);
}
);
});
}
/* ---- Cite / PDF buttons ---- */
var citeBtn = document.getElementById("btn-cite");
if (citeBtn) {
citeBtn.addEventListener("click", function () {
var bib =
"Voss H.R., Aguirre M.F., Nandakumar P., Eklund T., Chen L.W. " +
"(2026). Persistent Quantum Coherence in Strained Cryogenic " +
"Tin–Selenide Lattices. J. Appl. Quantum Mater. 42(7), 1184–1203. " +
"DOI 10.5281/zenodo.84217-fic";
copy(bib).then(
function () {
toast("Citation copied to clipboard");
},
function () {
toast("Citation ready (copy unavailable)");
}
);
});
}
var pdfBtn = document.getElementById("btn-pdf");
if (pdfBtn) {
pdfBtn.addEventListener("click", function () {
toast("PDF export is illustrative only");
});
}
/* ---- Keyword chips ---- */
Array.prototype.forEach.call(
document.querySelectorAll(".kw"),
function (kw) {
kw.addEventListener("click", function (e) {
e.preventDefault();
toast("Search: " + kw.textContent.trim());
});
}
);
})();<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Quantum Coherence in Cryogenic Lattices — J. Appl. Quantum Mater.</title>
<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=Source+Serif+4:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<a class="skip-link" href="#main">Skip to content</a>
<!-- Running header -->
<header class="running-head" role="banner">
<div class="rh-inner">
<div class="rh-journal">
<span class="rh-title">Journal of Applied Quantum Materials</span>
<span class="rh-meta"><span class="mono">Vol. 42</span> · <span class="mono">Issue 7</span> · <span class="mono">pp. 1184–1203</span></span>
</div>
<div class="rh-ids">
<span class="rh-oa" title="Open Access">Open Access</span>
<a class="rh-doi mono" href="#" data-doi="10.5281/zenodo.84217-fic">DOI 10.5281/zenodo.84217-fic</a>
</div>
</div>
</header>
<div class="page">
<!-- Sticky mini-TOC -->
<aside class="toc" aria-label="Table of contents">
<p class="toc-label">On this page</p>
<nav id="toc-nav">
<a href="#abstract" class="toc-link">Abstract</a>
<a href="#sec-intro" class="toc-link">1. Introduction</a>
<a href="#sec-methods" class="toc-link">2. Methods</a>
<a href="#sec-results" class="toc-link">3. Results</a>
<a href="#sec-discussion" class="toc-link">4. Discussion</a>
<a href="#sec-conclusion" class="toc-link">5. Conclusion</a>
<a href="#references" class="toc-link">References</a>
</nav>
<div class="toc-actions">
<button class="btn-mini" id="btn-cite" type="button">Cite</button>
<button class="btn-mini" id="btn-pdf" type="button">PDF</button>
</div>
<div class="toc-progress" aria-hidden="true"><span id="toc-bar"></span></div>
</aside>
<main id="main" class="article">
<!-- Front matter -->
<div class="front">
<p class="article-type">Research Article · Condensed Matter Physics</p>
<h1 class="title">Persistent Quantum Coherence in Strained Cryogenic Tin–Selenide Lattices</h1>
<ol class="authors" aria-label="Authors">
<li>Helena R. Voss<sup>1,2,*</sup></li>
<li>Mateo F. Aguirre<sup>1</sup></li>
<li>Priya Nandakumar<sup>2,3</sup></li>
<li>Tomas Eklund<sup>3</sup></li>
<li>Lin Wei Chen<sup>1,4</sup></li>
</ol>
<ol class="affil" aria-label="Affiliations">
<li><sup>1</sup> Institute for Cryogenic Materials, Aldenmark University, Lund</li>
<li><sup>2</sup> Center for Quantum Lattices, Polytechnic of Vesterbro</li>
<li><sup>3</sup> Northbridge National Laboratory, Department of Coherent Systems</li>
<li><sup>4</sup> Faculty of Physics, Meridian Technical Institute</li>
</ol>
<p class="corresp"><sup>*</sup> Correspondence: <a href="#" class="mono">h.voss@aldenmark.fic.edu</a></p>
<ul class="hist mono" aria-label="Publication history">
<li>Received <time datetime="2026-01-09">9 Jan 2026</time></li>
<li>Revised <time datetime="2026-03-22">22 Mar 2026</time></li>
<li>Accepted <time datetime="2026-04-30">30 Apr 2026</time></li>
</ul>
</div>
<!-- Abstract -->
<section id="abstract" class="abstract" aria-labelledby="abstract-h">
<h2 id="abstract-h">Abstract</h2>
<dl class="structured-abstract">
<dt>Background</dt>
<dd>Maintaining quantum coherence in solid-state lattices beyond the microsecond regime remains a central obstacle for scalable qubit arrays.</dd>
<dt>Methods</dt>
<dd>We fabricated 24 strained tin–selenide (SnSe) thin films and measured spin–echo coherence times <span class="eq-var">T<sub>2</sub></span> across a temperature sweep from <span class="mono">12 mK</span> to <span class="mono">4.2 K</span>.</dd>
<dt>Results</dt>
<dd>Biaxial strain of <span class="mono">0.84 %</span> extended <span class="eq-var">T<sub>2</sub></span> by a factor of <span class="mono">3.7×</span>, reaching <span class="mono">412 µs</span> at <span class="mono">18 mK</span>.</dd>
<dt>Conclusion</dt>
<dd>Controlled lattice strain provides a reproducible route to long-lived coherence without isotopic purification.</dd>
</dl>
<p class="keywords"><strong>Keywords:</strong>
<a href="#" class="kw">quantum coherence</a>
<a href="#" class="kw">cryogenic lattices</a>
<a href="#" class="kw">tin selenide</a>
<a href="#" class="kw">spin–echo</a>
<a href="#" class="kw">strain engineering</a>
</p>
</section>
<!-- Two-column body -->
<div class="body">
<section id="sec-intro" class="sec">
<h2><span class="sec-num">1</span> Introduction</h2>
<p>Solid-state qubits offer a compelling pathway toward fault-tolerant quantum computation, yet their utility is bounded by decoherence arising from hyperfine coupling and phonon-mediated relaxation <a href="#ref-1" class="cite" data-ref="1">[1]</a>. Prior work established that isotopic purification can suppress nuclear-spin noise, but the fabrication overhead limits throughput <a href="#ref-2" class="cite" data-ref="2">[2]</a>.</p>
<p>Here we investigate whether mechanical strain alone can stabilize coherence in unpurified tin–selenide films. Strain modifies the local phonon density of states and lifts orbital degeneracies, both of which influence the dephasing channel <a href="#ref-3" class="cite" data-ref="3">[3]</a>. We hypothesize that a narrow band of biaxial strain maximizes <span class="eq-var">T<sub>2</sub></span> without inducing structural disorder <a href="#ref-4" class="cite" data-ref="4">[4]</a>.</p>
</section>
<section id="sec-methods" class="sec">
<h2><span class="sec-num">2</span> Methods</h2>
<p>Films were grown by molecular-beam epitaxy on lattice-mismatched substrates to induce controlled biaxial strain<sup class="fn-ref"><a href="#fn-1" data-fn="1">a</a></sup>. Coherence was probed with a Hahn spin–echo sequence at a Larmor frequency of <span class="mono">6.83 GHz</span>.</p>
<p>The measured echo amplitude decays according to a stretched exponential, which we model as</p>
<figure class="equation" role="group" aria-label="Equation 1">
<div class="eq-body">
<span class="eq-line">
<span class="eq-var">A</span>(<span class="eq-var">τ</span>) <span class="eq-op">=</span>
<span class="eq-var">A</span><sub>0</sub>
<span class="eq-op">·</span>
exp <span class="eq-paren">[</span> −<span class="eq-paren">(</span>2<span class="eq-var">τ</span> / <span class="eq-var">T</span><sub>2</sub><span class="eq-paren">)</span><sup class="eq-var">β</sup> <span class="eq-paren">]</span>
</span>
</div>
<span class="eq-num mono">(1)</span>
</figure>
<p>where <span class="eq-var">τ</span> is the inter-pulse delay, <span class="eq-var">β</span> the stretch exponent, and <span class="eq-var">A</span><sub>0</sub> the initial amplitude. Fits used a Levenberg–Marquardt routine with <span class="mono">n = 512</span> averages per point.</p>
<figure class="figure" id="fig-1">
<div class="figure-frame">
<svg viewBox="0 0 360 200" class="fig-svg" role="img" aria-label="Coherence time versus applied biaxial strain, peaking near 0.84 percent.">
<line x1="40" y1="170" x2="340" y2="170" class="ax" />
<line x1="40" y1="20" x2="40" y2="170" class="ax" />
<polyline class="datacurve" points="40,160 80,140 120,108 160,70 190,40 210,54 250,92 290,124 330,148" />
<circle class="datapt" cx="190" cy="40" r="4" />
<line x1="190" y1="40" x2="190" y2="170" class="guide" />
<text x="190" y="186" class="axlabel" text-anchor="middle">0.84 %</text>
<text x="190" y="172" class="axtick">▲</text>
<text x="20" y="24" class="axlabel">T₂</text>
<text x="320" y="186" class="axlabel">strain</text>
</svg>
</div>
<figcaption><strong>Figure 1.</strong> Spin–echo coherence time <span class="eq-var">T<sub>2</sub></span> as a function of applied biaxial strain at <span class="mono">18 mK</span>. A pronounced maximum appears near <span class="mono">0.84 %</span>, beyond which microcracking degrades coherence.</figcaption>
</figure>
</section>
<section id="sec-results" class="sec">
<h2><span class="sec-num">3</span> Results</h2>
<p>Across the 24-film series, coherence improved monotonically up to the strain optimum before declining <a href="#ref-5" class="cite" data-ref="5">[5]</a>. Representative values are summarized in Table 1.</p>
<figure class="table-wrap" id="tbl-1">
<figcaption class="tbl-cap"><strong>Table 1.</strong> Measured coherence parameters for four representative films at <span class="mono">18 mK</span>.</figcaption>
<div class="table-scroll">
<table>
<thead>
<tr>
<th scope="col">Film</th>
<th scope="col" class="num">Strain (%)</th>
<th scope="col" class="num">T₂ (µs)</th>
<th scope="col" class="num">β</th>
<th scope="col" class="num">σ (µs)</th>
</tr>
</thead>
<tbody>
<tr><th scope="row" class="mono">SnSe-04</th><td class="num mono">0.21</td><td class="num mono">112</td><td class="num mono">1.42</td><td class="num mono">±6</td></tr>
<tr><th scope="row" class="mono">SnSe-11</th><td class="num mono">0.55</td><td class="num mono">268</td><td class="num mono">1.51</td><td class="num mono">±9</td></tr>
<tr class="hl"><th scope="row" class="mono">SnSe-17</th><td class="num mono">0.84</td><td class="num mono">412</td><td class="num mono">1.63</td><td class="num mono">±11</td></tr>
<tr><th scope="row" class="mono">SnSe-22</th><td class="num mono">1.20</td><td class="num mono">231</td><td class="num mono">1.48</td><td class="num mono">±8</td></tr>
</tbody>
</table>
</div>
</figure>
<p>The peak coherence of <span class="mono">412 µs</span> (film <span class="mono">SnSe-17</span>) represents a <span class="mono">3.7×</span> improvement over the unstrained baseline <a href="#ref-6" class="cite" data-ref="6">[6]</a>, consistent with the strain-tuned phonon model<sup class="fn-ref"><a href="#fn-2" data-fn="2">b</a></sup>.</p>
</section>
<section id="sec-discussion" class="sec">
<h2><span class="sec-num">4</span> Discussion</h2>
<p>Our findings indicate that strain engineering offers a scalable alternative to isotopic purification. The stretch exponent <span class="eq-var">β</span> trends toward unity at optimal strain, suggesting a more homogeneous dephasing environment <a href="#ref-7" class="cite" data-ref="7">[7]</a>. Beyond the optimum, the abrupt decline correlates with the onset of microcracking observed under cryogenic microscopy <a href="#ref-8" class="cite" data-ref="8">[8]</a>.</p>
<p>These results align with theoretical predictions of strain-modulated phonon bottlenecks while highlighting the practical fabrication window that future device pipelines must respect.</p>
</section>
<section id="sec-conclusion" class="sec">
<h2><span class="sec-num">5</span> Conclusion</h2>
<p>Controlled biaxial strain near <span class="mono">0.84 %</span> reproducibly extends quantum coherence in cryogenic tin–selenide lattices by nearly fourfold. The approach requires no isotopic purification and is compatible with standard epitaxial growth, offering a tractable path toward denser qubit arrays.</p>
<div class="meta-cards">
<div class="mcard">
<p class="mcard-label">Funding</p>
<p>Aldenmark Quantum Initiative, grant <span class="mono">AQI-2025-0417</span>.</p>
</div>
<div class="mcard">
<p class="mcard-label">Data availability</p>
<p>Synthetic dataset deposited at <a href="#" class="mono">qmat-archive.fic/sn-se-42</a>.</p>
</div>
<div class="mcard">
<p class="mcard-label">Competing interests</p>
<p>The authors declare no competing interests.</p>
</div>
</div>
<section class="footnotes" aria-label="Footnotes">
<h3>Notes</h3>
<ol>
<li id="fn-1"><sup>a</sup> Substrate mismatch was calibrated by X-ray diffraction to within <span class="mono">±0.03 %</span> strain. <a href="#sec-methods" class="fn-back" aria-label="Back to text">↩</a></li>
<li id="fn-2"><sup>b</sup> Phonon model parameters are fictional and provided for illustration. <a href="#sec-results" class="fn-back" aria-label="Back to text">↩</a></li>
</ol>
</section>
</section>
</div>
<!-- References -->
<section id="references" class="references" aria-labelledby="ref-h">
<h2 id="ref-h">References</h2>
<ol class="ref-list">
<li id="ref-1"><span class="ref-au">A. Lindqvist, R. Moreno.</span> Hyperfine-limited dephasing in solid-state qubits. <em>Rev. Coherent Phys.</em> <span class="mono">14</span>, 220–238 (2021).</li>
<li id="ref-2"><span class="ref-au">K. Tanaka, S. Owusu.</span> Isotopic purification at scale. <em>Quantum Fab. Lett.</em> <span class="mono">8</span>, 55–71 (2022).</li>
<li id="ref-3"><span class="ref-au">D. Ferreira et al.</span> Strain-tuned phonon density of states. <em>J. Lattice Dyn.</em> <span class="mono">31</span>, 1102–1119 (2023).</li>
<li id="ref-4"><span class="ref-au">M. Aguirre, H. Voss.</span> Orbital degeneracy lifting under biaxial strain. <em>Cryo. Mater. Today</em> <span class="mono">5</span>, 14–29 (2024).</li>
<li id="ref-5"><span class="ref-au">P. Nandakumar.</span> Coherence scaling across strain series. <em>Appl. Quantum Mater.</em> <span class="mono">40</span>, 880–897 (2024).</li>
<li id="ref-6"><span class="ref-au">T. Eklund, L. Chen.</span> Baseline coherence in unstrained SnSe. <em>Cond. Matter Arch.</em> <span class="mono">12</span>, 401–415 (2025).</li>
<li id="ref-7"><span class="ref-au">J. Okafor.</span> Stretched-exponential dephasing models. <em>Phys. Methods Q.</em> <span class="mono">9</span>, 77–94 (2025).</li>
<li id="ref-8"><span class="ref-au">S. Beaumont et al.</span> Cryogenic microscopy of microcracking. <em>Mater. Imaging Rev.</em> <span class="mono">3</span>, 60–78 (2026).</li>
</ol>
</section>
</main>
</div>
<div class="toast" id="toast" role="status" aria-live="polite"></div>
<script src="script.js"></script>
</body>
</html>Academic Paper Layout
A complete journal-style research article page built with semantic HTML, a clean institutional palette, and three typefaces by role — Source Serif 4 for prose, Inter for the interface, and JetBrains Mono for figures, units, and equations. The front matter carries a running header (journal name, volume, issue, page range, DOI), a title, an author list with superscript affiliation markers, a structured abstract, and a keyword row. On wide screens the body flows into two columns with numbered sections; it collapses to a single readable column below 640px.
The article is fully interactive. Inline citation links such as [1] smooth-scroll to a numbered reference list and surface a toast confirming the jump; footnote markers and back-links work the same way, with a brief highlight flash on the landing target. A LaTeX-like display equation is rendered with italic serif variables and a right-aligned number (1) using only HTML and CSS, and an inline SVG figure plus a scrollable data table round out the results section.
A sticky mini table of contents tracks your scroll position with an IntersectionObserver, highlighting the active section and filling a gradient reading-progress bar. Quick actions copy a formatted citation and the DOI to the clipboard, and keyword chips emit search toasts — all in dependency-free vanilla JavaScript.
Illustrative UI only — fictional authors, data, and figures; not real scientific results.