body { background:#f7f9fc; color:#172033; }
.navbar-brand { letter-spacing:.02em; }
.hero { background:linear-gradient(135deg,#0b1030,#241b5e 55%,#0e7490); color:#fff; }
.hero h1 { font-size:clamp(2.2rem,5vw,4.5rem); max-width:760px; }
.hero p { max-width:760px; }
.card { border:0; }
a { color:#4f46e5; text-decoration:none; }
a:hover { text-decoration:underline; }
.article-content { font-size:1.1rem; line-height:1.8; max-width:850px; }
footer { background:#fff; }
.dashboard-body { background:#f4f7fb; }
.topbar { min-height:64px; }
.dashboard-shell { display:flex; min-height:calc(100vh - 64px); }
.dashboard-sidebar { width:250px; background:#131a3a; padding:28px 16px; color:#d9eaf7; flex-shrink:0; }
.dashboard-link { display:block; color:#d9eaf7; border-radius:8px; padding:11px 13px; margin:3px 0; text-decoration:none; }
.dashboard-link:hover,.dashboard-link.active { background:#4f46e5; color:#fff; text-decoration:none; }
.dashboard-main { flex:1; padding:40px clamp(20px,4vw,56px); overflow:auto; }
.eyebrow { color:#6d28d9; font-size:.75rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.metric-card,.panel { background:#fff; border:1px solid #e3ebf2; border-radius:12px; box-shadow:0 4px 18px rgba(16,42,67,.05); }
.metric-card { padding:18px; min-height:96px; }
.metric-card strong { display:block; font-size:2rem; color:#131a3a; }
.panel { padding:22px; }
.panel-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.panel-header h2 { font-size:1.1rem; margin:0; }
.status-pill { display:inline-block; background:#eef4f8; color:#24536b; border-radius:999px; padding:4px 9px; font-size:.8rem; }
@media (max-width: 768px) { .dashboard-shell { display:block; } .dashboard-sidebar { width:100%; padding:12px; } .dashboard-link { display:inline-block; } .dashboard-main { padding:24px 16px; } }

/* Journal public layer */
.brand-mark { display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:30px; padding:0 8px; border:1px solid rgba(255,255,255,.45); border-radius:8px; font-size:.78rem; letter-spacing:.08em; }
.qcaij-hero { background:radial-gradient(circle at 85% 20%, rgba(34,211,238,.28), transparent 32%), linear-gradient(135deg,#0b1030,#241b5e 58%,#0e7490); }
.qcaij-hero h1 { max-width:920px; }
.journal-metrics span { opacity:.78; }
.research-flow { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.research-flow span { background:#fff; border:1px solid #dce7ef; border-radius:999px; padding:9px 13px; font-size:.88rem; font-weight:600; box-shadow:0 2px 8px rgba(16,42,67,.04); }
.division-card { background:#fff; border:1px solid #e0e8ef; border-radius:16px; padding:24px; box-shadow:0 5px 20px rgba(16,42,67,.05); }
.program-item { display:flex; gap:14px; padding:16px 0; border-top:1px solid #edf1f4; margin-top:14px; }
.program-code { flex:0 0 62px; font-weight:800; color:#0e7490; letter-spacing:.04em; }
.object-chain { font-weight:700; line-height:2.3; }
.object-chain span { color:#0e7490; padding:0 5px; }
.roadmap-section .table { border-radius:14px; overflow:hidden; }
@media (max-width: 768px) { .program-code { flex-basis:54px; } .object-chain { font-size:.9rem; } }
.ai-output{white-space:pre-wrap;word-break:break-word;font-family:inherit;line-height:1.7;background:#f8f9fa;padding:1.25rem;border-radius:.75rem;max-height:70vh;overflow:auto}

/* AI-assisted review index */
.review-score-card{background:linear-gradient(145deg,#0b1030,#2a1d63);color:#fff;border-radius:1rem;padding:2rem;text-align:center;min-height:100%;box-shadow:0 1rem 2rem rgba(0,0,0,.12)}
.review-gauge{--score:0;width:170px;height:170px;border-radius:50%;margin:0 auto;display:grid;place-items:center;background:conic-gradient(#22d3ee calc(var(--score) * 1%),rgba(255,255,255,.12) 0);position:relative}
.review-gauge:after{content:"";position:absolute;inset:12px;background:#0b1030;border-radius:50%}
.review-gauge>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.review-gauge strong{font-size:2.7rem;line-height:1}.review-gauge span{opacity:.75;font-size:.9rem}
.review-bar-row{margin-bottom:1rem}.review-bar-row .progress{height:10px;background:#e9eef4}.review-bar-row .progress-bar{background:linear-gradient(90deg,#6d28d9,#22d3ee)}
.review-detail{padding:1.1rem 0;border-top:1px solid #e9ecef}.review-detail:first-of-type{border-top:0}.review-evidence{border-left:3px solid #6d28d9;padding:.6rem 1rem;background:#f6f9fc;color:#495057;font-size:.9rem}

/* QCAIJ journal identity */
.journal-hero { background:linear-gradient(135deg,#0b1030,#3b2a7a 55%,#0e7490); color:#fff; }
.journal-hero h1 { font-size:clamp(2.2rem,5vw,4.6rem); max-width:900px; }
.brand-mark { font-weight:800; letter-spacing:.04em; }

/* ---------------------------------------------------------------------------
   MLA 9th edition document formatting.
   Double spacing, a serif face, indented paragraphs, block quotations, and a
   hanging-indent works-cited list -- MLA on paper, translated to a screen that
   still has to reflow on a phone.
   ------------------------------------------------------------------------ */
.mla-document {
  font-family:"Times New Roman",Times,"Liberation Serif",Georgia,serif;
  font-size:1.125rem; line-height:2; color:#1b2733;
  max-width:46rem; margin:0 auto;
}
.mla-document .mla-exclude { font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; line-height:1.5; }
.mla-head { margin-bottom:2rem; }
.mla-running-head {
  display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:.75rem; line-height:1.4; letter-spacing:.06em; text-transform:uppercase;
  color:#6b7c8d; border-bottom:1px solid #e3ebf2; padding-bottom:.5rem; margin-bottom:1.5rem;
}
.mla-article-type { text-align:center; font-size:.8rem; letter-spacing:.12em; text-transform:uppercase; color:#6d28d9; font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
.mla-title { text-align:center; font-weight:400; font-size:1.9rem; line-height:1.4; margin:.6rem 0 1rem; }
.mla-byline { text-align:center; font-size:1.05rem; }
.mla-byline .mla-sep { color:#9fb0bf; padding:0 .45rem; }
.mla-orcid { font-size:.72rem; letter-spacing:.03em; color:#6b7c8d; white-space:nowrap; }
.mla-affiliations { text-align:center; font-size:.9rem; color:#5a6b7b; line-height:1.6; margin-top:.35rem; }
.mla-publine { text-align:center; font-size:.8rem; color:#6b7c8d; line-height:1.6; margin-top:.75rem;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }

/* ---------------------------------------------------------------------------
   Manuscript editor: toolbar + optional side-by-side preview.
   ------------------------------------------------------------------------ */
.ms-editor { border:1px solid #ced4da; border-radius:.375rem; margin-bottom:1rem; background:#fff; }
.ms-toolbar {
  display:flex; flex-wrap:wrap; align-items:center; gap:.25rem;
  padding:.4rem .5rem; border-bottom:1px solid #e3ebf2; background:#f8fafc;
  border-radius:.375rem .375rem 0 0;
}
.ms-tool {
  border:1px solid transparent; background:transparent; border-radius:.3rem;
  padding:.25rem .55rem; font-size:.85rem; line-height:1.4; color:#24536b; cursor:pointer;
}
.ms-tool:hover { background:#e7eef4; border-color:#d4e0e9; }
.ms-tool:focus-visible { outline:2px solid #6d28d9; outline-offset:1px; }
.ms-toggle { margin-left:auto; font-weight:600; }
.ms-toggle[aria-pressed="true"] { background:#6d28d9; border-color:#6d28d9; color:#fff; }
.ms-toolbar-spacer { flex:1 1 auto; }
.ms-status { font-size:.78rem; color:#6b7c8d; white-space:nowrap; padding:0 .5rem; }

.ms-panes { display:block; }
.ms-editor textarea {
  border:0; border-radius:0 0 .375rem .375rem; margin:0 !important;
  width:100%; resize:vertical; display:block;
}
.ms-editor textarea:focus { box-shadow:none; outline:2px solid #6d28d9; outline-offset:-2px; }
.ms-preview { display:none; }

/* Split view: editor left, live preview right. Stacks on narrow screens, where
   two half-width columns of prose would be unreadable. */
.ms-editor.is-split .ms-panes { display:grid; grid-template-columns:1fr 1fr; }
.ms-editor.is-split .ms-preview {
  display:block; border-left:1px solid #e3ebf2; padding:1.25rem;
  overflow:auto; max-height:36rem; max-width:none; font-size:1rem; line-height:1.9;
}
.ms-editor.is-split textarea { max-height:36rem; }
@media (max-width: 900px) {
  .ms-editor.is-split .ms-panes { grid-template-columns:1fr; }
  .ms-editor.is-split .ms-preview { border-left:0; border-top:1px solid #e3ebf2; max-height:22rem; }
}

/* Full text, cite, and download actions, directly under the byline. */
.article-actions {
  display:flex; flex-wrap:wrap; gap:.5rem; align-items:center;
  justify-content:center; margin-top:1.25rem; padding-top:1.25rem;
  border-top:1px solid #e3ebf2;
}
.article-file-list { list-style:none; padding:0; margin:0; }
.article-file-list li { padding:.6rem 0; border-top:1px solid #eef2f6; display:flex; flex-wrap:wrap; gap:.5rem; align-items:baseline; }
.article-file-list li:first-child { border-top:0; }
.article-file-list a { font-weight:600; }

.mla-abstract, .mla-keywords { margin:0 0 1.25rem; }
.mla-abstract h2, .mla-keywords h2 {
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:.75rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  color:#6d28d9; margin-bottom:.4rem;
}
.mla-abstract { border-left:3px solid #ddd6fe; padding-left:1.1rem; line-height:1.85; }
.mla-keyword { text-decoration:none; }
.mla-keywords .mla-sep { color:#9fb0bf; padding-right:.35rem; }

/* Body: MLA indents the first line of every paragraph after the first. */
.mla-body > p { margin:0; text-indent:2em; }
.mla-body > p:first-child, .mla-body > h2 + p, .mla-body > h3 + p,
.mla-body > h4 + p, .mla-body > blockquote + p { text-indent:0; }
.mla-body h2, .mla-body h3, .mla-body h4 {
  font-family:inherit; font-weight:700; line-height:1.5; margin:1.75rem 0 .5rem;
}
.mla-body h2 { font-size:1.3rem; }
.mla-body h3 { font-size:1.15rem; font-style:italic; font-weight:400; }
.mla-body h4 { font-size:1.05rem; font-weight:400; text-decoration:underline; }
.mla-body blockquote { margin:1rem 0 1rem 2em; padding:0; border:0; font-size:1em; }
.mla-body ul, .mla-body ol { margin:1rem 0 1rem 2em; padding:0; }
.mla-body table { width:100%; margin:1.25rem 0; border-collapse:collapse; line-height:1.5; font-size:.95rem; }
.mla-body th, .mla-body td { border:1px solid #dbe3ea; padding:.45rem .6rem; text-align:left; vertical-align:top; }
.mla-body figure { margin:1.5rem 0; }
.mla-body figcaption { font-size:.9rem; line-height:1.6; color:#5a6b7b; }
.mla-body img { max-width:100%; height:auto; }
.mla-body code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.9em; background:#f4f7fa; padding:.1em .35em; border-radius:.25rem; }
.mla-body pre { background:#f4f7fa; padding:1rem; border-radius:.5rem; overflow-x:auto; line-height:1.5; }

/* Generated figures. The SVG carries its own type and colour, so it needs only
   sizing and caption treatment here -- and it stays intact when the article is
   printed or the figure is downloaded on its own. */
.mla-figure { margin:2rem 0; text-align:center; }
.mla-figure svg { max-width:100%; height:auto; display:block; margin:0 auto; }
.mla-figure figcaption {
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:.86rem; line-height:1.5; color:#5a6b7b; margin-top:.6rem; text-align:center;
}
.mla-figure-note { color:#96620f !important; font-style:italic; }
.mla-chart-example { background:#f6f9fb; border:1px solid #e3ebf2; border-radius:.5rem; padding:.9rem 1.1rem; font-size:.82rem; line-height:1.6; overflow-x:auto; }
.mla-chart-example code { background:none; padding:0; }
.mla-figure-error { border:1px dashed #dbc7a4; border-radius:.5rem; padding:1rem; background:#fdfaf4; }
.mla-figure-actions { margin-top:.4rem; font-size:.8rem; }
.mla-figure-actions a { color:#6b7c8d; text-decoration:none; }
.mla-figure-actions a:hover { color:#6d28d9; text-decoration:underline; }
@media print { .mla-figure { break-inside:avoid; page-break-inside:avoid; } }

/* Works Cited: hanging indent, alphabetical, double spaced. */
.mla-works-cited { margin-top:2.5rem; border-top:1px solid #e3ebf2; padding-top:1.5rem; }
.mla-works-cited-title { text-align:center; font-weight:400; font-size:1.3rem; margin-bottom:1rem; }
.mla-works-cited p, .mla-works-cited li { padding-left:2em; text-indent:-2em; margin:0 0 .35rem; }
.mla-works-cited ul, .mla-works-cited ol { list-style:none; margin:0; padding:0; }
.mla-hanging { padding-left:2em; text-indent:-2em; }

/* A manuscript preview inside a dashboard panel: same MLA rules, tighter. */
.mla-preview { max-width:none; font-size:1rem; line-height:1.9; }

/* "Cite as" block, shown at every workflow stage. */
.mla-cite {
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  border:1px solid #dbe6ee; border-left:4px solid #6d28d9; border-radius:.75rem;
  background:#f8fbfd; padding:1.1rem 1.25rem; margin:1.5rem 0; line-height:1.6;
}
.mla-cite.is-provisional { border-left-color:#c07f1a; background:#fdfaf4; }
.mla-cite.is-restricted { border-left-color:#b23b3b; background:#fdf6f6; }
.mla-cite-head { display:flex; justify-content:space-between; align-items:baseline; gap:1rem; flex-wrap:wrap; }
.mla-cite-title { font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#6d28d9; margin:0; }
.mla-cite.is-provisional .mla-cite-title { color:#96620f; }
.mla-cite.is-restricted .mla-cite-title { color:#98302f; }
.mla-cite-style { font-size:.72rem; color:#6b7c8d; letter-spacing:.04em; }
.mla-cite-entry {
  font-family:"Times New Roman",Times,"Liberation Serif",Georgia,serif;
  font-size:1.02rem; line-height:1.75; margin:.65rem 0 .75rem;
  padding-left:2em; text-indent:-2em;
}
.mla-cite-meta { display:flex; gap:1.5rem; flex-wrap:wrap; font-size:.82rem; color:#3f5164; }
.mla-cite-note { font-size:.8rem; color:#5a6b7b; margin:.5rem 0 .75rem; }
.mla-cite-actions { display:flex; gap:.5rem; flex-wrap:wrap; }
.mla-example { background:#f6f9fb; border:1px solid #e3ebf2; border-radius:.6rem; padding:1rem 1.25rem; margin:.75rem 0;
  font-family:"Times New Roman",Times,"Liberation Serif",Georgia,serif; line-height:1.8; }

/* Masthead, policy index, and archive listings. */
.masthead-role { border-top:3px solid #6d28d9; }
.role-chip { display:inline-block; border-radius:999px; padding:.15rem .55rem; font-size:.72rem; font-weight:600; white-space:nowrap; }
.responsibility-matrix td, .responsibility-matrix th { vertical-align:middle; font-size:.85rem; }
.policy-list { list-style:none; padding:0; margin:0; }
.policy-list li { padding:.55rem 0; border-top:1px solid #eef2f6; }
.policy-list li:first-child { border-top:0; }
.policy-list li a { font-weight:600; display:block; }
.policy-list li span { display:block; font-size:.83rem; line-height:1.5; }
.issue-item { padding:.75rem 0; border-top:1px solid #eef2f6; }
.issue-item:first-of-type { border-top:0; }
.site-footer { background:#f8fafc; }
.footer-heading { font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#6d28d9; margin-bottom:.6rem; }
.footer-links { list-style:none; padding:0; margin:0; font-size:.86rem; line-height:1.9; }
.footer-links a { color:#3f5164; text-decoration:none; }
.footer-links a:hover { color:#6d28d9; text-decoration:underline; }

@media print {
  .navbar, .site-footer, .mla-exclude, .mla-cite-actions, .breadcrumb { display:none !important; }
  .mla-document { max-width:none; font-size:12pt; }
}