/* ==========================================================================
   ARETION — Editorial Record
   Layered over the Manuscript theme. Palette and type match the publisher
   front page at https://jmlph.net/ so the journal reads as the same imprint.
   ========================================================================== */

:root {
  /* Palette sampled from the ARETION Identity brand board:
     navy #0C2039 · steel #3D5C79 · taupe #9F7F68 · rust #6D3215 · oxblood #2C1211
     on the board's bone ground #E3DDD1. Type follows the board's roles —
     a light display serif, a text serif, and a sans for labels and controls.
     Archava / Monument / Glowstore have no web licence, so Italiana,
     EB Garamond and Jost stand in for them. */
  --ar-ink:      #0C2039;   /* navy — headings, primary text        */
  --ar-ink-2:    #4A5561;   /* body copy                            */
  --ar-ink-3:    #7C8288;   /* captions, metadata                   */
  --ar-paper:    #E3DDD1;   /* bone — the page ground               */
  --ar-card:     #F7F4EE;   /* raised panels and the masthead       */
  --ar-rule:     #C9C0B2;
  --ar-rule-2:   #D8D1C4;
  --ar-teal:     #6D3215;   /* rust — links and accents             */
  --ar-teal-dk:  #2C1211;   /* oxblood — hover                      */
  --ar-amber:    #9F7F68;   /* taupe — section labels, quiet marks  */
  --ar-steel:    #3D5C79;
  --ar-serif:    Italiana, Georgia, "Times New Roman", serif;
  --ar-text:     "EB Garamond", Georgia, serif;
  --ar-sans:     Jost, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ar-mono:     Jost, ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* ---------- foundations ---------- */
body,
.pkp_structure_page {
  background: var(--ar-paper);
  color: var(--ar-ink);
  font-family: var(--ar-text);
}
body { font-size: 19.5px; line-height: 1.68; -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4,
.page_title,
.current_issue_title,
.obj_article_summary > .title,
.obj_issue_summary > .title,
.cmp_announcements .title {
  font-family: var(--ar-serif);
  letter-spacing: -.015em;
  color: var(--ar-ink);
}
h1, h2 { font-weight: 600; }

a { color: var(--ar-teal); }
a:hover, a:focus { color: var(--ar-teal-dk); }
a:focus-visible { outline: 2px solid var(--ar-amber); outline-offset: 2px; border-radius: 2px; }

/* ---------- header: same wordmark and menu, restyled ---------- */
.pkp_structure_head {
  background: var(--ar-card);
  border-bottom: 1px solid var(--ar-rule);
}
.pkp_site_name_wrapper { padding-top: 14px; padding-bottom: 10px; }
.pkp_site_name .is_img img { max-height: 54px; width: auto; }

.pkp_navigation_primary_row {
  background: var(--ar-card);
  border-top: 1px solid var(--ar-rule-2);
}
.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a {
  font-family: var(--ar-sans);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .01em;
  color: var(--ar-ink-2);
  text-transform: none;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus { color: var(--ar-teal); }
.pkp_navigation_primary ul li a { font-size: 13.5px; }

/* search field in the header/nav row */
.pkp_search input[type="text"],
.pkp_search input[type="search"] {
  font-family: var(--ar-sans);
  border: 1px solid var(--ar-rule);
  border-radius: 2px;
}

/* ---------- content ---------- */
.pkp_structure_content { padding-top: 32px; }
.page_title,
.pkp_page_index .current_issue h2,
h1.page_title {
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.08;
  text-wrap: balance;
}

/* article and issue listings */
.obj_article_summary > .title a,
.obj_issue_summary > .title a {
  font-family: var(--ar-text);
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
}
.obj_article_summary > .title a:hover { color: var(--ar-teal); }
.obj_article_summary .authors,
.obj_issue_summary .series {
  font-family: var(--ar-sans);
  font-size: 13.5px;
  color: var(--ar-ink-3);
}
.obj_article_summary .pages,
.obj_article_summary .published { font-family: var(--ar-mono); font-size: 12px; color: var(--ar-ink-3); }

.obj_issue_toc .section > h2,
.obj_issue_toc h2 {
  font-family: var(--ar-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ar-amber);
  border-bottom: 1px solid var(--ar-rule);
  padding-bottom: 8px;
}

/* galley links / buttons */
.galley_link,
.cmp_button,
.pkp_button,
.obj_galley_link {
  font-family: var(--ar-sans);
  font-weight: 500;
  border-radius: 2px;
  border: 1px solid var(--ar-ink);
  background: var(--ar-ink);
  color: var(--ar-paper);
}
.galley_link:hover,
.cmp_button:hover,
.obj_galley_link:hover {
  background: var(--ar-teal);
  border-color: var(--ar-teal);
  color: #fff;
}
.read_more {
  font-family: var(--ar-mono);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ar-teal);
}

/* sidebar blocks */
.pkp_block .title {
  font-family: var(--ar-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ar-ink-3);
  border-bottom: 1px solid var(--ar-rule);
  padding-bottom: 8px;
}
.pkp_block { font-size: 14.5px; }

/* footer */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
  background: var(--ar-ink);
  color: #CFC7BA;
}
.pkp_structure_footer a { color: var(--ar-paper); }
.pkp_structure_footer a:hover { color: #fff; }

/* ==========================================================================
   Journal home page — the working entrance.
   The publisher front page carries the current issue contents, most-read list
   and publication facts, so none of that is repeated here.
   ========================================================================== */

/* The home page runs full width: its own sections replace the sidebar blocks,
   which repeat the publisher front page (ISSN and frequency panel, announcement
   feed, most-read). Every other page keeps its sidebar untouched. */
body.pkp_page_index .pkp_structure_sidebar { display: none; }
body.pkp_page_index .pkp_structure_content { display: block; }
body.pkp_page_index .pkp_structure_main,
body.pkp_page_index .pkp_structure_content.has_sidebar .pkp_structure_main {
  width: 100%; max-width: none; float: none;
  padding-right: 0; padding-left: 0; margin-right: 0; border-right: 0;
}

.ar-home { max-width: 1080px; margin: 0 auto; }
.ar-label {
  font-family: var(--ar-mono);
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ar-ink-3);
  margin: 0;
}
.ar-hero { padding: 8px 0 6px; }
.ar-hero h1 {
  font-family: var(--ar-serif);
  font-weight: 400;
  font-size: clamp(30px, 4.6vw, 52px);
  line-height: 1.05;
  letter-spacing: -.022em;
  margin: 12px 0 0;
  max-width: 20ch;
  text-wrap: balance;
}
.ar-hero h1 em { font-style: italic; font-weight: 400; color: var(--ar-teal); }
.ar-hero p.ar-lede {
  font-family: var(--ar-text);
  max-width: 64ch;
  margin: 18px 0 0;
  font-size: 19.5px;
  color: var(--ar-ink-2);
}

/* search */
.ar-search { margin-top: 26px; max-width: 620px; }
.ar-search form { display: flex; gap: 10px; flex-wrap: wrap; }
.ar-search input[type="search"] {
  flex: 1 1 260px;
  font-family: var(--ar-sans);
  font-size: 15.5px;
  padding: 12px 14px;
  border: 1px solid var(--ar-rule);
  border-radius: 2px;
  background: var(--ar-card);
  color: var(--ar-ink);
}
.ar-search input[type="search"]:focus-visible { outline: 2px solid var(--ar-teal); outline-offset: 1px; }
.ar-btn {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--ar-sans); font-size: 14.5px; font-weight: 500;
  padding: 12px 22px; border-radius: 2px; cursor: pointer;
  border: 1px solid var(--ar-ink); background: var(--ar-ink); color: var(--ar-paper);
  text-decoration: none;
}
.ar-btn:hover { background: var(--ar-teal); border-color: var(--ar-teal); color: #fff; }
.ar-btn.ghost { background: transparent; color: var(--ar-ink); border-color: var(--ar-rule); }
.ar-btn.ghost:hover { border-color: var(--ar-teal); color: var(--ar-teal); background: transparent; }

/* sections */
.ar-sec { padding: 44px 0; border-top: 1px solid var(--ar-rule-2); margin-top: 34px; }
.ar-sec > h2 {
  font-family: var(--ar-serif); font-weight: 400;
  font-size: clamp(22px, 3vw, 30px); margin: 10px 0 6px;
}
.ar-sec > .ar-intro { max-width: 64ch; color: var(--ar-ink-2); font-size: 18.5px; margin: 0 0 22px; }

/* destination grid */
.ar-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.ar-card {
  background: var(--ar-card); border: 1px solid var(--ar-rule); border-radius: 3px;
  padding: 20px 22px; display: flex; flex-direction: column; gap: 8px;
  text-decoration: none; color: inherit;
  transition: border-color .15s ease;
}
.ar-card:hover { border-color: var(--ar-teal); }
.ar-card:focus-visible { outline: 2px solid var(--ar-teal); outline-offset: 3px; }
.ar-card h3 { font-family: var(--ar-text); font-size: 19px; font-weight: 600; margin: 4px 0 0; }
.ar-card p { margin: 0; font-size: 16.5px; color: var(--ar-ink-2); }
.ar-card .ar-go { margin-top: auto; padding-top: 10px; font-family: var(--ar-mono); font-size: 11.5px;
  letter-spacing: .08em; text-transform: uppercase; color: var(--ar-teal); }

/* how to publish: a real sequence, so it is numbered */
.ar-steps { list-style: none; margin: 0; padding: 0; counter-reset: step;
  display: grid; gap: 0; }
.ar-steps li {
  counter-increment: step;
  display: grid; grid-template-columns: 44px 1fr; gap: 6px 16px;
  padding: 18px 0; border-bottom: 1px solid var(--ar-rule-2); align-items: baseline;
}
.ar-steps li::before {
  content: counter(step, decimal-leading-zero);
  font-family: var(--ar-mono); font-size: 12px; color: var(--ar-amber);
  font-variant-numeric: tabular-nums;
}
.ar-steps h3 { font-family: var(--ar-text); font-size: 18.5px; font-weight: 600; margin: 0; }
.ar-steps p { margin: 6px 0 0; color: var(--ar-ink-2); font-size: 17px; max-width: 62ch; }
.ar-steps a { font-weight: 500; }

/* announcements on the home page */
.ar-ann { display: grid; gap: 0; }
.ar-ann article { padding: 16px 0; border-bottom: 1px solid var(--ar-rule-2); }
.ar-ann h3 { font-family: var(--ar-text); font-size: 19px; font-weight: 600; margin: 0; }
.ar-ann h3 a { text-decoration: none; }
.ar-ann .ar-date { font-family: var(--ar-mono); font-size: 11.5px; color: var(--ar-ink-3); margin: 6px 0 0; }
.ar-ann .ar-sum { margin: 8px 0 0; color: var(--ar-ink-2); font-size: 15px; max-width: 70ch; }

/* closing strip */
.ar-strip {
  margin-top: 40px; padding: 26px 0 6px; border-top: 2px solid var(--ar-ink);
  display: flex; flex-wrap: wrap; gap: 14px 34px; align-items: baseline;
  justify-content: space-between;
}
.ar-strip .ar-issn { font-family: var(--ar-mono); font-size: 12px; color: var(--ar-ink-3); }

@media (max-width: 640px) {
  .ar-steps li { grid-template-columns: 30px 1fr; }
}

/* ==========================================================================
   About the Journal — "Bone & Rule"
   The ARETION print identity from the brand board: bone ground (#E3DDD1),
   navy ink, rust rules, taupe for secondary marks. Applied to this page only;
   the sidebar is removed here, so the publication facts it used to hold are
   set as a colophon at the foot of the page.

   Brand fonts are Archava / Monument / Glowstore, which have no web licence —
   Italiana, EB Garamond and Jost stand in for them, matched for weight,
   contrast and width.
   ========================================================================== */

:root{
  --br-navy:#0C2039;
  --br-steel:#3D5C79;
  --br-taupe:#9F7F68;
  --br-rust:#6D3215;
  --br-oxblood:#2C1211;
  --br-bone:#E3DDD1;
  --br-bone-lift:#EDE8DF; /* the colophon band sits a shade darker */
  --br-rule:#C9C0B2;
  --br-ink:#141C26;
  --br-ink-2:#4A5561;
  --br-display:Italiana,Georgia,"Times New Roman",serif;
  --br-text:"EB Garamond",Georgia,serif;
  --br-caps:Jost,var(--ar-sans);
}

/* page ground and the removed sidebar */
body.pkp_page_about{background:var(--br-bone)}
body.pkp_page_about .pkp_structure_content{background:var(--br-bone);padding-top:0}
body.pkp_page_about .pkp_head_wrapper,
body.pkp_page_about .pkp_structure_head{background:#fff}
body.pkp_page_about .pkp_structure_sidebar{display:none}
body.pkp_page_about .pkp_structure_main,
body.pkp_page_about .pkp_structure_content.has_sidebar .pkp_structure_main{
  width:100%;max-width:none;float:none;padding-left:0;padding-right:0;margin-right:0;border-right:0;
}

.ar-about-inner{max-width:820px;margin:0 auto;padding:0 8px 10px;
  font-family:var(--br-text);font-size:19.5px;line-height:1.68;color:var(--br-ink)}
.ar-about-inner a{color:var(--br-rust)}

/* breadcrumbs + title */
body.pkp_page_about .cmp_breadcrumbs{font-family:var(--br-caps);font-size:12.5px;
  letter-spacing:.14em;text-transform:uppercase;color:#7C8288;margin-top:26px}
body.pkp_page_about .cmp_breadcrumbs a{color:var(--br-taupe);text-decoration:none}
.ar-about-head{margin-top:6px}
.ar-eyebrow{font-family:var(--br-caps);font-size:11px;font-weight:500;letter-spacing:.22em;
  text-transform:uppercase;color:var(--br-rust);margin:0}
.ar-about-inner h1{font-family:var(--br-display);font-weight:400;
  font-size:clamp(34px,6vw,58px);line-height:1.05;color:var(--br-navy);
  margin:12px 0 0;letter-spacing:.005em}

/* the editor-managed prose */
.ar-about-body{margin-top:24px;clear:both}
.ar-about-body > p:first-of-type{font-size:22px;line-height:1.58;color:var(--br-ink)}
.ar-about-body > p:first-of-type::first-letter{float:left;font-family:var(--br-display);
  font-size:64px;line-height:.82;padding:4px 10px 0 0;color:var(--br-rust)}
.ar-about-body p{margin:0 0 16px;color:var(--br-ink-2)}
.ar-about-body h2{font-family:var(--br-display);font-weight:400;font-size:30px;
  color:var(--br-navy);margin:42px 0 2px;letter-spacing:.01em;
  padding-top:18px;border-top:1px solid var(--br-rule)}
.ar-about-body h3{font-family:var(--br-text);font-weight:600;font-size:19.5px;
  color:var(--br-navy);margin:22px 0 4px}
.ar-about-body hr{display:none}

/* scope — a classified list in two ruled columns */
.ar-about-body ul.ar-scope{list-style:none;margin:18px 0 0;padding:0;
  columns:2;column-gap:44px;column-rule:1px solid var(--br-rule)}
.ar-about-body ul.ar-scope li{break-inside:avoid;padding:8px 0;
  border-bottom:1px solid var(--br-rule);font-size:18.5px;color:var(--br-ink)}
.ar-about-body ul.ar-scope li::before{content:"—";color:var(--br-taupe);margin-right:10px}
@media(max-width:620px){.ar-about-body ul.ar-scope{columns:1}}

/* editorial timings list */
.ar-about-body ul.ar-timings{list-style:none;margin:10px 0 0;padding:0;font-size:17px}
.ar-about-body ul.ar-timings li{padding:5px 0;color:var(--br-ink-2)}
.ar-about-body ul.ar-timings li::before{content:"·";color:var(--br-taupe);margin-right:10px}

/* the commitments, numbered in sequence */
.ar-about-body{counter-reset:ar-reason}
.ar-about-body h3.ar-reason{counter-increment:ar-reason;display:grid;
  grid-template-columns:52px 1fr;gap:18px;align-items:baseline;
  padding-top:18px;border-top:1px solid var(--br-rule);margin-top:20px}
.ar-about-body h3.ar-reason::before{content:counter(ar-reason,decimal-leading-zero);
  font-family:var(--br-caps);font-size:12px;font-weight:500;letter-spacing:.08em;
  color:var(--br-rust);font-variant-numeric:tabular-nums}
.ar-about-body h3.ar-reason + p,
.ar-about-body h3.ar-reason + ul{margin-left:70px}
@media(max-width:620px){
  .ar-about-body h3.ar-reason{grid-template-columns:34px 1fr;gap:12px}
  .ar-about-body h3.ar-reason + p,
  .ar-about-body h3.ar-reason + ul{margin-left:0}
}

/* colophon of publication facts (replaces the sidebar) */
.ar-colophon{margin:44px 0 0;background:var(--br-bone-lift);
  border-top:2px solid var(--br-navy);border-bottom:2px solid var(--br-navy);
  padding:26px 28px}
.ar-colophon dl{margin:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px 34px}
.ar-colophon dt{font-family:var(--br-caps);font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--br-taupe)}
.ar-colophon dd{margin:5px 0 0;font-size:18px;color:var(--br-navy)}

/* closing actions */
.ar-about-cta{display:flex;gap:14px;flex-wrap:wrap;margin:36px 0 0}
.ar-about-btn{font-family:var(--br-caps);font-size:12.5px;font-weight:500;
  letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:14px 28px;
  background:var(--br-navy);color:var(--br-bone);border:1px solid var(--br-navy)}
.ar-about-btn:hover{background:var(--br-rust);border-color:var(--br-rust);color:var(--br-bone)}
.ar-about-btn.alt{background:transparent;color:var(--br-navy)}
.ar-about-btn.alt:hover{color:var(--br-rust);border-color:var(--br-rust);background:transparent}
.ar-about-btn:focus-visible{outline:2px solid var(--br-steel);outline-offset:3px}

.ar-about-imprint{margin:34px 0 0;padding-top:20px;border-top:1px solid var(--br-rule);
  font-family:var(--br-caps);font-size:12px;letter-spacing:.06em;color:#7C8288}
.ar-about-imprint a{color:var(--br-taupe)}

/* --------------------------------------------------------------------------
   The journal's uploaded stylesheet (/public/journals/1/styleSheet.css) sets
   `.pkp_structure_main h1` to a sans stack and loads after this file, so the
   About headings need a more specific selector rather than a later one.
   -------------------------------------------------------------------------- */
body.pkp_page_about .pkp_structure_main .ar-about-inner h1{
  font-family:var(--br-display);font-weight:400;color:var(--br-navy);
  font-size:clamp(34px,6vw,58px);line-height:1.05;letter-spacing:.005em}
body.pkp_page_about .pkp_structure_main .ar-about-body h2{
  font-family:var(--br-display);font-weight:400;color:var(--br-navy)}
body.pkp_page_about .pkp_structure_main .ar-about-body h3{
  font-family:var(--br-text);font-weight:600;color:var(--br-navy)}
body.pkp_page_about .pkp_structure_main .ar-about-body,
body.pkp_page_about .pkp_structure_main .ar-about-inner{font-family:var(--br-text)}

/* --------------------------------------------------------------------------
   Header lockup: the ARETION monogram beside the journal's name, set in the
   brand display face. The mark is the journal logo uploaded in Settings, so
   editors can still replace it there.
   -------------------------------------------------------------------------- */
.pkp_structure_head .pkp_site_name .is_img{display:flex;align-items:center;gap:18px;
  text-decoration:none;height:auto}
.pkp_structure_head .pkp_site_name_wrapper{height:auto;min-height:0;
  padding-top:18px;padding-bottom:16px}
.pkp_structure_head .pkp_site_name .is_img img{max-height:58px;max-width:none;width:auto;
  height:auto;flex:none;display:block}
.pkp_structure_head .pkp_site_name .is_img::after{
  content:"The Journal of Medicine, Law & Public Health";
  font-family:var(--br-display);
  font-size:clamp(19px,2.6vw,30px);
  line-height:1.12;
  color:var(--br-navy);
  letter-spacing:.01em;
  max-width:16ch;
  text-wrap:balance;
}
@media(max-width:600px){
  .pkp_structure_head .pkp_site_name .is_img{gap:12px}
  .pkp_structure_head .pkp_site_name .is_img img{max-height:44px}
  .pkp_structure_head .pkp_site_name .is_img::after{font-size:17px;max-width:14ch}
}

/* The journal's uploaded stylesheet sets `.pkp_structure_main h1` and loads after
   this file, so the home-page hero needs the same specificity lift the About
   title needed. */
body.pkp_page_index .pkp_structure_main .ar-hero h1{
  font-family:var(--ar-serif);font-weight:400;
  font-size:clamp(32px,4.8vw,56px);line-height:1.06;letter-spacing:.005em;
  color:var(--ar-ink)}
body.pkp_page_index .pkp_structure_main .ar-hero h1 em{
  font-style:italic;font-weight:400;color:var(--ar-teal)}
body.pkp_page_index .pkp_structure_main .ar-sec > h2,
body.pkp_page_about .pkp_structure_main .ar-sec > h2{
  font-family:var(--ar-serif);font-weight:400}

/* Page titles everywhere else (articles, issues, static pages) — same override,
   set in the text serif because article titles run long. The About title and the
   home-page hero carry their own, more specific rules above. */
body .pkp_structure_main h1,
body .pkp_structure_main h1.page_title{
  font-family:var(--ar-text);font-weight:600;color:var(--ar-ink);
  letter-spacing:-.005em;line-height:1.14}
body .pkp_structure_main .obj_article_details .page_title{font-size:clamp(26px,3.4vw,38px)}

/* ==========================================================================
   Site header — the "Bone & Rule" masthead from About option A, applied to
   every page: monogram and journal name centred on the bone ground, the tabs
   centred beneath between a heavy rule and a hairline. The Manuscript theme
   paints this band with its accent colour, which left navy type on navy.
   ========================================================================== */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper{
  background:var(--ar-card);
  border:0;
  box-shadow:none;
}
.pkp_structure_head{border-bottom:1px solid var(--ar-rule)}

/* masthead block, centred */
.pkp_structure_head .pkp_site_name_wrapper{
  background:var(--ar-card);
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:24px 16px 16px;height:auto;min-height:0}
.pkp_structure_head .pkp_site_nav_menu{background:var(--ar-card)}
.pkp_structure_head .pkp_site_name{width:auto;float:none;margin:0;padding:0}
.pkp_structure_head .pkp_site_name .is_img{
  flex-direction:column;align-items:center;gap:12px}
.pkp_structure_head .pkp_site_name .is_img img{max-height:64px}
.pkp_structure_head .pkp_site_name .is_img::after{
  text-align:center;max-width:24ch;font-size:clamp(21px,3.2vw,34px);color:var(--ar-ink)}

/* the tabs: centred, ruled above and below */
.pkp_structure_head .pkp_navigation_primary_row{
  border-top:2px solid var(--ar-ink);
  border-bottom:1px solid var(--ar-rule)}
.pkp_structure_head .pkp_navigation_primary_wrapper{
  display:flex;justify-content:center;flex-wrap:wrap;gap:0;padding:0}
.pkp_structure_head ul.pkp_navigation_primary{
  display:flex;justify-content:center;flex-wrap:wrap;margin:0;padding:0;float:none}
.pkp_structure_head ul.pkp_navigation_primary > li{float:none;margin:0}
.pkp_structure_head ul.pkp_navigation_primary > li > a,
.pkp_structure_head .pkp_site_nav_menu ul.pkp_navigation_primary > li > a{
  font-family:var(--ar-sans);font-size:13px;font-weight:500;letter-spacing:.15em;
  text-transform:uppercase;color:var(--ar-ink);
  padding:14px 20px;border-bottom:2px solid transparent;background:transparent}
.pkp_structure_head .pkp_navigation_user > li > a,
.pkp_structure_head .pkp_search a,
.pkp_structure_head .pkp_search button,
.pkp_structure_head .pkp_navigation_user > li > a span{color:var(--ar-ink-3)}
.pkp_structure_head ul.pkp_navigation_primary > li > a:hover,
.pkp_structure_head ul.pkp_navigation_primary > li > a:focus{
  color:var(--ar-teal);border-bottom-color:var(--ar-teal);background:transparent}
/* dropdowns keep the paper ground */
.pkp_structure_head ul.pkp_navigation_primary ul{
  background:var(--ar-card);border:1px solid var(--ar-rule);box-shadow:0 6px 20px -12px rgba(12,32,57,.4)}
.pkp_structure_head ul.pkp_navigation_primary ul a{
  font-family:var(--ar-sans);font-size:12.5px;letter-spacing:.06em;
  text-transform:none;color:var(--ar-ink-2);padding:10px 16px}
.pkp_structure_head ul.pkp_navigation_primary ul a:hover{color:var(--ar-teal)}

/* user menu + search sit quietly at the right of the tab row */
.pkp_structure_head .pkp_navigation_user,
.pkp_structure_head .pkp_search{float:none}
.pkp_structure_head .pkp_navigation_user > li > a,
.pkp_structure_head .pkp_search a,
.pkp_structure_head .pkp_search button{
  font-family:var(--ar-sans);font-size:11.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ar-ink-3)}
.pkp_structure_head .pkp_navigation_user > li > a:hover,
.pkp_structure_head .pkp_search a:hover{color:var(--ar-teal)}

/* ==========================================================================
   One column everywhere: the sidebar repeated the front page and crowded the
   measure, so it is gone site-wide and the content runs to a readable width.
   ========================================================================== */
.pkp_structure_sidebar{display:none !important}
.pkp_structure_content{display:block}
.pkp_structure_main,
.pkp_structure_content.has_sidebar .pkp_structure_main{
  width:100%;max-width:none;float:none;padding-left:0;padding-right:0;
  margin-right:0;border-right:0}
.pkp_structure_content{max-width:1000px;margin:0 auto;padding-left:24px;padding-right:24px}

/* ==========================================================================
   Small screens
   ========================================================================== */
@media (max-width:900px){
  .pkp_structure_content{padding-left:20px;padding-right:20px}
}
@media (max-width:700px){
  body{font-size:17px;line-height:1.6}
  .pkp_structure_head .pkp_site_name_wrapper{padding:18px 14px 12px}
  .pkp_structure_head .pkp_site_name .is_img img{max-height:52px}
  .pkp_structure_head .pkp_site_name .is_img::after{font-size:20px;max-width:18ch}
  /* tabs scroll sideways rather than stacking into a tall wall */
  .pkp_structure_head .pkp_navigation_primary_wrapper{
    justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .pkp_structure_head ul.pkp_navigation_primary{flex-wrap:nowrap;justify-content:flex-start}
  .pkp_structure_head ul.pkp_navigation_primary > li > a{
    padding:14px 14px;white-space:nowrap;font-size:11.5px}
  .pkp_structure_content{padding-left:16px;padding-right:16px}
  /* every control clears the 44px touch target */
  .ar-btn,.ar-about-btn,.ar-search input[type="search"],.ar-search button,
  .galley_link,.cmp_button,.obj_galley_link{min-height:46px;padding-top:12px;padding-bottom:12px}
  .ar-search form{flex-direction:column;align-items:stretch}
  .ar-grid{grid-template-columns:1fr}
  .ar-sec{padding:34px 0;margin-top:26px}
  .ar-colophon{padding:22px 18px}
  .ar-about-inner{font-size:17px}
  .ar-about-body > p:first-of-type{font-size:19px}
  .ar-about-body > p:first-of-type::first-letter{font-size:52px}
}
@media (max-width:480px){
  .pkp_structure_head .pkp_site_name .is_img::after{font-size:18px;max-width:16ch}
  .ar-hero h1,
  body.pkp_page_index .pkp_structure_main .ar-hero h1{font-size:30px}
  .ar-about-inner h1,
  body.pkp_page_about .pkp_structure_main .ar-about-inner h1{font-size:32px}
}

/* The masthead sizes to its content. (The journal's old uploaded stylesheet
   capped this at 150px for a fixed navy bar; that sheet has been retired and
   its still-wanted rules folded in below.) */
.pkp_structure_head,
.pkp_head_wrapper{height:auto;min-height:0;overflow:visible}
.pkp_structure_head .pkp_site_nav_menu{position:relative;z-index:20}
.pkp_structure_head .pkp_navigation_primary_row{position:relative;z-index:20}


/* --------------------------------------------------------------------------
   Folded in from the journal's retired uploaded stylesheet
   (/public/journals/1/styleSheet.css). Everything else in that file — the navy
   header bar, white nav links, sienna #a0522d links and buttons, the Segoe /
   Montserrat stack and a 150px header cap — is superseded by this theme.
   -------------------------------------------------------------------------- */
/* the site name is shown as the monogram plus the name beside it, so the
   theme's own text version would duplicate it */
.pkp_site_name .is_text{display:none}
/* the footer closes on a band of brand navy */
.pkp_structure_footer_wrapper{border-bottom:14px solid var(--ar-ink)}

/* ==========================================================================
   Article page — the ARETION Consulting "publications" treatment:
   ivory ground, navy type, a gold hairline vocabulary and centred title block,
   with the reading column given room. Matched to platform.aretion.org's layout
   and rhythm, using this site's own tokens so the two read as one group.
   ========================================================================== */
:root{ --ar-gold:#9F7F68; }

body.pkp_page_article{background:var(--ar-paper)}
body.pkp_page_article .pkp_structure_content{max-width:1080px}

/* title block, centred and ruled like the reference's section openers */
body.pkp_page_article .obj_article_details > .page_title,
body.pkp_page_article .pkp_structure_main .obj_article_details > .page_title{
  font-family:var(--ar-text);font-weight:600;
  font-size:clamp(25px,3vw,36px);line-height:1.22;letter-spacing:-.008em;
  color:var(--ar-ink);text-align:center;text-wrap:balance;
  max-width:34ch;margin:26px auto 0}
body.pkp_page_article .obj_article_details > .subtitle{
  font-family:var(--ar-text);font-style:italic;font-weight:400;
  font-size:clamp(17px,2vw,21px);color:var(--ar-ink-2);
  text-align:center;max-width:44ch;margin:14px auto 0;line-height:1.4}
/* the ornamental rule the reference uses above its headings */
body.pkp_page_article .obj_article_details > .page_title::before{
  content:"";display:block;width:120px;height:1px;background:var(--ar-gold);
  margin:0 auto 22px}
body.pkp_page_article .obj_article_details > .row{
  margin-top:34px;padding-top:30px;border-top:1px solid var(--ar-rule)}

/* authors */
body.pkp_page_article .obj_article_details .authors li{
  padding:11px 0;border-bottom:1px solid var(--ar-rule-2)}
body.pkp_page_article .obj_article_details .authors .name{
  font-family:var(--ar-text);font-weight:600;font-size:19px;color:var(--ar-ink)}
body.pkp_page_article .obj_article_details .authors .affiliation{
  display:block;font-family:var(--ar-sans);font-size:14px;color:var(--ar-ink-3);
  margin-top:3px;line-height:1.5}

/* section labels: small caps in gold, underscored — the reference's eyebrow */
body.pkp_page_article .obj_article_details .main_entry > .item > h2,
body.pkp_page_article .obj_article_details .entry_details > .item > .label{
  font-family:var(--ar-sans);font-size:10.5px;font-weight:500;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ar-gold);
  padding-bottom:7px;border-bottom:1px solid var(--ar-rule);margin-bottom:14px}

/* reading measure and rhythm for the abstract and references */
body.pkp_page_article .obj_article_details .abstract{
  font-family:var(--ar-text);font-size:20px;line-height:1.72;color:var(--ar-ink-2);
  max-width:66ch}
body.pkp_page_article .obj_article_details .abstract p{margin:0 0 15px}
body.pkp_page_article .obj_article_details .references p{
  font-family:var(--ar-text);font-size:17px;line-height:1.6;color:var(--ar-ink-2);
  padding:10px 0;border-bottom:1px solid var(--ar-rule-2);max-width:72ch}
body.pkp_page_article .obj_article_details .doi a{color:var(--ar-teal)}

/* the right-hand detail column reads as a set of quiet cards */
body.pkp_page_article .obj_article_details .entry_details .item{
  background:var(--ar-card);border:1px solid var(--ar-rule);border-radius:2px;
  padding:16px 18px;margin-bottom:14px}
body.pkp_page_article .obj_article_details .entry_details .value{
  font-family:var(--ar-text);font-size:17px;color:var(--ar-ink)}
body.pkp_page_article .obj_article_details .galleys .btn,
body.pkp_page_article .obj_article_details .galley_link{
  display:inline-flex;align-items:center;gap:8px;font-family:var(--ar-sans);
  font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;
  background:var(--ar-ink);color:var(--ar-ivory);border:1px solid var(--ar-ink);
  border-radius:2px;padding:12px 22px}
body.pkp_page_article .obj_article_details .galley_link:hover{
  background:var(--ar-gold);border-color:var(--ar-gold);color:var(--ar-ink)}

/* ---------- share this article ---------- */
.ar-share{margin:34px 0 0;padding:22px 0 0;border-top:1px solid var(--ar-rule)}
.ar-share-heading{
  font-family:var(--ar-sans);font-size:10.5px;font-weight:500;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ar-gold);margin:0 0 14px;border:0;padding:0}
.ar-share-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.ar-share-link{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--ar-sans);font-size:13px;font-weight:500;letter-spacing:.1em;
  text-transform:uppercase;text-decoration:none;cursor:pointer;
  color:var(--ar-ink);background:transparent;
  border:1px solid var(--ar-rule);border-radius:2px;padding:11px 18px;min-height:44px;
  transition:border-color .15s ease,color .15s ease}
.ar-share-link:hover,.ar-share-link:focus{border-color:var(--ar-gold);color:var(--ar-teal)}
.ar-share-link:focus-visible{outline:2px solid var(--ar-teal);outline-offset:2px}
.ar-share-cite{
  font-family:var(--ar-sans);font-size:13.5px;color:var(--ar-ink-3);
  margin:14px 0 0;word-break:break-all}
@media (max-width:700px){
  .ar-share-list{gap:8px}
  .ar-share-link{flex:1 1 calc(50% - 8px);padding:12px 10px;font-size:11.5px}
  body.pkp_page_article .obj_article_details > .page_title{max-width:none;font-size:26px}
}


/* --------------------------------------------------------------------------
   Page container: the theme's own centred width and margins are kept (rolled
   back on request). Body and container share one ground colour so the margins
   read as page edge, not as bands.
   -------------------------------------------------------------------------- */
.pkp_structure_page{background:var(--ar-paper)}
.pkp_structure_head{background:var(--ar-card)}

/* share row must never outrun its column */
.ar-share{max-width:100%;overflow:hidden}
.ar-share-list{max-width:100%}
.ar-share-link{max-width:100%;white-space:nowrap}

/* --------------------------------------------------------------------------
   Navigation states. The Manuscript theme colours hovered and open items white
   because it expects a navy bar; on this light bar that made the label vanish
   while its dropdown was open.
   -------------------------------------------------------------------------- */
.pkp_structure_head .pkp_navigation_primary > li:hover > a,
.pkp_structure_head .pkp_navigation_primary > li:focus-within > a,
.pkp_structure_head .pkp_navigation_primary > li.is-open > a,
.pkp_structure_head .pkp_navigation_primary > li > a[aria-expanded="true"],
.pkp_structure_head .pkp_navigation_primary > li > a:hover,
.pkp_structure_head .pkp_navigation_primary > li > a:focus{
  color:var(--ar-teal);
  background:transparent;
  border-bottom-color:var(--ar-teal);
}
/* dropdown panel: ink on paper, never white on white */
.pkp_structure_head .pkp_navigation_primary ul.dropdown-menu{
  background:var(--ar-card);border:1px solid var(--ar-rule);
  box-shadow:0 10px 26px -16px rgba(12,32,57,.45);padding:6px 0}
.pkp_structure_head .pkp_navigation_primary ul.dropdown-menu > li > a{
  color:var(--ar-ink);background:transparent;
  font-family:var(--ar-sans);font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;padding:11px 18px;border:0}
.pkp_structure_head .pkp_navigation_primary ul.dropdown-menu > li > a:hover,
.pkp_structure_head .pkp_navigation_primary ul.dropdown-menu > li > a:focus{
  color:var(--ar-teal);background:var(--ar-rule-2)}

/* Search sits in the tab row, so it should read as one of the tabs. */
.pkp_structure_head .pkp_search,
.pkp_structure_head a.pkp_search_desktop{
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--ar-sans);font-size:12px;font-weight:500;letter-spacing:.17em;
  text-transform:uppercase;color:var(--ar-ink);text-decoration:none;
  padding:14px 20px;border-bottom:2px solid transparent;background:transparent;
  float:none;margin:0;line-height:1;font-size:13px}
