@charset "UTF-8";

/* ===================================
   Modular CSS Entry Point
   Main.css Refactoring (2026-02-11)

   This file imports all CSS modules in the correct order.
   Use this file instead of the original main.css for new development.
   =================================== */

/* ===================================
   Base Styles
   =================================== */
@import "./base/variables.css";
@import "./base/reset.css";
@import "./base/base.css";
@import "./base/utilities.css";

/* ===================================
   Vendors
   Third-party libraries (do not modify)
   =================================== */
@import "./vendors/swiper.css";

/* ===================================
   Legacy Styles
   Preserved from original main.css
   These will be gradually migrated to BEM components
   =================================== */
@import "./legacy/legacy-forms.css";
@import "./legacy/legacy-layout.css";
@import "./legacy/legacy-components.css";
@import "./legacy/legacy-articles.css";
@import "./legacy/legacy-lists.css";
@import "./legacy/legacy-carousels.css";
@import "./legacy/legacy-pages.css";

/* ===================================
   BEM Components
   New component-based architecture
   =================================== */
@import "./components/buttons.css";
@import "./components/site-header.css";
@import "./components/site-footer.css";
@import "./components/global-nav.css";
@import "./components/hamburger.css";
@import "./components/page-loader.css";
@import "./components/language-switcher.css";
@import "./components/news-filter.css";

/* ===================================
   Utilities
   Helper classes for spacing, typography, etc.
   =================================== */
@import "./utilities/spacing.css";
@import "./utilities/headings.css";
@import "./utilities/helpers.css";
@import "./utilities/layout.css";


html{
   overflow-x: hidden;
}


.pc {
   display: block;
}

.sp {
   display: none;
}

@media screen and (max-width:768px) {

   .pc {
      display: none;
   }

   .sp {
      display: block;
   }
}