/* JKL Innovation — arkisto. Rakenne ja mittajärjestelmä: Ollie-teema (Mike McAlister, GPL-3.0-or-later),
   fontit Mona Sans (GitHub, OFL-1.1) ja Montagu Slab (OFL-1.1), osajoukot. Väri- ja komponenttikerros oma. */
@font-face{font-family:"Mona Sans";src:url(/kirjasimet/monasans-ls.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Montagu Slab";src:url(/kirjasimet/montagu-slab-ls.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{
  --ink:#13232b;--ink-2:#45545c;--paper:#fff;--mist:#eef4f5;--line:#d5e1e4;
  --petrol:#0b5f6b;--petrol-d:#073f48;--lake:#d9ecef;--signal:#d9502b;
  --s1:.5rem;--s2:.75rem;--s3:1rem;--s4:1.5rem;--s5:2.25rem;--s6:3.5rem;--s7:5rem;
  --r:10px;--wrap:1180px;--read:68ch;
  --f-body:"Mona Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-head:"Montagu Slab",Georgia,serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;font:400 1.0625rem/1.65 var(--f-body);color:var(--ink);background:var(--paper)}
img{max-width:100%;height:auto;display:block}
a{color:var(--petrol);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--petrol-d);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--signal);outline-offset:2px;border-radius:3px}
h1,h2,h3,h4{font-family:var(--f-head);font-weight:600;line-height:1.18;letter-spacing:-.01em;margin:0 0 var(--s3)}
h1{font-size:clamp(1.85rem,1.2rem + 2.6vw,3rem)}
h2{font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);margin-top:var(--s5)}
h3{font-size:1.25rem;margin-top:var(--s4)}
p,ul,ol,table{margin:0 0 var(--s3)}
.ixlukija{position:absolute;left:-9999px}
.ixlukija:focus{left:var(--s3);top:var(--s3);z-index:50;background:var(--paper);padding:var(--s2) var(--s3)}
.ixkehys{max-width:var(--wrap);margin:0 auto;padding:0 var(--s4)}

/* yläpalkki: arkistoilmoitus (Ollie header-light-with-banner) */
.ixilmoitus{background:var(--petrol-d);color:#e8f3f4;font-size:.875rem}
.ixilmoitus .ixkehys{display:flex;gap:var(--s2);align-items:center;min-height:2.5rem;padding-block:.4rem}
.ixilmoitus a{color:#fff}
.ixilmoitus__lang{margin-left:auto;white-space:nowrap}

.ixylapaa{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(6px);border-bottom:1px solid var(--line)}
.ixylapaa .ixkehys{display:flex;align-items:center;gap:var(--s4);min-height:4.25rem}
.ixmerkki{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);font-family:var(--f-head);font-weight:700;font-size:1.2rem;line-height:1.1}
.ixmerkki svg{flex:none}
.ixmerkki small{display:block;font:500 .72rem/1.2 var(--f-body);color:var(--ink-2);letter-spacing:.04em;text-transform:uppercase}
.ixvalikko{margin-left:auto}
.ixvalikko ul{list-style:none;margin:0;padding:0;display:flex;gap:.25rem}
.ixvalikko a{display:block;padding:.65rem .8rem;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:500;font-size:.98rem}
.ixvalikko a:hover,.ixvalikko a[aria-current]{background:var(--mist);color:var(--petrol-d)}
.ixvalikkonappi{display:none;margin-left:auto;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font:600 .9rem var(--f-body);color:var(--ink);padding:0 .9rem}

/* polku */
.ixpolku{font-size:.875rem;color:var(--ink-2);padding-top:var(--s4)}
.ixpolku ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .45rem}
.ixpolku li+li::before{content:"›";margin-right:.45rem;color:var(--line)}
.ixpolku a{color:var(--ink-2)}

