/* One display control in the same place on the cover and every inner page. */
:is(html[data-design] .header,body[data-identity="fbc"] .brutal-header) .nav-utilities {
  display:grid; grid-template-rows:1fr 1fr; flex:0 0 68px; width:68px;
  align-self:stretch; border:0; margin:0; padding:0; background:none;
}
:is(html[data-design] .header,body[data-identity="fbc"] .brutal-header) .nav-utilities>:is(a,button) {
  display:flex; align-items:center; justify-content:center; gap:5px; width:100%; min-width:0;
  min-height:28px; margin:0; padding:4px; border:0; border-radius:0;
  color:var(--ink); background:transparent; font:500 12px/1.4 var(--sans);
  letter-spacing:0; text-transform:none; white-space:nowrap; cursor:pointer;
}
:is(html[data-design] .header,body[data-identity="fbc"] .brutal-header) .nav-utilities>:last-child { border-top:1px solid var(--ink); }
:is(html[data-design] .header,body[data-identity="fbc"] .brutal-header) .nav-utilities>:is(a,button):hover { color:var(--paper); background:var(--ink); }
:is(html[data-design] .header,body[data-identity="fbc"] .brutal-header) .nav-utilities>:focus-visible { outline:2px solid var(--accent); outline-offset:-4px; }
.theme-toggle .theme-label { font:inherit; }
.theme-toggle .theme-icon {
  display:block; flex:0 0 16px; width:16px; height:16px; background:currentColor;
  mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round' d='M20.5 14.2A8.7 8.7 0 0 1 9.8 3.5 8.8 8.8 0 1 0 20.5 14.2Z'/%3E%3C/svg%3E");
}
html[data-theme="dark"] .theme-toggle .theme-icon {
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 1v3m0 16v3M1 12h3m16 0h3M4.2 4.2l2.1 2.1m11.4 11.4 2.1 2.1m0-15.6-2.1 2.1M6.3 17.7l-2.1 2.1'/%3E%3C/g%3E%3C/svg%3E");
}
@media(max-width:760px) {
  [data-design="magazine"] .header nav,body[data-identity="fbc"] .brutal-header nav { grid-template-columns:repeat(3,minmax(0,1fr)) 56px; }
  [data-design="magazine"] .header nav>a:nth-child(3n) { border-right:1px solid var(--ink); }
  :is(html[data-design] .header,body[data-identity="fbc"] .brutal-header) .nav-utilities { grid-column:4; grid-row:1/3; width:56px; }
  :is(html[data-design] .header,body[data-identity="fbc"] .brutal-header) .nav-utilities>:is(a,button) { min-height:48px; font-size:11px; gap:4px; }
  .theme-toggle .theme-icon { flex-basis:14px; width:14px; height:14px; }
}
@media(max-width:360px) {
  [data-design="magazine"] .header nav>a,body[data-identity="fbc"] .brutal-header nav>a { padding-inline:3px; gap:3px; }
  [data-design="magazine"] .header nav .nav-symbol,body[data-identity="fbc"] .brutal-header nav .nav-symbol { flex-basis:16px; width:16px; }
  :is(.header,.brutal-header) .nav-symbol svg { width:16px; height:16px; }
}