/* PASJUCCA v1.9: apariencia compartida, prioridad a legibilidad y acceso. */
:root {
  --pj-surface: #fff;
  --pj-soft: #f4f7fb;
  --pj-border: #dfe6f0;
  --pj-text: #172132;
  --pj-muted: #536174;
  --pj-accent: #153f7e;
  color-scheme: light;
}
html[data-theme="dark"] {
  --pj-surface: #111d2c;
  --pj-soft: #1c2a40;
  --pj-border: #39475b;
  --pj-text: #f5f8fe;
  --pj-muted: #c2cee0;
  --pj-accent: #b8d7ff;
  --blue: #b8d7ff;
  --navy: #c3dcff;
  --red: #ff8791;
  --ink: #f5f8fe;
  --muted: #c2cee0;
  --cream: #182539;
  --line: #38475a;
  --shadow: 0 12px 38px rgba(0, 0, 0, .20);
  color-scheme: dark;
}
html[data-font-size="large"] { font-size: 112.5%; }
html[data-font-size="extra"] { font-size: 125%; }
html[data-theme="dark"] body { background: var(--pj-surface); color: var(--pj-text); }
html[data-theme="dark"] header,
html[data-theme="dark"] .header { background: #162438; border-color: var(--pj-border); }
html[data-theme="dark"] .hero { background: linear-gradient(115deg,#1a293b,#101b2a); }
html[data-theme="dark"] .hero p,
html[data-theme="dark"] .brand small,
html[data-theme="dark"] .intro p,
html[data-theme="dark"] .summary,
html[data-theme="dark"] .description,
html[data-theme="dark"] .excerpt,
html[data-theme="dark"] .body,
html[data-theme="dark"] .rich,
html[data-theme="dark"] .section-heading p { color: var(--pj-muted); }
html[data-theme="dark"] :is(.tile,.value-card,.feature-card,.article-card,.calendar-panel,.calendar-event,.announcement-card,.album-card,.social-highlight-card,.resource-card,.formation-card,.contact-panel,.registration,.information > div,.mission-photo,.hero-photo,.modal,.album-dialog,.article-reader,.reader-body,.controls) {
  background-color: var(--pj-soft);
  color: var(--pj-text);
  border-color: var(--pj-border);
}
html[data-theme="dark"] :is(.tile p,.value-card p,.article-card p,.calendar-info,.album-card small,.announcement-card p,.calendar-event p,.resource-card p,.article .body,.related p,.registration p,.activity .description) { color: var(--pj-muted); }
html[data-theme="dark"] :is(input,select,textarea,button:not(.btn):not(.menu-button),.pj-share-panel) {
  background-color: #233249;
  color: var(--pj-text);
  border-color: #53657d;
}
html[data-theme="dark"] :is(.gallery-photo,.social-highlights-grid,.three,.section,.formation-home,.calendar-days) { color: var(--pj-text); }
html[data-theme="dark"] :is(.btn.primary,.actions button,.actions a:not(.secondary)) { background: #315f9e; color: #fff; }
html[data-theme="dark"] :is(.identity img,.brand img) { mix-blend-mode: normal; }
html[data-theme="dark"] .highlight { color: var(--pj-text); }
html[data-theme="dark"] :is(.footer,footer) { background-color:#101b2a; color:#c7d1df; border-color:var(--pj-border); }
html[data-theme="dark"] :is(a,button,select,input,textarea):focus-visible,
html :is(a,button,select,input,textarea):focus-visible { outline:3px solid #dfb72e; outline-offset:3px; }
.pj-toolbar {
  display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap;
  gap:9px 14px; border-top:1px solid var(--pj-border);
  padding:8px max(16px,calc((100vw - 1180px)/2));
  font:600 12px 'DM Sans',system-ui,sans-serif;
  color:var(--pj-text); background:var(--pj-surface);
}
.pj-toolbar label { display:flex; align-items:center; gap:7px; }
.pj-toolbar select {
  padding:7px 9px; min-height:38px; max-width:150px;
  border:1px solid var(--pj-border); border-radius:7px;
  background:var(--pj-surface); color:var(--pj-text); font:inherit;
}
.pj-toolbar input[type=checkbox] { width:18px; height:18px; accent-color:var(--pj-accent); }
.pj-share { position:relative; }
.pj-share summary { list-style:none; cursor:pointer; padding:9px; border:1px solid var(--pj-border);border-radius:7px; }
.pj-share-panel {
  position:absolute; right:0; top:calc(100% + 5px); z-index:50; min-width:175px;
  padding:10px; display:grid; gap:6px; background:var(--pj-surface);
  border:1px solid var(--pj-border); border-radius:10px; box-shadow:0 14px 30px #0002;
}
.pj-share-panel a,.pj-share-panel button { text-align:left;color:var(--pj-text);border:0;background:transparent;padding:9px; }
.pj-share-panel a:hover,.pj-share-panel button:hover { text-decoration:underline; }
.pj-reveal { opacity:0; transform:translateY(14px); transition:opacity .55s ease,transform .55s ease; }
.pj-reveal.pj-visible { opacity:1;transform:none; }
@media(max-width:650px) {
  .pj-toolbar { justify-content:center; padding:9px 12px; }
  .pj-toolbar label { font-size:11px; }
  .pj-toolbar select { max-width:110px; }
}
@media(prefers-reduced-motion:reduce) {
  *, *::before, *::after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
  .pj-reveal { opacity:1;transform:none; }
}
html[data-motion="reduced"] *,html[data-motion="reduced"] *::before,html[data-motion="reduced"] *::after {
  animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;
}
html[data-motion="reduced"] .pj-reveal { opacity:1;transform:none; }
[hidden] { display:none!important; }

/* Ajustes para superficies blancas preexistentes del diseño institucional. */
html[data-theme="dark"] :is(.value-card,.mission-points span,.navigation,.reader-toolbar,.calendar-day,.calendar-toolbar button,.calendar-filters select,.filter,.activity-filter,.article-reader,.calendar-event-actions .calendar-ics,.social-highlight-actions .social-highlight-link,.btn.secondary,.notice,.event-state,.modal-close,.reader-body code,.body code,.registration,.actions a.secondary) {
  background:var(--pj-soft);
  color:var(--pj-text);
  border-color:var(--pj-border);
}
html[data-theme="dark"] .mission { background:#172538; }
html[data-theme="dark"] .hero-photo::before { background:linear-gradient(90deg,#172538,transparent 26%); }
html[data-theme="dark"] .value-card h3,
html[data-theme="dark"] .tile h3,
html[data-theme="dark"] .album-card strong,
html[data-theme="dark"] .brand strong { color:var(--pj-text); }
html[data-theme="dark"] :is(.calendar-day,.calendar-toolbar button,.filter,.activity-filter):hover { background:#304360; }
html[data-theme="dark"] .social-highlight-image { background:#263751; }
html[data-theme="dark"] :is(.gallery-photo,.album-card img) { background-color:#253750; }
html[data-theme="dark"] :is(.cover.content-logo-fallback,.resource-card img.content-logo-fallback,.gallery-logo-fallback) { background:#fff; }
html[data-theme="dark"] .countdown-section .btn.primary { background:#ffdf36;color:#103967; }
@media (min-width:851px) { html { scroll-padding-top:150px; } }

/* Microinteracciones elegantes para tarjetas y acciones, sin ocultar información. */
@keyframes pj-card-enter {
  from { opacity:.65; transform:translateY(9px); }
  to { opacity:1; transform:none; }
}
@media (prefers-reduced-motion:no-preference) {
  html:not([data-motion="reduced"]) :is(.tile,.album-card,.announcement-card,.resource-card,.social-highlight-card) {
    animation:pj-card-enter .38s ease-out both;
  }
  html:not([data-motion="reduced"]) :is(.btn,.pj-install-button,.pj-search-link,.search-result) {
    transition:transform .18s ease,box-shadow .18s ease;
  }
  html:not([data-motion="reduced"]) :is(.btn,.pj-install-button,.pj-search-link,.search-result):hover {
    transform:translateY(-2px);
  }
}


/* v1.9 refinamiento: negro carbón, identidad PASJUCCA y cabecera unificada. */
html[data-theme="dark"] {
  --pj-surface:#0b0b0e;
  --pj-soft:#18191e;
  --pj-border:#303139;
  --pj-text:#f5f5f7;
  --pj-muted:#bec0c9;
  --pj-accent:#adcfff;
  --blue:#adcfff;
  --navy:#c5dfff;
  --red:#ff7888;
  --ink:#f5f5f7;
  --muted:#bec0c9;
  --cream:#111115;
  --line:#303139;
  --shadow:0 12px 38px #0006;
}
html[data-theme="dark"] body,
html[data-theme="dark"] .search-main { background:#0b0b0e; color:#f5f5f7; }
html[data-theme="dark"] :is(header,.header,.search-header) { background:#101014!important; border-color:#292a32; }
html[data-theme="dark"] .hero { background:linear-gradient(100deg,#111115 26%,#0b0b0e 84%); }
html[data-theme="dark"] .hero-photo::before { background:linear-gradient(90deg,#111115,transparent 29%); }
html[data-theme="dark"] .mission { background:#111115; }
html[data-theme="dark"] :is(.pj-toolbar,.pj-accessibility-panel,.pj-share-panel,.pj-search-suggestions) {
  background:#111115;
  color:#f5f5f7;
  border-color:#303139;
}
html[data-theme="dark"] :is(.pj-icon-btn,.pj-header-search,.pj-search-field,.pj-search-input,.pj-search-submit) {
  color:#f5f5f7;
  border-color:#34363f;
}
html[data-theme="dark"] :is(.pj-icon-btn:hover,.pj-suggestion:hover,.pj-see-all:hover) { background:#282a33; }
html[data-theme="dark"] .pj-theme-option[aria-pressed="true"] {
  background:#2e2530;
  color:#ffe196;
  border-color:#f1c759;
}
html[data-theme="dark"] :is(.calendar-panel,.value-card,.tile,.album-card,.announcement-card,.article-reader,.modal,.resource-card,.registration,.information > div,.contact-panel,.search-result) {
  background:#18191e;
  border-color:#303139;
}
html[data-theme="dark"] :is(.calendar-day,.calendar-toolbar button,.activity-filter,.filter,.pj-search-input,.pj-font-select) {
  background:#202126;
  border-color:#3a3b44;
  color:#f5f5f7;
}
html[data-theme="dark"] :is(.calendar-day,.calendar-toolbar button,.activity-filter,.filter):hover {background:#30313a;}
html[data-theme="dark"] :is(.hero h1 .red,.brand strong em) {color:#ff7888;}
html[data-theme="dark"] .hero h1 .blue {color:#adcfff;}
html[data-theme="dark"] .highlight {background:linear-gradient(transparent 67%,#d8b744 67%,#d8b744 93%,transparent 93%);}
html[data-theme="dark"] :is(.section-heading h2,.article h1,.activity h1,.resource-card h3,.album-card strong,.value-card h3) {color:#f5f5f7;}
html[data-theme="dark"] :is(.hero p,.tile p,.calendar-info,.announcement-card p,.description,.excerpt,.body,.rich,.intro p,.resource-card p) {color:#bec0c9;}
html[data-theme="dark"] .countdown-section {background:linear-gradient(110deg,#24202a,#12131a);border-color:#413a40;}
html[data-theme="dark"] .pj-appearance {background:#1b1c22;border-color:#393a45;}
html[data-theme="dark"] .navigation {background:transparent;}
html[data-theme="dark"] .footer {background:#09090b;}
html[data-theme="dark"] :is(.btn.primary,.actions button,.actions a:not(.secondary)) {background:#a81a2c;color:#fff;border-color:#d34254;}
html[data-theme="dark"] .countdown-section .btn.primary {background:#ffdf36;color:#172132;}

/* El conjunto de controles es parte de la misma fila del encabezado. */
.pj-toolbar {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:0 0 auto;
  padding:0;
  gap:9px;
  border:0;
  background:transparent;
  color:inherit;
  position:relative;
  z-index:40;
}
.headinner {gap:clamp(10px,1.6vw,25px);}
.header .navigation {gap:clamp(9px,1.3vw,22px);}
.header .navigation a {white-space:nowrap;}
.pj-icon-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  min-width:38px;
  padding:0;
  border:1px solid var(--pj-border);
  border-radius:10px;
  background:var(--pj-soft);
  color:var(--pj-text);
  cursor:pointer;
}
.pj-icon-btn:hover {background:#e9eef5;}
.pj-icon-btn svg {display:block;}
.pj-appearance {
  display:flex;
  gap:3px;
  align-items:center;
  border:1px solid var(--pj-border);
  border-radius:12px;
  padding:3px;
  background:var(--pj-soft);
}
.pj-appearance .pj-theme-option {width:33px;min-width:33px;height:33px;border:1px solid transparent;background:transparent;}
.pj-theme-option[aria-pressed="true"] {background:#fff;color:#153f7e;border-color:#ccd6e4;box-shadow:0 2px 5px #0002;}
.pj-auto-icon {font-weight:900;font-size:17px;font-family:system-ui,sans-serif;line-height:1;}
.pj-accessibility,.pj-share {position:relative;flex:none;}
.pj-accessibility > summary,.pj-share > summary {list-style:none;cursor:pointer;}
.pj-accessibility > summary::-webkit-details-marker,.pj-share > summary::-webkit-details-marker {display:none;}
.pj-accessibility-panel,.pj-share-panel {
  position:absolute;
  z-index:100;
  right:0;
  top:calc(100% + 12px);
  width:240px;
  padding:17px;
  border:1px solid var(--pj-border);
  border-radius:14px;
  background:var(--pj-surface);
  color:var(--pj-text);
  box-shadow:0 16px 40px #0003;
  display:grid;
  gap:13px;
  font:600 13px 'DM Sans',sans-serif;
}
.pj-accessibility-panel strong {font-size:16px;}
.pj-accessibility-panel select {min-height:43px;max-width:none;width:100%;font:inherit;}
.pj-motion-label {display:flex;align-items:center;gap:10px;}
.pj-motion-label input {width:19px;height:19px;}
.pj-share-panel a,.pj-share-panel button {
  color:var(--pj-text);
  border-radius:8px;
  padding:10px;
}
.pj-header-search {display:flex;align-items:center;gap:0;position:relative;margin:0;}
.pj-search-toggle {display:none;}
.pj-search-field {
  display:flex;
  align-items:center;
  width:clamp(150px,14vw,255px);
  height:40px;
  border:1px solid var(--pj-border);
  border-radius:11px;
  background:var(--pj-soft);
  overflow:hidden;
}
.pj-search-input {
  flex:1;min-width:0;width:100%;height:100%;
  background:transparent;border:0;
  color:var(--pj-text);font:500 12px 'DM Sans',sans-serif;
  padding:0 8px 0 13px;
}
.pj-search-input:focus {outline:none;}
.pj-search-field:focus-within {outline:2px solid #e4b82f;outline-offset:2px;}
.pj-search-submit {
  flex:0 0 36px;
  background:transparent;
  border:0;
  height:100%;
  display:grid;place-items:center;
  padding:0;color:var(--pj-text);
  cursor:pointer;
}
.pj-search-suggestions {
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  width:min(360px,calc(100vw - 30px));
  max-height:380px;
  overflow:auto;
  padding:8px;
  border:1px solid var(--pj-border);
  background:var(--pj-surface);
  border-radius:13px;
  box-shadow:0 16px 45px #0003;
  z-index:110;
}
.pj-suggestion,.pj-see-all {
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:11px;
  border-radius:8px;
  text-decoration:none!important;
  color:var(--pj-text);
  font:600 13px 'DM Sans',sans-serif;
  overflow-wrap:anywhere;
}
.pj-suggestion small {color:var(--pj-accent);}
.pj-suggestion:hover,.pj-see-all:hover {background:var(--pj-soft);}
.pj-see-all {color:var(--pj-accent);font-weight:800;}
.pj-share-trigger,.pj-settings-trigger {list-style:none!important;}
@media(max-width:1450px) {
  .header .headinner {flex-wrap:wrap;justify-content:space-between;padding-block:9px;gap:8px 12px;}
  .header .navigation {order:3;width:100%;justify-content:center;}
  .header .navigation a {padding:13px 0;}
  .header .pj-toolbar {margin-left:auto;}
}
@media(max-width:850px) {
  .header .headinner {flex-wrap:wrap;}
  .header .navigation {order:4;}
  .header .pj-toolbar {order:2;}
  .pj-search-toggle {display:inline-flex;}
  .pj-search-field {display:none;}
  .pj-header-search.pj-search-open .pj-search-field {
    display:flex;
    position:absolute;
    right:0;
    top:calc(100% + 10px);
    width:min(320px,calc(100vw - 28px));
    background:var(--pj-surface);
    box-shadow:0 10px 26px #0003;
    z-index:100;
  }
  .pj-header-search.pj-search-open .pj-search-suggestions {top:calc(100% + 60px);}
}
@media(max-width:520px) {
  .pj-toolbar {gap:5px;}
  .pj-appearance {gap:0;padding:2px;}
  .pj-appearance .pj-theme-option {width:29px;min-width:29px;height:33px;}
  .pj-icon-btn {width:34px;height:36px;min-width:34px;}
  .pj-accessibility-panel,.pj-share-panel {right:-35px;}
  .header .headinner {padding-inline:0;}
  .header .identity img {width:48px;height:48px;}
  .header .brand strong {font-size:20px;}
  .header .brand small {font-size:9px;}
}
@media(prefers-reduced-motion:reduce) {
 .pj-icon-btn,.pj-theme-option {transition:none;}
}

/* En móvil: primera fila con identidad y menú; segunda fila de iconos compacta. */
@media (max-width:850px) {
  .header .headinner {position:relative;}
  .header .identity {order:1;}
  .header .menu-button {order:2;margin-left:auto;}
  .header .pj-toolbar {order:3;width:100%;justify-content:center;margin-left:0;padding-block:4px 6px;}
  .header .navigation {
    order:4;
    top:100%;
    gap:0;
    background:var(--pj-surface);
    border-top:1px solid var(--pj-border);
    z-index:100;
  }
  .header .navigation:not(.open) {display:none;}
  .header .navigation.open {display:flex;}
}
@media(max-width:420px) {
  .header .pj-toolbar {gap:7px;}
  .header .pj-search-field {right:-75px;}
  .pj-search-suggestions {right:-75px;}
  .pj-accessibility-panel {right:-35px;width:min(240px,calc(100vw - 25px));}
}
html[data-theme="dark"] .pj-search-suggestions .pj-see-all {color:#c7defc;}

/* Mayor ancho solo en el header: menú y herramientas caben en la misma fila. */
@media(min-width:1451px) {
  .header .headinner {width:min(1540px,calc(100% - 40px));}
  .header .navigation {gap:clamp(8px,1vw,18px);}
  .header .navigation a {font-size:12px;}
}
header .nav,header .search-nav,header > nav {flex-wrap:wrap;}
@media(max-width:700px) {
  header .nav,header .search-nav,header > nav {gap:12px;}
  header .nav .pj-toolbar,header .search-nav .pj-toolbar,header > nav .pj-toolbar {
    width:100%;justify-content:center;margin-left:0;
  }
}


/* Ajustes de contraste PASJUCCA v1.9: cabecera uniforme, sello social y logo. */
html[data-theme="dark"] .header,
html[data-theme="dark"] .header .headinner,
html[data-theme="dark"] .header .navigation,
html[data-theme="dark"] .header .pj-toolbar,
html[data-theme="dark"] .header .identity {
  background:#101014!important;
  background-image:none!important;
}
html[data-theme="dark"] .header .navigation.open {
  background:#101014!important;
}
html[data-theme="dark"] .header .navigation a {
  background:transparent;
}
/* El logo institucional ya tiene alfa; no pintar una caja blanca detrás. */
.header .identity img,
html[data-theme="dark"] .header .identity img,
html[data-theme="dark"] .brand img,
html[data-theme="dark"] .search-brand img {
  background:transparent!important;
  background-image:none!important;
  mix-blend-mode:normal;
}
/* Indicador de procedencia de publicaciones junto a la fecha. */
html[data-theme="dark"] .social-highlight-card .social-highlight-platform {
  background:#30323a;
  border:1px solid #626571;
  color:#fafbff;
  font-weight:800;
}
html[data-theme="light"] .social-highlight-card .social-highlight-platform {
  background:#e7ecf3;
  border:1px solid #c5cfdb;
  color:#1b3459;
}

/* PASJUCCA v1.9.1 · pulido móvil: buscador desplegado al ancho completo.
   El campo se ancla a la barra y no al botón; evita recortes en 320–430 px. */
@media (max-width:850px) {
  .header .headinner {
    row-gap:8px;
    padding-block:8px 10px;
  }
  .header .pj-toolbar {
    position:relative;
    z-index:42;
    min-width:0;
    width:100%;
    justify-content:space-between;
    gap:6px;
    padding:4px 0 0;
  }
  .header .pj-header-search {
    position:static;
    flex:1 1 72px;
    min-width:0;
  }
  .header .pj-search-toggle {
    width:100%;
    min-width:0;
    min-height:40px;
    height:40px;
    padding:0 12px;
    justify-content:flex-start;
    gap:8px;
    font:700 13px 'DM Sans',sans-serif;
  }
  .pj-search-toggle-label {display:inline;}
  .header .pj-appearance {flex:0 0 auto;}
  .header .pj-accessibility,
  .header .pj-share {flex:0 0 auto;}
  .header .pj-search-field,
  .header .pj-header-search.pj-search-open .pj-search-field {
    position:absolute;
    top:calc(100% + 7px);
    left:0;
    right:0;
    width:100%;
    height:48px;
    z-index:110;
    border-radius:12px;
    box-shadow:0 12px 32px #0003;
  }
  .header .pj-search-suggestions,
  .header .pj-header-search.pj-search-open .pj-search-suggestions {
    top:calc(100% + 60px);
    left:0;
    right:0;
    width:100%;
    max-height:min(350px,45dvh);
    z-index:111;
  }
  .header.pj-mobile-search-active .headinner {
    padding-bottom:72px;
  }
  .header .pj-search-input {font-size:16px;}
  .header .pj-search-submit {flex-basis:46px;}
  .header .pj-search-toggle[aria-expanded="true"] {
    border-color:var(--pj-accent);
    background:var(--pj-soft);
  }
  .header .pj-accessibility-panel,
  .header .pj-share-panel {
    right:0;
    max-width:calc(100vw - 30px);
  }
  .header .navigation {
    max-height:min(65dvh,560px);
    overflow-y:auto;
  }
}
@media (max-width:420px) {
  .header .pj-toolbar {gap:4px;}
  .header .pj-search-field,
  .header .pj-header-search.pj-search-open .pj-search-field,
  .header .pj-search-suggestions,
  .header .pj-header-search.pj-search-open .pj-search-suggestions {
    left:0;
    right:0;
    width:100%;
  }
  .header .pj-icon-btn {min-width:34px;}
  .header .pj-appearance .pj-theme-option {width:29px;min-width:29px;}
  .header .pj-search-toggle {padding:0 8px;gap:5px;}
  .header .pj-brand .location {letter-spacing:.06em;}
}
@media (max-width:350px) {
  .header .pj-search-toggle-label {font-size:12px;}
  .header .pj-toolbar {gap:3px;}
  .header .pj-appearance .pj-theme-option {width:27px;min-width:27px;}
  .header .pj-search-toggle {padding:0 6px;}
}
html[data-theme="dark"] .header .pj-search-toggle[aria-expanded="true"] {
  background:#28292f;
  border-color:#9698a2;
}


/* v1.9.2: cabecera unificada de páginas interiores.
   El CSS específico de Inicio continúa gestionando su propia navegación. */
header:not(.header) :is(.nav,.search-nav,nav) > .pj-toolbar {
  min-width:0;
}
@media (max-width:850px) {
  header:not(.header) :is(.nav,.search-nav,nav) {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px 10px;
    padding:14px 18px;
  }
  header:not(.header) :is(.nav,.search-nav,nav) > .brand,
  header:not(.header) :is(.nav,.search-nav,nav) > .search-brand {
    grid-column:1;
    min-width:0;
  }
  header:not(.header) :is(.nav,.search-nav,nav) > a:nth-child(2) {
    grid-column:2;
    justify-self:end;
    text-align:right;
    min-width:0;
    max-width:155px;
    font-size:12px;
    line-height:1.35;
  }
  header:not(.header) :is(.nav,.search-nav,nav) > .pj-toolbar {
    grid-column:1 / -1;
    grid-row:2;
    display:flex;
    flex-wrap:nowrap;
    width:100%;
    margin:0;
    padding:10px 0 2px;
    gap:8px;
    justify-content:center;
    border-top:1px solid var(--pj-border);
    position:relative;
  }
  header:not(.header) .pj-header-search {
    position:static;
    flex:1 1 auto;
    min-width:0;
  }
  header:not(.header) .pj-search-toggle {
    display:inline-flex;
    width:100%;
    min-width:0;
    height:42px;
    justify-content:flex-start;
    padding:0 10px;
    gap:6px;
  }
  header:not(.header) .pj-search-toggle-label {display:inline;}
  header:not(.header) .pj-search-field {display:none;}
  header:not(.header) .pj-header-search.pj-search-open .pj-search-field {
    display:flex;
    position:absolute;
    top:calc(100% + 6px);
    left:0;
    right:0;
    width:100%;
    height:46px;
    z-index:110;
  }
  header:not(.header) .pj-search-suggestions,
  header:not(.header) .pj-header-search.pj-search-open .pj-search-suggestions {
    left:0;
    right:0;
    top:calc(100% + 57px);
    width:100%;
  }
  header:not(.header).pj-mobile-search-active :is(.nav,.search-nav,nav) {
    padding-bottom:70px;
  }
  header:not(.header) .pj-appearance,
  header:not(.header) .pj-accessibility,
  header:not(.header) .pj-share {flex:0 0 auto;}
  header:not(.header) .pj-appearance {gap:2px;padding:2px;}
  header:not(.header) .pj-appearance .pj-theme-option {
    min-width:32px;width:32px;height:36px;
  }
  header:not(.header) .pj-toolbar > :is(.pj-accessibility,.pj-share) .pj-icon-btn {
    min-width:38px;width:38px;height:40px;
  }
  header:not(.header) .pj-accessibility-panel,
  header:not(.header) .pj-share-panel {
    right:0;
    width:min(240px,calc(100vw - 36px));
  }
}
@media (max-width:350px) {
  header:not(.header) :is(.nav,.search-nav,nav) {padding-inline:12px;}
  header:not(.header) .pj-toolbar {gap:4px;}
  header:not(.header) .pj-appearance .pj-theme-option {
    width:29px;min-width:29px;
  }
  header:not(.header) .pj-toolbar > :is(.pj-accessibility,.pj-share) .pj-icon-btn {
    width:35px;min-width:35px;
  }
}