:root{
  
  --c-bg:#0B0B0C;
  --c-surface:#151619;
  --c-ink:#000000;
  --c-text:#F4F5F6;
  --c-secondary:#9AA0A6;
  --c-accent:#4FA0E9;--c-gold:#E4C782;
  --c-hairline:color-mix(in srgb, var(--c-secondary) 22%, transparent);
  --c-hairline-strong:color-mix(in srgb, var(--c-secondary) 46%, transparent);
  --c-tint:color-mix(in srgb, var(--c-text) 6%, transparent);

  
  --ff-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --ff-body:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --fs-body:1.0625rem;
  --measure:58ch;

  
  --sp-1:.25rem;
  --sp-2:.5rem;
  --sp-3:.75rem;
  --sp-4:1rem;
  --sp-5:1.5rem;
  --sp-6:2rem;
  --sp-7:2.5rem;
  --sp-8:3rem;
  --sp-9:4rem;
  --sp-10:5rem;
  --gutter:clamp(1.25rem, 0.85rem + 1.8vw, 3rem);
  --section-pad:clamp(4.5rem, 3rem + 5.5vw, 8.75rem);
  --maxw:1200px;
  --maxw-narrow:860px;
  --maxw-header:1500px;
  --header-h:4.25rem;
  --radius:0px;

  
  --mo-dur:330ms;
  --mo-ease:cubic-bezier(0.22, 0.85, 0.28, 1);
  --mo-dist:12px;
  --mo-stagger:55ms;
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{
  overflow-x:hidden;
  background:var(--c-bg);
  color:var(--c-text);
  font-family:var(--ff-body);
  font-size:var(--fs-body);
  font-weight:400;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  min-height:100%;
}
img,picture,svg,video{display:block;max-width:100%;height:auto}
ul,ol{list-style:none;padding:0}
button,input,select,textarea{font:inherit;color:inherit}

@media (prefers-reduced-motion: no-preference){
  html{scroll-behavior:smooth}
}

[id]{scroll-margin-top:calc(var(--header-h) + 1.5rem)}

h1,h2,h3,h4{
  font-family:var(--ff-display);
  text-transform:uppercase;
  color:var(--c-text);
  text-wrap:balance;
}
h1{
  font-weight:800;
  font-size:clamp(2.5rem, 1.7rem + 3.2vw, 4.75rem);
  line-height:0.94;
  letter-spacing:-0.01em;
}
h2{
  font-weight:700;
  font-size:clamp(1.875rem, 1.35rem + 2.1vw, 3.1rem);
  line-height:0.98;
  letter-spacing:-0.005em;
}
h3{
  font-weight:700;
  font-size:clamp(1.25rem, 1.05rem + 0.7vw, 1.6rem);
  line-height:1.15;
  letter-spacing:0.01em;
}
h4{
  font-weight:600;
  font-size:1.0625rem;
  line-height:1.25;
  letter-spacing:0.04em;
}
p{max-width:var(--measure)}
p + p{margin-top:var(--sp-4)}
strong{font-weight:600}
small{font-size:.875rem}

.measure{max-width:var(--measure)}
.measure-wide{max-width:72ch}
.text-secondary{color:var(--c-secondary)}
.lead{font-size:clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);line-height:1.55;color:var(--c-text)}
.eyebrow{
  font-family:var(--ff-body);
  font-weight:600;
  font-size:.6875rem;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--c-secondary);
}
.stack > * + *{margin-top:var(--sp-4)}
.stack-lg > * + *{margin-top:var(--sp-6)}

a{
  color:var(--c-text);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-decoration-color:var(--c-accent);
  text-underline-offset:.2em;
  transition:color var(--mo-dur) var(--mo-ease), text-decoration-color var(--mo-dur) var(--mo-ease), opacity var(--mo-dur) var(--mo-ease);
}
a:hover,a:focus-visible{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--c-text);outline-offset:3px}

