.arki-paiva{background:var(--pinta);border:1px solid var(--viiva);border-radius:var(--r-iso);padding:clamp(18px,3vw,30px);box-shadow:0 8px 28px #17213008}
.arki-otsikko{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.arki-otsikko h2{font-size:2rem;margin:0}.arki-otsikko .tarra{color:var(--himmea);margin-bottom:4px}
.arki-ruudukko{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.arki-kolme{grid-template-columns:repeat(3,minmax(0,1fr))}.arki-kortti{display:flex;flex-direction:column;gap:7px;background:var(--pinta);border:1px solid var(--viiva);border-radius:var(--r);padding:20px;min-width:0}.arki-kortti span{color:var(--himmea);font-weight:600}.arki-kortti strong{font:700 clamp(1.5rem,3vw,2.4rem)/1.1 var(--fontti-kapea);overflow-wrap:anywhere}.arki-kortti small{color:var(--himmea);line-height:1.4}
.arki-toiminnot{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.arki-toiminnot form{margin:0}.arki-toiminnot .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.arki-luonnos{padding:14px;margin:12px;border:1px solid var(--viiva);border-left:4px solid var(--kattovalo);border-radius:8px;background:var(--pinta-2);display:flex;align-items:center;flex-wrap:wrap;gap:8px}.arki-luonnos span{flex:1 1 100%;font-size:.9rem}.arki-luonnos[hidden]{display:none}.arki-huomiot{padding:12px;background:var(--pinta-2);border-left:4px solid var(--kattovalo);margin-bottom:12px}.arki-huomiot p{margin:0 0 6px}.arki-huomiot p:last-child{margin:0}.arki-huomiot[hidden]{display:none}
.alanav{grid-template-columns:repeat(5,minmax(0,1fr))}.alanav a{min-width:0}.alanav a span{white-space:normal;line-height:1.15}.paanav{gap:4px}
@media(max-width:991px){.arki-ruudukko{grid-template-columns:repeat(2,minmax(0,1fr))}.arki-kolme .arki-kortti:last-child{grid-column:1/-1}.paanav a{padding-left:8px;padding-right:8px}}
@media(max-width:575px){.arki-otsikko{align-items:flex-start;flex-direction:column}.arki-kortti{padding:14px}.arki-toiminnot>*{flex:1 1 calc(50% - 12px)}.arki-toiminnot form .btn,.arki-toiminnot>.btn{width:100%}.arki-toiminnot .btn-lg{font-size:1rem}.arki-ruudukko{gap:10px}.arki-ruudukko .arki-kortti small{font-size:.78rem}}

.hero-etusivu{padding:1.5rem 0 1.75rem}.hero-etusivu+.sivu-runko{padding-top:1.5rem}


.arki-kuukausi{display:grid;grid-template-columns:.9fr 1.15fr 1fr;gap:20px;align-items:stretch;background:var(--pinta);border:1px solid var(--viiva);border-radius:20px;padding:24px;box-shadow:0 8px 28px #17213008}
.arki-kuukausi-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;min-width:0;padding:4px 4px 4px 0}.arki-kuukausi-tunnus{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--himmea)}.arki-kuukausi-tunnus i{display:grid;place-items:center;background:var(--kattovalo);color:#1b2332;width:28px;height:28px;border-radius:8px;font-size:.95rem}
.arki-kuukausi h2{font:700 clamp(1.65rem,2.5vw,2.2rem)/1.1 var(--fontti-kapea);color:var(--teksti);margin:0}.arki-kuukausi h2 span{color:var(--himmea);font-weight:500}.arki-kuukausi-intro>a{display:inline-flex;align-items:center;gap:8px;color:var(--teksti);font-size:.9rem;font-weight:600;text-decoration:none;padding:4px 0;border-bottom:1px solid var(--viiva)}.arki-kuukausi-intro>a:hover{border-color:var(--kattovalo)}
.arki-kuukausi-luku{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:22px;border-radius:14px;background:var(--pinta-2);border:1px solid var(--viiva)}.arki-kuukausi-luku>span{font-size:.88rem;color:var(--himmea);font-weight:600}.arki-kuukausi-luku strong{font:700 clamp(1.8rem,3.6vw,3.2rem)/1.05 var(--fontti-kapea);letter-spacing:-.02em;color:var(--teksti);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.arki-kuukausi-luku small{font-size:.8rem;color:var(--himmea);line-height:1.4}.arki-kuukausi-paa{background:color-mix(in srgb,var(--kattovalo) 12%,var(--pinta));border-color:color-mix(in srgb,var(--kattovalo) 60%,var(--viiva));box-shadow:inset 0 3px 0 var(--kattovalo)}
@media(max-width:991px){.arki-kuukausi{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.arki-kuukausi-intro{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center}.arki-kuukausi-tunnus{grid-column:1/-1}.arki-kuukausi-intro>a{grid-column:2;grid-row:2}.arki-kuukausi h2{grid-column:1;grid-row:2}}
@media(max-width:575px){.arki-kuukausi{padding:18px;gap:12px;border-radius:18px}.arki-kuukausi-luku{padding:16px 12px;gap:7px}.arki-kuukausi-luku>span{font-size:.8rem}.arki-kuukausi-luku strong{font-size:clamp(1.65rem,6.7vw,2.25rem)}.arki-kuukausi-luku small{font-size:.73rem}.arki-kuukausi-intro>a{font-size:.8rem}.arki-kuukausi-tunnus{font-size:.7rem}.arki-kuukausi h2{font-size:1.8rem}}

/* Pikalinkkien teksti pysyy kortin sisällä myös pitkissä suomalaisissa sanoissa. */
.pikatoiminnot{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.pikatoiminnot>a,.pikatoiminnot>button{min-width:0;align-items:flex-start;gap:12px}
.pikatoiminnot>a>span,.pikatoiminnot>button>span{flex:1;min-width:0;overflow-wrap:anywhere;hyphens:auto}
.pikatoiminnot strong{display:block;overflow-wrap:anywhere;hyphens:auto;line-height:1.35}
.pikatoiminnot span span{overflow-wrap:anywhere}
@media(max-width:575px){.pikatoiminnot{grid-template-columns:repeat(2,minmax(0,1fr))}.pikatoiminnot>a,.pikatoiminnot>button{flex-direction:column;padding:14px;gap:10px}.pikatoiminnot strong{font-size:.9rem}.pikatoiminnot i{width:34px;height:34px;font-size:1rem}}

/* Yläpalkin navigointi pysyy samassa kohdassa lyhyillä ja pitkillä sivuilla. */
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}
.ylapalkki-sisus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;height:62px}
.ylapalkki-sisus>.merkki{grid-column:1;grid-row:1;min-width:0;overflow:hidden}.ylapalkki .kupu-pieni{flex-shrink:0}
.ylapalkki .merkki-teksti{min-width:0}.ylapalkki .merkki-nimi,.ylapalkki .merkki-kuvaus{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ylapalkki-sisus>.paanav{grid-column:2;grid-row:1;justify-self:center;flex-wrap:nowrap;white-space:nowrap}.ylapalkki .paanav a{flex-shrink:0;font-weight:500}
.ylapalkki-toiminnot{grid-column:3;grid-row:1;display:flex;justify-content:flex-end;align-items:center;gap:8px;min-width:0}
.ylapalkki-toiminnot>.teemanappi{flex-shrink:0}.ylapalkki-toiminnot>.dropdown{flex-shrink:0;min-width:0}
.ylapalkki .profiilinappi>span:not(.avatar){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:768px) and (max-width:1199px){.ylapalkki .profiilinappi>span:not(.avatar){display:none!important}}
@media(min-width:768px) and (max-width:991px){.ylapalkki-sisus{gap:8px}.ylapalkki .merkki-teksti{display:none}.ylapalkki-toiminnot{gap:4px}.ylapalkki-toiminnot .teemanappi{width:32px;height:32px;font-size:1rem}.ylapalkki-toiminnot .profiilinappi{padding:0}.ylapalkki-toiminnot .profiilinappi>.bi-chevron-down{display:none}}
@media(max-width:767px){.ylapalkki-sisus{grid-template-columns:minmax(0,1fr) auto;gap:10px}.ylapalkki-toiminnot{grid-column:2;gap:6px}.ylapalkki .profiilinappi>span:not(.avatar){display:none!important}}
@media(max-width:359px){.ylapalkki .merkki-teksti{display:none}.ylapalkki-toiminnot .teemanappi{width:34px;height:34px}.ylapalkki-toiminnot{gap:4px}}
.peru-ilmoitus{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:20px;z-index:1040;display:flex;align-items:center;gap:10px;max-width:min(500px,calc(100vw - 32px));padding:14px 16px;background:var(--pinta);color:var(--teksti);border:1px solid var(--viiva);border-left:4px solid var(--kattovalo);border-radius:12px;box-shadow:0 8px 30px #0002}.peru-ilmoitus>div{min-width:0}.peru-ilmoitus strong,.peru-ilmoitus small{display:block}.peru-ilmoitus small{color:var(--himmea);font-size:.8rem}.peru-ilmoitus form{margin:0}.peru-ilmoitus[hidden]{display:none}.layout-readonly-preview .peru-ilmoitus{display:none!important}.lopetus-tila{padding:18px;border:1px solid var(--viiva);border-radius:12px;background:var(--pinta-2)}.valmiit-mallit{padding:18px;border:1px solid var(--viiva);border-radius:12px;background:var(--pinta-2)}
@media(max-width:767px){.peru-ilmoitus{bottom:calc(70px + env(safe-area-inset-bottom));right:12px;left:12px;max-width:none;font-size:.88rem}.peru-ilmoitus small{font-size:.75rem}}

.tarkistus-rivi>.flex-grow-1{min-width:0;overflow-wrap:anywhere}.varmistus-nakyma dd code{overflow-wrap:anywhere}@media(max-width:575px){.tarkistus-rivi{flex-wrap:wrap}.tarkistus-rivi>.flex-grow-1{flex-basis:calc(100% - 48px)}.tarkistus-rivi>.btn{margin-left:36px;white-space:normal!important}}

.paivan-vuoro{display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--viiva);padding:14px 0}.paivan-vuoro>div{min-width:0;overflow-wrap:anywhere}.paivan-vuoro p{margin:4px 0}.paivan-raportit{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}.paivan-raportit article{display:flex;flex-direction:column;gap:10px}.paivan-raportit img{width:100%;height:220px;object-fit:contain;background:var(--pinta-2);border:1px solid var(--viiva);border-radius:10px}.vuoro-toiminnot{flex-wrap:wrap;max-width:280px}@media(max-width:575px){.paivan-vuoro{align-items:flex-start;flex-direction:column}.vuoro-toiminnot{max-width:none}.paivan-raportit img{height:180px}}