.pkp_structure_head a.pkp_search_desktop:hover,
.pkp_structure_head a.pkp_search_desktop:focus{
  color:var(--ar-teal);border-bottom-color:var(--ar-teal);background:transparent}
.pkp_structure_head a.pkp_search_desktop:focus-visible{
  outline:2px solid var(--ar-teal);outline-offset:-4px}
.pkp_structure_head a.pkp_search_desktop .fa{font-size:12px;opacity:.75}

/* the whole tab row on one baseline, search included */
.pkp_structure_head .pkp_navigation_primary_wrapper{align-items:center}
.pkp_structure_head .pkp_navigation_user{display:flex;align-items:center;margin:0}
.pkp_structure_head .pkp_navigation_user > li > a{
  font-family:var(--ar-sans);font-size:11.5px;letter-spacing:.12em;
  text-transform:uppercase;padding:14px 12px;border-bottom:2px solid transparent}
.pkp_structure_head .pkp_navigation_user > li > a:hover{
  color:var(--ar-teal);border-bottom-color:var(--ar-teal)}

/* --------------------------------------------------------------------------
   Navigation colour, forced.
   The Manuscript theme's stylesheet is compiled from LESS at request time and
   is not enumerable from the CSSOM, so its nav rules cannot be reliably
   out-specified — including the white hover colour that made labels vanish on
   this light bar. These four declarations are the only ones that shout.
   -------------------------------------------------------------------------- */