.container{
  width:100%;
  max-width:var(--maxw);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
.container-narrow{
  width:100%;
  max-width:var(--maxw-narrow);
  margin-inline:auto;
  padding-inline:var(--gutter);
}

.bleed__inner{
  width:100%;
  max-width:var(--maxw);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
.section{padding-block:var(--section-pad)}
.section--tight{padding-block:clamp(3rem, 2rem + 3vw, 5rem)}
.section--surface{background:var(--c-surface)}
.section--dark{background:var(--c-ink)}
.section__head{margin-bottom:clamp(2rem, 1.5rem + 2vw, 3.5rem)}

.grid{display:grid;gap:var(--sp-6)}
.grid--tight{gap:var(--sp-4)}
.grid--flush{gap:0}
@media (min-width:768px){
  .grid--2{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .grid--3{grid-template-columns:repeat(3, minmax(0, 1fr))}
  .grid--split{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:clamp(2rem, 1rem + 4vw, 5rem)}
}
@media (min-width:1024px){
  .grid--4{grid-template-columns:repeat(4, minmax(0, 1fr))}
  .grid--sidebar{grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr);gap:clamp(2rem, 1rem + 4vw, 5rem)}
}
@media (max-width:1023px){
  .grid--4{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media (max-width:767px){
  .grid--4{grid-template-columns:minmax(0, 1fr)}
}

.visually-hidden{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}
.skip-link{
  position:absolute;
  top:-120px;
  left:1rem;
  z-index:200;
  padding:.75rem 1.25rem;
  background:var(--c-text);
  color:var(--c-bg);
  font-weight:600;
  font-size:.875rem;
  text-decoration:none;
}
.skip-link:focus{top:.75rem}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  min-height:48px;
  padding:.9rem 1.6rem;
  font-family:var(--ff-body);
  font-size:.8125rem;
  font-weight:600;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-decoration:none;
  text-align:center;
  border:1px solid transparent;
  border-radius:var(--radius);
  cursor:pointer;
  transition:transform var(--mo-dur) var(--mo-ease), background-color var(--mo-dur) var(--mo-ease), border-color var(--mo-dur) var(--mo-ease), color var(--mo-dur) var(--mo-ease), opacity var(--mo-dur) var(--mo-ease);
}
.btn--primary{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-bg)}
.btn--primary:hover,.btn--primary:focus-visible{
  background:color-mix(in srgb, var(--c-accent) 86%, var(--c-ink));
  border-color:color-mix(in srgb, var(--c-accent) 86%, var(--c-ink));
  color:var(--c-text);
}
.btn--ghost{background:transparent;border-color:var(--c-hairline-strong);color:var(--c-text)}
.btn--ghost:hover,.btn--ghost:focus-visible{border-color:var(--c-accent);background:var(--c-tint)}
.btn--block{width:100%}

.ledger-rule{
  display:block;
  width:48px;
  height:3px;
  border:0;
  background:var(--c-accent);
  margin:0 0 var(--sp-4);
}
.ledger-rule--under{margin:.75rem 0 0}
.ledger-rule--full{
  width:100%;
  height:3px;
  background:linear-gradient(to right, var(--c-accent) 0 48px, var(--c-hairline-strong) 48px);
}

.numbered-index{
  display:block;
  font-family:var(--ff-display);
  font-weight:700;
  font-size:1.25rem;
  line-height:1;
  letter-spacing:.12em;
  font-variant-numeric:tabular-nums;
  color:var(--c-accent);
  margin:0 0 .5rem;
}

.asset-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  font-family:var(--ff-body);
  font-weight:600;
  font-size:.6875rem;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:var(--c-secondary);
  margin:0 0 var(--sp-3);
}
.asset-kicker::before{content:"";flex:0 0 auto;width:6px;height:6px;background:var(--c-accent)}

.value-block{
  max-width:420px;
  background:var(--c-text);
  color:var(--c-bg);
  padding:var(--sp-6);
  border-radius:0;
}
.value-block__figure{
  font-family:var(--ff-display);
  font-weight:800;
  text-transform:uppercase;
  font-size:clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);
  line-height:1.02;
  letter-spacing:-0.01em;
  color:var(--c-bg);
}
.value-block__note{
  margin:.75rem 0 0;
  font-weight:500;
  font-size:.9375rem;
  line-height:1.5;
  color:color-mix(in srgb, var(--c-bg) 74%, var(--c-secondary));
}

.fact{padding:var(--sp-5) 0;border-top:1px solid var(--c-hairline)}
.fact__num{
  display:block;
  font-family:var(--ff-display);
  font-weight:800;
  font-size:clamp(2.25rem, 1.6rem + 2.4vw, 3.5rem);
  line-height:1;
  letter-spacing:-0.02em;
  color:var(--c-text);
}
.fact__label{display:block;margin-top:.5rem;font-size:.8125rem;text-transform:uppercase;letter-spacing:.14em;color:var(--c-secondary)}

.callout{
  background:var(--c-tint);
  border:1px solid var(--c-hairline);
  padding:var(--sp-5);
}
.callout__label{
  display:block;
  margin-bottom:.5rem;
  font-size:.6875rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--c-secondary);
}