/* etusivun avaus (Ollie hero-light) */
.ixavaus{background:linear-gradient(180deg,var(--mist),var(--paper));border-bottom:1px solid var(--line)}
.ixavaus .ixkehys{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--s6);align-items:center;padding-block:var(--s6)}
.ixavaus__yla{font:600 .8rem/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--petrol);margin-bottom:var(--s3)}
.ixavaus p{font-size:1.15rem;color:var(--ink-2);max-width:56ch}
.ixavaus__kuva{border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--lake)}
.ixavaus__kuva img{width:100%;height:100%;object-fit:cover}
.ixnapit{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}
.ixnappi{display:inline-flex;align-items:center;min-height:44px;padding:.6rem 1.15rem;border-radius:999px;background:var(--petrol);color:#fff;text-decoration:none;font-weight:600}
.ixnappi:hover{background:var(--petrol-d);color:#fff;text-decoration:none}
.ixnappi--haamu{background:transparent;color:var(--petrol-d);border:1.5px solid var(--petrol)}
.ixnappi--haamu:hover{background:var(--lake);color:var(--petrol-d)}

/* luvut (Ollie numbers) */
.ixluvut{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4);padding-block:var(--s5);border-bottom:1px solid var(--line)}
.ixluvut b{display:block;font:600 2.2rem/1 var(--f-head);color:var(--petrol)}
.ixluvut span{font-size:.92rem;color:var(--ink-2)}

/* osiot ja kortit */
.ixosio{padding-block:var(--s6)}
.ixosio__otsikko{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4)}
.ixosio__otsikko h2{margin:0}
.ixruudukko{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}
.ixkortti{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);padding:var(--s4);background:var(--paper);transition:border-color .15s,box-shadow .15s}
.ixkortti:hover{border-color:var(--petrol);box-shadow:0 6px 24px rgba(11,95,107,.08)}
.ixkortti h3{margin:0 0 var(--s2);font-size:1.15rem}
.ixkortti h3 a{color:var(--ink);text-decoration:none}
.ixkortti h3 a::after{content:"";position:absolute;inset:0}
.ixkortti p{font-size:.97rem;color:var(--ink-2);margin:0}
.ixkortti__pvm{font:600 .78rem/1 var(--f-body);color:var(--signal);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--s2)}
.ixkortti__ala{margin-top:auto;padding-top:var(--s3);font-size:.85rem;color:var(--petrol)}
.ixklusteri{border-top:4px solid var(--petrol)}

/* uutislista (Ollie post-loop-list) */
.ixlista{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ixlista li{display:grid;grid-template-columns:8.5rem 1fr;gap:var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--line)}
.ixlista time{font-size:.88rem;color:var(--ink-2);padding-top:.15rem}
.ixlista a{font-weight:600;color:var(--ink)}
.ixlista p{margin:.25rem 0 0;font-size:.95rem;color:var(--ink-2)}

/* artikkeli */
.ixsivu{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s6);padding-block:var(--s4) var(--s7)}
.ixsivu--leve{grid-template-columns:minmax(0,1fr)}
.ixteksti{max-width:var(--read)}
.ixteksti h1{margin-top:var(--s2)}
.ixmeta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.88rem;color:var(--ink-2);margin-bottom:var(--s4)}
.ixmeta .ixleima{background:var(--lake);color:var(--petrol-d);border-radius:999px;padding:.15rem .65rem;font-weight:600}
.ixteksti img{border-radius:6px;margin:var(--s3) 0}
.ixteksti table{border-collapse:collapse;width:100%;font-size:.95rem;display:block;overflow-x:auto}
.ixteksti td,.ixteksti th{border:1px solid var(--line);padding:.5rem .65rem;vertical-align:top;text-align:left}
.ixteksti th{background:var(--mist)}
.ixteksti blockquote{margin:var(--s4) 0;padding:var(--s2) var(--s4);border-left:4px solid var(--petrol);background:var(--mist)}
.ixhuom{border:1px solid var(--line);background:var(--mist);border-radius:var(--r);padding:var(--s3) var(--s4);font-size:.95rem;margin:var(--s4) 0}
.ixsivupalkki{font-size:.95rem}
.ixlaatikko{border:1px solid var(--line);border-radius:var(--r);padding:var(--s4);margin-bottom:var(--s4)}
.ixlaatikko h2{font-size:1.05rem;margin:0 0 var(--s2)}
.ixlaatikko ul{list-style:none;margin:0;padding:0}
.ixlaatikko li{padding:.35rem 0;border-bottom:1px dashed var(--line)}
.ixlaatikko li:last-child{border:0}
.ixlaatikko a{text-decoration:none}
.ixlaatikko a[aria-current]{font-weight:700;color:var(--ink)}