.pkp_structure_head .pkp_navigation_primary > li > a{color:var(--ar-ink) !important}
.pkp_structure_head .pkp_navigation_primary > li:hover > a,
.pkp_structure_head .pkp_navigation_primary > li:focus-within > a,
.pkp_structure_head .pkp_navigation_primary > li > a:hover,
.pkp_structure_head .pkp_navigation_primary > li > a:focus{color:var(--ar-teal) !important}
.pkp_structure_head .pkp_navigation_primary ul.dropdown-menu > li > a{color:var(--ar-ink) !important}
.pkp_structure_head .pkp_navigation_primary ul.dropdown-menu > li > a:hover,
.pkp_structure_head .pkp_navigation_primary ul.dropdown-menu > li > a:focus{color:var(--ar-teal) !important}

/* --------------------------------------------------------------------------
   Tab row layout. The Manuscript theme positions the user menu absolutely,
   which dropped Register/Login on top of the Search link once the bar was
   re-centred. One flex line instead: tabs and search centred, account links
   pushed to the right edge.
   -------------------------------------------------------------------------- */
.pkp_structure_head .pkp_navigation_primary_row{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pkp_structure_head .pkp_navigation_primary_wrapper{
  flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:2px}
.pkp_structure_head .pkp_navigation_search_wrapper{display:flex;align-items:center;flex:none}
.pkp_structure_head .pkp_navigation_user_wrapper{
  position:static !important;flex:none;margin-left:auto;top:auto;right:auto}
.pkp_structure_head .pkp_navigation_user{gap:2px}
@media (max-width:900px){
  .pkp_structure_head .pkp_navigation_primary_row{gap:0}
  .pkp_structure_head .pkp_navigation_user_wrapper{margin-left:0;width:100%;
    justify-content:center;display:flex;border-top:1px solid var(--ar-rule-2)}
}

/* Indexing page: the databases read as a list, not a run of paragraphs. */
.ar-indexing{list-style:none;margin:18px 0 0;padding:0;
  columns:2;column-gap:44px;column-rule:1px solid var(--ar-rule)}
.ar-indexing li{break-inside:avoid;padding:9px 0;border-bottom:1px solid var(--ar-rule-2)}
.ar-indexing li::before{content:"—";color:var(--ar-amber);margin-right:10px}
.ar-indexing a{color:var(--ar-teal);text-decoration:none;
  border-bottom:1px solid transparent}
.ar-indexing a:hover{border-bottom-color:var(--ar-teal)}
@media(max-width:640px){.ar-indexing{columns:1}}

/* ─────────────────────────────────────────────────────────────────────────
   Contact page.
   The core template rendered emails through {mailto encode='javascript'},
   which produced empty .email divs in this Smarty build — so the page listed
   names and no way to reach them. The theme now supplies its own contact.tpl;
   these are its styles. Cards, not prose, because a reader arrives here to
   find one address and leave.
   ───────────────────────────────────────────────────────────────────────── */
.ar-contact-inner{max-width:820px;margin:0 auto;padding:0 8px 10px;
  font-family:var(--br-text);font-size:19.5px;line-height:1.68;color:var(--br-ink)}
.ar-contact-inner a{color:var(--br-rust)}
.ar-contact-head{margin-top:6px}
.ar-contact-inner h1{font-family:var(--br-display);font-weight:400;
  font-size:clamp(34px,6vw,58px);line-height:1.05;color:var(--br-navy);
  margin:12px 0 0;letter-spacing:.005em}

.ar-contact-grid{display:grid;gap:1px;margin-top:34px;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  background:var(--br-rule);border:1px solid var(--br-rule)}
.ar-contact-card{background:var(--br-bone-lift);padding:26px 28px 28px}
.ar-contact-card h2{font-family:var(--br-caps);font-size:11px;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;color:var(--br-taupe);
  margin:0 0 14px;border:0;padding:0}
.ar-contact-name{font-family:var(--br-display);font-size:26px;line-height:1.2;
  color:var(--br-navy);margin:0}
.ar-contact-role{font-family:var(--br-caps);font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--br-taupe);margin:4px 0 0}
.ar-contact-mail{margin:12px 0 0;font-size:18px;word-break:break-word}
.ar-contact-mail a{font-family:var(--br-caps);letter-spacing:.02em;
  border-bottom:1px solid var(--br-rule);text-decoration:none}
