/* Ziņas / Uutiset — blogisivun tyylit */
  
:root{
  --red:#8d2027; --red-dark:#6f181e;
  --gold:#e4c56a; --gold-soft:#ffd87a;
  --cream:#f5ece0; --ink:#2a2626;
  --card:rgba(26,14,12,0.62);
  --line:rgba(228,197,106,0.45);
}
*{box-sizing:border-box;}
body{
  margin:0; min-height:100vh; color:var(--cream);
  font-family:'EB Garamond','Georgia',serif; font-size:1.08rem; line-height:1.75;
  background:
    linear-gradient(rgba(16,8,8,0.30), rgba(16,8,8,0.45)),
    url('images/blogi_bg.jpg') center/cover fixed no-repeat;
  padding:0 18px 70px;
}

/* Paluulinkki + kielivalitsin */
.zinas-back,
.zinas-lang{
  position:fixed; top:16px; z-index:20;
   transform:translateZ(0);
  -webkit-transform:translateZ(0);
  will-change:transform;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.zinas-back{
  left:16px; display:inline-flex; align-items:center; gap:.4rem;
  background:rgba(20,10,10,0.55); color:var(--cream); text-decoration:none;
  font-weight:600; font-size:.92rem; padding:.45rem 1.05rem; border-radius:30px;
  border:1px solid rgba(255,255,255,.3); backdrop-filter:blur(4px);
  transition:background .2s;
}
.zinas-back:hover{ background:var(--red); }
.zinas-lang{ right:16px; display:flex; gap:.15rem; background:rgba(20,10,10,0.55);
  border:1px solid rgba(255,255,255,.25); border-radius:30px; padding:.2rem; backdrop-filter:blur(4px); }
.zinas-lang a{ color:var(--cream); text-decoration:none; font-weight:700; font-size:.78rem;
  letter-spacing:.04em; padding:.3rem .6rem; border-radius:20px; opacity:.72; transition:.2s; }
.zinas-lang a:hover{ opacity:1; }
.zinas-lang a.active{ background:var(--red); opacity:1; color:#fff; }

/* Hero */
.zinas-hero{ text-align:center; padding:clamp(4.5rem,11vw,7rem) 0 1.5rem; }
.zinas-eyebrow{ font-family:'Playfair Display',serif; letter-spacing:.3em; text-transform:uppercase;
  font-size:.72rem; color:var(--gold); margin:0 0 .4rem; }
.zinas-hero h1{
  font-family:'Playfair Display',serif; font-weight:700; margin:0;
  font-size:clamp(2.6rem,7vw,4.4rem); color:#fff; letter-spacing:.01em;
  text-shadow:0 2px 20px rgba(0,0,0,.55);
}
.zinas-lead{ font-style:italic; color:var(--gold-soft); margin:.4rem 0 0; font-size:1.15rem;
  text-shadow:0 1px 6px rgba(0,0,0,.6); }
.zinas-band{ height:26px; margin:1.4rem auto 0; max-width:420px;
  background:url('images/banner_prievite.png') center/auto 100% repeat-x; opacity:.9; }

/* Uutiskortit */
.zinas-wrap{ max-width:760px; margin:1.5rem auto 0; }
.zina{
  background:var(--card); border:1px solid rgba(255,255,255,.1);
  border-left:4px solid var(--gold); border-radius:14px;
  padding:1.5rem 1.8rem; margin-bottom:1.5rem;
  box-shadow:0 10px 30px rgba(0,0,0,.35); backdrop-filter:blur(7px);
}
.zina-date{ display:inline-block; font-family:'Playfair Display',serif; font-size:.82rem;
  letter-spacing:.14em; text-transform:uppercase; color:var(--gold-soft); margin-bottom:.4rem; }
.zina-title{ font-family:'Playfair Display',serif; font-weight:700; color:#fff;
  font-size:clamp(1.4rem,3vw,1.9rem); margin:0 0 .7rem; line-height:1.2;
  text-shadow:0 1px 8px rgba(0,0,0,.5); }
.zina-text{ color:var(--cream); font-size:1.08rem; line-height:1.8;
  text-shadow:0 1px 3px rgba(0,0,0,.6); }
.zina-text a{ color:var(--gold-soft); }

.zinas-empty{ text-align:center; color:var(--gold-soft); font-style:italic;
  background:var(--card); border-radius:14px; padding:2rem; max-width:520px; margin:2rem auto;
  backdrop-filter:blur(7px); }

/* Footer */
.zinas-footer{ text-align:center; margin-top:2.5rem; color:rgba(245,236,224,.75); font-size:.9rem;
  text-shadow:0 1px 4px rgba(0,0,0,.6); }
.zinas-footer a{ color:var(--gold-soft); text-decoration:none; }
.zinas-footer a:hover{ text-decoration:underline; }

/* Esiintulo oikealta vasemmalle */
.reveal{ opacity:0; transform:translateX(55px); transition:opacity .7s ease, transform .7s ease; }
.reveal.vis{ opacity:1; transform:none; }

@media (max-width:560px){
  .zina{ padding:1.2rem 1.25rem; }
  body{ background-attachment:scroll; }
}
@media (prefers-reduced-motion: reduce){
  .reveal{ opacity:1; transform:none; transition:none; }
  body{ background-attachment:scroll; }
}

/* Alareunan paluunappi (kuten muilla sivuilla) */
.zinas-bottom{ text-align:center; margin-top:2.6rem; }
.zinas-btn{
  display:inline-flex; align-items:center; gap:.6rem;
  font-family:'Playfair Display',serif; font-weight:700; font-size:1.12rem;
  color:#fff; text-decoration:none;
  background:linear-gradient(135deg,var(--red),var(--red-dark));
  border:2px solid var(--gold); border-radius:40px; padding:.8rem 2rem;
  box-shadow:0 8px 22px rgba(141,32,39,.35);
  transition:transform .2s, box-shadow .2s, border-color .2s;
}
.zinas-btn:hover{ transform:translateY(-3px); color:#fff;
  box-shadow:0 14px 30px rgba(141,32,39,.45); border-color:var(--gold-soft); }
.zinas-btn__arrow{ font-size:1.2em; line-height:1; transition:transform .2s; }
.zinas-btn:hover .zinas-btn__arrow{ transform:translateX(-5px); }

/* Kuvat uutistekstin seassa */
.zina-fig{ margin:1.3rem 0; }
.zina-fig img{ width:100%; height:auto; display:block; border-radius:10px;
  border:1px solid rgba(255,255,255,.14); box-shadow:0 8px 24px rgba(0,0,0,.4); }