:root{
  --te-paper:#f7f2e8;
  --te-warm:#eee8dc;
  --te-ink:#283129;
  --te-green:#405a43;
  --te-muted:#6f756c;
  --te-line:#d8d0c1;
}
.oma-tarinat-door{
  margin:0 calc(50% - 50vw);
  padding:clamp(64px,9vw,118px) max(24px,calc((100vw - 1180px)/2));
  background:linear-gradient(180deg,#f7f2e8 0%,#f2ecdf 100%);
  color:var(--te-ink);
}
.oma-tarinat-door__inner{max-width:1180px;margin:0 auto}
.oma-tarinat-door__eyebrow,.oma-tarinat-door__small{
  margin:0 0 13px!important;
  font-family:Arial,sans-serif;
  font-size:.72rem!important;
  font-weight:700;
  letter-spacing:.18em;
  color:var(--te-muted)!important;
}
.oma-tarinat-door h2{
  max-width:900px;
  margin:0;
  font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif;
  font-size:clamp(2.8rem,6vw,5.7rem);
  font-weight:400;
  line-height:1.01;
  color:var(--te-green);
}
.oma-tarinat-door__lead{
  max-width:650px;
  margin:24px 0 46px!important;
  font-size:1.12rem;
  line-height:1.75;
  color:#4e514b;
}
.oma-tarinat-door__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--te-line);
  border-left:1px solid var(--te-line);
}
.oma-tarinat-feeling{
  position:relative;
  min-height:210px;
  padding:28px 30px 30px;
  border:0;
  border-right:1px solid var(--te-line);
  border-bottom:1px solid var(--te-line);
  background:rgba(255,255,255,.18);
  text-align:left;
  color:var(--te-ink);
  cursor:pointer;
  transition:background .22s ease,transform .22s ease;
}
.oma-tarinat-feeling:hover,.oma-tarinat-feeling:focus-visible{
  background:rgba(255,255,255,.58);
  outline:none;
}
.oma-tarinat-feeling[aria-pressed="true"]{
  background:var(--te-green);
  color:#fffdf7;
}
.oma-tarinat-feeling__title{
  display:block;
  margin-bottom:15px;
  font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif;
  font-size:clamp(1.75rem,3vw,2.55rem);
  line-height:1.05;
}
.oma-tarinat-feeling__line{
  display:block;
  max-width:270px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:.98rem;
  line-height:1.6;
  opacity:.78;
}
.oma-tarinat-feeling__arrow{
  position:absolute;
  right:28px;
  bottom:24px;
  font-size:1.15rem;
}
.oma-tarinat-door__after{
  display:grid;
  grid-template-columns:1fr auto;
  gap:40px;
  align-items:end;
  margin-top:58px;
  padding-top:40px;
  border-top:1px solid var(--te-line);
}
.oma-tarinat-door__after h3{
  margin:0 0 12px;
  color:var(--te-green);
  font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif;
  font-size:clamp(1.8rem,3vw,2.8rem);
  font-weight:400;
}
.oma-tarinat-door__after p:not(.oma-tarinat-door__small){
  max-width:650px;margin:0;line-height:1.7;color:#55584f
}
.oma-tarinat-door__cta{
  display:inline-flex;
  align-items:center;
  gap:22px;
  white-space:nowrap;
  padding:13px 21px;
  border:1px solid var(--te-green);
  border-radius:999px;
  color:var(--te-green)!important;
  text-decoration:none!important;
}
.oma-tarinat-door__cta:hover{background:var(--te-green);color:#fff!important}
.oma-tarinat-door__filter-note{
  margin:28px 0 0!important;
  color:var(--te-green)!important;
  font-style:italic;
}
.oma-tarinat-anchor{scroll-margin-top:32px}
.oma-published-story[data-oma-hidden="1"]{display:none!important}
@media(max-width:860px){
  .oma-tarinat-door__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .oma-tarinat-door__after{grid-template-columns:1fr;align-items:start}
}
@media(max-width:560px){
  .oma-tarinat-door{padding-left:20px;padding-right:20px}
  .oma-tarinat-door__grid{grid-template-columns:1fr}
  .oma-tarinat-feeling{min-height:170px}
  .oma-tarinat-door__cta{justify-content:space-between;width:100%}
}


/* 1.1 — center each feeling card as one calm unit.
   The arrow belongs with the text instead of floating at the edge. */
.oma-tarinat-feeling{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:32px 38px;
}
.oma-tarinat-feeling__line{
  max-width:310px;
  margin-left:auto;
  margin-right:auto;
}
.oma-tarinat-feeling__arrow{
  position:static;
  display:block;
  margin-top:22px;
  font-size:1.15rem;
  line-height:1;
}


/* 1.2 — even breathing room between the outer frame and all six cards.
   Replace the shared-border grid with a true framed grid + uniform gap. */
.oma-tarinat-door__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:12px;
  border:1px solid var(--te-line);
}
.oma-tarinat-feeling{
  border:1px solid var(--te-line);
}
@media(max-width:860px){
  .oma-tarinat-door__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:560px){
  .oma-tarinat-door__grid{
    grid-template-columns:1fr;
    gap:10px;
    padding:10px;
  }
}