.charge-bar{
  position:relative;
  width:100%;
  height:6px;
  background:var(--c-hairline);
  overflow:hidden;
}
.charge-bar__fill{
  display:block;
  width:100%;
  height:100%;
  background:var(--c-accent);
  transform:none;
  transform-origin:left center;
}

.card{
  position:relative;
  background:var(--c-surface);
  border:1px solid var(--c-hairline);
  padding:var(--sp-6);
  transition:transform var(--mo-dur) var(--mo-ease), border-color var(--mo-dur) var(--mo-ease), background-color var(--mo-dur) var(--mo-ease), opacity var(--mo-dur) var(--mo-ease);
}
.card:hover,.card:focus-within{
  border-color:var(--c-hairline-strong);
  background:color-mix(in srgb, var(--c-surface) 90%, var(--c-text));
}
.card__title{margin-bottom:.75rem}
.card__body{color:var(--c-secondary)}
.card--flush{padding:0;overflow:hidden}
.card--flush .card__inner{padding:var(--sp-6)}
.card.card--dark{background:var(--c-ink);border-color:var(--c-hairline)}
.card.card--dark:hover,.card.card--dark:focus-within{background:color-mix(in srgb, var(--c-ink) 88%, var(--c-text))}
.card.card--bare{background:transparent;border-color:transparent;padding-inline:0}

.img-treated{
  width:100%;
  background-color:var(--c-surface);
  filter:grayscale(0.12) saturate(0.88) contrast(1.07) brightness(0.95);
}
.media{position:relative;overflow:hidden;background:var(--c-surface)}
.media--16x9{aspect-ratio:16 / 9}
.media--4x3{aspect-ratio:4 / 3}
.media--3x2{aspect-ratio:3 / 2}
.media img{width:100%;height:100%;object-fit:cover}

.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:var(--c-bg);
  border-bottom:1px solid var(--c-hairline);
}
.site-header__bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-4);
  width:100%;
  max-width:var(--maxw-header);
  margin-inline:auto;
  padding-inline:var(--gutter);
  min-height:var(--header-h);
}

.identity{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.3rem;
  flex:0 1 auto;
  min-width:0;
  text-decoration:none;
  color:var(--c-text);
  line-height:1;
}
.identity__lock{display:inline-block}
/* DBA wordmark (Amir 2026-08-22). Trading name in the header, legal name in
   the footer. Height-driven so the 5.43:1 mark never dictates the bar. */
.identity__mark{display:block;height:34px;width:auto;max-width:min(58vw,300px);object-fit:contain;object-position:left center}
@media (min-width:900px){.identity__mark{height:44px;max-width:360px}}
.identity__name{
  display:block;
  font-family:var(--ff-display);
  font-weight:800;
  font-size:1.125rem;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--c-text);
}
.identity__rule{display:block;width:100%;height:2px;margin-top:5px;background:var(--c-accent)}
.identity__sub{
  display:block;
  font-family:var(--ff-display);
  font-weight:600;
  font-size:.5625rem;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.28em;
  color:var(--c-secondary);
}
a.identity:hover .identity__name,a.identity:focus-visible .identity__name{color:var(--c-text)}

.nav-desktop{
  display:none;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:var(--sp-5);
  flex:1 1 auto;
  min-width:0;
}
.nav-desktop ul{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.75rem 1rem;
  margin:0;
}
.nav-desktop ul a{
  position:relative;
  display:inline-block;
  padding:.5rem 0;
  font-family:var(--ff-body);
  font-size:.6875rem;
  font-weight:600;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.06em;
  white-space:nowrap;
  color:var(--c-secondary);
  text-decoration:none;
  transition:color var(--mo-dur) var(--mo-ease), opacity var(--mo-dur) var(--mo-ease);
}
.nav-desktop ul a:hover,.nav-desktop ul a:focus-visible{color:var(--c-text)}
.nav-desktop .btn{flex:0 0 auto;min-height:44px;padding:.75rem 1.25rem;font-size:.75rem}