.ar-contact-mail a:hover{border-bottom-color:var(--br-rust)}
.ar-contact-phone{margin:8px 0 0;font-size:17px;color:var(--br-ink-2)}
.ar-contact-address{margin:0;font-size:18px;color:var(--br-navy);line-height:1.5}
.ar-contact-note{margin:14px 0 0;font-size:16.5px;line-height:1.55;color:var(--br-ink-2)}

.ar-contact-issn{margin:30px 0 0;padding-top:16px;border-top:1px solid var(--br-rule);
  font-family:var(--br-caps);font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--br-taupe)}

/* The About page rule that widens the main column already covers this page —
   OJS serves contact under the `about` page class — so only the type needs
   restating against the Manuscript parent's defaults. */
body.pkp_page_about .pkp_structure_main .ar-contact-inner{font-family:var(--br-text)}
body.pkp_page_about .pkp_structure_main .ar-contact-inner h1{
  font-family:var(--br-display);font-weight:400;color:var(--br-navy)}

@media(max-width:700px){
  .ar-contact-inner{font-size:17px}
  .ar-contact-card{padding:22px 20px 24px}
  .ar-contact-inner h1,
  body.pkp_page_about .pkp_structure_main .ar-contact-inner h1{font-size:32px}
}

/* ─────────────────────────────────────────────────────────────────────────
   Publication process page.
   Was a single 231 KB base64 flowchart with zero readable text — invisible to
   screen readers, search engines and reviewers alike. Now a numbered sequence,
   because the stages genuinely are one, with the diagram kept as illustration.
   ───────────────────────────────────────────────────────────────────────── */
