/* Etusivun uudet jutut: nykyiset sanomalehden fontit, värit ja ulommat palstat säilyvät. */
.lehti-ajankohtaiset{margin:0;font:700 .7rem/1.2 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--red)}
.lehti-public .lehti-photo{margin:.65rem 0 1rem}.lehti-public .lehti-photo img{display:block;width:100%;height:auto;max-height:240px;object-fit:contain}.lehti-public figcaption{font:.7rem/1.4 var(--ui);color:var(--muted);margin-top:.35rem;text-align:left}
.lehti-public .lehti-news-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-width:auto;gap:24px 28px;column-rule:0;align-items:start}.lehti-public .lehti-story{grid-column:span 4;min-width:0;border-top:1px solid var(--soft);padding-top:12px;margin:0}.lehti-public .lehti-story:nth-child(7n+1),.lehti-public .lehti-story:nth-child(7n+2){grid-column:span 6}.lehti-public .lehti-story:nth-child(7n+6),.lehti-public .lehti-story:nth-child(7n+7){grid-column:span 3}
.lehti-public .lehti-story-title{display:block;margin:0 0 6px;font:700 1.35rem/1.12 var(--head);color:var(--ink)}.lehti-public .lehti-story-intro{display:block;font:italic 400 1.05rem/1.4 var(--head);margin:0 0 .5rem;overflow-wrap:anywhere}.lehti-public .lehti-story-body{margin:.6rem 0;overflow-wrap:anywhere;hyphens:auto}.lehti-public .lehti-story-body p{margin:0;text-align:left}.lehti-public .lehti-origin{font:.65rem/1.4 var(--ui);color:var(--muted);margin-top:.5rem}
.lehti-public .lehti-ad{min-width:0}.lehti-public .lehti-ad .lehti-story-title{font-size:1.2rem}.lehti-public .lehti-ad .lehti-story-intro{font-size:1rem}
@media(max-width:1000px){.lehti-public .lehti-story:nth-child(n){grid-column:span 6}}@media(max-width:600px){.lehti-public .lehti-news-grid{display:block}.lehti-public .lehti-story{margin-bottom:22px}.lehti-public .lehti-photo img{max-height:320px}}

/* Ylläpidon työkalut: vain kirjautuneen ylläpitäjän näkymässä. */
.lehti-controls{border-top:1px solid var(--soft);margin-top:1rem;padding-top:.6rem}.lehti-controls .lehti-state,.lehti-preview-notice{font:600 .75rem/1.5 var(--ui);color:var(--muted)}.lehti-controls form,.lehti-editor-actions{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.lehti-controls button,.lehti-controls .btn{font:600 .7rem/1.3 var(--ui);padding:.45rem .6rem;margin:0}.lehti-controls button{background:var(--teal);color:#fff}.lehti-controls button:disabled{opacity:.5;cursor:default}.lehti-editor{margin:1rem 0 2rem;padding:1rem;border:1px solid var(--soft);background:var(--paper)}.lehti-editor form{display:grid;gap:.7rem}.lehti-editor input[type=text],.lehti-editor textarea{width:100%;box-sizing:border-box}.lehti-editor fieldset{min-width:0;padding:.75rem;border:1px solid var(--soft)}.lehti-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;max-height:30rem;overflow:auto;padding:.4rem}.lehti-image-option{display:flex;flex-direction:column;gap:.35rem;padding:.5rem;border:2px solid transparent;background:var(--card);font:.7rem/1.4 var(--ui);overflow-wrap:anywhere;cursor:pointer;min-width:0}.lehti-image-option:has(input:checked){border-color:var(--teal)}.lehti-image-option img{width:100%;height:95px;object-fit:contain}.lehti-image-option input{align-self:flex-start}.lehti-editor-actions button{background:var(--teal)}

/* Päivän lehti (taitto): pikku-uutiset, ilmoitukset ja pikkuilmoitukset samassa sanomalehtivirrassa (CSS columns).
   Palstamäärä seuraa osion omaa leveyttä: 3 palstaa leveällä, 2 keskileveällä, 1 kapealla (mobiili). Laatikot eivät katkea palstojen välillä. */
.lehti-daily{container-type:inline-size}
.lehti-daily .lehti-flow{display:block;column-width:15em;column-count:auto;column-gap:30px;column-rule:1px solid var(--soft)}
@container (max-width:459px){.lehti-daily .lehti-flow{column-count:1;column-width:auto}}
@container (min-width:460px) and (max-width:719px){.lehti-daily .lehti-flow{column-count:2;column-width:auto}}
@container (min-width:720px){.lehti-daily .lehti-flow{column-count:3;column-width:auto}}
.lehti-daily .lehti-flow>.lehti-box{display:block;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin:0 0 22px;min-width:0;overflow-wrap:anywhere}
.lehti-daily .lehti-flow>.lehti-story{border-top:1px solid var(--soft);padding-top:12px}
.lehti-daily .lehti-flow .lehti-photo{margin:.5rem 0 .8rem}
.lehti-daily .lehti-flow .lehti-photo img{max-height:220px}
/* Otsikkokoot (3 luokkaa, painoksen siemenestä); serif-fontti ja punaiset osastotunnukset ovat nykyiset */
.lehti-daily .lehti-t1 .lehti-story-title{font-size:1.6rem;line-height:1.08}.lehti-daily .lehti-t1 .lehti-story-intro{font-size:1.1rem}
.lehti-daily .lehti-t2 .lehti-story-title{font-size:1.3rem;line-height:1.12}
.lehti-daily .lehti-t3 .lehti-story-title{font-size:1.08rem;line-height:1.15}.lehti-daily .lehti-t3 .lehti-story-intro{font-size:.98rem}
/* Ilmoituslaatikot: nykyinen kehystys, kolme kokoa (kapea, normaali, korkea) */
.lehti-daily .lehti-flow>.lehti-ad{border:3px double var(--ink);padding:1rem;background:var(--paper)}
.lehti-daily .lehti-ad .lehti-story-title{text-transform:uppercase}
.lehti-daily .lehti-flow>.lehti-ad-s{margin-left:8%;margin-right:8%;padding:.7rem .8rem}.lehti-daily .lehti-ad-s .lehti-story-title{font-size:1.02rem}.lehti-daily .lehti-ad-s .lehti-story-intro,.lehti-daily .lehti-ad-s .lehti-story-body{font-size:.92rem}
.lehti-daily .lehti-flow>.lehti-ad-l{padding:1.6rem 1.1rem;text-align:center}.lehti-daily .lehti-ad-l .lehti-story-title{font-size:1.45rem}.lehti-daily .lehti-ad-l .lehti-story-body p{text-align:center}.lehti-daily .lehti-ad-l .lehti-photo{margin-left:auto;margin-right:auto}
/* Vanhat pikkuilmoitukset pieninä luokkailmoituksina */
.lehti-daily .lehti-flow>.lehti-luokka{border:2px dashed var(--ink);padding:.6rem .75rem;background:#fff;font-size:.92rem;line-height:1.4}
.lehti-daily .lehti-luokka::before{content:"Pikkuilmoitus";display:block;font:600 .6rem/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.lehti-daily .lehti-luokka b{display:block;font:700 .72rem/1.2 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:4px}
.lehti-daily .lehti-luokka i{display:block;margin-top:6px;font:600 .72rem/1.2 var(--ui);color:var(--muted);font-style:normal}
.lehti-content>.lehti-pending,.lehti-content>.lehti-archive{grid-column:1/-1}.lehti-comic{min-width:0;overflow:hidden}.lehti-comic img{display:block;width:100%;max-width:min(100%,900px);height:auto;margin:0 auto}.lehti-arvonta{margin:0 0 .8rem;padding:.4rem 0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.lehti-arvonta .lehti-preview-notice{flex:1 1 14rem;margin:0}.lehti-archive article{border-top:1px solid var(--soft);padding:.8rem 0}.lehti-pending{margin-top:2rem}
/* Pääuutisen otsikko ja ingressi eivät saa ylittää kapeaa palstaa (320 px): pitkä sana katkeaa tarvittaessa */
/* Kuvan koko (100/70/45 % palstan leveydestä, painoksen siemenestä): tasoittaa palstojen alapäitä */
.lehti-daily .lehti-imgs-70 .lehti-photo{width:70%;margin-left:auto;margin-right:auto}.lehti-daily .lehti-imgs-45 .lehti-photo{width:45%;margin-left:auto;margin-right:auto}

/* Pikkuilmoitukset juttutaulusta: oma kuva, ylläpidon kaikkien pikkuilmoitusten lista, kuvan lataus muokkauslomakkeessa */
.lehti-daily .lehti-luokka .lehti-luokka-kuva{display:block;width:100%;height:auto;max-height:150px;object-fit:contain;margin:0 0 .5rem}
.lehti-luokka .lehti-controls{margin-top:.6rem}
.lehti-luokka .lehti-controls button,.lehti-luokka .lehti-controls .btn{font-size:.65rem;padding:.35rem .5rem}
.lehti-pikkuilmoitukset{margin-top:2rem;border-top:3px solid var(--ink);padding-top:12px}
.lehti-content>.lehti-pikkuilmoitukset{grid-column:1/-1}
.lehti-luokka-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;align-items:start}
.lehti-luokka-lista .lehti-luokka{border:2px dashed var(--ink);padding:.6rem .75rem;background:#fff;font-size:.92rem;line-height:1.4;min-width:0;overflow-wrap:anywhere}
.lehti-luokka-lista .lehti-luokka::before{content:"Pikkuilmoitus";display:block;font:600 .6rem/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.lehti-luokka-lista .lehti-luokka b{display:block;font:700 .72rem/1.2 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:4px}
.lehti-luokka-lista .lehti-luokka i{display:block;margin-top:6px;font:600 .72rem/1.2 var(--ui);color:var(--muted);font-style:normal}
.lehti-luokka-lista .lehti-luokka-kuva{display:block;width:100%;height:auto;max-height:150px;object-fit:contain;margin:0 0 .5rem}
.lehti-luokka-huom{display:block;margin-top:.5rem;font:600 .65rem/1.4 var(--ui);color:var(--teal)}
.lehti-editor .lehti-upload input[type=file]{width:100%;box-sizing:border-box}

/* Pääuutinen: osasto, otsikko ja ingressi koko leveydellä ylhäällä; alla kuva ja teksti kuvasuhteen ja leveyden mukaan (osion oma leveys, ei näytön).
   leveys >= 760 px: kuva 40 % vasemmalla + teksti 2 palstaa (leveä kuva: kuva koko leveydellä, max 420 px, teksti 3 palstaa; ei kuvaa: 3 palstaa);
   460-759 px: kuva 40 % vasemmalla + teksti 1 palstaa (ei kuvaa: 2); alle 460 px: kaikki allekkain. */
.lehti-public .lehti-lead h3{font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.04;hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word;text-wrap:balance}
.lehti-public .lehti-lead .lu-deck,.lehti-public .lehti-lead .lu-by{hyphens:manual;overflow-wrap:break-word}
.lehti-lead .lehti-lead-runko{display:block;min-width:0}
.lehti-lead .lehti-photo{margin:0 0 1rem;min-width:0}
.lehti-lead .lehti-photo img{display:block;width:100%;height:auto;max-height:640px;object-fit:contain}
.lehti-lead-leveakuva .lehti-photo img{max-height:420px}
.lehti-lead .lehti-story-body{margin:0;min-width:0}
@container (max-width:340px){.lehti-public .lehti-lead h3{font-size:1.45rem;overflow-wrap:anywhere}}
@container (min-width:460px){
  .lehti-lead-kuvallinen .lehti-lead-runko,.lehti-lead-leveakuva .lehti-lead-runko{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:28px;align-items:start}
  .lehti-lead-kuvallinen .lehti-photo,.lehti-lead-leveakuva .lehti-photo{margin:0}
  .lehti-lead-kuvaton .lehti-story-body{column-count:2;column-gap:28px;column-rule:1px solid var(--soft)}
}
@container (min-width:760px){
  .lehti-lead-kuvallinen .lehti-story-body{column-count:2;column-gap:28px;column-rule:1px solid var(--soft)}
  .lehti-lead-leveakuva .lehti-lead-runko{display:block}
  .lehti-lead-leveakuva .lehti-photo{margin:0 0 1rem}
  .lehti-lead-leveakuva .lehti-story-body,.lehti-lead-kuvaton .lehti-story-body{column-count:3;column-gap:28px;column-rule:1px solid var(--soft)}
}

/* Etusivun luonti muokkaustilassa: luontinapit ja Poista-painike (vain ylläpidolle) */
.lehti-luonti{margin:.4rem 0 1rem}.lehti-luonti .btn{display:inline-block;margin:0 .4rem .4rem 0}
.lehti-controls .lehti-poista{display:inline;margin:0 0 0 .4rem}.lehti-controls .lehti-poista button{background:#fff;color:var(--red);border:1px solid var(--red)}
