/* ==========================================================================
   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 on bone                */
  --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: 17.5px; line-height: 1.62; -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: 11px;
  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: 18px;
  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); 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: 14.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: 16.5px; font-weight: 600; margin: 0; }
.ar-steps p { margin: 5px 0 0; color: var(--ar-ink-2); font-size: 14.5px; 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;
  --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:18px;line-height:1.62;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:11px;
  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:20.5px;line-height:1.55;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:17px;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:4px 0 0;font-size:17px;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:12px;font-weight:500;letter-spacing:.17em;
  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; --ar-ivory:#F7F4ED; }

body.pkp_page_article{background:var(--ar-ivory)}
body.pkp_page_article .pkp_structure_content{background:var(--ar-ivory);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:17.5px;color:var(--ar-ink)}
body.pkp_page_article .obj_article_details .authors .affiliation{
  display:block;font-family:var(--ar-sans);font-size:13px;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:18px;line-height:1.68;color:var(--ar-ink-2);
  max-width:68ch}
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:15.5px;line-height:1.55;color:var(--ar-ink-2);
  padding:9px 0;border-bottom:1px solid var(--ar-rule-2);max-width:74ch}
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:15.5px;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:12px;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:12.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}
}