/* Piilota kulhokuva etusivulta */
.page-id-14817 .header-image { display: none !important; }


/* KORJAUS: Tummataustaisten osioiden tekstivärit */
/* Shoreditch pakottaa entry-content h1/h2/p mustiksi */

.page-id-14817 .entry-content .hero h1,
.page-id-14817 .entry-content .hero p,
.page-id-14817 .entry-content .hero a,
.page-id-14817 .entry-content .hero em,
.page-id-14817 .entry-content .hero span,
.page-id-14817 .entry-content .hero strong {
  color: #ffffff !important;
}
.page-id-14817 .entry-content .hero .hero-subtitle {
  color: #b4c2ce !important;
}
.page-id-14817 .entry-content .hero .hero-title em {
  color: #3DD4F0 !important;
}

.page-id-14817 .entry-content .vastaanotto h2,
.page-id-14817 .entry-content .vastaanotto h3,
.page-id-14817 .entry-content .vastaanotto h4,
.page-id-14817 .entry-content .vastaanotto p,
.page-id-14817 .entry-content .vastaanotto li,
.page-id-14817 .entry-content .vastaanotto a,
.page-id-14817 .entry-content .vastaanotto span {
  color: inherit !important;
}

.page-id-14817 footer.site-footer h3,
.page-id-14817 footer.site-footer h4,
.page-id-14817 footer.site-footer p,
.page-id-14817 footer.site-footer a,
.page-id-14817 footer.site-footer li,
.page-id-14817 footer.site-footer span {
  color: inherit !important;
}


/* Poista alleviivaukset opt-in-korteista */
.page-id-14817 .entry-content .lm-card,
.page-id-14817 .entry-content .lm-card h3,
.page-id-14817 .entry-content .lm-card p,
.page-id-14817 .entry-content .lm-card .lm-tag,
.page-id-14817 .entry-content .lm-card .lm-btn {
  text-decoration: none !important;
}


/* Poista alleviivaukset valmennuskorteista */
.page-id-14817 .entry-content .v-card,
.page-id-14817 .entry-content .v-card h3,
.page-id-14817 .entry-content .v-card p,
.page-id-14817 .entry-content .v-card span,
.page-id-14817 .entry-content .v-card .v-card-title,
.page-id-14817 .entry-content .v-card .v-card-text,
.page-id-14817 .entry-content .v-card .v-card-meta,
.page-id-14817 .entry-content .v-card .v-card-cta,
.page-id-14817 .entry-content .v-card .v-card-badge {
  text-decoration: none !important;
}




