/* Active public pages only. Load after shared-theme.css and each page's styles. */
@font-face{font-family:Human;src:url('/assets/bricolage-grotesque.woff2') format('woff2');font-weight:200 800;font-display:swap}
.ra-navigation-replaced{display:none!important}
.ra-site-header,.ra-site-navigation{box-sizing:border-box}
.ra-site-header{
  position:sticky;inset:auto;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;
  gap:24px;min-height:78px;height:auto;margin:0;padding:12px clamp(18px,3.5vw,56px);
  border:0;border-bottom:1px solid var(--ra-soft-line,var(--line));
  background:var(--ra-ground,var(--ground));color:var(--ra-ink,var(--ink));
  font:500 14px/1.3 Human,Interface,sans-serif;pointer-events:auto;
}
.ra-site-header .ra-site-brand{
  display:flex;align-items:center;gap:10px;flex:none;margin:0;padding:0;min-height:44px;
  color:inherit;text-decoration:none;font:500 16px/1.05 Human,Interface,sans-serif;
}
.ra-site-brand em{font-style:normal;font-weight:400}
.ra-site-brand svg{display:block;width:38px;height:38px;flex:none;overflow:visible}
.ra-site-brand svg path{fill:none;stroke:currentColor;stroke-linecap:round}
.ra-site-brand svg .ra-mark-baseline{stroke:var(--ra-muted,var(--muted))}
.ra-site-brand svg circle{fill:var(--ra-accent,var(--accent))}
.ra-site-navigation{display:flex;align-items:center;gap:16px;pointer-events:auto;font:500 14px/1.3 Human,Interface,sans-serif}
.ra-primary-links{display:flex;align-items:center;gap:clamp(14px,2vw,28px);margin:0;padding:0}
.ra-primary-links a,.ra-nav-shortcuts a{
  display:inline-flex;align-items:center;min-height:44px;margin:0;padding:8px 0;
  border:0;color:var(--ra-ink,var(--ink));font:inherit;text-decoration:none;white-space:nowrap;
}
.ra-primary-links a[aria-current]{color:var(--ra-accent,var(--accent));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.ra-primary-links a:hover,.ra-nav-shortcuts a:hover{color:var(--ra-accent,var(--accent));text-decoration:underline;text-underline-offset:7px}
.ra-site-navigation .ra-nav-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;
  min-height:44px;min-width:66px;height:auto;margin:0;padding:8px 0;
  border:0;border-radius:0;background:none;color:var(--ra-ink,var(--ink));font:inherit;cursor:pointer;
}
.ra-nav-toggle svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;flex:none}
.ra-nav-toggle[aria-expanded="true"]{color:var(--ra-accent,var(--accent))}
.ra-nav-shortcuts{display:none}
.ra-site-navigation [hidden]{display:none!important}
.ra-site-navigation :focus-visible,.ra-site-brand:focus-visible{outline:2px solid var(--ra-accent,var(--accent));outline-offset:4px}
.ra-site-navigation .ra-theme-switch{margin:0;font:inherit}
/* The encounter keeps its own character, face and camera controls. */
.ra-site-navigation--encounter{position:relative;flex:none}
.ra-site-navigation--encounter .ra-primary-links{
  position:absolute;top:calc(100% + 12px);right:0;z-index:75;display:flex;flex-direction:column;align-items:stretch;gap:0;
  width:min(280px,calc(100vw - 36px));max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;
  padding:12px 20px;background:var(--ra-paper,var(--paper));border:1px solid var(--ra-line,var(--line));
  color:var(--ra-ink,var(--ink));touch-action:pan-y;
}
.ra-site-navigation--encounter .ra-primary-links a{padding:10px 0;min-height:46px}
/* Paper selection and Drawing / Graph / Full text remain local reading tools. */
.ra-reader-toolbar{top:var(--ra-navigation-height,78px);z-index:30}
@media(max-width:900px){
  .ra-site-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:0 16px;min-height:64px;padding:9px 18px}
  .ra-site-header .ra-site-brand{font-size:14px;gap:7px}
  .ra-site-header .ra-site-brand svg{width:32px;height:32px}
  .ra-site-header .ra-site-navigation{display:contents}
  .ra-site-header .ra-nav-shortcuts{display:flex;align-items:center;gap:16px;font-size:13px}
  .ra-site-header .ra-nav-toggle{grid-column:3;grid-row:1;font-size:13px;min-width:59px}
  .ra-site-header .ra-primary-links{
    grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;
    padding:12px 0 8px;margin-top:10px;border-top:1px solid var(--ra-soft-line,var(--line));font-size:15px;
  }
  .ra-site-header .ra-primary-links a{min-height:48px}
  .ra-site-header .ra-primary-links .ra-theme-switch{justify-self:start;min-height:44px;padding:8px 10px}
}
@media(max-width:360px){
  .ra-site-header{gap:0 10px;padding-inline:14px}
  .ra-site-header .ra-nav-shortcuts{gap:12px}
  .ra-site-header .ra-nav-toggle{min-width:54px;gap:5px}
}
@media print{
  .ra-site-header,.ra-site-navigation{display:none!important}
}

.ra-primary-links>.ra-nav-replay{font:inherit;color:var(--ra-ink,var(--ink));min-height:44px;text-align:left;padding:10px 0}
.ra-primary-links>.ra-theme-switch{margin:0;min-height:44px;text-align:left}

/* One mobile header composition across the study, reader, course and app. */
.ra-site-header[data-ra-navigation="encounter"]{position:fixed;inset:0 0 auto;height:78px;min-height:78px;border:0;background:transparent;padding:12px 3.5vw;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.ra-site-header[data-ra-navigation="encounter"]>.brand,.ra-site-header[data-ra-navigation="encounter"]>.ra-site-navigation{pointer-events:auto}
.ra-site-header[data-ra-navigation="encounter"]>.entry-links{display:none!important}
.ra-site-header[data-ra-navigation="encounter"]>.ra-site-brand{font-size:16px;gap:10px}
.ra-site-header[data-ra-navigation="encounter"]>.ra-site-brand img{width:38px;height:38px}
@media(max-width:900px){
 body .ra-site-header[data-ra-navigation]{position:sticky;min-height:64px;height:64px;display:flex;align-items:center;justify-content:space-between;padding:9px 18px;gap:18px;background:var(--ground,var(--ra-ground));border-bottom:0}
 body .ra-site-header[data-ra-navigation="encounter"]{position:fixed;background:transparent}
 body .ra-site-header[data-ra-navigation]>.ra-site-brand{font-size:14px;gap:7px;min-height:44px}
 body .ra-site-header[data-ra-navigation]>.ra-site-brand :is(img,svg){height:32px;width:32px}
 .ra-site-header[data-ra-navigation] .ra-site-navigation{display:flex;position:relative;gap:18px}
 .ra-site-header[data-ra-navigation] .ra-nav-shortcuts{display:flex;gap:16px;font-size:13px}
 .ra-site-header[data-ra-navigation] .ra-primary-links{position:absolute;inset:auto 0 auto auto;top:calc(100% + 10px);z-index:85;display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(280px,calc(100vw - 36px));max-height:calc(100dvh - 90px);overflow:auto;margin:0;padding:12px 20px;background:var(--paper,var(--ra-paper));color:var(--ink,var(--ra-ink));border:1px solid var(--line,var(--ra-line));font-size:15px;overscroll-behavior:contain;touch-action:pan-y}
 .ra-site-header[data-ra-navigation] .ra-primary-links a{min-height:46px;padding:10px 0}
 .ra-site-header[data-ra-navigation] .ra-nav-toggle{font-size:13px;min-width:56px}
}
@media(max-width:360px){body .ra-site-header[data-ra-navigation]{padding-inline:14px;gap:10px}.ra-site-header[data-ra-navigation] .ra-site-navigation{gap:12px}.ra-site-header[data-ra-navigation] .ra-nav-shortcuts{gap:10px}.ra-site-header[data-ra-navigation] .ra-nav-toggle{min-width:53px}}
