.manuscript-shell{
  width:min(920px,calc(100% - 32px));
  min-height:calc(100vh - 145px);
  margin:auto;
  padding:48px 0;
  display:grid;
  place-items:center;
}

.manuscript-card{
  position:relative;
  overflow:hidden;
  width:100%;
  padding:clamp(30px,6vw,64px);
  text-align:center;
  color:var(--ink);
  border:1px solid var(--panel-line);
  border-radius:30px;
  background:var(--panel-surface);
  box-shadow:var(--panel-shadow);
}

.manuscript-card::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);
  border-radius:20px;
  pointer-events:none;
}

.manuscript-card>*{position:relative}

.manuscript-symbol{
  display:grid;
  place-items:center;
  width:86px;
  height:86px;
  margin:0 auto 22px;
  border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);
  border-radius:50%;
  color:var(--button-ink);
  background:var(--accent);
  box-shadow:inset 0 2px rgba(255,255,255,.36),0 13px 24px rgba(0,0,0,.2);
  font:700 2rem var(--font-display);
}

.study-status{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  margin-bottom:16px;
  padding:7px 12px;
  border:1px solid color-mix(in srgb,var(--accent) 52%,transparent);
  border-radius:999px;
  color:var(--ink);
  background:color-mix(in srgb,var(--accent) 16%,transparent);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1.35;
}

.manuscript-card .micro-label{display:block;margin-bottom:12px}

.manuscript-card h1{
  max-width:760px;
  margin:0 auto 14px;
  font-size:clamp(1.65rem,4vw,3rem);
  line-height:1.08;
}

.manuscript-card p{color:var(--ink-muted)}
.study-byline{margin:0 auto;font-weight:650}

.study-doi{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:21px;
  padding:10px 14px;
  border:1px solid var(--panel-line);
  border-radius:12px;
  background:color-mix(in srgb,var(--panel-surface) 72%,transparent);
}

.study-doi span{color:var(--ink-muted);font-size:.7rem;font-weight:800;letter-spacing:.12em}
.study-doi strong{font-size:.88rem;overflow-wrap:anywhere}

.manuscript-actions{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:30px;
}

.study-actions .button{min-width:176px}
.return-actions{margin-top:19px}
.return-actions .text-button{padding:8px 11px;color:var(--ink-muted)}
.return-actions .text-button:hover{color:var(--ink)}
#copy-citation.is-copied{border-color:var(--accent);color:var(--ink)}
.coming-soon-card p{max-width:540px;margin:0 auto}

@media(max-width:620px){
  .manuscript-shell{width:min(100% - 20px,920px);padding:20px 0}
  .manuscript-card{padding:38px 23px}
  .manuscript-card::before{inset:10px}
  .study-actions>*{width:100%}
  .study-doi{display:flex;flex-direction:column;gap:4px}
}