.ar-process-intro{font-size:21px;line-height:1.6;color:var(--br-ink);margin:0 0 8px}

ol.ar-process{list-style:none;counter-reset:ar-step;margin:30px 0 0;padding:0}
ol.ar-process > li{counter-increment:ar-step;display:grid;
  grid-template-columns:56px 1fr;gap:20px;
  padding:22px 0;border-top:1px solid var(--br-rule)}
ol.ar-process > li::before{content:counter(ar-step,decimal-leading-zero);
  font-family:var(--br-caps);font-size:12px;font-weight:500;letter-spacing:.08em;
  color:var(--br-rust);font-variant-numeric:tabular-nums;padding-top:7px}
ol.ar-process h3{font-family:var(--br-display);font-weight:400;font-size:27px;
  line-height:1.15;color:var(--br-navy);margin:0 0 8px;letter-spacing:.01em}
ol.ar-process p{margin:0 0 10px;color:var(--br-ink-2)}
ol.ar-process p:last-child{margin-bottom:0}
.ar-process-time{font-family:var(--br-caps);font-size:12px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--br-taupe);margin-top:12px !important;
  padding-top:10px;border-top:1px solid var(--br-rule)}

.ar-process-figure{margin:44px 0 0;padding:26px 28px;background:var(--br-bone-lift);
  border-top:2px solid var(--br-navy);border-bottom:2px solid var(--br-navy)}
