/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@layer properties,theme,base,components,utilities;@layer components{.aihetiili{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:6px;background:var(--forest);color:var(--on-forest);text-decoration:none;aspect-ratio:4 / 3;}.aihetiili__kuva{position:absolute;inset:0;}.aihetiili__kuva img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.aihetiili:hover .aihetiili__kuva img{transform:scale(1.04);}.aihetiili__teksti{position:relative;display:flex;flex-direction:column;gap:0.125rem;padding:0.75rem 1rem;background:var(--forest);}.aihetiili--ei-kuvaa .aihetiili__teksti{padding:1.25rem;}.aihetiili__nimi{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;line-height:1.2;}.aihetiili:hover .aihetiili__nimi{color:var(--yellow);}.aihetiili__maara{color:var(--on-forest-2);font-size:0.9375rem;}.aihetiili:focus-visible{outline-color:var(--forest);}}
@layer properties,theme,base,components,utilities;@layer components{.kortti{position:relative;display:flex;flex-direction:column;gap:0.875rem;}.kortti__kuva{overflow:hidden;border-radius:6px;background:var(--paper-2);aspect-ratio:3 / 2;}.kortti__kuva img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.kortti:hover .kortti__kuva img{transform:scale(1.03);}.kortti__teksti{display:flex;flex-direction:column;align-items:flex-start;gap:0.375rem;}.kortti__kategoria{position:relative;z-index:1;}html .kortti__otsikko{margin:0;font-size:clamp(1.25rem,1.15rem + 0.4vw,1.4375rem);font-weight:600;line-height:1.25;letter-spacing:0;}.kortti__linkki{color:var(--ink);text-decoration:none;}.kortti__linkki::after{position:absolute;inset:0;content:"";}.kortti:hover .kortti__linkki{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.15em;}.kortti__linkki:focus-visible{outline:none;}.kortti:has(.kortti__linkki:focus-visible){outline:3px solid var(--forest);outline-offset:4px;border-radius:6px;}.kortti__meta{margin:0;color:var(--ink-muted);font-size:0.9375rem;}.kortti__tiivistelma{display:-webkit-box;margin:0;overflow:hidden;color:var(--ink);line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;}}
@layer properties,theme,base,components,utilities;@layer components{.hakupainike{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:2px solid var(--forest-line);border-radius:50%;color:var(--yellow);text-decoration:none;}.hakupainike:hover{background:var(--forest-2);}}
@layer properties,theme,base,components,utilities;@layer components{.kirjoittaja{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.25rem 1.5rem;}.kirjoittaja__kuva{flex:none;width:140px;height:140px;border-radius:50%;object-fit:cover;}.kirjoittaja__teksti{flex:1 1 16rem;font-size:1.0625rem;line-height:1.6;}.kirjoittaja__teksti p{margin:0 0 1rem;}}
@layer properties,theme,base,components,utilities;@layer components{.metsalle-logo{display:flex;align-items:center;gap:1rem;}.metsalle-logo__linkki{display:block;flex:none;}.metsalle-logo img{display:block;width:auto;height:44px;}.metsalle-logo__tunnuslause{color:var(--on-forest);font-family:var(--font-sans);font-size:0.9375rem;line-height:1.3;}@media (max-width:39.99rem){.metsalle-logo__tunnuslause{display:none;}}@media (min-width:48rem){.metsalle-logo--54 img{height:54px;}}}
@layer properties,theme,base,components,utilities;@layer components{.nosto{margin-bottom:4rem;}.nosto--uusin{margin-top:2.5rem;}.nosto__sisus{display:grid;gap:1.5rem 3rem;align-items:center;max-width:calc(1200px + 48px);margin:0 auto;padding-inline:24px;}.nosto__kuva{display:block;overflow:hidden;border-radius:6px;}.nosto__kuva :where(div,picture){height:100%;}.nosto__kuva img{display:block;width:100%;height:100%;object-fit:cover;}.nosto--uusin .nosto__kuva{aspect-ratio:4 / 3;}.nosto--pinnalla .nosto__kuva{aspect-ratio:16 / 9;}.nosto__teksti{display:flex;flex-direction:column;align-items:flex-start;gap:0.75rem;}.nosto__lappu{margin:0 0 0.5rem;}html .nosto__otsikko{margin:0;font-size:clamp(1.875rem,1.4rem + 2vw,2.875rem);font-weight:700;line-height:1.12;letter-spacing:-0.015em;}.nosto__otsikko a{color:inherit;text-decoration:none;}.nosto__otsikko a:hover{text-decoration:underline;text-decoration-thickness:2px;}.nosto__meta{margin:0;color:var(--muted-foreground);font-size:1rem;}.nosto__tiivistelma{display:-webkit-box;margin:0;overflow:hidden;font-size:1.125rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;}.nosto .painike{margin-top:0.5rem;}.nosto--pinnalla{padding-block:3rem;box-shadow:0 0 0 100vmax var(--forest);clip-path:inset(0 -100vmax);}.nosto__linkki{color:var(--yellow);font-weight:700;text-decoration:underline;text-underline-offset:0.25em;}@media (min-width:48rem){.nosto--uusin .nosto__sisus{grid-template-columns:1fr 1fr;}.nosto--pinnalla .nosto__sisus{grid-template-columns:5fr 6fr;}.nosto--pinnalla .nosto__kuva{order:2;}}}
@layer properties,theme,base,components,utilities;@layer components{.osio{max-width:calc(1200px + 48px);margin:0 auto 4rem;padding-inline:24px;}.osio .osio{padding-inline:0;}.osio__ylaosa{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0.5rem 1.5rem;margin-bottom:1.5rem;}html .osio--h2 .osio__otsikko{margin:0;font-size:clamp(1.75rem,1.4rem + 1.4vw,2.25rem);font-weight:600;line-height:1.15;}html .osio--lappu .osio__otsikko{margin:0 0 0.25rem;font-family:var(--font-hand);}.osio__linkki{color:var(--forest);font-weight:700;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:0.25em;}.osio__linkki:hover{text-decoration-color:var(--forest);}.osio__sisalto .container{max-width:none;padding-inline:0;}.osio__sisalto .korttiruudukko > .view-content,.osio__sisalto .aiheruudukko > .view-content{margin-block:0;}}
@layer properties,theme,base,components,utilities;@layer components{.rinnakkain{display:grid;gap:0 3rem;max-width:calc(1200px + 48px);margin:0 auto;padding-inline:24px;}.rinnakkain .osio{padding-inline:0;}@media (min-width:56rem){.rinnakkain{grid-template-columns:1fr 1fr;}}}