/* haku */
.ixhakukentta{width:100%;min-height:48px;font:inherit;padding:.6rem .9rem;border:1.5px solid var(--line);border-radius:8px}
.ixhakukentta:focus{border-color:var(--petrol);outline:none}

/* alatunniste (Ollie footer-light) */
.ixalapaa{background:var(--ink);color:#c9d6da;font-size:.93rem;margin-top:var(--s6)}
.ixalapaa .ixkehys{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--s5);padding-block:var(--s6) var(--s4)}
.ixalapaa h2{font:600 .8rem/1 var(--f-body);text-transform:uppercase;letter-spacing:.08em;color:#fff;margin:0 0 var(--s3)}
.ixalapaa ul{list-style:none;margin:0;padding:0}
.ixalapaa li{padding:.25rem 0}
.ixalapaa a{color:#e3eef0;text-decoration:none;display:inline-block;padding:.2rem 0}
.ixalapaa a:hover{text-decoration:underline}
.ixalapaa__pohja{border-top:1px solid #2c3d45;grid-column:1/-1;padding-top:var(--s3);display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:space-between;font-size:.85rem;color:#93a6ad}

@media (max-width:960px){
  .ixavaus .ixkehys{grid-template-columns:1fr;gap:var(--s4);padding-block:var(--s5)}
  .ixruudukko{grid-template-columns:1fr 1fr}
  .ixsivu{grid-template-columns:1fr;gap:var(--s4)}
  .ixalapaa .ixkehys{grid-template-columns:1fr 1fr}
  .ixluvut{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .ixkehys{padding:0 var(--s3)}
  .ixvalikkonappi{display:inline-flex;align-items:center}
  .ixvalikko{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(0,0,0,.08)}
  .ixvalikko.ixauki{display:block}
  .ixvalikko ul{flex-direction:column;padding:var(--s2) var(--s3) var(--s3)}
  .ixvalikko a{padding:.8rem .6rem;font-size:1.05rem;min-height:44px}
  .ixylapaa .ixkehys{position:relative;min-height:3.75rem}
  .ixmerkki{font-size:1.05rem}
  .ixruudukko{grid-template-columns:1fr}
  .ixlista li{grid-template-columns:1fr;gap:.2rem}
  .ixalapaa .ixkehys{grid-template-columns:1fr;gap:var(--s4)}
  .ixilmoitus .ixkehys{font-size:.8rem}
  .ixpolku{padding-top:var(--s3)}
  .ixosio{padding-block:var(--s5)}
}
.ixavaus__teksti p{font-size:1.08rem}
.ixavaus__teksti img{float:right;width:min(190px,40%);margin:0 0 var(--s3) var(--s4);border-radius:8px}
.ixavaus__kortti{background:var(--paper);margin:0}
.ixavaus__kortti li{padding:.55rem 0}
.ixteksti,.ixlista,.ixkortti,.ixlaatikko{overflow-wrap:anywhere}
.ixosio__otsikko{flex-wrap:wrap}
.ixosio__otsikko a{white-space:nowrap;display:inline-block;padding:.6rem 0}
.ixpolku a{display:inline-block;padding:.55rem 0}
.ixalapaa a{padding:.55rem 0}
.ixlaatikko a{display:inline-block;padding:.3rem 0}
.ixilmoitus a{display:inline-block;padding:.5rem .15rem}
@media (max-width:760px){.ixavaus__teksti img{float:none;width:150px;margin:0 0 var(--s3)}.ixavaus h1{font-size:1.75rem}}
@media (max-width:760px){.ixpolku a,.ixalapaa a,.ixilmoitus a,.ixlaatikko a,.ixosio__otsikko a,.ixlista a{display:inline-flex;align-items:center;min-height:44px;padding-top:0;padding-bottom:0}}