:root { --sehri-navy: #131b2e; --sehri-teal: #007986; --sehri-orange: #ef931f; }
header { box-shadow: inset 0 -2px var(--sehri-orange); }
header .sehri-logo, footer .sehri-logo { border-radius: 4px; }
[hidden] { display: none !important; }
#sehri-mobile-nav {
  position: absolute; top: 100%; left: 0; right: 0;
  background: var(--sehri-navy); padding: .6rem 1rem 1rem;
  border-bottom: 2px solid var(--sehri-orange);
}
#sehri-mobile-nav a { display: block; color: white; padding: .65rem 0; }
#sehri-mobile-nav a:last-child { color: #60d4df; }
@media (min-width: 768px) { #sehri-mobile-nav { display: none; } }
[data-gallery]:focus-visible { outline: 3px solid var(--sehri-teal); outline-offset: 3px; }
.sehri-gallery-dialog {
  position: fixed; inset: 0; margin: auto; width: min(90vw, 820px);
  max-height: 90vh; overflow: auto; padding: 1rem; border: 0;
  border-radius: 1rem; background: var(--sehri-navy); color: white;
}
.sehri-gallery-dialog::backdrop { background: rgb(8 17 30 / .85); }
.sehri-gallery-dialog img { display: block; width: 100%; height: min(68vh, 630px); object-fit: contain; }
.sehri-gallery-dialog button { display: block; margin: .25rem 0 .75rem auto; padding: .45rem .8rem; background: var(--sehri-teal); border-radius: .5rem; color: white; }
.sehri-gallery-dialog p { margin: .5rem 0; }
[class~="bg-[#131B2E]"] [class~="text-[#007986]"] { color: #46c3d0; }