/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@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{.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;}}}