/* Interaction support only. Home layout uses the original Stitch Tailwind classes. */
[hidden] { display: none !important; }
a:focus-visible, button:focus-visible { outline: 2px solid #f0bf5c; outline-offset: 3px; }
.material-symbols-outlined { vertical-align: middle; }
#modules { scroll-margin-top: 88px; }
dialog { margin: auto; width: min(680px, calc(100% - 32px)); max-height: calc(100dvh - 48px); padding: 24px; border: 1px solid #ded3be; border-radius: 8px; background: #efe7d6; color: #1f2430; box-shadow: 0 4px 20px #0a0d1873; }
dialog::backdrop { background: #171d34d9; backdrop-filter: blur(4px); }
.dialog-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.dialog-heading h2 { font: 600 24px/1.4 'Noto Serif', serif; }
.dialog-heading button { border: 1px solid #ded3be; min-width: 40px; min-height: 40px; font-size: 24px; cursor: pointer; border-radius: 4px; }
dialog p { font-size: 14px; line-height: 1.8; margin-block: 16px; }
dialog :focus-visible { outline-color: #b3392c; }
@media (max-width: 1279px) {
  #home-navigation[data-open] { display: flex; position: absolute; left: 0; right: 0; top: 64px; flex-direction: column; align-items: stretch; padding: 16px 20px; background: #171d34; border-bottom: 1px solid #f0bf5c33; max-height: calc(100dvh - 64px); overflow-y: auto; }
  #home-navigation a { padding: 12px; }
}
@media (max-width: 639px) { dialog { padding: 16px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }