/**
 * Frontend entry — tokens first, then existing modular CSS.
 * Vite bundles this into assets/dist (no runtime @import in production).
 */

@import "./tokens/tokens.css";
@import "../../assets/css/base/reset.css";
@import "../../assets/css/base/typography.css";
@import "../../assets/css/base/animations.css";
@import "../../assets/css/layout/container.css";
@import "../../assets/css/layout/grid.css";
@import "../../assets/css/layout/header.css";
@import "../../assets/css/components/header/layout-classic.css";
@import "../../assets/css/components/header/layout-modern.css";
@import "../../assets/css/components/header/layout-centered.css";
@import "../../assets/css/layout/hero.css";
@import "../../assets/css/components/hero/layout-classic.css";
@import "../../assets/css/components/hero/layout-magazine.css";
@import "../../assets/css/components/hero/layout-grid.css";
@import "../../assets/css/components/hero/layout-minimal.css";
@import "../../assets/css/layout/footer.css";
@import "../../assets/css/components/footer/layout-classic.css";
@import "../../assets/css/components/footer/layout-modern.css";
@import "../../assets/css/components/footer/layout-minimal.css";
@import "../../assets/css/layout/sidebar.css";
@import "../../assets/css/components/buttons.css";
@import "../../assets/css/components/cards.css";
@import "../../assets/css/components/cards/variant-editorial.css";
@import "../../assets/css/components/cards/variant-compact.css";
@import "../../assets/css/components/cards/variant-horizontal.css";
@import "../../assets/css/components/cards/variant-grid.css";
@import "../../assets/css/components/cards/variant-featured.css";
@import "../../assets/css/components/forms.css";
@import "../../assets/css/components/breadcrumbs.css";
@import "../../assets/css/components/pagination.css";
@import "../../assets/css/components/tables.css";
@import "../../assets/css/components/alerts.css";
@import "../../assets/css/pages/home.css";
@import "../../assets/css/pages/archive.css";
@import "../../assets/css/pages/single.css";
@import "../../assets/css/pages/search.css";
@import "../../assets/css/utilities/spacing.css";
@import "../../assets/css/utilities/helpers.css";
@import "../../assets/css/utilities/visibility.css";
/* Education Modern last among chrome — must beat header/forms/visibility */
@import "../../assets/css/components/header/layout-education-modern.css";
@import "./components/index.css";

.kutby-site-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  max-width: 100%;
}

.kutby-main {
  flex: 1 0 auto;
  width: 100%;
  max-width: 100%;
  padding-block: var(--kutby-space-6);
}