.ar-process-figure img{display:block;width:100%;height:auto;max-width:100%}
.ar-process-figure figcaption{margin-top:16px;font-family:var(--br-caps);
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--br-taupe);
  line-height:1.6}

.ar-process-foot{margin:34px 0 0;padding-top:16px;border-top:1px solid var(--br-rule);
  font-size:17px;color:var(--br-ink-2)}

@media(max-width:620px){
  ol.ar-process > li{grid-template-columns:34px 1fr;gap:12px}
  ol.ar-process h3{font-size:23px}
  .ar-process-figure{padding:18px}
}

/* ═════════════════════════════════════════════════════════════════════════
   ARTICLE PAGE — reading layout.

   The default OJS article page is a landing page: abstract, then a link that
   sends the reader away to a PDF. This makes the article page the place the
   article is actually read, with the PDF offered beside the text rather than
   instead of it. Layout is a sticky section rail plus a single measured text
   column; the rail collapses above the text on narrow screens.
   ═════════════════════════════════════════════════════════════════════════ */

body.pkp_page_article{background:var(--br-bone)}
body.pkp_page_article .pkp_structure_content{background:var(--br-bone);padding-top:0}
body.pkp_page_article .pkp_head_wrapper,
body.pkp_page_article .pkp_structure_head{background:#fff}
body.pkp_page_article .pkp_structure_sidebar{display:none}
body.pkp_page_article .pkp_structure_main,
body.pkp_page_article .pkp_structure_content.has_sidebar .pkp_structure_main{
  width:100%;max-width:none;float:none;padding-left:0;padding-right:0;margin-right:0;border-right:0}

.ar-article{max-width:1080px;margin:0 auto;padding:0 8px 40px;
  font-family:var(--br-text);color:var(--br-ink)}
.ar-article a{color:var(--br-rust)}
.ar-notice{margin:18px 0;padding:12px 16px;background:var(--br-bone-lift);
  border-left:3px solid var(--br-taupe);font-family:var(--br-caps);font-size:14px}

/* ── masthead ───────────────────────────────────────────────────────────── */
.ar-a-head{padding:26px 0 0;border-bottom:1px solid var(--br-rule);margin-bottom:30px}
.ar-a-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 14px;
  font-family:var(--br-caps);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}