.nav-toggle-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:44px;
  height:44px;
  margin-right:-6px;
  cursor:pointer;
}
.nav-toggle-label__bars{position:relative;display:block;width:24px;height:2px;background:var(--c-text)}
.nav-toggle-label__bars::before,
.nav-toggle-label__bars::after{content:"";position:absolute;left:0;display:block;width:24px;height:2px;background:var(--c-text)}
.nav-toggle-label__bars::before{top:-7px}
.nav-toggle-label__bars::after{top:7px}
.nav-toggle-label__bars,
.nav-toggle-label__bars::before,
.nav-toggle-label__bars::after{transition:transform var(--mo-dur) var(--mo-ease), background-color var(--mo-dur) var(--mo-ease)}
.nav-toggle:checked + .nav-toggle-label .nav-toggle-label__bars{background:transparent}
.nav-toggle:checked + .nav-toggle-label .nav-toggle-label__bars::before{transform:translateY(7px) rotate(45deg)}
.nav-toggle:checked + .nav-toggle-label .nav-toggle-label__bars::after{transform:translateY(-7px) rotate(-45deg)}
.nav-toggle:focus-visible + .nav-toggle-label{outline:2px solid var(--c-text);outline-offset:2px}

.nav-panel{
  position:absolute;
  top:100%;
  left:0;
  right:0;
  height:calc(100dvh - var(--header-h));
  max-height:calc(100dvh - var(--header-h));
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  gap:var(--sp-5);
  padding:var(--sp-6) var(--gutter) var(--sp-9);
  background:var(--c-bg);
  border-top:1px solid var(--c-hairline);
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px);
  transition:opacity var(--mo-dur) var(--mo-ease), transform var(--mo-dur) var(--mo-ease), visibility 0s linear var(--mo-dur);
}
.nav-toggle:checked ~ .nav-panel{
  opacity:1;
  visibility:visible;
  transform:none;
  transition:opacity var(--mo-dur) var(--mo-ease), transform var(--mo-dur) var(--mo-ease), visibility 0s linear 0s;
}
.nav-panel ul{display:flex;flex-direction:column;margin:0}
.nav-panel li + li{border-top:1px solid var(--c-hairline)}
.nav-panel ul a{
  display:flex;
  align-items:center;
  min-height:52px;
  padding:.6rem 0;
  font-family:var(--ff-display);
  font-weight:700;
  font-size:1.0625rem;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.02em;
  color:var(--c-text);
  text-decoration:none;
}
.nav-panel ul a:hover,.nav-panel ul a:focus-visible{color:var(--c-secondary)}
.nav-panel__cta{width:100%}
.nav-panel__close{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:.5rem 0;
  font-size:.75rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:var(--c-secondary);
  cursor:pointer;
}
.nav-panel__close:hover{color:var(--c-text)}

.site-footer{
  margin-top:0;
  background:var(--c-ink);
  color:var(--c-text);
  padding-block:clamp(3.5rem, 2.5rem + 3vw, 5.5rem) var(--sp-6);
  border-top:1px solid var(--c-hairline);
}
.site-footer__inner{display:grid;gap:var(--sp-8)}
@media (min-width:768px){
  .site-footer__inner{grid-template-columns:1.3fr 1fr 1fr;gap:var(--sp-8)}
}
.site-footer .identity__name{font-size:1.5rem}
.site-footer .identity__sub{font-size:.6875rem}
.site-footer__tag{margin-top:var(--sp-4);max-width:34ch;color:var(--c-secondary);font-size:.9375rem}
.footer-heading{
  font-family:var(--ff-body);
  font-weight:600;
  font-size:.6875rem;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--c-secondary);
  margin-bottom:var(--sp-4);
}
.site-footer nav ul{display:flex;flex-direction:column;gap:.35rem}
.site-footer a{color:var(--c-secondary);text-decoration:none;font-size:.9375rem}
.site-footer a:hover,.site-footer a:focus-visible{color:var(--c-text)}
.site-footer .btn{color:var(--c-text);font-size:.75rem}
.site-footer__cta p{color:var(--c-secondary);font-size:.9375rem;margin-bottom:var(--sp-4)}
.site-footer__bottom{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-4) var(--sp-6);
  margin-top:clamp(2.5rem, 2rem + 2vw, 4rem);
  padding-top:var(--sp-5);
  border-top:1px solid var(--c-hairline);
}
.site-footer__copy{font-size:.8125rem;color:var(--c-secondary);margin:0;max-width:none}
.site-footer__legal{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0}
.site-footer__legal a{font-size:.8125rem}
.site-footer__by{margin:0;font-size:.8125rem;margin-left:auto}
.site-footer__by a{color:var(--c-text)}
@media (max-width:600px){
  .site-footer__by{margin-left:0}
}

@keyframes nn-ken-burns{
  from{transform:scale(1)}
  to{transform:scale(1.04)}
}

.media-zoom{overflow:hidden}
.media-zoom img{transform:none}

.link-draw{position:relative;text-decoration:none;display:inline-block}
.link-draw::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:100%;
  height:2px;
  background:var(--c-accent);
  transform:scaleX(0);
  transform-origin:left center;
}
.link-draw:hover::after,.link-draw:focus-visible::after{transform:scaleX(1)}

