body.oma-olen-yksin-v204{--oy-ink:#26322d;--oy-muted:#66716b;--oy-line:rgba(38,50,45,.13);--oy-paper:rgba(255,255,255,.74);--oy-soft:#f3f0e8;--oy-green:#53695d;--oy-radius:22px}
body.oma-olen-yksin-v204 .oma-page-hero .oma-hero-shade{background:linear-gradient(90deg,rgba(13,22,18,.52) 0%,rgba(13,22,18,.20) 48%,rgba(13,22,18,.06) 100%)}
body.oma-olen-yksin-v204 .oma-page-hero .oma-hero-copy{max-width:760px}
body.oma-olen-yksin-v204 .oma-page-hero .eyebrow{letter-spacing:.18em;font-size:clamp(.72rem,1vw,.88rem);font-weight:650;opacity:.9}
body.oma-olen-yksin-v204 .oma-page-hero h1{max-width:11ch;text-wrap:balance}
body.oma-olen-yksin-v204 .content-section{overflow:hidden}
body.oma-olen-yksin-v204 .oma-yksin{width:min(100%,820px);margin-inline:auto;padding:clamp(3.4rem,7vw,6.8rem) clamp(1.15rem,4vw,2.2rem);color:var(--oy-ink)}
body.oma-olen-yksin-v204 .oma-yksin__kicker{margin:0 0 .9rem;color:var(--oy-green);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
body.oma-olen-yksin-v204 .oma-yksin__ingress{max-width:690px;margin:0 0 clamp(3rem,6vw,5rem);font-size:clamp(1.35rem,2.7vw,2rem);line-height:1.48;color:var(--oy-ink)}
body.oma-olen-yksin-v204 .oma-yksin__ingress em{font-style:normal}
body.oma-olen-yksin-v204 .oma-yksin__section{position:relative;margin:0;padding:clamp(2.8rem,5vw,4.5rem) 0;border-top:1px solid var(--oy-line)}
body.oma-olen-yksin-v204 .oma-yksin__section h2{max-width:18ch;margin:0 0 1.45rem;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
body.oma-olen-yksin-v204 .oma-yksin__section p{max-width:68ch;margin:0 0 1.05em;font-size:clamp(1.04rem,1.5vw,1.17rem);line-height:1.78}
body.oma-olen-yksin-v204 .oma-yksin__section p:last-child{margin-bottom:0}
body.oma-olen-yksin-v204 .oma-yksin__questions{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(1rem,3vw,1.5rem);row-gap:.55rem;margin:clamp(1rem,3vw,2rem) 0 clamp(3.2rem,7vw,5.5rem)}
body.oma-olen-yksin-v204 .oma-yksin__questions>span,body.oma-olen-yksin-v204 .oma-yksin__questions>strong{display:block;margin:0;padding-inline:clamp(1.35rem,3vw,2rem);background:var(--oy-soft)}
body.oma-olen-yksin-v204 .oma-yksin__questions>span{padding-top:clamp(1.5rem,3vw,2rem);border:1px solid var(--oy-line);border-bottom:0;border-radius:var(--oy-radius) var(--oy-radius) 0 0;color:var(--oy-muted);font-size:.9rem;line-height:1.45;grid-row:1}
body.oma-olen-yksin-v204 .oma-yksin__questions>strong{padding-top:.2rem;padding-bottom:clamp(1.7rem,3vw,2.2rem);border:1px solid var(--oy-line);border-top:0;border-radius:0 0 var(--oy-radius) var(--oy-radius);font-size:clamp(1.18rem,2.1vw,1.5rem);line-height:1.35;font-weight:600;text-wrap:balance;grid-row:2}
body.oma-olen-yksin-v204 .oma-yksin__questions>span:nth-of-type(1),body.oma-olen-yksin-v204 .oma-yksin__questions>strong:nth-of-type(1){grid-column:1}
body.oma-olen-yksin-v204 .oma-yksin__questions>span:nth-of-type(2),body.oma-olen-yksin-v204 .oma-yksin__questions>strong:nth-of-type(2){grid-column:2}
body.oma-olen-yksin-v204 .oma-yksin__closing{margin:clamp(1rem,4vw,2.5rem) 0 clamp(3rem,6vw,5rem);padding:clamp(2.4rem,5vw,4rem);border-radius:calc(var(--oy-radius) + 6px);background:var(--oy-green);color:#fff;text-align:center}
body.oma-olen-yksin-v204 .oma-yksin__closing strong{display:block;margin-bottom:.65rem;font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.1;font-weight:600;letter-spacing:-.02em}
body.oma-olen-yksin-v204 .oma-yksin__closing p{margin:0;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.6;opacity:.9}
body.oma-olen-yksin-v204 .oma-yksin__next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
body.oma-olen-yksin-v204 .oma-yksin__next a{display:block;min-height:128px;padding:1.35rem 1.45rem;border:1px solid var(--oy-line);border-radius:18px;background:var(--oy-paper);color:var(--oy-ink);text-decoration:none;line-height:1.5;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
body.oma-olen-yksin-v204 .oma-yksin__next a strong{display:inline-block;margin-bottom:.35rem;font-size:1.08rem}
body.oma-olen-yksin-v204 .oma-yksin__next a:hover,body.oma-olen-yksin-v204 .oma-yksin__next a:focus-visible{transform:translateY(-2px);border-color:rgba(38,50,45,.25);box-shadow:0 12px 30px rgba(28,39,33,.08)}
@media(max-width:700px){body.oma-olen-yksin-v204 .oma-yksin{padding-inline:1.15rem}body.oma-olen-yksin-v204 .oma-yksin__questions{grid-template-columns:1fr;row-gap:0}body.oma-olen-yksin-v204 .oma-yksin__questions>span:nth-of-type(1){grid-column:1;grid-row:1}body.oma-olen-yksin-v204 .oma-yksin__questions>strong:nth-of-type(1){grid-column:1;grid-row:2;margin-bottom:.9rem}body.oma-olen-yksin-v204 .oma-yksin__questions>span:nth-of-type(2){grid-column:1;grid-row:3}body.oma-olen-yksin-v204 .oma-yksin__questions>strong:nth-of-type(2){grid-column:1;grid-row:4}body.oma-olen-yksin-v204 .oma-yksin__next{grid-template-columns:1fr}body.oma-olen-yksin-v204 .oma-yksin__next a{min-height:auto}}
@media(prefers-reduced-motion:reduce){body.oma-olen-yksin-v204 .oma-yksin__next a{transition:none}}


/* 2.0.5: kysymyskorttien ylä- ja alaosa muodostavat yhden yhtenäisen kortin */
body.oma-olen-yksin-v204 .oma-yksin__questions > span {
  margin-bottom: 0 !important;
}

body.oma-olen-yksin-v204 .oma-yksin__questions > strong {
  margin-top: 0 !important;
}

body.oma-olen-yksin-v204 .oma-yksin__questions > span:nth-of-type(1),
body.oma-olen-yksin-v204 .oma-yksin__questions > strong:nth-of-type(1),
body.oma-olen-yksin-v204 .oma-yksin__questions > span:nth-of-type(2),
body.oma-olen-yksin-v204 .oma-yksin__questions > strong:nth-of-type(2) {
  box-shadow: none !important;
}

@media (max-width: 700px) {
  body.oma-olen-yksin-v204 .oma-yksin__questions > strong:nth-of-type(1) {
    margin-bottom: .9rem !important;
  }
}


/* 2.0.7: kysymykset oikeiksi yhtenäisiksi korteiksi */
body.oma-olen-yksin-v207 .oma-yksin__questions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 2.5vw, 1.5rem) !important;
  max-width: 920px !important;
  margin: clamp(1rem, 3vw, 2rem) auto clamp(3.2rem, 7vw, 5.5rem) !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.oma-olen-yksin-v207 .oma-yksin__questions > .oma-yksin-question-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 245px !important;
  padding: clamp(1.65rem, 3.5vw, 2.25rem) !important;
  border: 1px solid rgba(38,50,45,.13) !important;
  border-radius: 22px !important;
  background: #f3f0e8 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

body.oma-olen-yksin-v207 .oma-yksin-question-card > span,
body.oma-olen-yksin-v207 .oma-yksin-question-card > strong {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.oma-olen-yksin-v207 .oma-yksin-question-card > span {
  margin-bottom: .8rem !important;
  color: #66716b !important;
  font-size: .95rem !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

body.oma-olen-yksin-v207 .oma-yksin-question-card > strong {
  color: #26322d !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.55rem, 2.6vw, 2.15rem) !important;
  line-height: 1.16 !important;
  font-weight: 600 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

@media (max-width: 700px) {
  body.oma-olen-yksin-v207 .oma-yksin__questions {
    grid-template-columns: 1fr !important;
  }
  body.oma-olen-yksin-v207 .oma-yksin__questions > .oma-yksin-question-card {
    min-height: auto !important;
  }
}


/* 2.0.8: Olen yksin -sivun oma hero */
body.oma-olen-yksin-v208 .oma-page-hero {
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

body.oma-olen-yksin-v208 .oma-page-hero .oma-hero-shade {
  background:
    linear-gradient(90deg,
      rgba(12,20,18,.62) 0%,
      rgba(12,20,18,.42) 28%,
      rgba(12,20,18,.16) 58%,
      rgba(12,20,18,.05) 100%) !important;
}

body.oma-olen-yksin-v208 .oma-page-hero .oma-hero-copy {
  position: relative;
  z-index: 2;
}

@media (max-width: 700px) {
  body.oma-olen-yksin-v208 .oma-page-hero {
    background-position: 36% center !important;
  }
}


/* 2.0.9: hero-kuva on oikea picture/img-elementti, ei background-image */
body.oma-olen-yksin-v213 .oma-page-hero .oma-hero-media,
body.oma-olen-yksin-v213 .oma-page-hero .oma-hero-media img {
  width: 100% !important;
  height: 100% !important;
}

body.oma-olen-yksin-v213 .oma-page-hero .oma-hero-media img {
  object-fit: cover !important;
  object-position: center center !important;
}

@media (max-width:700px) {
  body.oma-olen-yksin-v213 .oma-page-hero .oma-hero-media img {
    object-position: 36% center !important;
  }
}


/* 2.0.13: hyväksytty hero sisältää otsikon osana kuvaa.
   Piilotetaan parent-teeman oma hero-copy, jotta teksti näkyy vain kerran. */
body.oma-olen-yksin-v213 .oma-page-hero .oma-hero-copy {
  display: none !important;
}

body.oma-olen-yksin-v213 .oma-page-hero .oma-hero-shade {
  display: none !important;
}

body.oma-olen-yksin-v213 .oma-page-hero .oma-hero-media img {
  object-fit: cover !important;
  object-position: center center !important;
}