/* Readability fixes for archived content pages only; original typography remains. */
@media screen and (max-width: 767px) {
  p, li, .w-richtext, a { overflow-wrap: anywhere; }
  .featured-image-wrapper .featured-image { width: 100%; max-width: 100%; }
  /* Blogin pääkuva kokonaisena: kiinteä 300–510 px korkeus ja object-fit: cover rajasivat kapealla näytöllä
     vaakakuvasta suurimman osan pois (esim. OmaVero-logo verovinkkiartikkelissa). */
  .featured-image-wrapper { height: auto; }
  .featured-image-wrapper .featured-image { height: auto; }
  :is(.instagram-media, .instagram-media-registered) { min-width: 0 !important; max-width: 100% !important; }
}
@media screen and (max-width: 479px) {
  h1, h2, h3, h4, h5, h6, .cta-header { overflow-wrap: anywhere; }
  .w-layout-grid > *, .content-wrap > *, .content-wrap-2 > *,
  .designer-description > * { min-width: 0; max-width: 100%; }
  .content-wrap, .content-wrap-2, .banner-text-wrapper { min-width: 0; }
  .w-dyn-item, .recent-post-wrapper { min-width: 0; max-width: 100%; }
  .recent-post_image-wrapper, .link-block-13 { max-width: 100%; }
  .crm-form-frame { max-width: 100%; min-width: 0; }
  ._w-herosectionbutton.jata-sahk-toimari { margin-left: 0; margin-right: 0; max-width: 100%; }
  :is(.instagram-media, .instagram-media-registered) a { white-space: normal !important; }
  .pricing-wrapper { overflow-wrap: anywhere; }
}
@media screen and (max-width: 479px) {
  .collection-list-2 { grid-template-columns: minmax(0, 1fr); }
  .grid-pricing { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
  .pricing-table-cell > * { min-width: 0; max-width: 100%; }
  .html-embed-4 { min-width: 0; max-width: 100%; }
  :is(.instagram-media, .instagram-media-registered) { box-sizing: border-box; width: 100% !important; margin: 0 !important; }
  :is(.instagram-media, .instagram-media-registered) p { white-space: normal !important; }
}
/* Keep the original four footer columns within tablet widths. */
@media screen and (max-width: 991px) {
  .footer-grid-02 > * { min-width: 0; max-width: 100%; }
  .footer-grid-02 :is(p, a) { overflow-wrap: anywhere; }
}
/* Väljennys 6.10.2026: arkiston (Webflow) sisältösivuille vain kaksi varovaista yleissääntöä, uudistetut .klik-uusi-sivut
   rajataan pois. Leipätekstin riviväli (arkistossa 20 px / 15 px ≈ 1,33) ja väli sisällön ja footerin välissä. */
body:not(:has(.klik-uusi)) :is(p.teksti, .w-richtext p, .w-richtext li) { line-height: 1.6; }
body:not(:has(.klik-uusi)) > .kc-footer { margin-top: var(--klik-section-y-tight); }