@media (prefers-reduced-motion: no-preference){
  .reveal{
    opacity:0;
    transform:translateY(var(--mo-dist));
    transition:opacity var(--mo-dur) var(--mo-ease), transform var(--mo-dur) var(--mo-ease);
    transition-delay:var(--reveal-delay, 0ms);
    will-change:opacity, transform;
  }
  .reveal.is-visible{opacity:1;transform:none}

  .reveal-stagger > *{
    opacity:0;
    transform:translateY(var(--mo-dist));
    transition:opacity var(--mo-dur) var(--mo-ease), transform var(--mo-dur) var(--mo-ease);
    transition-delay:var(--reveal-delay, 0ms);
  }
  .reveal-stagger > *.is-visible,
  .reveal-stagger.is-visible > *{opacity:1;transform:none}

  .media-zoom img{transition:transform calc(var(--mo-dur) * 2) var(--mo-ease)}
  .media-zoom:hover img,.media-zoom:focus-within img{transform:scale(1.03)}

  .link-draw::after{transition:transform var(--mo-dur) var(--mo-ease)}

  .ken-burns{
    animation:nn-ken-burns 12s var(--mo-ease) infinite alternate;
    will-change:transform;
  }

  .charge-bar__fill{transform:scaleX(0);transition:transform 900ms var(--mo-ease)}
  .charge-bar.is-visible .charge-bar__fill{transform:scaleX(1)}

  .btn:hover,.btn:focus-visible{transform:translateY(-2px)}
  .card:hover,.card:focus-within{transform:translateY(-4px)}
  .nav-desktop ul a:hover,.nav-desktop ul a:focus-visible{transform:translateY(-1px)}
}

@media (prefers-reduced-motion: reduce){
  .reveal,.reveal-stagger > *{opacity:1;transform:none;transition:none}
  .ken-burns{animation:none}
  .media-zoom img{transform:none;transition:none}
  .charge-bar__fill{transform:none;transition:none}
  .link-draw::after{transform:scaleX(1);transition:none}
}

@media (min-width:1400px){
  :root{--header-h:5rem}
  .nav-desktop{display:flex}
  .nav-toggle-label{display:none}
  .nav-toggle{display:none}
  .nav-panel{display:none}
  .identity__name{font-size:1.25rem}
  .identity__sub{font-size:.625rem}
}

.reveal{opacity:0;transition:opacity var(--mo-dur,600ms) var(--mo-ease,cubic-bezier(.22,1,.36,1));transition-delay:var(--reveal-delay,0ms)}
.reveal.is-visible{opacity:1}
.reveal-stagger>*{opacity:0;transition:opacity var(--mo-dur,600ms) var(--mo-ease,cubic-bezier(.22,1,.36,1));transition-delay:var(--reveal-delay,0ms)}
.reveal-stagger.is-visible>*,.reveal-stagger>.is-visible{opacity:1}
@media (prefers-reduced-motion:no-preference){
  .reveal{transform:translateY(14px);transition:opacity var(--mo-dur,600ms) var(--mo-ease,cubic-bezier(.22,1,.36,1)),transform var(--mo-dur,600ms) var(--mo-ease,cubic-bezier(.22,1,.36,1))}
  .reveal.is-visible{transform:none}
  .reveal-stagger>*{transform:translateY(14px);transition:opacity var(--mo-dur,600ms) var(--mo-ease,cubic-bezier(.22,1,.36,1)),transform var(--mo-dur,600ms) var(--mo-ease,cubic-bezier(.22,1,.36,1))}
  .reveal-stagger.is-visible>*,.reveal-stagger>.is-visible{transform:none}
}
@media (prefers-reduced-motion:reduce){.reveal,.reveal-stagger>*{opacity:1;transform:none;transition:none}}
/* nn:mobile-floor */
@media (max-width:899px){
.site-header{position:sticky}
.header__bar{flex-wrap:nowrap}
.nav-panel{position:absolute;top:100%;left:0;right:0;width:100%;max-height:calc(100dvh - var(--header-h,64px));overflow-y:auto;-webkit-overflow-scrolling:touch}
}
input,select,textarea{min-width:0;box-sizing:border-box;max-width:100%}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"],input[type="week"]{-webkit-appearance:none;appearance:none;width:100%}
input[type="date"]::-webkit-date-and-time-value{text-align:left;margin:0}
input[type="date"]::-webkit-calendar-picker-indicator{margin-inline-start:auto}