.wp-block-kokoomus-post-teaser{container-type:inline-size;height:100%}.wp-block-kokoomus-post-teaser.is-placeholder{background:var(--kok26-color-grey-200);border-radius:var(--radius-s);color:var(--kok26-text-secondary-color);font-family:var(--kok26-ui-font);font-size:var(--kok26-4xs-font-size);padding:var(--block-gutter-s)}.kokoomus-teaser{color:inherit;display:block;height:100%;text-decoration:none}.kokoomus-teaser>.wp-block-media-text{height:100%}.kokoomus-teaser__media{background:var(--kok26-color-grey-200);position:relative}.kokoomus-teaser__media--placeholder{background-color:var(--wp--preset--color--sininen)}.kokoomus-teaser__media--placeholder:after{background-color:var(--wp--preset--color--white);block-size:45%;content:"";inline-size:45%;inset:0;margin:auto;-webkit-mask:var(--kok26-brand-mask) no-repeat center/contain;mask:var(--kok26-brand-mask) no-repeat center/contain;position:absolute}@media(forced-colors:active){.kokoomus-teaser__media--placeholder:after{background-color:CanvasText;forced-color-adjust:none}}.kokoomus-teaser__body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--kok26-space-xxs);min-width:0}:root .kokoomus-teaser__body.wp-block-group>*,:root .kokoomus-teaser__body:not(.wp-block-group)>*{margin-block:0;margin-inline:0;max-width:none}.kokoomus-teaser .kokoomus-teaser__body{word-break:normal}:root .kokoomus-teaser .kokoomus-teaser__body>.kokoomus-teaser__excerpt{margin-block-start:var(--kok26-space-xxs)}:root .kokoomus-teaser .kokoomus-teaser__body>.kokoomus-teaser__arrow,:root .kokoomus-teaser .kokoomus-teaser__body>.kokoomus-teaser__cta{margin-block-start:auto}:root .kokoomus-teaser .kokoomus-teaser__body>:has(+.kokoomus-teaser__arrow),:root .kokoomus-teaser .kokoomus-teaser__body>:has(+.kokoomus-teaser__cta){margin-block-end:var(--kok26-space-xs)}.kokoomus-teaser__meta{align-items:center;display:flex;gap:var(--kok26-space-xxs)}.kokoomus-teaser__tag{align-items:center;background-color:var(--wp--preset--color--taivas-200);border-radius:var(--radius-max);color:var(--wp--preset--color--sininen);display:inline-flex;display:inline-block;font-family:var(--kok26-ui-font);font-weight:700;line-height:var(--kok26-5xs-line-height-flat);min-width:0;padding:4px 8px;text-decoration:none;text-transform:uppercase}.kokoomus-teaser__date,.kokoomus-teaser__tag{font-size:var(--kok26-5xs-font-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kokoomus-teaser__date{color:var(--kok26-text-color);flex:none;font-family:var(--kok26-body-font);line-height:var(--kok26-5xs-line-height)}.kokoomus-teaser__title{color:var(--kok26-heading-color);font-size:var(--kok26-h5-font-size);hyphens:auto;line-height:var(--kok26-h5-line-height);margin:0}.kokoomus-teaser:hover{text-decoration:none}.kokoomus-teaser__contact,.kokoomus-teaser__role{color:var(--kok26-text-secondary-color);font-size:clamp(12px,12px + 2*(100vw - 393px)/1047,14px);line-height:clamp(18px,18px + 2*(100vw - 393px)/1047,20px);margin:0;min-inline-size:0}.kokoomus-teaser__contact:has(a[href^="mailto:"]),.kokoomus-teaser__contact:has(a[href^="mailto:"]) a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kokoomus-teaser__contact:has(a[href^="mailto:"]) a{display:block}.kokoomus-teaser__excerpt{color:var(--kok26-text-color)}.kokoomus-teaser__number{background:var(--wp--preset--color--sininen);block-size:clamp(60px,60px + 20*(100vw - 393px)/1047,80px);border-radius:var(--radius-max);color:var(--wp--preset--color--white);display:grid;font-family:var(--kok26-body-font);font-size:clamp(18px,18px + 6*(100vw - 393px)/1047,24px);font-style:italic;font-weight:700;inline-size:clamp(60px,60px + 20*(100vw - 393px)/1047,80px);inset-block-end:calc(clamp(4px,4px + 21*(100vw - 393px)/1047,25px)*-1);inset-inline-end:calc(clamp(4px,4px + 4*(100vw - 393px)/1047,8px)*-1);line-height:clamp(28px,28px + 4*(100vw - 393px)/1047,32px);padding:0;place-items:center;position:absolute}.kokoomus-teaser__arrow{background-color:var(--kok26-arrow-color);block-size:1em;inline-size:1.4em;-webkit-mask:var(--kok26-icon-arrow) no-repeat center/contain;mask:var(--kok26-icon-arrow) no-repeat center/contain;transition:transform .3s ease-out}@media(forced-colors:active){.kokoomus-teaser__arrow{background-color:CanvasText;forced-color-adjust:none}}.kokoomus-teaser:hover .kokoomus-teaser__arrow{transform:translateX(8px)}.kokoomus-teaser__cta{align-items:center;align-self:flex-start;background-color:var(--wp--preset--color--sininen);border:0;border-radius:var(--radius-max);box-shadow:inset 0 0 0 2px var(--wp--preset--color--sininen);color:var(--wp--preset--color--white);display:inline-flex;font-family:var(--kok26-ui-font);font-size:var(--kok26-body-font-size);font-weight:700;gap:var(--kok26-space-xxs);line-height:1;min-block-size:44px;padding:12px 24px;text-decoration:none;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.kokoomus-teaser__cta:after{background-color:currentcolor;block-size:20px;content:"";inline-size:20px;-webkit-mask:var(--kok26-icon-arrow) no-repeat center/14px auto;mask:var(--kok26-icon-arrow) no-repeat center/14px auto;transition:transform .3s ease-out}@media(forced-colors:active){.kokoomus-teaser__cta:after{background-color:CanvasText;forced-color-adjust:none}}.kokoomus-teaser:hover .kokoomus-teaser__cta{background-color:#0000;color:var(--wp--preset--color--sininen)}.kokoomus-teaser:hover .kokoomus-teaser__cta:after{transform:translateX(8px)}.kokoomus-teaser:focus-visible .kokoomus-teaser__cta{box-shadow:0 0 0 2px var(--kok26-focus-ring-inner),0 0 0 4px var(--kok26-focus-ring-outer)}@media(forced-colors:active){.kokoomus-teaser:focus-visible .kokoomus-teaser__cta{outline:2px solid;outline-offset:2px}}.kokoomus-teaser--compact .kokoomus-teaser__excerpt{display:none}.kokoomus-teaser--person{--kok26-card-background-color:var(--wp--preset--color--taivas-200)}.kokoomus-teaser--person>.wp-block-media-text{background-color:var(--kok26-card-background-color);border-radius:var(--radius-m);padding:clamp(8px,8px + 12*(100cqi - 186px)/130,20px)}.kokoomus-teaser--person>.wp-block-media-text.is-vertical:not(.has-background)>.kokoomus-teaser__body{padding-block-start:clamp(16px,16px + 16*(100cqi - 186px)/130,32px)}.kokoomus-teaser--person>.wp-block-media-text>.kokoomus-teaser__media{overflow:visible}.kokoomus-teaser--person>.wp-block-media-text>.kokoomus-teaser__media img{border-radius:var(--radius-s)}.kokoomus-teaser__media--placeholder .kokoomus-teaser__number{background:var(--wp--preset--color--white);color:var(--wp--preset--color--sininen)}.kokoomus-teaser--person .kokoomus-teaser__title{font-size:clamp(14px,14px + 4*(100vw - 393px)/1047,18px);line-height:clamp(18px,18px + 6*(100vw - 393px)/1047,24px)}.kokoomus-teaser--person .kokoomus-teaser__role{font-family:var(--kok26-body-font)}.kokoomus-teaser--person .kokoomus-teaser__meta,.kokoomus-teaser--person .kokoomus-teaser__role{color:var(--kok26-text-color);font-size:clamp(12px,12px + 2*(100vw - 393px)/1047,14px);line-height:clamp(18px,18px + 2*(100vw - 393px)/1047,20px)}.kokoomus-teaser--person .kokoomus-teaser__meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px;letter-spacing:-.14px;margin:0}.kokoomus-teaser__meta-dot{background-color:var(--wp--preset--color--kupari);block-size:6px;border-radius:50%;flex:0 0 auto;inline-size:6px}.kokoomus-teaser--person .wp-block-social-links{--kok26-social-size:24px;--wp--style--block-gap:8px;gap:var(--kok26-space-xxs);margin-block-start:auto}:root .kokoomus-teaser.kokoomus-teaser--person .kokoomus-teaser__body>.kokoomus-teaser__cta{background:none;border:0;border-radius:0;box-shadow:none;color:var(--wp--preset--color--sininen);font-family:var(--kok26-body-font);font-size:clamp(12px,12px + 4*(100vw - 393px)/1047,16px);font-weight:600;line-height:clamp(18px,18px + 6*(100vw - 393px)/1047,24px);margin-block-start:0;min-block-size:0;padding:0;text-decoration:underline}:root .kokoomus-teaser.kokoomus-teaser--person .kokoomus-teaser__body>.kokoomus-teaser__cta:after{content:none}.kokoomus-teaser--person:hover .kokoomus-teaser__cta{background:none;text-decoration-thickness:2px}@media(max-width:781.98px){.kokoomus-teaser .kokoomus-teaser__cta{min-block-size:36px;padding:8px 16px}.kokoomus-teaser:not(.kokoomus-teaser--person) .kokoomus-teaser__title{font-size:var(--wp--preset--font-size--xxs);line-height:1.3333333333}}
