/* Fixed translucent chrome, independent of the page's art direction. */
html{scroll-padding-top:104px}
.masthead{position:fixed;inset:0 0 auto;z-index:8;padding:18px 4.5vw;background:color-mix(in srgb,var(--paper) 79%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);color:var(--ink)}
html[data-energy=bold] .masthead{color:var(--ink)}
.header-actions,.header-tools{display:flex;align-items:center;gap:28px}
.header-menu{position:relative}
.header-menu>summary{display:none}
.header-menu>summary[hidden]{display:none}
.header-menu>summary::-webkit-details-marker{display:none}
.developer-docs{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:12px;color:var(--muted)}
.developer-docs:hover,.theme-menu-button:hover{color:var(--accent)}
.theme-menu-button{border:0;border-radius:0;background:none;padding:8px 0;gap:10px;color:var(--muted)}
.header-entry{min-height:44px}
.review-controls{top:76px;right:0}
.review-controls{opacity:1;transition:opacity 400ms ease}
.review-controls[data-fading=true]{opacity:0}
.footer-credit{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.powered-by{display:inline-flex;gap:9px;align-items:center;font-size:12px;color:var(--muted)}
.powered-by strong{font-size:16px;letter-spacing:.12em;font-weight:750;color:var(--ink)}
.powered-by>span{color:var(--accent);font-size:16px}
.powered-by:hover strong{color:var(--accent)}
.skip{z-index:12}
@media(max-width:760px){
  html{scroll-padding-top:94px}
  .masthead{padding:16px 6vw;gap:12px}
  .header-actions{gap:16px}
  .header-entry{order:0}
  .header-menu{order:1}
  .header-menu>summary{display:grid;place-items:center;width:44px;height:44px;list-style:none;cursor:pointer;color:var(--ink)}
  .header-menu>summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
  .hamburger-icon{position:relative;width:22px;height:12px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
  .header-menu[open] .hamburger-icon{border:0}
  .header-menu[open] .hamburger-icon::before,.header-menu[open] .hamburger-icon::after{content:'';position:absolute;left:0;top:5px;width:22px;height:1px;background:currentColor;transform:rotate(45deg)}
  .header-menu[open] .hamburger-icon::after{transform:rotate(-45deg)}
  .header-tools{position:absolute;right:0;top:calc(100% + 16px);display:flex;flex-direction:column;align-items:stretch;gap:5px;width:284px;max-width:calc(100vw - 24px);padding:18px 20px;background:color-mix(in srgb,var(--paper) 95%,transparent);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 18px 50px #0002;color:var(--ink)}
  .developer-docs{justify-content:space-between;font-size:13px}
  .theme-menu-button{justify-content:space-between;width:100%;font-size:13px;min-height:44px}
  .review-controls{position:static;top:auto;right:auto;left:auto;bottom:auto;transform:none;width:100%;max-width:100%;padding:14px 0 4px;box-shadow:none;border:0;border-radius:0;background:transparent;gap:14px}
  .review-controls fieldset{width:100%}
  .review-controls .control-divider{display:none}
  .review-controls label span{padding-inline:12px}
  .footer-credit{gap:10px}
  .footer-credit p{order:initial;width:auto}
}
@media(max-width:380px){.header-actions{gap:8px}.masthead .wordmark{font-size:15px}.header-entry{font-size:10px;gap:5px}}
@media(prefers-reduced-motion:reduce){.masthead,.hamburger-icon{transition:none}}