/* The page frame is shared between audiences; application styles cannot hide it. */
@font-face{font-family:'Fira Sans';src:url('./fonts/FiraSans-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:'Nunito Sans';src:url('./fonts/NunitoSans-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
body{margin:0;background:#fff;font-family:'Nunito Sans',sans-serif;color:#15354a}
#municipality-workspace{width:100%;max-width:none;margin:0;border-radius:0;box-shadow:none;overflow:visible}
.toolbox-site-header{position:fixed;inset:24px 0 auto;z-index:30;padding:0 20px;font-family:'Nunito Sans',sans-serif;transition:top .2s}
.toolbox-site-nav{background:#fff;border-radius:48px;min-height:70px;padding:0 24px;max-width:1336px;margin:auto;box-shadow:0 0 20px #0000001a;box-sizing:border-box;display:flex;align-items:center;position:relative;color:#111}
.toolbox-site-brand{position:absolute;left:50%;transform:translateX(-50%);display:block;line-height:0}
.toolbox-site-brand img{width:209px;height:auto;object-fit:contain}
/* Audience applications may style every button; keep shared controls isolated. */
.toolbox-site-nav button{box-sizing:border-box;min-width:0;min-height:0;padding:0}
.toolbox-site-links{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:215px}
.toolbox-site-left,.toolbox-site-right{display:flex;align-items:center;gap:0}
.toolbox-site-nav a,.toolbox-site-nav summary{color:#111;text-decoration:none;font-size:16px;font-weight:600;line-height:1.4}
.toolbox-site-nav details{position:relative;margin:0;border:0;background:none}
.toolbox-site-nav summary{padding:24px 13px;cursor:pointer;list-style:none;white-space:nowrap}
.toolbox-site-nav summary::-webkit-details-marker{display:none}
.toolbox-site-nav summary:hover,.toolbox-site-nav details[open]>summary{background:#f1f9ff}
.toolbox-site-submenu{position:absolute;top:100%;left:0;width:372px;padding:0 0 20px;background:#fff;border-radius:16px;box-shadow:0 12px 40px #17384b30;display:grid;gap:9px;overflow:hidden}
.toolbox-site-submenu a{padding:0 25px;line-height:1.438;letter-spacing:-.25px}
.toolbox-site-submenu .toolbox-site-menu-link:after{content:'→';margin-left:8px}
.toolbox-site-submenu a:hover{color:#0079c2}
.toolbox-site-submenu .toolbox-site-menu-intro{background:#fdfbe0;padding:20px 25px;margin-bottom:3px;font-size:18px;grid-column:1/-1}
.toolbox-site-menu-intro p{font-size:16px;line-height:23px;font-weight:500;margin:3px 0 0;color:#151515}
.toolbox-site-nav .health-menu .toolbox-site-submenu{width:493px}.toolbox-site-nav .health-menu .toolbox-site-menu-intro{background:#e2f8f0}
.toolbox-site-nav .movement-and-exercise-menu .toolbox-site-submenu{width:522px}.toolbox-site-nav .movement-and-exercise-menu .toolbox-site-menu-intro{background:#eae6ff}
.toolbox-site-nav .news-and-stories-menu .toolbox-site-submenu{width:414px}.toolbox-site-nav .news-and-stories-menu .toolbox-site-menu-intro{background:#dbeffd}
.toolbox-site-nav .mostly-menu .toolbox-site-submenu{width:478px}.toolbox-site-nav .mostly-menu .toolbox-site-menu-intro{background:#f7f8fa}
.toolbox-site-nav .two-col-menu .toolbox-site-submenu{grid-template-columns:1fr 1fr}
.toolbox-site-right .toolbox-site-submenu{left:auto;right:0}
.toolbox-site-right>span{margin:0 24px}
.toolbox-site-nav .toolbox-site-action{padding:12px 24px;background:#0079c2;border-radius:30px;color:#fff;font-size:14px;white-space:nowrap}
.toolbox-site-search-toggle{flex:0 0 40px;width:40px;height:40px;border:0;border-radius:50%;background:#0079c2;position:relative;margin-right:16px;cursor:pointer}
.toolbox-site-search-toggle:before{content:'';position:absolute;width:9px;height:9px;border:2px solid #fff;border-radius:50%;left:12px;top:10px}
.toolbox-site-search-toggle:after{content:'';position:absolute;width:7px;height:2px;background:#fff;transform:rotate(45deg);left:22px;top:23px}
.toolbox-site-search{position:absolute;inset:0;border-radius:48px;background:#fff;display:flex;gap:16px;align-items:center;padding:0 24px;z-index:2}
.toolbox-site-search[hidden]{display:none}.toolbox-site-search input{min-width:0;flex:1;border:0;background:#fff;color:#000055;font:18px 'Nunito Sans',sans-serif;padding:12px}
.toolbox-site-search-close{border:0;background:#fff;font-size:30px;cursor:pointer;color:#151515}
.toolbox-site-header.is-scrolled{top:0}.toolbox-site-header.is-scrolled .toolbox-site-nav{border-top-left-radius:0;border-top-right-radius:0;min-height:58px}.toolbox-site-header.is-scrolled summary{padding-top:18px;padding-bottom:18px}
.toolbox-site-toggle{display:none}
.toolbox-site-nav .toolbox-site-toggle{width:44px;height:44px;background-position:center calc(50% - 10px),center,center calc(50% + 10px)}
.toolbox-site-footer{display:block!important;max-width:1376px;box-sizing:border-box;margin:80px auto 24px;background:#f7f8fa;border-radius:30px;padding:32px 40px 36px;color:#151515;font:500 16px/1.4 'Nunito Sans',sans-serif}
.toolbox-site-footer-inner{max-width:1280px;margin:auto}
.toolbox-site-contacts{display:flex;gap:32px;flex-wrap:wrap;align-items:center}
.toolbox-site-contacts>span:not(:first-child),.toolbox-site-footer a{color:#0079c2;text-decoration:none}
.toolbox-site-social{margin-left:auto;display:flex;gap:18px}
.toolbox-site-social a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:0 0 5px #0000000d;font-size:11px}.toolbox-site-social img{width:16px;height:16px;object-fit:contain}.toolbox-site-social a:hover{transform:scale(1.1)}
.toolbox-site-partners{display:flex;gap:24px;overflow-x:auto;margin-top:24px;border-top:1px solid #dcdfe6;padding:24px 0;align-items:center;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#dcdfe6 transparent}
.toolbox-site-partners>a,.toolbox-site-partners>span{flex:0 0 calc((100% - 192px)/9);min-width:0;scroll-snap-align:start}
.toolbox-site-partners img{display:block;width:100%;height:68px;object-fit:scale-down}
.toolbox-site-header :focus-visible,.toolbox-site-footer :focus-visible{outline:3px solid #0878bd;outline-offset:5px}
.toolbox-local-notice{text-align:center;font:12px/1.5 'Nunito Sans',sans-serif;padding:12px;color:#526d7f;background:#f4f8fa}
#toolkit-kindergarten-v2{width:100%;max-width:none;margin:0 auto;overflow:visible;border-radius:0;box-shadow:none}
#toolkit-kindergarten-v2 .tk2-hero,#municipality-workspace>.hero{margin:0;width:100%;max-width:none;min-height:440px;padding:150px max(48px,calc((100vw - 1360px)/2)) 70px;border-radius:0 0 7vw 7vw;box-sizing:border-box;overflow:hidden}
#toolkit-kindergarten-v2 .tk2-hero-copy{max-width:850px}
#toolkit-kindergarten-v2 .tk2-hero h1,#municipality-workspace>.hero h1{font-size:clamp(36px,4.4vw,62px);line-height:1.08}
#toolkit-kindergarten-v2>.tk2-audience,#toolkit-kindergarten-v2>.tk2-library,#toolkit-kindergarten-v2>.ka{max-width:1320px;margin-left:auto;margin-right:auto}
#toolkit-kindergarten-v2>.tk2-audience{margin-top:36px;width:calc(100% - 96px);box-sizing:border-box}
@media(min-width:1200px) and (max-width:1399px){.toolbox-site-nav summary{padding-left:9.6px;padding-right:9.6px}.toolbox-site-links{gap:210px}.toolbox-site-right>span{margin:0 20px}.toolbox-site-contacts{gap:24px;font-size:14px}}
@media(max-width:1199px){.toolbox-site-header{top:16px;padding:0 20px}.toolbox-site-nav{min-height:70px;flex-wrap:wrap;justify-content:space-between;border-radius:48px;padding:14px 24px}.toolbox-site-brand img{width:180px}.toolbox-site-toggle{display:block;width:28px;height:24px;border:0;border-radius:0;background:linear-gradient(#0079c2,#0079c2) top/28px 2px no-repeat,linear-gradient(#0079c2,#0079c2) center/28px 2px no-repeat,linear-gradient(#0079c2,#0079c2) bottom/28px 2px no-repeat;cursor:pointer}.toolbox-site-links{display:none;flex-basis:100%;gap:12px;padding-top:20px;max-height:70vh;overflow-y:auto}.toolbox-site-nav.is-open .toolbox-site-links{display:grid;width:100%}.toolbox-site-nav.is-open .toolbox-site-brand{top:25px}.toolbox-site-left,.toolbox-site-right{display:grid;gap:8px}.toolbox-site-nav summary{padding:12px}.toolbox-site-nav .toolbox-site-submenu{position:static;width:auto!important;box-shadow:none;grid-template-columns:1fr}.toolbox-site-right>span{margin:0 12px}.toolbox-site-contacts{gap:20px}.toolbox-site-social{margin-left:auto}.toolbox-site-footer{padding:28px 24px}.toolbox-site-nav .toolbox-site-action{justify-self:start}.toolbox-site-partners>a,.toolbox-site-partners>span{flex-basis:calc((100% - 120px)/6)}}
@media(max-width:767px){.toolbox-site-contacts{display:grid;gap:16px}.toolbox-site-social{margin:0}.toolbox-site-footer{margin:48px 0 16px}.toolbox-site-partners>a,.toolbox-site-partners>span{flex-basis:calc((100% - 48px)/3)}}
@media(max-width:600px){#toolkit-kindergarten-v2 .tk2-hero,#municipality-workspace>.hero{padding:126px 24px 48px;min-height:470px;border-radius:0 0 40px 40px}#toolkit-kindergarten-v2>.tk2-audience{margin:24px 16px;width:calc(100% - 32px)}#toolkit-kindergarten-v2>.tk2-library,#toolkit-kindergarten-v2>.ka{padding-left:20px;padding-right:20px}}
@media print{.toolbox-site-header,.toolbox-site-footer,.toolbox-local-notice{display:none!important}}

/* One content-link treatment; shared site chrome and non-link form controls are
 * not affected. Long editorial titles may wrap while the padded icon stays round. */
:is(#toolkit-kindergarten-v2, #municipality-workspace) .toolbox-circle-link.toolbox-circle-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  max-width: 100%;
  min-height: 46px;
  box-sizing: border-box;
  padding: 6px 8px 6px 16px;
  border: 1px solid #b8c7d1;
  border-radius: 28px;
  background: #fff;
  color: #075b87;
  text-decoration: none;
  line-height: 1.45;
  white-space: normal;
  overflow-wrap: anywhere;
}
:is(#toolkit-kindergarten-v2, #municipality-workspace) .toolbox-circle-link.toolbox-circle-link:is(:hover, :focus-visible, :active, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], .is-active) {
  background: #fff;
  border-color: #0878bd;
  color: #0878bd;
}
:is(#toolkit-kindergarten-v2, #municipality-workspace) .toolbox-circle-link:focus-visible {
  outline: 3px solid #0878bd;
  outline-offset: 3px;
}
:is(#toolkit-kindergarten-v2, #municipality-workspace) .toolbox-circle-link .toolbox-link-arrow {
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  padding: 0;
  box-sizing: border-box;
  border: 1.5px solid #b8c7d1;
  border-radius: 50%;
  background: #fff;
  color: #718693;
  line-height: 0;
}
:is(#toolkit-kindergarten-v2, #municipality-workspace) .toolbox-circle-link .toolbox-link-arrow svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform: none;
}
:is(#toolkit-kindergarten-v2, #municipality-workspace) .toolbox-circle-link:is(:hover, :focus-visible, :active, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], .is-active) .toolbox-link-arrow {
  border-color: #0878bd;
  background: #fff;
  color: #0878bd;
}

/* Keep the assessment frame continuous without clipping focus rings or controls. */
#toolkit-kindergarten-v2 #hindamine {
  border: 1px solid var(--tk2-line);
  border-radius: 32px;
}

/* Keep the native progress semantics and existing mobile/tablet width. Only the
 * desktop track becomes shorter; the count and summary action remain unchanged. */
@media (min-width: 901px) {
  #toolkit-kindergarten-v2 #hindamine progress {
    width: 50%;
  }
}

/* Shared Sport-style frame, with extra room for toolbox filters and cards. */
body.liigume-toolbox-page {
  --toolbox-hero-width: 1480px;
  --toolbox-content-width: 1280px;
  --toolbox-hero-gutter: 20px;
  --toolbox-hero-radius: 72px;
  --toolbox-hero-height: 640px;
  --toolbox-hero-padding: 180px clamp(28px, 7vw, 100px) 64px;
  background: #f8fafb;
}
body.liigume-toolbox-page :is(#toolkit-kindergarten-v2, #municipality-workspace) {
  background: transparent;
}
body.liigume-toolbox-page :is(#toolkit-kindergarten-v2 > .tk2-hero, #municipality-workspace > .hero),
body.liigume-toolbox-page.lnv-site-shell .lnv-page-content :is(#toolkit-kindergarten-v2 > .tk2-hero, #municipality-workspace > .hero) {
  width: calc(100% - var(--toolbox-hero-gutter) * 2);
  max-width: var(--toolbox-hero-width);
  min-height: var(--toolbox-hero-height);
  margin: 0 auto 32px;
  padding: var(--toolbox-hero-padding);
  border-radius: 0 0 var(--toolbox-hero-radius) var(--toolbox-hero-radius);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}
body.liigume-toolbox-page :is(#toolkit-kindergarten-v2 > .tk2-hero, #municipality-workspace > .hero) h1 {
  font-size: clamp(42px, 5.4vw, 72px);
  line-height: 1.04;
  letter-spacing: -.035em;
  max-width: 900px;
  overflow-wrap: break-word;
}
body.liigume-toolbox-page #toolkit-kindergarten-v2 > :is(.tk2-audience, .tk2-library, .ka) {
  max-width: var(--toolbox-content-width);
  margin-left: auto;
  margin-right: auto;
}
body.liigume-toolbox-page #toolkit-kindergarten-v2 > .tk2-audience {
  width: calc(100% - 48px);
  margin-top: 0;
}
body.liigume-toolbox-page .toolbox-site-footer {
  width: calc(100% - var(--toolbox-hero-gutter) * 2);
  max-width: var(--toolbox-hero-width);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1100px) {
  body.liigume-toolbox-page {
    --toolbox-hero-gutter: 10px;
    --toolbox-hero-radius: 40px;
    --toolbox-hero-height: 580px;
    --toolbox-hero-padding: 146px 24px 42px;
  }
  body.liigume-toolbox-page :is(#toolkit-kindergarten-v2 > .tk2-hero, #municipality-workspace > .hero) h1 {
    font-size: 42px;
    letter-spacing: -1.4px;
  }
}
@media (max-width: 600px) {
  body.liigume-toolbox-page #toolkit-kindergarten-v2 > .tk2-audience { width: calc(100% - 32px); }
}
@media print {
  body.liigume-toolbox-page :is(#toolkit-kindergarten-v2 > .tk2-hero, #municipality-workspace > .hero),
  body.liigume-toolbox-page.lnv-site-shell .lnv-page-content :is(#toolkit-kindergarten-v2 > .tk2-hero, #municipality-workspace > .hero) {
    width: 100%; min-height: 0; padding: 24px; border-radius: 0; break-inside: avoid;
  }
}

/* The municipal workspace uses its own layout, inside the same content frame. */
body.liigume-toolbox-page #municipality-workspace > :is(.audience, .layout) {
  width: calc(100% - 48px); max-width: var(--toolbox-content-width);
  margin-left: auto; margin-right: auto; box-sizing: border-box;
}
body.liigume-toolbox-page #municipality-workspace > .audience { margin-top: 0; }
body.liigume-toolbox-page #municipality-workspace > .layout { padding-left: 0; padding-right: 0; }
@media (max-width: 600px) {
  body.liigume-toolbox-page #municipality-workspace > :is(.audience, .layout) { width: calc(100% - 32px); }
}

/* Page sections use a compact content bar; the global menu remains independent. */
body.liigume-toolbox-page #municipality-workspace > .layout { display:block; padding-top:0; }
#municipality-workspace > .layout > aside { position:static; margin:0 0 32px; }
#municipality-workspace > .layout > aside nav { position:static; display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:12px; overflow:visible; border-radius:20px; background:#fff; box-shadow:none; }
#municipality-workspace > .layout > aside nav .eyebrow { margin:0 12px; font-size:11px; color:#526d7f; }
#municipality-workspace > .layout > aside nav a { display:flex; justify-content:center; flex:1 1 180px; min-height:44px; margin:0; padding:12px 16px; border:1px solid transparent; border-radius:12px; color:#31566d; font-size:14px; line-height:1.4; text-align:center; text-decoration:none; background:transparent; }
#municipality-workspace > .layout > aside nav a > span { display:none; }
#municipality-workspace > .layout > aside nav a:hover { background:#f0f7fb; color:#006da8; }
#municipality-workspace > .layout > aside nav a[aria-current] { background:#eaf5fb; border-color:#bfdcec; color:#005b89; }
#municipality-workspace .workspace-save-note { margin:16px 0; padding:14px 18px; background:#f0f7fb; border-radius:12px; font-size:13px; color:#31566d; }
#municipality-workspace .toolbox-source-note { border-top:1px solid #dbe3e8; padding-top:24px; margin-top:32px; }
@media(max-width:760px) {
 #municipality-workspace > .layout > aside nav { gap:4px; padding:8px; }
 #municipality-workspace > .layout > aside nav .eyebrow { flex-basis:100%; margin:4px 8px; }
 #municipality-workspace > .layout > aside nav a { flex:1 1 0; min-width:0; padding:10px 6px; font-size:12px; }
}
/* WordPress adds its toolbar as scroll padding; keep the section inside the
 * existing 140px active-section threshold after native anchor navigation. */
#municipality-workspace > .layout > .content > .section {
  scroll-margin-top:calc(128px - var(--wp-admin--admin-bar--height, 0px));
}
/* Municipality section choices: readable icon cards and clear interaction states. */
#municipality-workspace > .layout > aside nav {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px;
  padding:0; margin:0; border:0; border-radius:0; background:transparent;
  box-shadow:none; overflow:visible;
}
#municipality-workspace > .layout > aside nav .eyebrow {
  display:block; grid-column:1 / -1; margin:0 0 2px;
  font-size:14px; line-height:1.4; letter-spacing:.08em;
}
#municipality-workspace > .layout > aside nav a {
  position:relative; display:flex; align-items:center; justify-content:flex-start;
  gap:16px; min-width:0; min-height:88px; margin:0; padding:20px 24px;
  box-sizing:border-box; border:1.5px solid #cbd5dc; border-radius:18px;
  background:#fff; color:#173e57; font-size:16px; font-weight:700;
  line-height:1.45; text-align:left; text-decoration:none;
  transform:translateY(0) scale(1); box-shadow:0 2px 5px rgba(23,62,87,.025);
  transition:border-color 180ms ease,color 180ms ease,box-shadow 180ms ease,transform 180ms ease;
}
#municipality-workspace > .layout > aside nav a::before {
  content:""; display:block; flex:0 0 32px; width:32px; height:32px;
  background:currentColor; color:#0878bd;
  -webkit-mask:var(--municipality-section-icon) center / contain no-repeat;
  mask:var(--municipality-section-icon) center / contain no-repeat;
}
#municipality-workspace > .layout > aside nav a[aria-current="location"] {
  background:#fff; color:#006da8; border-color:#0878bd;
  box-shadow:0 0 0 1px rgba(8,120,189,.12),0 4px 12px rgba(23,62,87,.06);
}
#municipality-workspace > .layout > aside nav a:focus-visible {
  outline:3px solid #0878bd; outline-offset:4px; border-color:#0878bd;
  color:#006da8; background:#fff;
}
@media (hover:hover) and (pointer:fine) {
  #municipality-workspace > .layout > aside nav a:hover {
    border-color:#0878bd; color:#006da8; background:#fff; z-index:1;
    transform:translateY(-3px) scale(1.02);
    box-shadow:0 10px 24px rgba(23,62,87,.13);
  }
}
@media (max-width:760px) {
  #municipality-workspace > .layout > aside nav { grid-template-columns:1fr; gap:12px; }
  #municipality-workspace > .layout > aside nav a { min-height:68px; padding:16px 20px; }
  #municipality-workspace > .layout > aside nav a::before { flex-basis:28px; width:28px; height:28px; }
}
@media (prefers-reduced-motion:reduce) {
  #municipality-workspace > .layout > aside nav a { transition:none; }
  #municipality-workspace > .layout > aside nav a:hover { transform:none; }
}

#municipality-workspace > .layout > aside nav a[href="#actions"] { --municipality-section-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Cpath%20d%3D%22m14%2017%202.5%202.5L21%2014%22%2F%3E%3C%2Fsvg%3E"); }

#municipality-workspace > .layout > aside nav a[href="#indicators"] { --municipality-section-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020h17M6%2015v-4m6%204V7m6%208V3M4%207l6-4%206%202%205-3%22%2F%3E%3C%2Fsvg%3E"); }

#municipality-workspace > .layout > aside nav a[href="#desktop"] { --municipality-section-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%209h18M10%209v12m4-8h3m-3%204h3%22%2F%3E%3C%2Fsvg%3E"); }

@media print { #municipality-workspace > .layout > aside { display:none!important; } }

/* Shared audience dropdown: retain the native select as a no-script fallback. */
body.liigume-toolbox-page :is(#toolkit-kindergarten-v2 > .tk2-audience, #municipality-workspace > .audience) {
  margin-bottom: 24px;
  column-gap: 32px;
  row-gap: 20px;
}
#municipality-workspace .audience .tk2-select-wrap { position:relative; width:clamp(230px,25vw,310px); max-width:100%; }
#municipality-workspace .tk2-select-wrap::after { content:''; position:absolute; top:50%; right:18px; width:8px; height:8px; border-right:2px solid #496979; border-bottom:2px solid #496979; transform:translateY(-70%) rotate(45deg); pointer-events:none; }
#municipality-workspace .tk2-select-wrap:has([aria-expanded='true'])::after { transform:translateY(-20%) rotate(225deg); }
#municipality-workspace .tk2-audience-trigger { width:100%; min-height:48px; padding:12px 42px 12px 16px; border:1px solid #a9c2d0; border-radius:12px; background:rgb(255 255 255 / 76%); color:#183b50; font:inherit; font-weight:700; line-height:1.35; text-align:left; cursor:pointer; }
#municipality-workspace .tk2-audience-trigger:hover { border-color:#0878bd; background:#eff8ff; }
#municipality-workspace .tk2-audience-trigger:focus-visible { outline:3px solid #0878bd; outline-offset:3px; }
body.liigume-toolbox-page :is(#toolkit-kindergarten-v2, #municipality-workspace) .tk2-audience-menu {
  position:fixed; z-index:10050; box-sizing:border-box; overflow-y:auto; overscroll-behavior:contain;
  padding:8px; border:1px solid rgb(205 220 231 / 38%); border-radius:18px;
  background:rgb(14 30 42 / 64%); color:#fff; backdrop-filter:blur(16px) saturate(160%); -webkit-backdrop-filter:blur(16px) saturate(160%);
  box-shadow:0 16px 40px rgb(9 24 36 / 24%), inset 0 1px 0 rgb(255 255 255 / 10%);
  font-size:16px; line-height:1.4; scrollbar-width:thin; color-scheme:dark;
}
body.liigume-toolbox-page :is(#toolkit-kindergarten-v2, #municipality-workspace) .tk2-audience-menu[hidden] { display:none!important; }
body.liigume-toolbox-page :is(#toolkit-kindergarten-v2, #municipality-workspace) .tk2-audience-option { position:relative; min-height:46px; box-sizing:border-box; display:flex; align-items:center; margin:2px 0; padding:10px 36px 10px 12px; border-radius:10px; color:#fff; cursor:pointer; }
body.liigume-toolbox-page :is(#toolkit-kindergarten-v2, #municipality-workspace) .tk2-audience-option:is([aria-selected='true'],.is-active,:hover) { background:rgb(8 120 189 / 78%); color:#fff; }
#municipality-workspace .tk2-audience-option[aria-selected='true']::after { content:''; position:absolute; top:50%; right:16px; width:7px; height:12px; border-right:3px solid currentColor; border-bottom:3px solid currentColor; transform:translateY(-62%) rotate(45deg); }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  body.liigume-toolbox-page :is(#toolkit-kindergarten-v2, #municipality-workspace) .tk2-audience-menu { background:#142430; }
}
@media(max-width:600px) {
  #municipality-workspace > .audience { display:grid; grid-template-columns:minmax(0,1fr); padding:24px; }
  #municipality-workspace .audience .tk2-select-wrap { width:100%; }
  body.liigume-toolbox-page :is(#toolkit-kindergarten-v2 > .tk2-audience, #municipality-workspace > .audience) { margin-bottom:20px; }
}

/* WordPress toolbar belongs to the standalone administrator page, never the renderer. */
html.toolbox-wordpress-bar:not(.toolbox-embedded) { padding-top:32px; }
html.toolbox-wordpress-bar:not(.toolbox-embedded) .toolbox-site-header { top:56px; }
html.toolbox-wordpress-bar:not(.toolbox-embedded) .toolbox-site-header.is-scrolled { top:32px; }
html.toolbox-embedded #wpadminbar { display:none!important; }
html.toolbox-embedded { margin-top:0!important; }
@media(max-width:782px) {
  html.toolbox-wordpress-bar:not(.toolbox-embedded) { padding-top:46px; }
  html.toolbox-wordpress-bar:not(.toolbox-embedded) .toolbox-site-header { top:62px; }
  html.toolbox-wordpress-bar:not(.toolbox-embedded) .toolbox-site-header.is-scrolled { top:46px; }
  body.liigume-toolbox-page #wpadminbar { position:fixed; }
  body.liigume-toolbox-page #wpadminbar #wp-admin-bar-liigume-toolbox-edit { display:block; }
  body.liigume-toolbox-page #wpadminbar #wp-admin-bar-liigume-toolbox-edit .ab-label { display:none; }
}

/* Page-local contents retain the shared icon and expandable panel presentation. */
body.liigume-toolbox-page .toolbox-section-navigation{position:fixed;top:var(--sk-section-top,132px);width:264px;z-index:25;font-size:16px;font-weight:500;line-height:1.45;visibility:hidden;pointer-events:none;}
body.liigume-toolbox-page .toolbox-section-navigation[data-visible="true"]{visibility:visible;}
body.liigume-toolbox-page .toolbox-section-navigation details{border:0;background:transparent;padding:0;margin:0;pointer-events:auto;}
body.liigume-toolbox-page .toolbox-section-navigation summary{display:flex;align-items:center;justify-content:center;list-style:none;width:64px;height:64px;padding:0;box-sizing:border-box;border:1px solid #d4e2eb;border-radius:18px;background:#fff;color:#657d8e;cursor:pointer;box-shadow:0 3px 12px #173c5808;}
body.liigume-toolbox-page .toolbox-section-navigation summary::-webkit-details-marker{display:none;}
body.liigume-toolbox-page .toolbox-section-navigation summary>.lnv-toc-label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;}
body.liigume-toolbox-page .toolbox-section-navigation summary>svg{display:block!important;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;}
body.liigume-toolbox-page .toolbox-section-navigation summary:is(:hover,:focus-visible),body.liigume-toolbox-page .toolbox-section-navigation details[open]>summary{color:#0878bd;background:#edf7fd;border-color:#a9cde4;}
body.liigume-toolbox-page .toolbox-section-navigation .lnv-toc-panel{position:static;width:100%;max-width:none;box-sizing:border-box;margin-top:12px;border:1px solid #d4e2eb;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 24px #173c5812;}
body.liigume-toolbox-page .toolbox-section-navigation .lnv-toc-heading{padding:20px;font-size:16px;line-height:1.45;color:#16425c;}
body.liigume-toolbox-page .toolbox-section-navigation nav{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;max-height:max(44px,calc(100dvh - var(--sk-section-top,132px) - 160px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:8px 12px 12px;}
body.liigume-toolbox-page .toolbox-section-navigation nav a{position:relative;display:flex;align-items:center;gap:9px;min-height:44px;box-sizing:border-box;padding:10px;border-radius:11px;color:#45657a;font-size:14px;line-height:1.45;font-weight:600;text-decoration:none;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease;}
body.liigume-toolbox-page .toolbox-section-navigation nav a svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;}
body.liigume-toolbox-page .toolbox-section-navigation nav a:is(:hover,:focus-visible){background:#e3e6e9;box-shadow:0 3px 8px #1f293724;color:#0878bd;}
body.liigume-toolbox-page .toolbox-section-navigation nav a[aria-current="location"]{background:#edf7fd;color:#0878bd;transform:translateX(-5px) scale(1.015);transform-origin:left center;}
body.liigume-toolbox-page .toolbox-section-navigation nav a[aria-current="location"]::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;border-radius:1px;background:#0878bd;}
body.liigume-toolbox-page .toolbox-section-navigation :is(a,summary):focus-visible{outline:3px solid #0878bd;outline-offset:3px;}
@media(max-width:1100px){
 body.liigume-toolbox-page .lnv-sport-content.sport-menu-preview .sk-local-workspace:has(>.toolbox-section-navigation){margin-top:5px;}
 body.liigume-toolbox-page .toolbox-section-navigation{position:fixed;top:var(--sk-section-top,120px);left:var(--lnv-rail-left,16px)!important;width:56px;max-width:calc(100% - 32px);margin:0;}
 body.liigume-toolbox-page .toolbox-section-navigation summary{width:56px;height:56px;}
 body.liigume-toolbox-page .toolbox-section-navigation .lnv-toc-panel{position:absolute;left:0;top:100%;width:min(300px,calc(100vw - 40px));margin-top:8px;}
 body.liigume-toolbox-page .toolbox-section-navigation nav{max-height:max(44px,calc(100dvh - var(--sk-section-top,120px) - 160px));}
}
@media(prefers-reduced-motion:reduce){body.liigume-toolbox-page .toolbox-section-navigation nav a{transition:none;}}
@media print{body.liigume-toolbox-page .toolbox-section-navigation{display:none!important;}}

body.liigume-toolbox-page .toolbox-section-navigation .lnv-toc-heading{display:flex;align-items:center;gap:12px;}
body.liigume-toolbox-page .toolbox-section-navigation .lnv-toc-heading>img{width:48px;height:48px;flex:none;object-fit:cover;border-radius:50%;}
body.liigume-toolbox-page .toolbox-section-navigation :is(nav a,.lnv-toc-heading>strong,nav a>span){min-width:0;overflow-wrap:anywhere;white-space:normal;}
body.liigume-toolbox-page .toolbox-section-navigation summary:is(:hover,:focus-visible){outline:2px solid #0878bd;outline-offset:3px;}

body.liigume-toolbox-page .toolbox-section-navigation,body.liigume-toolbox-page .toolbox-section-navigation *{box-sizing:border-box;}

body.liigume-toolbox-page .toolbox-section-navigation .lnv-toc-panel{display:flex;flex-direction:column;max-height:calc(100dvh - var(--sk-section-top,152px) - 88px);}
body.liigume-toolbox-page .toolbox-section-navigation .lnv-toc-heading{flex:none;}
body.liigume-toolbox-page .toolbox-section-navigation .lnv-toc-panel nav{min-height:0;}

/* The municipality's inline navigation styles must not leak into the floating contents. */
body.liigume-toolbox-page .toolbox-section-navigation .lnv-toc-panel nav{position:static;width:auto;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
body.liigume-toolbox-page .toolbox-section-navigation .lnv-toc-panel nav a>span{font:inherit;letter-spacing:normal;text-transform:none;}

body.liigume-toolbox-page .toolbox-section-navigation .lnv-toc-panel nav a>span{color:inherit;opacity:1;}
#detail h2[tabindex='-1']:focus{outline:none}
/* Long card lists on phones: the rest stays one tap away. */
.toolbox-show-all { display: block; width: 100%; min-height: 48px; margin: 16px 0 0; padding: 10px 16px; border: 1px solid currentColor; border-radius: 8px; background: #fff; color: inherit; font: inherit; font-weight: 700; cursor: pointer; }
.toolbox-show-all[hidden] { display: none; }
@media screen and (max-width: 700px) { .toolbox-phone-hidden { display: none !important; } }
@media print, (min-width: 701px) { .toolbox-show-all { display: none; } }
/* The municipality stylesheet hides aside link text on narrow screens; the contents panel keeps its labels. */
body.liigume-toolbox-page .toolbox-section-navigation .lnv-toc-panel nav a>span{display:inline;}
/* Narrow layout where the audience box stacks without a gap. */
@media(min-width:601px) and (max-width:760px){#municipality-workspace>.audience .tk2-select-wrap{margin-top:16px;}}
/* The audience box follows the start page text boxes: white, thin border, soft shadow, slight zoom on hover. */
body.liigume-toolbox-page :is(#toolkit-kindergarten-v2 > .tk2-audience, #municipality-workspace > .audience){border:1px solid #d5e0e7;background:#fff;box-shadow:0 8px 22px rgb(24 58 79 / 8%);transition:box-shadow .2s,transform .2s;}
body.liigume-toolbox-page :is(#toolkit-kindergarten-v2 > .tk2-audience, #municipality-workspace > .audience):hover{box-shadow:0 14px 30px rgb(24 58 79 / 16%);transform:scale(1.01);}
@media(prefers-reduced-motion:reduce){body.liigume-toolbox-page :is(#toolkit-kindergarten-v2 > .tk2-audience, #municipality-workspace > .audience){transition:none;}body.liigume-toolbox-page :is(#toolkit-kindergarten-v2 > .tk2-audience, #municipality-workspace > .audience):hover{transform:none;}}
/* Audience selector when hovered or open: white with a UI blue border instead of the pale blue fill. */
body.liigume-toolbox-page :is(#toolkit-kindergarten-v2,#municipality-workspace) .tk2-audience-trigger:is(:hover,[aria-expanded="true"]){border-color:#006da8;background:#fff;}
/* Google's map controls are not content links: undo the circle link look on the library audiences. */
#toolkit-kindergarten-v2 #practice-live-map a.toolbox-circle-link,#toolkit-kindergarten-v2 #practice-live-map button.toolbox-circle-link{display:inline;min-height:0;padding:0;margin:0;gap:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;font:inherit;text-decoration:none;max-width:none;transform:none;}
#toolkit-kindergarten-v2 #practice-live-map .toolbox-link-arrow{display:none!important;}
#toolkit-kindergarten-v2 #practice-live-map .gm-style-cc :is(a,button){min-height:0!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;}
/* Owner decision 2026-11-03: the map footer shows the map data credit only. Google logo and credit stay. */
body.liigume-toolbox-page .lm-map .gm-style-cc:has(a[href*="/help/terms_maps"]),body.liigume-toolbox-page .lm-map .gm-style-cc:has(a[href*="!12b1"]){display:none!important;}

/* Note box in practice overlays, same look as the study report info box. */
.toolbox-info-box{margin:18px 0 0;border:1px solid #a7a9ac;border-radius:7px;background:#fff;break-inside:avoid}
:is(#toolkit-kindergarten-v2,#detail) .toolbox-info-box .toolbox-info-title{position:relative;margin:0;padding:9px 14px 9px 42px;border-radius:6px 6px 0 0;background:#f1f2f2;color:#4f5255;font-size:14px;font-weight:600;line-height:18px}
:is(#toolkit-kindergarten-v2,#detail) .toolbox-info-box .toolbox-info-title:only-child{border-bottom:0;border-radius:6px}
:is(#toolkit-kindergarten-v2,#detail) .toolbox-info-box .toolbox-info-title:not(:only-child){border-bottom:1px solid #a7a9ac}
:is(#toolkit-kindergarten-v2,#detail) .toolbox-info-box .toolbox-info-title::before{content:"i";position:absolute;left:14px;top:50%;width:18px;height:18px;border-radius:50%;background:#4f5255;color:#fff;font:italic 700 13px/18px Georgia,"Times New Roman",serif;text-align:center;transform:translateY(-50%)}
:is(#toolkit-kindergarten-v2,#detail) .toolbox-info-box .toolbox-info-body{margin:0;padding:10px 14px;color:#17384b;font-size:14px;line-height:21px}
.toolbox-info-box{transition:box-shadow .18s ease}
@media(hover:hover){
.toolbox-info-box:hover{box-shadow:0 6px 18px rgba(0,109,168,.16)}
}
#detail .modalbody>.toolbox-info-box{margin:20px 0 28px}
@media(max-width:600px){#detail .modalbody>.toolbox-info-box{margin:18px 0 24px}}

/* Video note: min-height with aspect-ratio made the stage wider than the card on phones, cutting the text. */
#detail .practice-video-stage small{display:block;max-width:420px;color:#fff;font-size:14px;font-weight:600;line-height:1.45;text-wrap:balance}
@media(max-width:600px){
#detail .practice-video-stage:not(:has(iframe)){box-sizing:border-box;width:100%;min-height:205px;aspect-ratio:auto;padding:24px 18px}
#detail .practice-video-load{box-sizing:border-box;max-width:100%}
}

/* The new-menu wrapper .lnv sets Arial, which the municipality workspace and its overlay would inherit. */
#municipality-workspace{font-family:"Nunito Sans",sans-serif}

/* WHO link block on library audiences, same look as the municipality overlay. */
#toolkit-kindergarten-v2 .toolbox-who-details{margin:24px 0 0;padding:0 0 12px;border:1px solid #d8e1e7;border-radius:14px;background:none;font-size:13px}
#toolkit-kindergarten-v2 .toolbox-who-details>summary{position:relative;padding:18px 68px 18px 18px;color:#17384b;font-size:13px;font-weight:800;line-height:22.1px;list-style:none;cursor:pointer}
#toolkit-kindergarten-v2 .toolbox-who-details>summary::-webkit-details-marker{display:none}
#toolkit-kindergarten-v2 .toolbox-who-details>summary::marker{content:''}
#toolkit-kindergarten-v2 .toolbox-who-details>summary::after{content:'';position:absolute;top:50%;right:18px;width:36px;height:36px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'><circle cx='18' cy='18' r='17' fill='white' stroke='%23b8c7d1' stroke-width='1.5'/><path d='M18 10v16m-6-6 6 6 6-6' fill='none' stroke='%238a97a3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;transform:translateY(-50%);transition:transform 220ms ease}
#toolkit-kindergarten-v2 .toolbox-who-details>summary:is(:hover,:focus-visible)::after,#toolkit-kindergarten-v2 .toolbox-who-details[open]>summary::after{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'><circle cx='18' cy='18' r='17' fill='white' stroke='%23b8c7d1' stroke-width='1.5'/><path d='M18 10v16m-6-6 6 6 6-6' fill='none' stroke='%23006da8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>")}
#toolkit-kindergarten-v2 .toolbox-who-details[open]>summary::after{transform:translateY(-50%) rotate(180deg)}
#toolkit-kindergarten-v2 .toolbox-who-details .direction-links{display:grid;gap:14px;padding:18px}
#toolkit-kindergarten-v2 .toolbox-who-details .direction-link{display:grid;gap:7px;padding:16px 18px;border:1px solid var(--direction-color,#006da8);border-radius:12px;background:#f8fbfd}
#municipality-workspace .direction-link{border:1px solid var(--direction-color,#d9e4ec)}
#detail.practice-detail .modalbody .direction-link small,#detail.practice-detail .modalbody .direction-links>small{margin:0}
#toolkit-kindergarten-v2 .toolbox-who-details .direction-links>small{display:block;color:#567082;font-size:13px;line-height:1.6}
#toolkit-kindergarten-v2 .toolbox-who-details .direction-link small{font-size:11px;text-transform:uppercase;letter-spacing:.06em}
#toolkit-kindergarten-v2 .toolbox-who-details .direction-link span{font-size:13px;color:#587083}
#toolkit-kindergarten-v2 .toolbox-who-details .direction-link strong{font-size:15px;line-height:1.5}
#toolkit-kindergarten-v2 .toolbox-who-details .direction-link p{margin:0;color:#425d70;font-size:14px;line-height:1.5}
#toolkit-kindergarten-v2 .toolbox-who-details .direction-links>a{justify-self:start}
@media(prefers-reduced-motion:reduce){#toolkit-kindergarten-v2 .toolbox-who-details>summary::after{transition:none}}
@media(max-width:600px){#toolkit-kindergarten-v2 .toolbox-who-details .direction-links{padding:14px}#toolkit-kindergarten-v2 .toolbox-who-details .direction-link{padding:14px}}

/* Photo credit as an icon that opens to the credit text. Overrides the three older credit styles. */
.has-credit-toggle{display:inline-flex!important;align-items:center;box-sizing:border-box;width:auto!important;max-width:calc(100% - 20px)!important;padding:0!important;border-radius:17px!important;background:rgb(17 40 56 / 78%)!important;color:#fff!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;backdrop-filter:blur(2px)}
.has-credit-toggle .toolbox-credit-toggle{display:inline-flex;flex:none;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;min-height:34px;margin:0;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;color:#fff;cursor:pointer}
.has-credit-toggle .toolbox-credit-toggle:hover{background:rgb(255 255 255 / 16%);color:#fff}
.has-credit-toggle .toolbox-credit-toggle:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.has-credit-toggle .toolbox-credit-text{min-width:0;padding:8px 16px 8px 2px;color:#fff;font:600 12px/1.35 'Nunito Sans',sans-serif;letter-spacing:0;text-align:left;overflow-wrap:break-word}
.has-credit-toggle .toolbox-credit-text[hidden]{display:none}
:is(#municipality-workspace,#toolkit-kindergarten-v2) .who-card-credit.has-credit-toggle{align-self:flex-start;max-width:100%!important;border-radius:14px!important}
:is(#municipality-workspace,#toolkit-kindergarten-v2) .who-card-credit .toolbox-credit-toggle{width:28px;height:28px;min-width:28px;min-height:28px}
:is(#municipality-workspace,#toolkit-kindergarten-v2) .who-card-credit .toolbox-credit-toggle svg{width:15px;height:15px}
:is(#municipality-workspace,#toolkit-kindergarten-v2) .who-card-credit .toolbox-credit-text{padding:7px 14px 7px 2px;font-size:11px}
.row-credit.has-credit-toggle{top:10px!important;right:10px!important;max-width:calc(100% - 20px)!important}
@media print{.has-credit-toggle{position:static!important;background:none!important;color:#17384b!important}.has-credit-toggle .toolbox-credit-toggle{display:none}.has-credit-toggle .toolbox-credit-text,.has-credit-toggle .toolbox-credit-text[hidden]{display:inline;color:#17384b}}
/* The longer menu item must not reach the centred logo. */
@media(min-width:1400px){.toolbox-site-nav summary{padding-left:8px;padding-right:8px}.toolbox-site-right>span{margin:0 8px}}
@media(min-width:1200px) and (max-width:1399px){.toolbox-site-nav summary{padding-left:6px;padding-right:6px;font-size:14px}.toolbox-site-right>span{margin:0 8px}.toolbox-site-nav .toolbox-site-action{padding:12px 16px;font-size:13px}}
/* Same balance for the left menu in this header. */
@media(min-width:1400px){.toolbox-site-left{margin-left:90px}}
@media(min-width:1200px) and (max-width:1399px){.toolbox-site-left{margin-left:70px}}
/* English flag link, as on the rest of the site. */
.toolbox-site-nav .toolbox-site-language{display:inline-flex;align-items:center;margin:0 8px;padding:4px;line-height:0}
.toolbox-site-language img{display:block;width:18px;height:auto}
@media(max-width:1199px){.toolbox-site-nav .toolbox-site-language{justify-self:start;margin:0 8px}}
/* The credit icon is tappable: above the card's full-size open button and not switched off by the older credit style. */
.has-credit-toggle{pointer-events:auto!important;z-index:6!important}
/* Small controls keep their look but give a finger enough room. */
@media(pointer:coarse){.info-dot{position:relative}.info-dot::before{content:"";position:absolute;inset:-8px}.toolbox-circle-link{padding-block:9px;margin-block:-9px}}
/* Stars on the small cards take their own taps, above the card's full-size open button. */
#toolkit-kindergarten-v2 .tk2-card .card-rating{position:relative;z-index:4}
/* Star rating notice above "Vaata lisaks": a label and an info circle that opens the text as a native popover. */
.toolbox-privacy-note{display:flex;align-items:center;box-sizing:border-box;margin:40px 0 -44px;color:#1c3249;font-size:14px;font-weight:700;line-height:1.4}
body .toolbox-privacy-note .toolbox-privacy-info{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;color:#0878bd;cursor:pointer}
body .toolbox-privacy-note .toolbox-privacy-info>span{display:flex;align-items:center;justify-content:center;width:22px;height:22px;box-sizing:border-box;border:1.5px solid currentColor;border-radius:50%;font:700 13px/1 Georgia,serif}
body .toolbox-privacy-note .toolbox-privacy-info:hover>span{background:#0878bd;color:#fff;border-color:#0878bd}
body .toolbox-privacy-note button::before,body .toolbox-privacy-note button::after,body .toolbox-privacy-close::before,body .toolbox-privacy-close::after,body .card-rating-info::before,body .card-rating-info::after{content:none}
body .toolbox-privacy-note .toolbox-privacy-info:focus-visible,body .toolbox-privacy-close:focus-visible{outline:3px solid #0878bd;outline-offset:-3px}
.toolbox-privacy-pop{box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:28px 56px 28px 28px;overflow:auto;border:0;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgb(16 40 64 / 28%);color:#34485c;font-size:16px;font-weight:400;line-height:1.6}
.toolbox-privacy-pop::backdrop{background:rgb(16 40 64 / 45%)}
.toolbox-privacy-pop h2{margin:0 0 12px;color:#1c3249;font-size:22px;line-height:1.25}
.toolbox-privacy-pop p{margin:0}
body .toolbox-privacy-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;color:#1c3249;font-size:26px;line-height:1;cursor:pointer}
body .toolbox-privacy-close:hover{background:#eef2f6}
.toolbox-privacy-note.is-under-cards{margin:20px 0 0}
.card-rating-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}
.card-rating-row .card-rating{flex:0 1 auto;margin:0}
.card-rating-row .card-rating-label{display:none}
body .toolbox-privacy-close>span{font-size:26px;line-height:1}
body .card-rating-info{display:flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;color:#1c3249;cursor:pointer}
body .card-rating-info>span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#d3dce3;color:#fff;font:italic 700 19px/1 Georgia,serif!important}
body .card-rating-info:hover>span{background:#0878bd}
body .card-rating-info:focus-visible{outline:3px solid #0878bd;outline-offset:2px}
@media print{.toolbox-privacy-note,.card-rating-info{display:none}}
/* Source note: clear of the source link above it and in line with the link's text. */
#toolkit-kindergarten-v2 .tk2-source-list p{margin:12px 0 0;padding:0 18px}
/* Star row inside the municipality detail dialog, spaced like its neighbouring blocks. */
#detail .card-rating-row{margin:24px 0 28px;padding-bottom:24px;border-bottom:1px solid #d8e1e7}
/* A closed WHO box has no extra space below its summary, so the text and arrow sit in the vertical middle. */
#toolkit-kindergarten-v2 .toolbox-who-details:not([open]),#detail .modalbody>details:not([open]){padding-bottom:0}
/* A dialog head without a photo shows the same direction illustration as its card. */
#detail.practice-detail .modalhead:not(.has-photo)::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--direction-art) center 55%/cover no-repeat;opacity:.16;pointer-events:none}
#toolkit-kindergarten-v2 .tk2-dialog-hero[data-theme]:not(.has-image){isolation:isolate;background:color-mix(in srgb,var(--tk2-card-color) 14%,#fff);color:#17384b}
#toolkit-kindergarten-v2 .tk2-dialog-hero[data-theme]:not(.has-image) :is(h2,p,span:not(.tk2-tag)){color:#17384b;text-shadow:none}
#toolkit-kindergarten-v2 .tk2-dialog-hero[data-theme]:not(.has-image) .tk2-tag{border-color:rgb(23 56 75 / 18%);background:rgb(255 255 255 / 72%);color:#17384b}
/* Small cards: the arrow ring fills with the UI blue while the card is hovered or its open button has keyboard focus. */
:is(#toolkit-kindergarten-v2,#municipality-workspace) :is(.tk2-card,.card):is(:hover,:has(:is(.tk2-card-open,.navigation-link):focus-visible)) :is(.tk2-arrow-icon,.navigation-arrow){border-color:#0878bd;background:#0878bd;color:#fff}
:is(#toolkit-kindergarten-v2,#municipality-workspace) :is(.tk2-card,.card):is(:hover,:has(:is(.tk2-card-open,.navigation-link):focus-visible)) :is(.tk2-arrow-icon,.navigation-arrow) svg{color:#fff;stroke:#fff}
/* Info boxes keep clear of the text and dividers around them everywhere. */
.toolbox-info-box{margin:20px 0 24px}
/* Open photo credit: the dark area also reaches left of the icon, which stays where it was. */
.has-credit-toggle:has(.toolbox-credit-text:not([hidden])){margin-left:-6px!important;padding-left:6px!important}
/* Video stage: the real preview image under a dark layer, so the button and text stay readable. */
#detail .practice-video-stage.has-thumb{background:linear-gradient(rgb(8 38 57 / 58%),rgb(8 38 57 / 58%)),var(--video-thumb) center/cover no-repeat}
/* Evidence panel: a clear status line, even spacing and the links side by side. */
#detail .evidence-panel{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:24px 0;padding:24px}
#detail .evidence-panel>:not(a){flex:0 0 100%;margin:0}
#detail .evidence-panel>h3{margin-bottom:2px}
#detail .evidence-panel>h3+p{color:#17384b;font-size:14px;font-weight:700}
#detail .evidence-panel>h4{margin-top:8px}
#detail .evidence-panel>a{margin-top:8px;margin-bottom:0;justify-self:auto}
/* Dialogs hide the native scrollbar; dialog-scroll.js floats a dark, translucent indicator over the content. */
#detail,#detail.is-scrolling,#toolkit-kindergarten-v2 .tk2-dialog-shell,#toolkit-kindergarten-v2 .tk2-dialog-shell.is-scrolling{scrollbar-width:none}
#detail::-webkit-scrollbar,#detail.is-scrolling::-webkit-scrollbar,#toolkit-kindergarten-v2 .tk2-dialog-shell::-webkit-scrollbar,#toolkit-kindergarten-v2 .tk2-dialog-shell.is-scrolling::-webkit-scrollbar{display:none;width:0}
#toolkit-kindergarten-v2 .tk2-dialog-shell{position:relative}
.toolbox-scroll-thumb{position:absolute;right:4px;z-index:30;width:6px;border-radius:3px;background:rgb(8 28 42 / 45%);opacity:0;pointer-events:none;transition:opacity .25s ease;touch-action:none;cursor:grab}
.toolbox-scroll-thumb.is-active{opacity:1;pointer-events:auto}
@media print{.toolbox-scroll-thumb{display:none}}
/* WHO direction names in bold, in the colour of their frame. */
:is(#toolkit-kindergarten-v2 .toolbox-who-details,#detail .modalbody>details) .direction-link>span{color:color-mix(in srgb,var(--direction-color,#006da8) 82%,#000);font-weight:800}
/* Metric catalogue: one set of edges and tones for its boxes, group scores in the comparison table's ring. */
#detail .insight-source{padding:0;overflow:hidden}
#detail .insight-source>summary{display:flex;align-items:center;min-height:68px;box-sizing:border-box;padding:12px 68px 12px 20px}
#detail .insight-source>:not(summary){margin-inline:20px}
#detail .insight-source[open]>:last-child{margin-bottom:20px}
#detail .decision-catalogue>label{margin-top:8px}
#detail .decision-catalogue>p.muted{padding:0;margin-block:8px 16px}
:is(#detail,#municipality-workspace) .insight-metrics{margin:12px 0;padding:0;overflow:hidden;border-color:#d8e1e7}
:is(#detail,#municipality-workspace) .insight-metrics>summary{display:flex;align-items:center;gap:16px;min-height:72px;box-sizing:border-box;padding:10px 68px 10px 20px;list-style:none}
:is(#detail,#municipality-workspace) .insight-metrics>summary::-webkit-details-marker{display:none}
:is(#detail,#municipality-workspace) .insight-metrics>summary::marker{content:''}
#detail .insight-metrics>summary::before,#detail .insight-metrics[open]>summary::before{content:none}
:is(#detail,#municipality-workspace) .official-group-level{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:52px;height:52px;margin-left:auto;border:3px solid var(--level-color,#d5dfe5);border-radius:50%;background:#fff;color:#17384b;font-size:13px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
:is(#detail,#municipality-workspace) .official-metric-row,:is(#detail,#municipality-workspace) .official-metric-row[data-state]{grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;margin:0;padding:16px 20px;border:0;border-top:1px solid #e6edf1;border-radius:0;background:#fff;box-shadow:none}
:is(#detail,#municipality-workspace) .official-metric-row::before,:is(#detail,#municipality-workspace) .official-metric-row::after{content:none}
:is(#detail,#municipality-workspace) .official-metric-row>.insight-action{padding:0;font-size:15px}
:is(#detail,#municipality-workspace) .official-metric-row>button:last-child{justify-self:end;min-height:38px;padding:7px 16px;font-size:13px}
:is(#detail,#municipality-workspace) .official-states{align-items:center;gap:6px 8px}
:is(#detail,#municipality-workspace) .official-state{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid #d5dfe5;border-radius:999px;background:#fff;color:#526d7e;font-size:12px;font-weight:700;line-height:1.4}
:is(#detail,#municipality-workspace) .official-state::before{content:'';flex:none;width:7px;height:7px;border-radius:50%;background:#9baeb9}
:is(#detail,#municipality-workspace) .official-state.state-1{border-color:#bcd9c7;color:#1f6a40}
:is(#detail,#municipality-workspace) .official-state.state-1::before{background:#2c8050}
:is(#detail,#municipality-workspace) .official-state.state-0{border-color:#ecd3a4;color:#8a5a0a}
:is(#detail,#municipality-workspace) .official-state.state-0::before{background:#db8609}
#detail .decision-more{display:block;margin:16px auto 8px}
#detail .insight-source>table{width:calc(100% - 40px)}
#detail .insight-source>p{padding-inline:0}
@media(max-width:600px){
#detail .insight-source>summary{padding-left:14px}
#detail .insight-source>:not(summary){margin-inline:12px}
#detail .insight-source>table{width:calc(100% - 24px)}
:is(#detail,#municipality-workspace) .insight-metrics>summary{padding-left:14px}
:is(#detail,#municipality-workspace) .official-metric-row,:is(#detail,#municipality-workspace) .official-metric-row[data-state]{grid-template-columns:minmax(0,1fr);padding:14px}
:is(#detail,#municipality-workspace) .official-metric-row>button:last-child{justify-self:start}
:is(#detail,#municipality-workspace) .official-state{white-space:nowrap}
}
/* Between the phone and wide layouts the first step stays in the lower row, as it does on wide screens. */
@media(min-width:761px) and (max-width:1023px){#municipality-workspace .decision-bar .db-next{grid-area:stats;align-self:end;justify-self:end}}
/* Service level history: the same ring as the comparison table and the group scores. */
.official-history .official-level-ring{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:48px;height:48px;border:3px solid var(--level-color,#d5dfe5);border-radius:50%;background:#fff;color:#17384b;font-size:12px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.official-history td,.official-history th{vertical-align:middle}
/* Metric dialog polish: white surfaces with a soft shadow, a diagonal header, and buttons that fill with the UI blue. */
#detail:not(.practice-detail) .modalhead{background:linear-gradient(135deg,#0b3550 0%,#0a5a8c 55%,#0878bd 100%);color:#fff}
#detail:not(.practice-detail) .modalhead :is(h2,p,.eyebrow){color:#fff}
#detail:not(.practice-detail) .modalhead .eyebrow{opacity:.85}
#detail:not(.practice-detail) .close{background:#fff;color:#17384b;border-color:#fff}
:is(#detail,#municipality-workspace) :is(.official-topic-score,.decision-card,.kpi-linker,.evidence-panel){border:1px solid #e6edf1;background:#fff;box-shadow:0 8px 28px rgb(23 56 75 / 8%)}
#detail .decision-card{padding:26px;border-radius:20px}
#detail .decision-cards{gap:24px}
#detail .decision-card>small.muted{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
#detail .decision-card h4{margin:6px 0 14px;font-size:21px}
#detail .decision-card>p{margin:12px 0 0;font-size:15px}
#detail .threshold-practices{margin-top:24px;padding-top:24px}
#detail .threshold-practices>p.muted,#detail .threshold-practices>p.practice-relevance{margin:0 0 4px;line-height:1.5}
#detail .official-topic-score{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:20px 36px;padding:28px;border-radius:20px}
#detail .official-topic-score .official-rings{max-width:none;justify-self:stretch}
#detail .official-topic-score .official-explanation{grid-column:1/-1;margin:4px 0 0;width:100%}
.official-card .official-gauge{align-self:center;margin-inline:auto}
.official-card .official-meter.official-rings{max-width:none;margin-inline:auto}
#detail .decision-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
#detail .decision-filters button{justify-content:space-between;gap:8px;padding:11px 12px;font-size:13.5px;text-align:left}
@media(min-width:601px){#detail .decision-filters button{white-space:nowrap}}
/* The stars keep their own height in carousel cards. */
#detail .practice-carousel .cardbody>.card-rating,#municipality-workspace .practice-carousel .cardbody>.card-rating{display:flex;flex:none;justify-content:space-between;align-self:stretch;width:100%;box-sizing:border-box;margin:auto 0 14px;padding:2px 10px 2px 14px}
#detail .practice-carousel .cardbody>small{margin-top:0;margin-bottom:16px}
#detail .practice-carousel .cardbody>.card-rating .card-rating-label{display:block;white-space:nowrap;font-size:13px}
#detail .practice-carousel .cardbody>.card-rating+button{margin-top:0}
/* The card number sits in the same corner with or without a photo. */
#detail .practice-carousel .card .cover .index,#detail .practice-carousel .card .cover.has-photo .index,#municipality-workspace .practice-carousel .card .cover:not(.has-photo) .index{position:absolute;top:16px;left:16px;right:auto;bottom:auto;z-index:2;margin:0;padding:5px 9px;border-radius:8px;background:#fffffff0;color:#17384b;font-size:20px;line-height:1.1;opacity:1}
.practice-carousel-controls button:not(:disabled):hover{border-color:#0878bd;background:#0878bd;color:#fff}
/* White actions turn UI blue on hover and keyboard focus. */
#detail .decision-actions .insight-action{min-height:56px;padding:12px 16px;border:1px solid #dbe5eb;background:#fff;box-shadow:0 3px 12px rgb(23 56 75 / 6%);transition:background-color .15s,border-color .15s,color .15s}
#detail .decision-actions .insight-action:is(:hover,:focus-visible){border-color:#0878bd;background:#0878bd;color:#fff}
#detail .decision-actions .insight-action:is(:hover,:focus-visible) .insight-arrow{border-color:#fff;background:#fff;color:#0878bd}
:is(#detail,#municipality-workspace) :is(.decision-more,.official-metric-row>button:last-child,.metric-category-tab:not(.is-active):not([aria-pressed=true])):is(:hover,:focus-visible){border-color:#0878bd;background:#0878bd;color:#fff}
#detail .decision-filters button:not([aria-pressed=true]):is(:hover,:focus-visible){border-color:#0878bd;background:#0878bd;color:#fff}
#municipality-workspace .official-card:is(:hover,:focus-visible) .insight-arrow{border-color:#0878bd!important;background:#0878bd!important;color:#fff!important}
.official-card{transition:box-shadow .15s,border-color .15s}
.official-card:is(:hover,:focus-visible){border-color:#0878bd;box-shadow:0 10px 30px rgb(8 120 189 / 16%)}
/* Disclosure boxes: white with a soft shadow, the arrow ring fills when hovered or open. */
#detail :is(.insight-source,.insight-metrics,.official-explanation){background:#fff;box-shadow:0 3px 14px rgb(23 56 75 / 6%);border-color:#e0e8ed}
#detail :is(.insight-source,.insight-metrics,.official-explanation)>summary:is(:hover,:focus-visible)::after{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'><circle cx='18' cy='18' r='17.25' fill='%230878bd'/><path d='M18 10v16m-6-6 6 6 6-6' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>")}
#detail :is(.insight-source,.insight-metrics,.official-explanation)[open]>summary:is(:hover,:focus-visible)::after{transform:translateY(-50%) rotate(180deg)}
#detail .official-back .insight-arrow{transform:rotate(180deg)}
@media(max-width:600px){
#detail .official-topic-score{grid-template-columns:minmax(0,1fr);justify-items:center;padding:20px}
#detail .decision-card{padding:18px}
#detail .decision-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
#detail .practice-carousel>.card{flex-basis:88%}
#detail .practice-carousel .cardbody>.card-rating{justify-content:center;gap:4px;padding-inline:8px}
#detail .practice-carousel .cardbody>.card-rating .card-rating-label{display:none}
}
/* A dialog title takes focus only to place screen readers and the keyboard; it never shows a focus frame. */
:is(#detail,dialog.tk2-dialog) [tabindex="-1"]:is(:focus,:focus-visible){outline:0!important;box-shadow:none!important}
#municipality-workspace .practice-facts>h3:not(:first-of-type){margin-top:28px}
/* Phones: every audience's dialog fills the screen with the same text margins and a close button that stays reachable. */
@media(max-width:600px){
#detail,#detail.practice-detail{width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;border-radius:0}
#detail .modalbody,#detail.practice-detail .modalbody{padding-inline:22px}
#detail .modalhead,#detail.practice-detail .modalhead{padding-inline:22px}
#detail .close{position:sticky;top:12px;z-index:25}
#detail .close,#toolkit-kindergarten-v2 .tk2-dialog-shell .tk2-dialog-close{transition:opacity .2s ease,transform .2s ease;box-shadow:0 3px 12px rgb(8 28 42 / 28%)}
#detail.is-reading-down .close:not(:focus-visible),#toolkit-kindergarten-v2 .tk2-dialog-shell.is-reading-down .tk2-dialog-close:not(:focus-visible){opacity:0;pointer-events:none;transform:translateY(-10px)}
}
/* An open photo credit in the dialog head ends before the close button and leaves a small gap around it. */
#toolkit-kindergarten-v2 .tk2-dialog-hero .tk2-photo-credit.has-credit-toggle{max-width:calc(100% - 88px)!important}
/* Photo heads: a stronger dark layer behind the title, so text inside a picture falls into the background. */
#detail.practice-detail .modalhead.has-photo::after{background:linear-gradient(90deg,rgb(7 28 44 / 88%) 0%,rgb(7 28 44 / 62%) 55%,rgb(7 28 44 / 18%) 100%),linear-gradient(180deg,rgb(7 28 44 / 8%) 30%,rgb(7 28 44 / 72%) 100%)}
@media(max-width:600px){#detail.practice-detail .modalhead.has-photo::after{background:linear-gradient(180deg,rgb(7 28 44 / 40%) 0%,rgb(7 28 44 / 88%) 62%,rgb(7 28 44 / 92%) 100%)}}
/* Direction legend on narrow screens: the label on its own row, then two even columns. */
@media(max-width:900px){
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-strip,:is(#municipality-workspace,#toolkit-kindergarten-v2) .gappa-strip{display:grid;grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr);gap:0;padding:8px 20px 4px}
:is(#municipality-workspace,#toolkit-kindergarten-v2) .gappa-strip .gappa-strip-label{grid-column:1/-1;margin:0 0 6px;text-align:center}
:is(#municipality-workspace,#toolkit-kindergarten-v2) .gappa-strip .gappa-strip-pill{justify-self:start;gap:10px;min-height:44px;margin:0;padding-block:8px;font-size:16px;line-height:20px;font-weight:700}
:is(#municipality-workspace,#toolkit-kindergarten-v2) .gappa-strip .gappa-strip-pill:nth-of-type(odd){grid-column:2}
:is(#municipality-workspace,#toolkit-kindergarten-v2) .gappa-strip .gappa-strip-pill:nth-of-type(even){grid-column:3;margin-left:24px}
:is(#municipality-workspace,#toolkit-kindergarten-v2) .gappa-strip .gappa-strip-dot{width:14px;height:14px}
}
/* Direction legend on wide screens: one row with room before it and before the four directions. */
@media(min-width:901px){
:is(#municipality-workspace,#toolkit-kindergarten-v2) .gappa-strip{column-gap:20px;padding-left:32px}
:is(#municipality-workspace,#toolkit-kindergarten-v2) .gappa-strip .gappa-strip-label{margin-right:12px}
:is(#municipality-workspace,#toolkit-kindergarten-v2) .gappa-strip .gappa-strip-pill{gap:8px;font-size:15px}
:is(#municipality-workspace,#toolkit-kindergarten-v2) .gappa-strip .gappa-strip-dot{width:12px;height:12px}
}
/* Very narrow municipality cards: five stars do not fit beside the label, which stays available to screen readers on the group. */
@media(max-width:340px){
#municipality-workspace #cards .card .cardbody>.card-rating{justify-content:center;padding-inline:8px}
#municipality-workspace #cards .card .cardbody>.card-rating .card-rating-label{display:none}
}
/* Touch only made the tall tap margin overlap these wrapped pills and steps. */
:is(.wb-secondary,.wb-primary) .toolbox-circle-link.toolbox-circle-link{margin-block:0}
/* Desk steps scroll with a translucent bar below them instead of arrows laid over the text. */
.wb-chev{display:none!important}
.wb-primary{scrollbar-width:none;padding-bottom:2px;scroll-padding-inline:16px}
@media(max-width:900px){.wb-primary{padding-inline:16px}}
.wb-primary::-webkit-scrollbar{display:none}
.wb-step-scroll{position:relative;box-sizing:border-box;height:36px;margin:0 20px 4px;touch-action:none;cursor:grab}
.wb-step-scroll[hidden]{display:none}
.wb-step-scroll::before{content:'';position:absolute;inset:15px 0;border-radius:3px;background:rgb(8 28 42 / 14%)}
.wb-step-scroll-thumb{position:absolute;top:0;bottom:0;display:block}
.wb-step-scroll-thumb::before{content:'';position:absolute;inset:15px 0;border-radius:3px;background:rgb(8 28 42 / 42%);transition:background-color .2s ease}
.wb-step-scroll.is-active .wb-step-scroll-thumb::before{background:rgb(8 28 42 / 68%)}
.wb-table-wrap{max-width:100%;contain:paint}
@media(max-width:600px){
.toolbox-section-navigation{transition:opacity .2s ease,transform .2s ease}
}
/* Phones: one empty focus sample is enough before the real content. */
@media(max-width:600px){#municipality-workspace .ff-card.ff-ghost~.ff-card.ff-ghost{display:none}}
/* Mobile menu: the icon survives touch, rows fill the width, boxes keep apart and the flag has its own row under the icon. */
@media(max-width:1199px){
.toolbox-site-nav{position:relative}
body .toolbox-site-nav .toolbox-site-toggle,body .toolbox-site-nav .toolbox-site-toggle:is(:hover,:focus,:active){width:44px;height:44px;padding:0;border:0;border-radius:12px;box-shadow:none;outline:0;background:linear-gradient(#0079c2,#0079c2) center calc(50% - 10px)/28px 2px no-repeat,linear-gradient(#0079c2,#0079c2) center/28px 2px no-repeat,linear-gradient(#0079c2,#0079c2) center calc(50% + 10px)/28px 2px no-repeat!important}
body .toolbox-site-nav .toolbox-site-toggle[aria-expanded=true],body .toolbox-site-nav .toolbox-site-toggle[aria-expanded=true]:is(:hover,:focus,:active){background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 5l14 14M19 5L5 19' fill='none' stroke='%230079c2' stroke-width='2' stroke-linecap='round'/></svg>") center/28px no-repeat!important}
body .toolbox-site-nav .toolbox-site-toggle:focus-visible{outline:3px solid #0878bd;outline-offset:2px}
.toolbox-site-nav.is-open .toolbox-site-links{grid-template-columns:minmax(0,1fr);gap:4px;padding-top:52px}
.toolbox-site-left,.toolbox-site-right{width:100%;min-width:0;gap:4px}
.toolbox-site-nav details{width:100%}
.toolbox-site-nav summary{display:flex;align-items:center;min-height:48px;box-sizing:border-box;padding:10px 14px;border-radius:12px;white-space:normal}
.toolbox-site-nav details[open]>summary{margin-bottom:8px}
.toolbox-site-right>span{margin:0}
.toolbox-site-nav .toolbox-site-submenu,.toolbox-site-nav .two-col-menu .toolbox-site-submenu{grid-template-columns:minmax(0,1fr);gap:2px;margin-bottom:8px;padding:0 0 8px;border:1px solid #e6edf1;border-radius:14px}
.toolbox-site-nav .toolbox-site-submenu .toolbox-site-menu-intro{margin-bottom:6px;padding:16px;font-size:17px}
.toolbox-site-nav .toolbox-site-submenu .toolbox-site-menu-link{display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:8px 16px}
.toolbox-site-nav.is-open .toolbox-site-links{position:relative}
.toolbox-site-nav .toolbox-site-language{position:absolute;top:4px;right:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border-radius:12px}
.toolbox-site-nav .toolbox-site-language img{width:24px}
.toolbox-site-nav .toolbox-site-action{margin-top:12px}
}

/* Stacked count line: neighbours align with the capsule text, two more pixels around the capsule. */
@media(max-width:480px){
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-count{flex-direction:column;align-items:flex-start;gap:0}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa .gappa-count>span{padding-inline-start:15px}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #gappa a.count-capsule.toolbox-circle-link{margin-block:0}
/* Place list: a rounded grey panel, wider than the cards, so card shadows are not cut into a square band. */
:is(#municipality-workspace,#toolkit-kindergarten-v2) #practice-map .mc-body{padding-inline:6px}
#toolkit-kindergarten-v2 #practice-map .mc-body{margin-inline:-16px}
:is(#municipality-workspace,#toolkit-kindergarten-v2) #practice-map #place-list{padding:12px;gap:12px;border-radius:20px;background:#f1f5f9}
}

/* Kindergarten assessment on phones: rounded section clear of the screen edge, no text past its box. */
@media screen and (max-width:600px){
#toolkit-kindergarten-v2 #hindamine.ka{margin-inline:8px;padding-inline:16px}
#toolkit-kindergarten-v2 #hindamine .ka-context{grid-template-columns:minmax(0,1fr)}
#toolkit-kindergarten-v2 #hindamine .ka-context input[type=date]{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:100%;min-width:0;max-width:100%;text-align:left}
#toolkit-kindergarten-v2 #hindamine .ka-context input[type=date]::-webkit-date-and-time-value{text-align:left}
#toolkit-kindergarten-v2 #hindamine .ka-distribution>p{flex:1 1 100%;min-width:0}
}
/* Narrowest phones: the six answer buttons share the width instead of passing the section edge. */
@media screen and (max-width:360px){
#toolkit-kindergarten-v2 #hindamine .ka-domain-body{padding-inline:8px}
#toolkit-kindergarten-v2 #hindamine .ka-rating{grid-template-columns:minmax(0,1fr)}
#toolkit-kindergarten-v2 #hindamine .ka-range-wrap{min-width:0}
#toolkit-kindergarten-v2 #hindamine .ka-scale{gap:0}
#toolkit-kindergarten-v2 #hindamine .ka-scale button{flex:1 1 0;width:auto;min-width:0}
}
/* Narrowest phones: the logo shrinks to fit between the search and menu icons. */
@media screen and (max-width:368px){
.toolbox-site-header .toolbox-site-brand{width:calc(100vw - 188px)}
.toolbox-site-header .toolbox-site-brand img{display:block;width:100%;height:auto}
}
/* Section menu: a half-round tab on the left screen edge at every width, opening the same panel. */
html body.liigume-toolbox-page .toolbox-section-navigation{left:0!important;top:var(--sk-section-top,120px);width:44px!important;max-width:none;margin:0;z-index:25}
html body.liigume-toolbox-page .toolbox-section-navigation summary{width:44px;height:56px;border:1px solid #0878bd;border-left:0;border-radius:0 32px 32px 0;background:#fff;color:#0878bd;opacity:.75;box-shadow:none;transition:opacity .22s}
html body.liigume-toolbox-page .toolbox-section-navigation summary>svg{width:28px;height:28px;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s}
html body.liigume-toolbox-page .toolbox-section-navigation details[open]>summary>svg{transform:rotate(180deg)}
html body.liigume-toolbox-page .toolbox-section-navigation summary:hover{outline:none;background:#fff;border-color:#0878bd;color:#0878bd}
html body.liigume-toolbox-page .toolbox-section-navigation summary:focus-visible,html body.liigume-toolbox-page .toolbox-section-navigation details[open]>summary{opacity:1;background:#fff;border-color:#0878bd;color:#0878bd}
@media(hover:hover){html body.liigume-toolbox-page .toolbox-section-navigation summary:hover{opacity:1}}
html body.liigume-toolbox-page .toolbox-section-navigation.is-scrolling details:not([open])>summary:not(:focus-visible){opacity:.25}
html body.liigume-toolbox-page .toolbox-section-navigation summary:focus-visible{outline:3px solid #0878bd;outline-offset:-5px}
html body.liigume-toolbox-page .toolbox-section-navigation .lnv-toc-panel{position:absolute;left:16px;top:100%;width:min(300px,calc(100vw - 32px));margin-top:8px}
html body.liigume-toolbox-page .toolbox-section-navigation nav{max-height:max(44px,calc(100dvh - var(--sk-section-top,120px) - 200px))}
@media(prefers-reduced-motion:reduce){html body.liigume-toolbox-page .toolbox-section-navigation summary,html body.liigume-toolbox-page .toolbox-section-navigation summary>svg{transition:none}}
/* Map popup rows: plain block buttons of fixed list width, so wrapped titles always stay inside their row. */
html :is(#municipality-workspace,#toolkit-kindergarten-v2) .practice-map .lm-map .lm-popup-list{grid-auto-rows:max-content;align-content:start;scrollbar-gutter:stable}
html :is(#municipality-workspace,#toolkit-kindergarten-v2) .practice-map .lm-map .lm-popup-list button{display:block;height:auto;white-space:normal}
html :is(#municipality-workspace,#toolkit-kindergarten-v2) .practice-map .lm-map .lm-popup-list button :is(strong,span){display:block}
html :is(#municipality-workspace,#toolkit-kindergarten-v2) .practice-map .lm-map .lm-popup-list button span{margin-top:2px}
/* Small maps: Google would squeeze the popup and scroll it both ways. Keep its real size; the map script shortens the list and pans. */
html :is(#municipality-workspace,#toolkit-kindergarten-v2) .practice-map .lm-map .gm-style-iw-c{max-width:min(320px,calc(100vw - 96px))!important;max-height:none!important}
html :is(#municipality-workspace,#toolkit-kindergarten-v2) .practice-map .lm-map .gm-style-iw-d{max-height:none!important;overflow:visible!important}
html :is(#municipality-workspace,#toolkit-kindergarten-v2) .practice-map .lm-map .lm-popup{min-width:0}
/* Phones: map buttons step aside while a popup is open, so they never cover its close button. */
@media(max-width:600px){
.map-fs-wrap:has(.gm-style-iw-c) .map-fullscreen,.lm-map:has(.gm-style-iw-c) .gm-bundled-control{visibility:hidden}
}
/* Municipality cards without a photo show the WHO direction illustration in full, as on the other audience pages. */
html :is(#municipality-workspace,#detail) .card .cover:not(.has-photo)::before{opacity:1}
/* Place list mini cards show no photo credit icon; the opened card and other sections keep it. */
#practice-map #place-list .who-card-credit{display:none!important}
/* Map popup: the same space on both sides of the cards. Google's own one-sided padding is removed. */
html :is(#municipality-workspace,#toolkit-kindergarten-v2) .practice-map .lm-map .gm-style-iw-c,html :is(#municipality-workspace,#toolkit-kindergarten-v2) .practice-map .lm-map .gm-style-iw-d{padding:0!important}
html :is(#municipality-workspace,#toolkit-kindergarten-v2) .practice-map .lm-map .lm-popup{box-sizing:border-box;padding:0 16px 16px}
html :is(#municipality-workspace,#toolkit-kindergarten-v2) .practice-map .lm-map .lm-popup>p{margin-bottom:12px}
html :is(#municipality-workspace,#toolkit-kindergarten-v2) .practice-map .lm-map .lm-popup-list{gap:8px;margin:0 -2px -2px;padding:2px;scrollbar-gutter:auto;scrollbar-width:auto}
html :is(#municipality-workspace,#toolkit-kindergarten-v2) .practice-map .lm-map .lm-popup-list.is-scrollable{margin-right:-12px;padding-right:6px;scrollbar-gutter:stable}
html :is(#municipality-workspace,#toolkit-kindergarten-v2) .practice-map .lm-map .lm-popup-list::-webkit-scrollbar{width:6px}
html :is(#municipality-workspace,#toolkit-kindergarten-v2) .practice-map .lm-map .lm-popup-list::-webkit-scrollbar-thumb{border-radius:6px;background:#b9c6d0}
html :is(#municipality-workspace,#toolkit-kindergarten-v2) .practice-map .lm-map .lm-popup-zoom{box-sizing:border-box;margin-top:12px}
/* Place list on wider screens: the same rounded grey panel as on phones, with room above and below the cards. */
@media(min-width:601px){
html body :is(#municipality-workspace,#toolkit-kindergarten-v2) #practice-map #place-list{padding:16px;border-radius:20px;background:#f1f5f9}

}
/* Source link in the metric dialog: same side space as the text above it. */
#detail .insight-source>a.insight-action.overlay-link{box-sizing:border-box;width:auto;max-width:calc(100% - 40px);margin:14px 20px 20px}
@media(max-width:760px){#detail .insight-source>a.insight-action.overlay-link{display:flex;width:calc(100% - 40px);max-width:none;margin:14px 20px 16px}}
@media(max-width:600px){#detail .insight-source>a.insight-action.overlay-link{width:calc(100% - 24px);margin:14px 12px 16px}}
/* Phones: one frame around the map section. The inner frame goes, and its space goes to the cards. */
@media(max-width:600px){
html body :is(#municipality-workspace,#toolkit-kindergarten-v2) #practice-map.practice-map{padding-inline:12px}
html body :is(#municipality-workspace,#toolkit-kindergarten-v2) #practice-map .map-context{padding-inline:0;border:0;border-radius:0;background:transparent;box-shadow:none}
html body :is(#municipality-workspace,#toolkit-kindergarten-v2) #practice-map .mc-head{padding-inline:4px}
html body :is(#municipality-workspace,#toolkit-kindergarten-v2) #practice-map .place-search{margin-inline:0}
html body :is(#municipality-workspace,#toolkit-kindergarten-v2) #practice-map .gappa-strip{margin-inline:0;padding-inline:4px}
html body :is(#municipality-workspace,#toolkit-kindergarten-v2) #practice-map .mc-body{margin-inline:0;padding-inline:0}
html body :is(#municipality-workspace,#toolkit-kindergarten-v2) #practice-map #place-list{padding:10px}
}