/* WHO liikumisaktiivsuse suunad: rings scheme, action slides and linked practice rows.
 * Scoped to #gappa inside the municipality page; relies on explorer.css for .navigation-link/.navigation-arrow. */
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa { --ink: #17384b; --muted: #4f6676; --line: #dce1e5; --link: #075b87; --focus: #0878bd; --paper: #fff; --page: #f3f6f8; margin: 36px 0 12px; color: var(--ink); font-family: 'Nunito Sans', Arial, sans-serif; }
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa h2, :is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa h3, :is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa h4 { font-family: 'Fira Sans', Arial, sans-serif; line-height: 1.15; margin: 0 0 12px; }
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa p { line-height: 1.55; margin: 0 0 10px; }
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa h1,
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa h2,
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa h3,
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa h4 {font-family: 'Fira Sans', Arial, sans-serif; line-height: 1.15; margin: 0 0 12px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa,
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-practices {background: var(--paper); border: 1px solid var(--line); border-radius: 24px; padding: 28px; box-shadow: 0 13px 32px rgb(24 58 79 / 8%); margin-bottom: 28px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-head,
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-practices-head {display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 18px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-head h2,
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-practices h2 {font-size: clamp(24px, 3vw, 32px); margin: 0;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-count {display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; color: var(--muted); font-weight: 700;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .count-capsule {padding: 5px 14px; border: 1.5px solid #0878bd; border-radius: 999px; background: #fff; color: #0878bd; font-size: 13px;}
/* The capsule is a plain blue link: no underline and no circle arrow from circle-links.js. */
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa a.count-capsule.toolbox-circle-link {display: inline-block; min-height: 0; padding: 5px 14px; border: 1.5px solid #0878bd; border-radius: 999px; background: #fff; color: #0878bd; font-size: 13px; font-weight: 700; line-height: inherit; text-decoration: none; box-shadow: none; transform: none;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa a.count-capsule.toolbox-circle-link:is(:hover, :focus-visible, :active) {border-color: #006da8; background: #006da8; color: #fff;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa a.count-capsule.toolbox-circle-link:focus-visible {outline: 3px solid #0878bd; outline-offset: 2px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa a.count-capsule .toolbox-link-arrow {display: none;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gp-chip {font: inherit; font-size: 14px; font-weight: 700; color: var(--ink); background: #fff; border: 1px solid #b8c7d1; border-radius: 999px; padding: 9px 16px; cursor: pointer; min-height: 40px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gp-chip:hover {border-color: var(--focus); color: var(--focus);}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gp-chip[aria-pressed="true"],
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gp-chip[aria-current="step"] {background: var(--ink); border-color: var(--ink); color: #fff;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gp-chip-direction[aria-pressed="true"] {background: var(--tone); border-color: var(--tone); color: #fff;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gp-chip-direction {border-color: var(--tone);}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gp-chip:focus-visible,
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .navigation-link:focus-visible {outline: 3px solid var(--focus); outline-offset: 3px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-reset {font: inherit; font-weight: 700; color: var(--link); background: none; border: 1px solid #b8c7d1; border-radius: 999px; padding: 9px 16px; cursor: pointer;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-audience,
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-directions,
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .slide-chips {display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-scheme-wrap {overflow-x: auto; margin: 0 -8px; padding: 0 8px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-scheme {min-width: 760px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-svg {display: block; width: 100%; height: auto; font-family: 'Nunito Sans', Arial, sans-serif;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-group,
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-middle {transition: opacity .25s;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-group.is-dimmed,
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-middle.is-dimmed {opacity: .28;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-node,
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-main {cursor: pointer;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-disc {transition: stroke-width .15s, filter .15s;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-node:hover .gappa-disc,
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-main:hover .gappa-disc {filter: drop-shadow(0 6px 12px rgb(23 56 75 / 28%));}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-node[aria-pressed="true"] .gappa-disc {stroke-width: 12; filter: drop-shadow(0 8px 16px rgb(23 56 75 / 32%));}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-main[aria-pressed="true"] .gappa-disc {stroke-width: 14; filter: drop-shadow(0 8px 16px rgb(23 56 75 / 32%));}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-node.is-empty .gappa-count-badge {opacity: .55;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-node,
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-main {outline: none; -webkit-tap-highlight-color: transparent;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-node:focus-visible .gappa-disc,
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-main:focus-visible .gappa-disc {stroke-width: 12; filter: drop-shadow(0 0 0 #0878bd) drop-shadow(0 0 4px #0878bd);}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-slide {margin-top: 18px; border: 1px solid var(--line); border-radius: 24px; overflow: hidden; background: #fff; box-shadow: 0 5px 22px rgb(23 56 75 / 8%);}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-slide:focus {outline: none;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .slide-bar {display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 24px; background: var(--tone); color: #fff; font-weight: 800;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-slide[style*="#ffb718"] .slide-bar {color: #483600;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .slide-step {font-size: 13px; background: rgb(255 255 255 / 22%); border-radius: 999px; padding: 4px 12px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .slide-progress {height: 5px; background: color-mix(in srgb, var(--tone) 18%, white);}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .slide-progress span {display: block; height: 100%; background: var(--tone); transition: width .3s;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .slide-chips {padding: 18px 24px 0; margin: 0;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .slide-body {display: grid; grid-template-columns: minmax(92px, 160px) 1fr; gap: 24px; padding: 20px 24px 6px; align-items: start; background: linear-gradient(rgb(255 255 255 / 93%), rgb(255 255 255 / 93%)), var(--direction-art) center / cover no-repeat;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .slide-number {margin: 0; font: 800 clamp(48px, 7vw, 84px)/1 'Fira Sans', Arial, sans-serif; color: var(--tone);}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .slide-text h3 {font-size: clamp(24px, 3vw, 34px);}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .slide-lead {font-size: 18px; color: var(--muted);}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .slide-prompt {margin: 14px 0; padding: 14px 18px; background: #fff; border: 1px solid var(--line); border-left: 5px solid var(--tone); border-radius: 14px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .slide-related {padding: 8px 24px 4px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .slide-related h4 {font-size: 18px; margin: 12px 0 10px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .related-card {padding: 16px 18px; margin-bottom: 12px; background: #fff; border: 1px solid var(--line); border-radius: 16px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .related-card p {font-size: 14px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .related-meta {display: block; color: var(--muted); font-size: 13px; margin: 2px 0 8px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .slide-nav {display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 24px 22px; border-top: 1px solid var(--line); margin-top: 12px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .navigation-link {display: inline-flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 46px; padding: 6px 8px 6px 16px; border: 1px solid #b8c7d1; border-radius: 28px; background: #fff; color: var(--link); font: inherit; font-weight: 700; line-height: 1.5; cursor: pointer;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .navigation-link.nav-prev {padding: 6px 16px 6px 8px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .navigation-link:hover:not(:disabled),
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .navigation-link:focus-visible {border-color: var(--focus); color: var(--focus);}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .navigation-link:disabled {opacity: .45; cursor: default;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .navigation-arrow {display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border: 1.5px solid #b8c7d1; border-radius: 50%; background: #fff; color: #718693;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .navigation-arrow svg {display: block; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .navigation-link:hover:not(:disabled) .navigation-arrow,
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .navigation-link:focus-visible .navigation-arrow {border-color: var(--focus); color: var(--focus);}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa #gappa-cards {display: grid; gap: 54px; padding-top: 46px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gp-row {position: relative; display: grid; grid-template-columns: 200px minmax(0, 1fr) minmax(220px, 340px); gap: 28px; align-items: start; padding: 28px 30px 46px 24px; border: 0; border-radius: 28px; background: #fff; box-shadow: 0 13px 32px rgb(24 58 79 / 10%); overflow: visible;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-person {display: flex; flex-direction: column; align-items: center; text-align: center; margin-top: -58px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-avatar {width: 150px; height: 150px; padding: 6px; border-radius: 50%; background: linear-gradient(135deg, var(--ring-from), var(--ring-to)); box-shadow: 0 8px 20px rgb(24 58 79 / 18%);}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-avatar-face {width: 100%; height: 100%; border: 4px solid #fff; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: linear-gradient(rgb(255 255 255 / 55%), rgb(255 255 255 / 55%)), var(--direction-art) center / cover, var(--tint);}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-avatar-face img {width: 100%; height: 100%; object-fit: cover;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-avatar-code {font: 800 38px/1 'Fira Sans', Arial, sans-serif; color: var(--tone);}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-name {margin-top: 14px; font: 700 22px/1.15 'Fira Sans', Arial, sans-serif; overflow-wrap: anywhere;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-role {margin-top: 4px; color: var(--muted); font-size: 14px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-pill {margin-top: 12px; padding: 6px 20px; border-radius: 999px; background: color-mix(in srgb, var(--ring-to) 22%, white); border: 1px solid color-mix(in srgb, var(--ring-from) 30%, white); font-size: 14px; font-weight: 800;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-meta {margin: 0 0 6px; color: var(--link); font-size: 13px; font-weight: 700; letter-spacing: .02em;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-codes {color: #76838e; font-weight: 500;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gp-row h3 {margin: 0 0 14px; font-size: clamp(24px, 2.6vw, 32px); font-style: normal; font-weight: 700; color: #075b87; line-height: 1.12;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-messages {padding: 20px 24px; border: 1px solid #d5e3ee; border-radius: 22px; background: linear-gradient(135deg, #f7fafd, #e9f2fb);}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-messages-title {margin: 0 0 12px; color: #0a6cb6; font: 800 13px/1 'Fira Sans', Arial, sans-serif; letter-spacing: .14em; text-transform: uppercase;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-messages ul {list-style: none; margin: 0; padding: 0; display: grid; gap: 12px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-messages li {position: relative; padding-left: 26px; font-size: 16px; line-height: 1.5;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-messages li::before {content: ''; position: absolute; left: 2px; top: .55em; width: 11px; height: 11px; border-radius: 50%; background: linear-gradient(135deg, var(--ring-from), var(--ring-to));}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-messages li.is-lesson {font-style: italic;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-media {position: relative; align-self: stretch; min-height: 230px; border-radius: 20px; overflow: hidden; background: linear-gradient(rgb(255 255 255 / 55%), rgb(255 255 255 / 55%)), var(--direction-art) center / cover, var(--tint); box-shadow: 0 8px 22px rgb(24 58 79 / 18%);}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-media img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-caption {position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 14px 10px; background: linear-gradient(transparent, rgb(0 0 0 / 55%)); color: #fff; font-size: 13px; font-weight: 600;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-media .row-caption {background: linear-gradient(transparent, color-mix(in srgb, var(--tone) 80%, black));}
/* Photo credit in the corner diagonally opposite the WHO direction label. */
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-credit {position: absolute; top: 0; right: 0; max-width: 80%; padding: 10px 14px 24px 36px; border-bottom-left-radius: 100% 100%; background: linear-gradient(to bottom left, rgb(0 0 0 / 58%), rgb(0 0 0 / 28%) 60%, transparent); color: #fff; font-size: 12px; font-weight: 600; line-height: 1.3; text-align: right; text-shadow: 0 1px 2px rgb(0 0 0 / 45%);}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa a.gappa-go.toolbox-circle-link.toolbox-circle-link {position: absolute; right: 18px; bottom: -26px; width: 68px; height: 68px; min-height: 0; padding: 5px; border: 0; border-radius: 50%; justify-content: center; background: linear-gradient(135deg, var(--ring-from), var(--ring-to)); box-shadow: 0 8px 20px rgb(24 58 79 / 26%);}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa a.gappa-go .toolbox-link-arrow {flex: 0 0 100%; width: 100%; height: 100%; border: 3px solid #fff; background: transparent; color: #fff;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa a.gappa-go .toolbox-link-arrow svg {width: 26px; height: 26px; stroke-width: 2.6;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa a.gappa-go.toolbox-circle-link:is(:hover, :focus-visible, :active) {transform: translateY(-2px); box-shadow: 0 12px 26px rgb(24 58 79 / 34%); border: 0; color: #fff; background: linear-gradient(135deg, var(--ring-from), var(--ring-to));}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa a.gappa-go.gappa-go.toolbox-circle-link:is(:hover, :focus-visible, :active) .toolbox-link-arrow {background: transparent; color: #fff; border-color: #fff;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-empty {padding: 24px; border: 1px dashed #b8c7d1; border-radius: 16px; color: var(--muted);}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-more {display: block; margin: 54px auto 0;}
@media (max-width: 1000px) {
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gp-row {grid-template-columns: 170px minmax(0, 1fr);}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-media {grid-column: 1 / -1; min-height: 200px;}
}
@media (max-width: 640px) {
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa,
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-practices {padding: 18px; border-radius: 18px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gp-row {grid-template-columns: 1fr; padding: 20px 18px 44px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-person {margin-top: -62px; align-items: flex-start; text-align: left;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-avatar {width: 112px; height: 112px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .row-messages {padding: 16px 18px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-scheme {min-width: 640px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .slide-body {grid-template-columns: 1fr; gap: 4px; padding: 16px 18px 4px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .slide-chips,
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .slide-related {padding-left: 18px; padding-right: 18px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .slide-nav {flex-wrap: wrap; padding: 14px 18px 18px;}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .slide-nav .navigation-link {flex: 1 1 140px;}
}

:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-who { margin: 0 0 10px; }
/* No outer border at rest; the text starts at the same left edge as the title below.
   The 16px padding is cancelled by a negative margin, so the border can appear on hover without a layout shift. */
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa a.gappa-who-link.toolbox-circle-link { font-size: 14px; font-weight: 700; min-height: 40px; margin-left: -16px; border-color: transparent; }
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa a.gappa-who-link.toolbox-circle-link:is(:hover, :focus-visible, :active) { border-color: #0878bd; }
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa { scroll-margin-top: calc(160px + var(--lnv-toolbar, 0px)); }

:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-centre-link { cursor: pointer; outline: none; }
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-centre-link:is(:hover, :focus-visible) text { text-decoration: underline; }

/* Call-to-action band after the practice map: one small flash card per WHO direction (2026-10-30). */
#gappa .gappa-node.is-off{opacity:.22;pointer-events:none}
/* Target-group pages: the WHO section and the band share the practice section's 1280 px span. */
#toolkit-kindergarten-v2 #gappa{box-sizing:border-box;width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(14px,4vw,60px)}
@media(min-width:1381px){#toolkit-kindergarten-v2 #gappa{padding-inline:0}}
.gappa-strip{display:flex;flex-wrap:wrap;align-items:center;gap:2px 16px;margin:10px 0 0;padding:0 20px;font-size:13px;line-height:1.3;color:#5b7383}
.gappa-strip-label{font-weight:700;color:#46606f}
.gappa-strip .gappa-strip-pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;margin:0;padding:2px 0;border:0;border-radius:0;background:none;color:#17384b;font:inherit;font-weight:600;cursor:pointer;box-shadow:none;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .15s}
.gappa-strip .gappa-strip-pill:hover{background:none;text-decoration-color:currentColor}
.gappa-strip .gappa-strip-pill:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}
.gappa-strip-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--tone)}
@media(prefers-reduced-motion:reduce){.gappa-strip .gappa-strip-pill{transition:none}}
@media print{.gappa-strip{display:none}}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-directions{margin-top:24px}
/* The long example text must not be cut mid-word in the narrow "Kõik kohad" search on phones. */
@media(max-width:600px){:is(#municipality-workspace,#toolkit-kindergarten-v2) .place-search.place-search input:placeholder-shown{padding-right:12px;font-size:14px;text-overflow:ellipsis}}