.ar-a-type{color:var(--br-rust);font-weight:500}
.ar-a-issue{color:var(--br-taupe);text-decoration:none}
.ar-a-issue:hover{color:var(--br-rust)}
.ar-a-oa{margin-left:auto;color:var(--br-navy);border:1px solid var(--br-rule);
  padding:3px 9px;border-radius:2px;letter-spacing:.12em}

.ar-a-title{font-family:var(--br-display);font-weight:400;
  font-size:clamp(30px,4.4vw,50px);line-height:1.08;color:var(--br-navy);
  margin:0 0 18px;letter-spacing:.004em;max-width:min(100%,42ch);text-wrap:balance}

.ar-a-authors{font-size:19px;line-height:1.6;color:var(--br-ink);margin:0 0 10px;
  max-width:76ch;overflow-wrap:break-word}
.ar-a-author{white-space:nowrap}
/* The comma is real text in the markup; the name itself must not break. */
.ar-a-orcid{display:inline-block;margin-left:3px;font-family:var(--br-caps);font-size:10px;
  font-weight:500;letter-spacing:.06em;color:#A6CE39;text-decoration:none;
  border:1px solid #A6CE39;border-radius:2px;padding:0 3px;vertical-align:2px}
.ar-a-orcid:hover{background:#A6CE39;color:#fff}

.ar-a-affils{list-style:none;margin:0 0 18px;padding:0;max-width:72ch;
  font-size:15.5px;line-height:1.5;color:var(--br-ink-2);counter-reset:aff}
.ar-a-affils li{counter-increment:aff;padding-left:22px;position:relative;margin-bottom:3px}
.ar-a-affils li::before{content:counter(aff);position:absolute;left:0;top:1px;
  font-family:var(--br-caps);font-size:10.5px;color:var(--br-taupe)}

.ar-a-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:14px 30px;margin:0 0 22px;padding:16px 0;border-top:1px solid var(--br-rule)}
.ar-a-facts dt{font-family:var(--br-caps);font-size:10.5px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--br-taupe);margin-bottom:3px}
.ar-a-facts dd{margin:0;font-size:16px;color:var(--br-navy);word-break:break-word}

/* ── actions ────────────────────────────────────────────────────────────── */
.ar-a-actions{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:24px}
.ar-a-btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none;
  font-family:var(--br-caps);font-size:12.5px;font-weight:500;letter-spacing:.11em;
  text-transform:uppercase;padding:11px 20px;border:1px solid var(--br-rule);
  color:var(--br-navy);background:#fff;border-radius:2px;
  transition:border-color .15s ease,color .15s ease,background .15s ease}
.ar-a-btn:hover{border-color:var(--br-rust);color:var(--br-rust)}
.ar-a-btn.primary{background:var(--br-navy);border-color:var(--br-navy);color:var(--br-bone)}
.ar-a-btn.primary:hover{background:var(--br-rust);border-color:var(--br-rust);color:#fff}
.ar-a-btn.quiet{border-style:dashed;color:var(--br-ink-2)}
.ar-a-btn:focus-visible{outline:2px solid var(--br-taupe);outline-offset:3px}

/* ── layout ─────────────────────────────────────────────────────────────── */
.ar-a-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:46px;align-items:start}
.ar-a-main{min-width:0;max-width:74ch}

.ar-a-rail{position:sticky;top:20px;font-family:var(--br-caps)}
.ar-a-rail-title{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--br-taupe);margin:0 0 12px;padding-bottom:9px;border-bottom:1px solid var(--br-rule)}
.ar-a-rail ol{list-style:none;margin:0;padding:0;counter-reset:railitem}
.ar-a-rail li{counter-increment:railitem;margin-bottom:2px}
.ar-a-rail a{display:block;padding:5px 0 5px 22px;font-size:13.5px;line-height:1.35;
  color:var(--br-ink-2);text-decoration:none;position:relative;border-left:2px solid transparent}
