/* ===== Athabasca University look & tidy typography ===== */
:root{
  /* Brand */
  --au-navy:   #1C355E;
  --au-orange: #F05A28;
  --au-ink:    #0F1B2A;

  /* Content card (warm, low-contrast) */
  --au-card:         #FFF4ED;
  --au-card-border:  #F1E1D9;

  /* Layout controls */
  --content-w: 900px;  /* <— change this to widen/narrow the main card */
  --media-w:   220px;   /* left images column width on Home */
  --media-gap: 24px;    /* space between left images and card */
}

/* Base text sizing */
html { font-size: 15px; }                  /* 14px if you want smaller */
body { font-size: 0.95rem; line-height: 1.55; color: var(--au-ink); }

/* Headings smaller & tighter */
.page__title { font-size: 1.6rem; margin-bottom: .6rem; }
.page__content h2 { font-size: 1.25rem; margin-top: 1.25rem; margin-bottom: .4rem; }
.page__content h3 { font-size: 1.1rem;  margin-top: 1rem;   margin-bottom: .3rem; }
.page__content h4 { font-size: 1rem;    margin-top: .8rem;  margin-bottom: .25rem; }

/* Lists compact */
.page__content ul,
.page__content ol { margin: .25rem 0 .75rem; padding-left: 1.25rem; }
.page__content li { margin: .15rem 0; }

/* Hide heading "Permalink" anchors */
.page__content a.header-link,
.page__content .anchorjs-link,
.anchorjs-link { display: none !important; }

/* ===== Masthead + navigation ===== */
.masthead,
.greedy-nav { background: var(--au-navy) !important; }
.site-title, .site-title a { color: #fff !important; }

.greedy-nav .visible-links > li > a,
.masthead__menu-item a {
  color: var(--au-orange) !important;
  opacity: 1 !important;                 /* MM dims links by default */
  font-weight: 600;
}
.greedy-nav .visible-links > li > a:hover,
.masthead__menu-item a:hover { text-decoration: underline; }

/* slim orange divider under the masthead */
.masthead { border-bottom: 3px solid var(--au-orange); }

/* ===== Single navy background + warm content card ===== */
body { background: var(--au-navy) !important; }
.page { background: transparent !important; }      /* remove extra white band */
.page__inner-wrap{
  background: var(--au-card);
  border: 1px solid var(--au-card-border);
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
  border-radius: 6px;
}

/* Links & accents inside content */
a { color: var(--au-navy); }
a:hover, a:focus { color: var(--au-orange); }

/* Warm dividers */
hr { border-top: 2px solid var(--au-card-border); }
.page__title { border-bottom: 2px solid var(--au-card-border); }

/* ===== Site content width (card) ===== */
@media (min-width: 64em){
  .page,
  .page__inner-wrap { max-width: var(--content-w) !important; }
}

/* ---- Home page: place photo + AU logo OUTSIDE the card (left) ---- */
.page { position: relative; }  /* anchor for absolute positioning */

.home-media{
  position: absolute;
  left: calc(50% - var(--content-w)/2 - var(--media-w) - var(--media-gap));
  top: 8px;               /* adjust up/down to taste */
  width: var(--media-w);
  z-index: 1;
}
.home-media img{ display:block; width:100%; height:auto; }
.home-au{ margin-top: 12px; }

/* Mobile / narrow screens: fall back to normal flow (stack above content) */
@media (max-width: 1200px){
  .home-media{
    position: static;
    width: auto;
    margin: 0 0 12px 0;
    display: flex;
    gap: 12px;
    align-items: center;
  }
  .home-photo{ width: 140px; }
  .home-au{ width: 120px; }
}
/* Align masthead width with the content card and left-align the tabs */
.masthead__inner-wrap { max-width: var(--content-w) !important; margin: 0 auto; }
.greedy-nav { justify-content: flex-start !important; }
.greedy-nav .visible-links { margin-left: 0 !important; }

/* Styling for the left-column links under the photos */
.home-links { margin-top: 14px; color: #fff; font-size: 0.95rem; }
.home-links h3 { color: #fff; font-size: 1.05rem; margin: .6rem 0 .35rem; }
.home-links a { color: #fff; text-decoration: underline; }
.home-links a:hover { color: var(--au-orange); }
.home-links li { margin: .25rem 0; }

/* Mobile: when the left column stacks, let links wrap nicely */
@media (max-width: 1200px){
  .home-links { color: var(--au-ink); }            /* back to dark text on light card */
  .home-links a { color: var(--au-navy); }
  .home-links a:hover { color: var(--au-orange); }
}

/* Give the masthead more width than the card (left edge still aligned) */
.masthead__inner-wrap{
  max-width: calc(var(--content-w) + 320px) !important; /* add ~320px of space to the right */
  margin: 0 auto;
}

/* Tighten nav so more items fit */
.greedy-nav .visible-links > li { margin: 0 .35rem; }
.greedy-nav .visible-links > li > a { font-size: .95rem; padding: 0; }

/* Keep menu left-aligned with the card */
.greedy-nav { justify-content: flex-start !important; }

/* Nicely styled collapsibles */
details.hover-open {
  border: 1px solid var(--au-card-border);
  border-radius: 6px;
  padding: .35rem .5rem;
  background: rgba(255, 244, 237, .5);
  margin: .6rem 0;
}

details.hover-open summary {
  list-style: none;             /* removes default marker */
  cursor: pointer;
  font-weight: 600;
  outline: none;
  display: flex;
  align-items: center;
  gap: .5rem;
  user-select: none;
}

/* custom caret */
details.hover-open summary::-webkit-details-marker { display: none; }
details.hover-open summary::after {
  content: "▸";
  margin-left: auto;
  transition: transform .15s ease;
  color: var(--au-orange);
}
details.hover-open[open] summary::after { transform: rotate(90deg); }

.download-bar{ display:flex; gap:.5rem; flex-wrap:wrap; margin:.25rem 0 1rem; }
.download-bar .btn{
  padding:.35rem .6rem; border:1px solid var(--au-card-border);
  border-radius:6px; background:#fff; cursor:pointer;
}
.download-bar .btn:hover{ background: var(--au-orange); color:#fff; border-color:var(--au-orange); }

/* ===== AU orange titles ===== */

/* Main page title (H1) and in-content headings */
.page__title,
.page__content h2,
.page__content h3,
.page__content h4 {
  color: var(--au-orange) !important;
}

/* Collapsible section headers (<details><summary>…</summary>) */
.page__content details > summary {
  color: var(--au-orange);
  font-weight: 700;           /* keep them bold */
}
.page__content details > summary * { color: inherit; }  /* e.g., <strong> inside summary */

/* Right-hand sidebar box title (Minimal Mistakes) */
.sidebar .nav__title,
.sidebar__title {
  color: var(--au-orange) !important;
}
/* === Research sidebar links (Google Scholar, ResearchGate, arXiv) === */
/* Minimal Mistakes puts these in the right sidebar nav list */
.sidebar .nav__list a,
.sidebar .nav__list a:visited {
  color: var(--au-orange) !important;  /* make link text AU orange */
}

/* hover/focus style (optional) */
.sidebar .nav__list a:hover,
.sidebar .nav__list a:focus {
  color: #fff !important;
  background: var(--au-orange);
  border-radius: 4px;
  text-decoration: none;
}

/* make the external-link icon match the text color */
.sidebar .nav__list a .icon,
.sidebar .nav__list svg {
  fill: currentColor !important;
  color: currentColor !important;
}