/* Korjaa mobiili padding-epätasaisuus */
@media (max-width: 900px) {
  .page-id-14817 .site {
    overflow-x: hidden !important;
  }
  .page-id-14817 .entry-content > * {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
}


/* Korjaa mobiili: padding + napit vierekkäin saman kokoisina */
@media (max-width: 900px) {
  .page-id-14817 .entry-content .hero-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .page-id-14817 .entry-content .hero-subtitle {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .page-id-14817 .entry-content .hero-actions {
    display: flex !important;
    gap: 12px !important;
  }
  .page-id-14817 .entry-content .hero-actions .btn-primary,
  .page-id-14817 .entry-content .hero-actions .btn-secondary {
    flex: 1 !important;
    padding: 16px 12px !important;
    text-align: center !important;
    justify-content: center !important;
    font-size: .88rem !important;
    min-height: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }
}







/* Desktop: piilota hamburger-ikoni */
@media (min-width: 901px) {
  .page-id-14817 .menu-toggle {
    display: none !important;
  }
}



/* Mobiili: hamburger-ikoni + header-korjaukset */
@media (max-width: 900px) {
  .page-id-14817 .menu-toggle {
    font-size: 0 !important;
    line-height: 0 !important;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    margin-top: 4px !important;
  }
  .page-id-14817 .menu-toggle::before {
    content: '☰' !important;
    font-size: 42px !important;
    line-height: 1 !important;
    color: #29A1C2 !important;
  }
}


/* Mobiili: pienemmät leijuvat stat-badget */
@media (max-width: 900px) {
  .page-id-14817 .entry-content .hero-stat {
    padding: 6px 8px !important;
    border-radius: 8px !important;
  }
  .page-id-14817 .entry-content .hero-stat strong {
    font-size: .9rem !important;
  }
  .page-id-14817 .entry-content .hero-stat span {
    font-size: .5rem !important;
  }
}





/* === RAVITSEMUSVALMENNUS-UUSI (page-id-14891) === */
/* Piilota teeman header-kuva, otsikko ja sidebar */
.page-id-14891 .header-image { display: none !important; }
.page-id-14891 .hentry-wrapper { padding-top: 0 !important; margin-top: 0 !important; }
.page-id-14891 .entry-content { padding: 0 !important; margin: 0 !important; }
.page-id-14891 .site-content { padding-top: 0 !important; }
.page-id-14891 .content-area { padding-top: 0 !important; margin-top: 0 !important; }
.page-id-14891 .entry-header { display: none !important; }
.page-id-14891 .widget-area { display: none !important; }
.page-id-14891 .content-area { width: 100% !important; max-width: 100% !important; float: none !important; }

/* Värikorjaukset Shoreditch-teemalle */
.page-id-14891 .entry-content .rv-hero h1 { color: #ffffff !important; }
.page-id-14891 .entry-content .rv-hero-title em { color: #3DD4F0 !important; }
.page-id-14891 .entry-content .rv-hero p { color: #B4C2CE !important; }
.page-id-14891 .entry-content .rv-hero-label { color: #29A1C2 !important; }
.page-id-14891 .entry-content .rv-hero a { color: #ffffff !important; }
.page-id-14891 .entry-content .rv-hero div { color: #ffffff !important; }
.page-id-14891 .entry-content .rv-prosessi h2,
.page-id-14891 .entry-content .rv-prosessi h3 { color: #ffffff !important; }
.page-id-14891 .entry-content .rv-prosessi p,
.page-id-14891 .entry-content .rv-prosessi div { color: #B4C2CE !important; }
.page-id-14891 .entry-content .rv-step-number { color: #3DD4F0 !important; }
.page-id-14891 .entry-content .rv-section-label { color: #29A1C2 !important; }
.page-id-14891 .entry-content .rv-case h2 { color: #ffffff !important; }
.page-id-14891 .entry-content .rv-case-name { color: #ffffff !important; }
.page-id-14891 .entry-content .rv-case-role { color: #29A1C2 !important; }
.page-id-14891 .entry-content .rv-case-quote { color: #B4C2CE !important; }
.page-id-14891 .entry-content .rv-case-recommend { color: #ffffff !important; }
.page-id-14891 .entry-content .rv-case div { color: #B4C2CE !important; }

/* Alleviivausten poisto */
.page-id-14891 .entry-content a {
  text-decoration: none !important;
}

/* Hamburger vain mobiilissa */
@media (min-width: 901px) {
  .page-id-14891 .menu-toggle { display: none !important; }
}
@media (max-width: 900px) {
  .page-id-14891 .menu-toggle {
    font-size: 0 !important;
    line-height: 0 !important;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    margin-top: 4px !important;
  }
  .page-id-14891 .menu-toggle::before {
    content: '☰' !important;
    font-size: 42px !important;
    line-height: 1 !important;
    color: #29A1C2 !important;
  }
  /* Mobiili padding */
  .page-id-14891 .entry-content .rv-hero-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .page-id-14891 .entry-content .rv-hero-actions .rv-btn-primary,
  .page-id-14891 .entry-content .rv-hero-actions .rv-btn-secondary {
    flex: 1 !important;
    padding: 16px 12px !important;
    text-align: center !important;
    justify-content: center !important;
    font-size: .88rem !important;
    min-height: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }
}


/* ============================================
   RAVITSEMUSVALMENNUS (14891) — LISÄYKSET
   ============================================ */

/* Piilota Jaa tämä / Tykkää tästä -widgetit */
.page-id-14891 .sharedaddy,
.page-id-14891 .sd-sharing,
.page-id-14891 .sd-sharing-enabled,
.page-id-14891 .sd-like-enabled,
.page-id-14891 .jp-relatedposts,
.page-id-14891 [class*="sharedaddy"] {
  display: none !important;
}

/* Korjaa mobiilitekstien ylivuoto */
@media (max-width: 900px) {
  .page-id-14891 h2.rv-section-title {
    font-size: clamp(1.6rem, 5.5vw, 2.8rem) !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    white-space: normal !important;
  }
}

/* Lomakkeen checkbox-harmonisointi (14891) */
.page-id-14891 .contact-form .grunion-field-wrap {
  margin-bottom: 1.2rem !important;
}

/* checkbox-multiple (Sähköpostitse/Puhelimitse) — kortti-tyyli */
.page-id-14891 .contact-form .grunion-checkbox-multiple-options {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.6rem !important;
  margin-top: 0.5rem !important;
}
.page-id-14891 .contact-form .grunion-checkbox-multiple-options label {
  display: flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  font-size: 1rem !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
}
.page-id-14891 .contact-form .grunion-checkbox-multiple-options input[type="checkbox"] {
  width: 1.2rem !important;
  height: 1.2rem !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  accent-color: #29A1C2 !important;
}

/* Yksittäiset checkboxit (18v + sopimusehdot) — sama linja */
.page-id-14891 .contact-form .grunion-field-wrap.grunion-field-checkbox-wrap {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.6rem !important;
}
.page-id-14891 .contact-form .grunion-field-wrap.grunion-field-checkbox-wrap input[type="checkbox"] {
  width: 1.2rem !important;
  height: 1.2rem !important;
  flex-shrink: 0 !important;
  margin-top: 0.15rem !important;
  accent-color: #29A1C2 !important;
}
.page-id-14891 .contact-form .grunion-field-wrap.grunion-field-checkbox-wrap label {
  font-size: 0.95rem !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* Lomakkeen legal-linkki */
.page-id-14891 .rv-lomake-legal {
  margin-top: 0.75rem !important;
  text-align: center !important;
  font-size: 0.85rem !important;
}
.page-id-14891 .rv-lomake-legal a {
  color: #29A1C2 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(41,161,194,0.3) !important;
}
.page-id-14891 .rv-lomake-legal a:hover {
  border-bottom-color: #29A1C2 !important;
}

/* ASIAKASSOPIMUS-SIVU (9821) */
.page-id-9821 .header-image { display: none !important; }
.page-id-9821 .entry-header { display: none !important; }
.page-id-9821 .sharedaddy,
.page-id-9821 .sd-sharing,
.page-id-9821 .sd-like-enabled,
.page-id-9821 [class*="sharedaddy"] { display: none !important; }
.page-id-9821 .entry-content { max-width: 100% !important; padding: 0 !important; }

/* PAINOVOIMA LANDING PAGE (14919) */
.page-id-14919 .header-image { display: none !important; }
.page-id-14919 .entry-header { display: none !important; }
.page-id-14919 .entry-content { max-width: 100% !important; padding: 0 !important; margin: 0 !important; }
.page-id-14919 .site-content { padding: 0 !important; }
.page-id-14919 .sharedaddy,
.page-id-14919 .sd-like-enabled { display: none !important; }
.page-id-14919 .pv-page a { text-decoration: none; }
.page-id-14919 .pv-checklist li { list-style: none !important; }
.page-id-14919 .pv-checklist li::before { content: "✓" !important; }

/* PAINOVOIMA LP (14919) — full-width korjaukset */
.page-id-14919 .site-content { padding: 0 !important; border: none !important; }
.page-id-14919 .content-area { width: 100% !important; float: none !important; padding: 0 !important; }
.page-id-14919 .entry-content { padding: 0 !important; border: none !important; margin: 0 !important; }
.page-id-14919 .hentry { margin: 0 !important; border: none !important; }
.page-id-14919 .pv-fw { overflow-x: hidden !important; }

/* Painovoima hero pretitle */
.page-id-14919 .pv-hero-pretitle {
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem !important;
  color: #7a8a96 !important;
  margin-bottom: 20px !important;
  font-style: italic !important;
  line-height: 1.5 !important;
}

/* === TOMI-SIVU (page-id-15062) === */
/* Piilota teeman oletushero */
.page-id-15062 .header-image {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}
.page-id-15062 .entry-title {
  display: none !important;
}

/* Tekstivärit hero-osiossa */
.page-id-15062 .entry-content .hero h1,
.page-id-15062 .entry-content .hero p,
.page-id-15062 .entry-content .hero a,
.page-id-15062 .entry-content .hero em,
.page-id-15062 .entry-content .hero span,
.page-id-15062 .entry-content .hero strong {
  color: #ffffff !important;
}
.page-id-15062 .entry-content .hero .hero-subtitle {
  color: #b4c2ce !important;
}
.page-id-15062 .entry-content .hero .hero-title em {
  color: #3DD4F0 !important;
}

/* Tekstivärit vastaanotto-osiossa (tumma tausta) */
.page-id-15062 .entry-content .vastaanotto h2,
.page-id-15062 .entry-content .vastaanotto h3,
.page-id-15062 .entry-content .vastaanotto h4,
.page-id-15062 .entry-content .vastaanotto p,
.page-id-15062 .entry-content .vastaanotto li,
.page-id-15062 .entry-content .vastaanotto a,
.page-id-15062 .entry-content .vastaanotto span,
.page-id-15062 .entry-content .vastaanotto strong {
  color: inherit !important;
}

/* Poista alleviivaukset linkeistä */
.page-id-15062 .entry-content a {
  text-decoration: none !important;
}

/* Layoutkorjaukset */
.page-id-15062 .entry-content {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}
.page-id-15062 .content-area {
  padding-top: 0 !important;
}
.page-id-15062 article.page {
  padding: 0 !important;
  margin: 0 !important;
}


/* Tomi-sivu hero-korjaukset */
.page-id-15062 .entry-content .hero {
  overflow: visible !important;
  padding-top: 100px !important;
  padding-bottom: 60px !important;
}
.page-id-15062 .entry-content .hero-grid {
  display: block !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 48px !important;
}
.page-id-15062 .entry-content .hero-inner {
  display: flex !important;
  align-items: center !important;
  gap: 60px !important;
}
.page-id-15062 .entry-content .hero-visual {
  position: relative !important;
  flex-shrink: 0 !important;
}
.page-id-15062 .entry-content .hero-photo-frame {
  width: 320px !important;
  height: 380px !important;
}


/* Tomi hero - enemmän tilaa ylhäällä ja kuvan näkyvyys */
.page-id-15062 .entry-content .hero {
  padding-top: 140px !important;
  min-height: 80vh !important;
}
.page-id-15062 .entry-content .hero-photo-frame {
  width: 340px !important;
  height: 400px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}
.page-id-15062 .entry-content .hero-photo-frame img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.page-id-15062 .entry-content .hero-stat {
  position: absolute !important;
}


/* Tomi hero layout - teksti kapeammaksi, kuvalle tilaa */
.page-id-15062 .entry-content .hero-text {
  max-width: 500px !important;
  flex-shrink: 1 !important;
}
.page-id-15062 .entry-content .hero-inner {
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
}
.page-id-15062 .entry-content .hero-title {
  font-size: 3rem !important;
}


/* ============================================
   TOMI-SIVU (page-id-15062) - Korttien tyylit
   ============================================ */

/* Osaamiskortit */
.page-id-15062 .tomi-expertise-card {
  background: #fff !important;
  border: 1px solid #E8EDF1 !important;
  border-top: 3px solid #fff !important;
  border-radius: 16px !important;
  padding: 32px 28px !important;
  transition: all 0.3s ease !important;
  overflow: hidden;
}
.page-id-15062 .tomi-expertise-card:hover {
  box-shadow: 0 6px 20px rgba(41,161,194,0.12) !important;
  transform: translateY(-3px);
  border-top-color: #29A1C2 !important;
}

/* Osaamiskortit - ikonit */
.page-id-15062 .tomi-expertise-icon {
  width: 48px !important;
  height: 48px !important;
  background: #E4F5F9 !important;
  border-radius: 12px !important;
  font-size: 1.4rem !important;
  margin-bottom: 18px !important;
  line-height: 48px !important;
  text-align: center !important;
}

/* Osaamiskortit - otsikot */
.page-id-15062 .tomi-expertise-card h3 {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #0F1923 !important;
  margin-bottom: 10px !important;
}

/* Osaamiskortit - teksti */
.page-id-15062 .tomi-expertise-card p {
  font-size: 0.88rem !important;
  color: #728494 !important;
  line-height: 1.6 !important;
}

/* Koulutuskortit */
.page-id-15062 .tomi-edu-card {
  background: #fff !important;
  border: 1px solid #E8EDF1 !important;
  border-radius: 16px !important;
  padding: 32px !important;
  transition: box-shadow 0.3s ease !important;
}
.page-id-15062 .tomi-edu-card:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important;
}
.page-id-15062 .tomi-edu-card h3 {
  font-size: 1.2rem !important;
  color: #0F1923 !important;
  margin-bottom: 14px !important;
}
.page-id-15062 .tomi-edu-card p {
  font-size: 0.93rem !important;
  color: #728494 !important;
  line-height: 1.8 !important;
}

/* Lainaus-box */
.page-id-15062 .tomi-about-quote {
  background: #fff !important;
  border-left: 4px solid #29A1C2 !important;
  padding: 24px 28px !important;
  border-radius: 0 12px 12px 0 !important;
  font-size: 1.02rem !important;
  font-style: italic !important;
  color: #1C2B3A !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;
  line-height: 1.7 !important;
}

/* ============================================
   TOMI-SIVU - Mobiili responsive korjaukset
   ============================================ */

@media (max-width: 900px) {
  .page-id-15062 .tomi-hero-inner {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    gap: 20px !important;
    padding: 48px 24px !important;
  }
  .page-id-15062 .tomi-hero-photo {
    display: flex !important;
    justify-content: center !important;
    order: -1 !important;
  }
  .page-id-15062 .tomi-hero-photo img {
    max-width: 180px !important;
    border-radius: 50% !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.3) !important;
  }
  .page-id-15062 .tomi-hero-photo::before {
    display: none !important;
  }
  .page-id-15062 .tomi-hero h1 {
    font-size: 2.2rem !important;
    text-align: center !important;
  }
  .page-id-15062 .tomi-hero-sub {
    margin: 0 auto 20px !important;
    text-align: center !important;
  }
  .page-id-15062 .tomi-hero-stats {
    justify-content: center !important;
  }
  .page-id-15062 .tomi-hero-btns {
    justify-content: center !important;
    gap: 8px !important;
    flex-direction: column !important;
  }
  .page-id-15062 .tomi-hero-btns a {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (max-width: 600px) {
  .page-id-15062 .tomi-hero-inner {
    padding: 36px 20px !important;
  }
  .page-id-15062 .tomi-hero h1 {
    font-size: 1.9rem !important;
  }
  .page-id-15062 .tomi-hero-photo img {
    max-width: 150px !important;
  }
  .page-id-15062 .tomi-hero-stats {
    gap: 16px !important;
    flex-wrap: wrap !important;
  }
  .page-id-15062 .tomi-section-title {
    font-size: 1.7rem !important;
  }
  .page-id-15062 .tomi-cta .tomi-section-title {
    font-size: 1.4rem !important;
  }
  .page-id-15062 .tomi-cta div[style*="display:flex"] {
    gap: 8px !important;
    flex-direction: column !important;
  }
  .page-id-15062 .tomi-cta a {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }
}

@media (max-width: 768px) {
  .page-id-15062 .entry-content div[style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }
}

/* ==== ARTIKKELIPOHJA (.ra) – kaikki artikkelit, joissa <div class="ra ra-article"> ==== */
body:has(.ra-article) .entry-hero,body:has(.ra-article) #secondary,body:has(.ra-article) .entry-footer,body:has(.ra-article) .post-navigation,body:has(.ra-article) #comments,body:has(.ra-article) #colophon,body:has(.ra-article) .sharedaddy,body:has(.ra-article) .jp-relatedposts{display:none!important}
body:has(.ra-article) .site-content,body:has(.ra-article) .site-content-wrapper,body:has(.ra-article) #primary.content-area,body:has(.ra-article) .hentry-wrapper,body:has(.ra-article) article.post{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important;float:none!important}
body:has(.ra-article) .entry-content{max-width:100%!important;margin:0!important}
.ra{--teal:#29A1C2;--teal-d:#1A7F9C;--navy:#1A3A4A;--ice:#F1FAFB;--line:#E3EEF1;--ink:#1E3440;--soft:#34505D;--muted:#52666F;font-family:'Outfit',-apple-system,sans-serif;color:var(--ink);font-size:18px;line-height:1.75;-webkit-font-smoothing:antialiased;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;max-width:100vw;position:relative}
.ra *{box-sizing:border-box}
.ra a{color:var(--teal-d);text-underline-offset:3px}
.ra a:hover{color:var(--navy)}
.ra h1,.ra h2,.ra h3{font-family:'Playfair Display',Georgia,serif;color:var(--navy);font-weight:600;clear:none}
.ra em.acc{font-style:italic;color:var(--teal-d)}
.ra .wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.ra .kicker{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-d);margin:0 0 10px}
.ra-hero{background:var(--ice);padding:156px 0 0}
.ra-hero .inner{max-width:820px}
.ra-crumbs{font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.ra-crumbs a{color:var(--muted);text-decoration:none}
.ra-pill{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-d);background:#fff;border:1px solid #CDE8EF;border-radius:999px;padding:6px 14px;margin-bottom:20px}
.ra-hero h1{font-size:clamp(36px,5vw,60px);line-height:1.1;letter-spacing:-.01em;margin:0 0 22px}
.ra-lead{font-size:21px;line-height:1.6;color:var(--soft);font-weight:300;margin:0 0 32px;max-width:720px}
.ra-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;padding-bottom:40px;font-size:14px;color:var(--muted)}
.ra-author{display:flex;align-items:center;gap:12px;line-height:1.35}
.ra-author img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#DCEFF4;margin:0}
.ra-author b{display:block;color:var(--navy);font-size:15px;font-weight:600}
.ra-dates{display:flex;flex-wrap:wrap;gap:8px 20px}
.ra-cover{display:block;width:100%;height:clamp(220px,34vw,460px);object-fit:cover;border-radius:20px 20px 0 0;margin:0}
.ra .ra-body{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start;padding:56px 24px 24px}
.ra-main{flex:999 1 560px;min-width:0;max-width:740px}
.ra-main p{margin:0 0 24px}
.ra-main h2{font-size:34px;line-height:1.2;margin:52px 0 18px;scroll-margin-top:100px}
.ra-box{background:var(--ice);border:1px solid #D5ECF2;border-radius:16px;padding:26px 28px;margin:0 0 40px}
.ra-box ul{margin:0;padding-left:20px;font-size:17px;line-height:1.6}
.ra-box li{margin:0 0 8px}
.ra-scale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 28px}
.ra-scale div{border-radius:14px;padding:18px;line-height:1.5}
.ra-scale .n{font-family:'Playfair Display',Georgia,serif;font-size:26px;font-weight:600;line-height:1.1;padding:0}
.ra-scale .t{font-weight:600;font-size:16px;margin-top:6px;padding:0}
.ra-scale .d{font-size:14px;margin-top:4px;padding:0}
.ra-s1{background:#FBF1E6;border:1px solid #F0D9BF}.ra-s1 .n{color:#8A4B12}.ra-s1 .t{color:#6B3A0E}.ra-s1 .d{color:#5C4A3A}
.ra-s2{background:var(--navy)}.ra-s2 .n{color:#8FD6E8}.ra-s2 .t{color:#fff}.ra-s2 .d{color:#D3E6EC}
.ra-s3{background:#EEF2F4;border:1px solid #D6DEE2}.ra-s3 .n{color:#3E5561}.ra-s3 .t{color:#2A3F49}.ra-s3 .d{color:#4C5F68}
.ra-fig{margin:36px 0;border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff}
.ra-fig img{display:block;width:100%;max-width:520px;height:auto;margin:0 auto}
.ra-fig figcaption{font-size:14px;color:var(--muted);text-align:center;margin-top:14px}
.ra-warn{display:flex;gap:16px;align-items:flex-start;background:#FFF8EC;border:1px solid #F1DDB4;border-radius:16px;padding:22px 24px;margin:0 0 24px}
.ra-warn svg{flex:none;margin-top:2px}
.ra-warn b{display:block;color:#6B4508;font-size:17px;margin-bottom:4px}
.ra-warn span{font-size:16px;line-height:1.6;color:#4F3C1E}
.ra-quote{margin:32px 0;padding:0;border:0;background:none}
.ra-quote:before{display:none}
.ra-quote p{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:28px;line-height:1.4;color:var(--navy);margin:0}
.ra-small{font-size:16px;color:var(--muted)}
.ra-video{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:var(--navy);margin:8px 0 16px}
.ra-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ra-btn{display:inline-flex;align-items:center;gap:8px;background:var(--teal-d);color:#fff!important;text-decoration:none!important;font-weight:600;font-size:16px;padding:14px 24px;border-radius:999px;line-height:1.2}
.ra-btn:hover{background:var(--navy)}
.ra-course{margin:44px 0;background:var(--navy);border-radius:22px;padding:36px;color:#fff}
.ra-course .kicker{color:#8FD6E8}
.ra-course h3{color:#fff;font-size:32px;line-height:1.2;margin:0 0 14px}
.ra-course h3 em{color:#8FD6E8}
.ra-course p{color:#D3E6EC;font-size:17px;line-height:1.65;max-width:560px;margin:0 0 20px}
.ra-course .row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:14px;color:#B9D3DB}
.ra-course .ra-btn{background:#fff;color:var(--navy)!important}
.ra-course .ra-btn:hover{background:#DCEFF4}
.ra-lead-m{display:flex;flex-wrap:wrap;background:var(--ice);border:1px solid #D5ECF2;border-radius:22px;overflow:hidden;margin:0 0 44px}
.ra-lead-m img{flex:1 1 240px;min-width:0;width:100%;min-height:220px;object-fit:cover;display:block;margin:0}
.ra-lead-m .c{flex:999 1 300px;min-width:0;padding:30px 32px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.ra-lead-m h3{font-size:26px;line-height:1.25;margin:0}
.ra-lead-m p{margin:0;font-size:16px;line-height:1.6;color:var(--soft)}
.ra-lead-m .ra-btn{align-self:flex-start}
.ra-lead-m small{font-size:13px;color:var(--muted)}
.ra-bio{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-start;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;margin:0 0 32px}
.ra-bio img{width:88px;height:88px;border-radius:50%;object-fit:cover;background:#DCEFF4;flex:none;margin:0}
.ra-bio .c{flex:1 1 280px;min-width:0}
.ra-bio h3{font-size:24px;margin:4px 0 2px}
.ra-bio .role{font-size:15px;color:var(--muted);margin-bottom:10px}
.ra-bio p{font-size:16px;line-height:1.65;margin:0 0 10px}
.ra-src h3{font-size:22px;margin:0 0 10px}
.ra-src ol{margin:0 0 28px;padding-left:22px;font-size:15px;line-height:1.6;color:var(--soft)}
.ra-tags{display:flex;flex-wrap:wrap;gap:8px}
.ra-tags a{font-size:14px;color:var(--navy);text-decoration:none;background:var(--ice);border:1px solid #D5ECF2;border-radius:999px;padding:6px 14px}
.ra-side{flex:1 1 280px;min-width:0;max-width:360px;display:flex;flex-direction:column;gap:24px}
.ra-card{border:1px solid var(--line);border-radius:18px;padding:24px}
.ra-card.ice{background:var(--ice);border-color:var(--ice)}
.ra-card .kicker.grey{color:var(--muted)}
.ra-card h3{font-size:22px;line-height:1.3;margin:0 0 10px}
.ra-card p{font-size:15px;line-height:1.6;color:var(--soft);margin:0 0 14px}
.ra-card .ra-btn{font-size:15px;padding:12px 20px}
.ra-toc{list-style:none;margin:0;padding:0;font-size:16px}
.ra-toc li{margin:0 0 4px;list-style:none}
.ra-toc a{display:block;padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--soft)}
.ra-toc a:hover{background:var(--ice);color:var(--navy)}
.ra-rel{background:var(--ice);padding:64px 0;margin-top:48px}
.ra-rel h2{font-size:36px;line-height:1.2;margin:0 0 28px}
.ra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.ra-grid a{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #DCEDF2;border-radius:18px;padding:26px;text-decoration:none;color:var(--navy)}
.ra-grid a:hover{border-color:var(--teal)}
.ra-grid .cat{font-size:13px;font-weight:600;color:var(--teal-d)}
.ra-grid .ttl{font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:600;line-height:1.3}
.ra-grid .more{font-size:15px;font-weight:600;color:var(--teal-d);margin-top:auto}
.ra-foot{background:var(--navy);color:#D3E6EC;padding:56px 0 28px}
.ra-foot .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:36px;padding-bottom:36px;border-bottom:1px solid #2E5163}
.ra-foot .brand{font-family:'Playfair Display',Georgia,serif;font-size:24px;font-weight:600;color:#fff;margin-bottom:10px}
.ra-foot p{margin:0;font-size:15px;line-height:1.6}
.ra-foot .col{display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.5}
.ra-foot .col b{color:#fff;margin-bottom:4px}
.ra-foot a{color:#D3E6EC;text-decoration:none}
.ra-foot a:hover{color:#fff}
.ra-foot .copy{padding-top:22px;font-size:14px;color:#A9C4CD}
@media (min-width:901px) and (min-height:900px){.ra-side{position:sticky;top:140px}}
@media (min-width:901px){body:has(.ra-article) .menu-toggle{display:none!important}}
@media (max-width:900px){body:has(.ra-article) .menu-toggle{font-size:0!important;line-height:0!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;min-width:0!important;display:flex!important;align-items:center!important;height:auto!important;margin-top:4px!important}body:has(.ra-article) .menu-toggle::before{content:'\2630'!important;font-size:42px!important;line-height:1!important;color:#29A1C2!important}}
@media (max-width:943px){.ra-side nav.ra-card{display:none}}
@media (max-width:895px){.ra-hero{padding-top:32px}}
@media (max-width:640px){.ra{font-size:17px}.ra-scale{grid-template-columns:1fr}.ra-main h2{font-size:28px}.ra-course{padding:26px}.ra-side{max-width:none}}
/* Artikkelipohja: alkuperäisen artikkelisisällön elementit */
.ra-content h3{font-size:24px;line-height:1.3;margin:36px 0 12px}
.ra-content h4{font-family:'Outfit',-apple-system,sans-serif;font-size:19px;font-weight:600;color:var(--navy);margin:28px 0 10px}
.ra-content ul,.ra-content ol{margin:0 0 24px;padding-left:24px}
.ra-content li{margin:0 0 8px}
.ra-content figure,.ra-content .wp-caption{margin:32px 0!important;max-width:100%!important;width:auto!important}
.ra-content img{max-width:100%;height:auto;border-radius:14px}
.ra-content figcaption,.ra-content .wp-caption-text{font-size:14px;color:var(--muted);text-align:center;margin-top:10px;line-height:1.5}
.ra-content .wp-block-table{overflow-x:auto;margin:32px 0}
.ra-content table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5;margin:0 0 24px}
.ra-content th,.ra-content td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.ra-content th,.ra-content thead td{background:var(--ice);color:var(--navy);font-weight:600}
.ra-content blockquote{margin:32px 0;padding:0 0 0 20px;border-left:3px solid var(--teal);font-style:italic;color:var(--navy);background:none}
.ra-content blockquote:before{display:none}
.ra-content iframe{display:block;width:100%!important;max-width:100%;height:auto!important;aspect-ratio:16/9;border:0;border-radius:18px;margin:8px 0 16px}
.ra-content .wp-block-embed{margin:32px 0}
.ra-content .wp-block-embed__wrapper:before{display:none!important}
.ra-content .wp-block-embed__wrapper iframe{position:static!important}
.ra-content hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.ra-src p{font-size:15px;line-height:1.6;color:var(--soft);margin:0 0 8px}
.ra-content h3{scroll-margin-top:100px}
.ra-content h5,.ra-content h6{font-family:'Outfit',-apple-system,sans-serif;font-size:15px;font-weight:600;color:var(--muted);margin:12px 0 8px;line-height:1.4}
/* Artikkelilistaus (sivu Artikkelit) */
body:has(.ra-list) .entry-hero,body:has(.ra-list) .entry-header,body:has(.ra-list) #secondary,body:has(.ra-list) .entry-footer,body:has(.ra-list) #comments,body:has(.ra-list) #colophon,body:has(.ra-list) .sharedaddy,body:has(.ra-list) .jp-relatedposts,body:has(.ra-list) .featured-image,body:has(.ra-list) .site-featured-image{display:none!important}
body:has(.ra-list) .site-content,body:has(.ra-list) .site-content-wrapper,body:has(.ra-list) #primary.content-area,body:has(.ra-list) .hentry-wrapper,body:has(.ra-list) article.page{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important;float:none!important}
body:has(.ra-list) .entry-content{max-width:100%!important;margin:0!important}
.ra-list .ra-hero{padding-bottom:56px}
body:has(.ra-list) .wp-block-latest-posts{max-width:1240px;margin:56px auto 72px!important;padding:0 24px!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;list-style:none;font-family:'Outfit',-apple-system,sans-serif}
body:has(.ra-list) .wp-block-latest-posts li{background:#fff;border:1px solid #E3EEF1;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;margin:0!important;width:auto!important;padding:0 0 26px!important;transition:border-color .2s,box-shadow .2s}
body:has(.ra-list) .wp-block-latest-posts li:hover{border-color:#29A1C2;box-shadow:0 10px 30px rgba(26,58,74,.08)}
body:has(.ra-list) .wp-block-latest-posts__featured-image{margin:0 0 20px!important}
body:has(.ra-list) .wp-block-latest-posts__featured-image img{width:100%!important;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;margin:0;border-radius:0}
body:has(.ra-list) .wp-block-latest-posts__post-title{font-family:'Playfair Display',Georgia,serif;font-size:21px;font-weight:600;line-height:1.3;color:#1A3A4A!important;text-decoration:none!important;padding:0 24px;display:block}
body:has(.ra-list) .wp-block-latest-posts__post-title:hover{color:#1A7F9C!important}
body:has(.ra-list) .wp-block-latest-posts__post-date{padding:8px 24px 0;font-size:13px;color:#52666F;display:block}
body:has(.ra-list) .wp-block-latest-posts__post-excerpt{padding:10px 24px 0;font-size:15px;line-height:1.6;color:#34505D;margin:0}
body:has(.ra-list) .wp-block-latest-posts__post-excerpt a{color:#1A7F9C;font-weight:600}
@media (max-width:640px){body:has(.ra-list) .wp-block-latest-posts{grid-template-columns:1fr;gap:20px;margin:32px auto 48px!important}}
/* Proteiinilaskuri-kortti */
.ra-calc{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 14px 40px rgba(26,58,74,.08);padding:32px;margin:36px 0}
.ra-calc .kicker{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-d,#1A7F9C);margin:0 0 10px}
.ra-calc h3{font-family:'Playfair Display',Georgia,serif;font-size:30px;line-height:1.2;color:var(--navy);margin:0 0 14px}
.ra-calc h3 em{font-style:normal;color:var(--teal,#29A1C2)}
.ra-calc p{font-size:17px;line-height:1.6;color:var(--soft);margin:0 0 18px}
.ra-calc .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.ra-calc .chips span{background:var(--ice,#F1FAFB);color:var(--navy);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:500}
.ra-content .ra-calc a.ra-btn{display:block;width:100%;box-sizing:border-box;text-align:center;background:var(--teal,#29A1C2);color:#fff!important;border-radius:999px;padding:16px 24px;font-weight:600;font-size:17px;text-decoration:none;box-shadow:none}
.ra-content .ra-calc a.ra-btn:hover{background:var(--teal-d,#1A7F9C)}
.ra-calc small{display:block;margin-top:14px;font-size:13px;line-height:1.5;color:var(--muted);text-align:center}
@media (max-width:600px){.ra-calc{padding:24px 20px;border-radius:22px}.ra-calc h3{font-size:25px}}
/* ==== /ARTIKKELIPOHJA ==== */