.ar-a-rail a::before{content:counter(railitem,decimal-leading-zero);position:absolute;
  left:6px;top:6px;font-size:9.5px;color:var(--br-taupe);font-variant-numeric:tabular-nums}
.ar-a-rail a:hover{color:var(--br-rust);border-left-color:var(--br-rust)}
.ar-a-rail-pdf{display:block;margin-top:18px;padding-top:14px;border-top:1px solid var(--br-rule);
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--br-navy);
  text-decoration:none}
.ar-a-rail-pdf:hover{color:var(--br-rust)}

/* ── full text ──────────────────────────────────────────────────────────── */
.ar-a-fulltext{font-size:19px;line-height:1.7;color:var(--br-ink)}
.ar-a-fulltext p{margin:0 0 17px;color:var(--br-ink-2)}
.ar-a-fulltext h2{font-family:var(--br-display);font-weight:400;font-size:31px;line-height:1.15;
  color:var(--br-navy);margin:40px 0 10px;padding-top:20px;
  border-top:1px solid var(--br-rule);scroll-margin-top:24px}
.ar-a-fulltext h3{font-family:var(--br-text);font-weight:600;font-size:20px;
  color:var(--br-navy);margin:26px 0 6px}
.ar-ft-note{font-family:var(--br-caps);font-size:13px;line-height:1.55;color:var(--br-ink-2);
  background:var(--br-bone-lift);border-left:3px solid var(--br-taupe);
  padding:11px 15px;margin:0 0 26px}
.ar-ft-abstract{background:var(--br-bone-lift);padding:24px 26px;
  border-top:2px solid var(--br-navy);margin-bottom:8px}
.ar-ft-abstract h2{margin:0 0 10px;padding-top:0;border-top:0;font-size:26px}
.ar-ft-abstract p{color:var(--br-ink)}
.ar-ft-keywords{font-family:var(--br-caps);font-size:15px;color:var(--br-rust);
  margin:16px 0 0 !important;padding-bottom:6px}

/* tables recovered from the PDF */
.ar-ft-table{margin:32px 0;padding:0}
.ar-ft-table figcaption{font-family:var(--br-caps);font-size:14px;line-height:1.5;
  color:var(--br-ink-2);margin-bottom:10px}
.ar-ft-label{font-weight:600;color:var(--br-navy);letter-spacing:.04em}
.ar-ft-scroll{overflow-x:auto;border:1px solid var(--br-rule);background:#fff}
.ar-ft-table table{border-collapse:collapse;width:100%;min-width:min(560px,100%);
  font-family:var(--br-caps);font-size:14px}
.ar-ft-table th,.ar-ft-table td{border-bottom:1px solid var(--br-rule);
  padding:8px 11px;text-align:left;vertical-align:top;line-height:1.4}
.ar-ft-table th{background:var(--br-bone-lift);color:var(--br-navy);font-weight:600;
  font-size:13px;border-bottom:2px solid var(--br-navy);position:sticky;top:0}
.ar-ft-table td{color:var(--br-ink-2);font-variant-numeric:tabular-nums}
.ar-ft-table tr:last-child td{border-bottom:0}

/* figures recovered from the PDF */
.ar-ft-figure{margin:32px 0;padding:18px 20px 16px;background:var(--br-bone-lift);
  border-top:1px solid var(--br-rule);border-bottom:1px solid var(--br-rule)}
.ar-ft-figure img{display:block;max-width:100%;height:auto;margin:0 auto;background:#fff;
  border:1px solid var(--br-rule)}
.ar-ft-figure figcaption{font-family:var(--br-caps);font-size:14px;line-height:1.55;
  color:var(--br-ink-2);margin-top:12px}

.ar-ft-refs{margin-top:40px}
.ar-ft-refs h2{scroll-margin-top:24px}
.ar-ft-refs ol{padding-left:26px}
.ar-ft-refs li{margin-bottom:11px;font-size:16.5px;line-height:1.55;color:var(--br-ink-2)}
.ar-ft-refs a{word-break:break-word}
/* References carry bare URLs and DOIs up to ~150 characters with no break
   opportunity; without this they push the page sideways on a phone. */
.ar-ft-refs li,.ar-a-fulltext p,.ar-a-facts dd{overflow-wrap:anywhere}
.ar-ft-table td,.ar-ft-table th{overflow-wrap:anywhere}

/* ── panels below the text ──────────────────────────────────────────────── */
.ar-a-panel{margin-top:44px;padding-top:22px;border-top:1px solid var(--br-rule)}
.ar-a-panel h2{font-family:var(--br-display);font-weight:400;font-size:28px;
  color:var(--br-navy);margin:0 0 12px;scroll-margin-top:24px}
.ar-a-panel p{font-size:17.5px;line-height:1.62;color:var(--br-ink-2);margin:0 0 14px}
.ar-a-alerts{list-style:none;margin:0;padding:0}
.ar-a-alerts li{padding:14px 0;border-bottom:1px solid var(--br-rule);
  font-size:16.5px;line-height:1.6;color:var(--br-ink-2)}
.ar-a-alerts li:last-child{border-bottom:0}
.ar-a-alerts strong{color:var(--br-navy);font-weight:600}

.ar-a-citation{background:var(--br-bone-lift);padding:16px 18px;font-size:16.5px;
  line-height:1.6;color:var(--br-ink);border-left:3px solid var(--br-taupe)}
.ar-a-cite-actions{margin-top:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ar-a-cite-label{font-family:var(--br-caps);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--br-taupe)}

.ar-a-bio{margin-bottom:18px}
.ar-a-bio-name{font-family:var(--br-caps);font-size:13px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--br-navy);margin:0 0 4px !important}

.ar-a-info dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:16px 30px;margin:0}
.ar-a-info dt{font-family:var(--br-caps);font-size:10.5px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--br-taupe);margin-bottom:3px}
.ar-a-info dd{margin:0;font-size:16px;color:var(--br-ink-2);line-height:1.5}
.ar-a-record{margin-top:20px !important;padding-top:14px;border-top:1px solid var(--br-rule);
  font-family:var(--br-caps);font-size:13px !important;color:var(--br-taupe)}

.ar-a-abstract h2{font-family:var(--br-display);font-weight:400;font-size:28px;
  color:var(--br-navy);margin:0 0 10px}
.ar-a-nofulltext{font-family:var(--br-caps);font-size:15px;color:var(--br-ink-2);
  background:var(--br-bone-lift);padding:14px 16px;border-left:3px solid var(--br-taupe)}

/* ── narrow screens ─────────────────────────────────────────────────────── */
@media(max-width:900px){
  .ar-a-layout{grid-template-columns:1fr;gap:26px}
  .ar-a-rail{position:static;border-bottom:1px solid var(--br-rule);padding-bottom:14px}
  .ar-a-rail ol{columns:2;column-gap:26px}
  .ar-a-main{max-width:none}
}
@media(max-width:700px){
  .ar-article{font-size:17px}
  .ar-a-title{font-size:30px}
  .ar-a-fulltext{font-size:17.5px}
  .ar-a-fulltext h2{font-size:25px}
  .ar-a-actions .ar-a-btn{flex:1 1 auto;justify-content:center}
  .ar-a-rail ol{columns:1}
  .ar-ft-figure,.ar-ft-abstract{padding:16px 14px}
}