@import url(cssfiles/icss_basics.css);
@import url(cssfiles/icss_contents.css);
@import url(cssfiles/icss_navisub.css);
@import url(cssfiles/icss_csonly.css);
@import url(cssfiles/icss_navimain.css);
@import url(cssfiles/icss_basicstructure.css);
@import url(cssfiles/icss_pagetitles.css);



/* Responsiivisuus (modernisoitu 2026-07-26: max-device-width-ehdot poistettu,
   breakpointit pelkän ikkunaleveyden ja orientaation mukaan, malli Pihamaa
   2026-07-17 / CLAUDE.md kohta 6+19)

   Puhelin pysty   resp-02:      –599
   Puhelin vaaka   resp-03:  600–1000 landscape
   Tabletti pysty  resp-04:  600–830 portrait    (pienet iPadit → mobiilinavi)
   Tabletti vaaka  resp-05: 1001–1199 landscape  (desktop-navigaatio)

   iPad Pro (pysty 834/1024) ja kaikki iPadit vaakana → desktop-navigaatio.
   Järjestelmän oma "Tablet Pro portrait" -erikoishaara (1020–1030) on
   poistettu system-tasolla 2026-07-20 — ei enää tarvita neutralointia. */

@import url(cssfiles/resp-01-basic.css) all;

@import url(cssfiles/resp-02-smart-port.css) only screen and (max-width : 599px);
@import url(cssfiles/resp-03-smart-land.css) only screen and (min-width : 600px) and (max-width : 1000px) and (orientation : landscape);

@import url(cssfiles/resp-04-tablet-port.css) only screen and (min-width : 600px) and (max-width : 830px) and (orientation : portrait);
@import url(cssfiles/resp-05-tablet-land.css) only screen and (min-width : 1001px) and (max-width : 1199px) and (orientation : landscape);