/* Preflight-style reset + header utility classes.
   Replaces the Tailwind Play CDN (removed 2026-10-26). The rules below are the
   exact CSS Tailwind v3.4.17 generated for these pages (Preflight, MIT License,
   https://tailwindcss.com), captured from the live pages and frozen as static CSS.
   Cascade position matters: Tailwind injected this at the END of <head>, after the
   page's inline <style> blocks, so it must stay the last stylesheet in <head>.
   Font stacks are Tailwind's defaults: these pages never set a Tailwind config.
   index.html and exhibition.html carry their own copy with the project stacks.
   ---------------------------------------------------------------------------- */

/* ---- Preflight (reset) ---- */
*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}
body{margin:0;line-height:inherit}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
menu,ol,ul{list-style:none;margin:0;padding:0}
dialog{padding:0}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
[role=button],button{cursor:pointer}
:disabled{cursor:default}
audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]:where(:not([hidden=until-found])){display:none}

/* ---- Utilities used by the header markup ---- */
.fixed{position:fixed}
.left-0{left:0px}
.right-0{right:0px}
.top-0{top:0px}
.z-40{z-index:40}
.flex{display:flex}
.inline-flex{display:inline-flex}
.items-center{align-items:center}
.justify-end{justify-content:flex-end}
.gap-2{gap:0.5rem}
.gap-5{gap:1.25rem}
.whitespace-nowrap{white-space:nowrap}
.font-serif{font-family:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif}
.text-\[0\.7rem\]{font-size:0.7rem}
.text-\[0\.95rem\]{font-size:0.95rem}
.text-\[1\.24rem\]{font-size:1.24rem}
.uppercase{text-transform:uppercase}
.tracking-\[0\.28em\]{letter-spacing:0.28em}
.font-sans{font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.grid{display:grid}
.container{width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}
@media (min-width: 640px){
  .sm\:gap-7{gap:1.75rem}
  .sm\:text-\[0\.85rem\]{font-size:0.85rem}
  .sm\:text-\[1\.05rem\]{font-size:1.05rem}
  .sm\:text-\[1\.37rem\]{font-size:1.37rem}
  .container{max-width:640px}
}
@media (min-width: 768px){
  .container{max-width:768px}
}
@media (min-width: 1024px){
  .container{max-width:1024px}
}
@media (min-width: 1280px){
  .container{max-width:1280px}
}
@media (min-width: 1536px){
  .container{max-width:1536px}
}
