/* SVG masks replace font/emoji presentation in existing saved blocks too.
 * The source markup and all edited copy remain untouched. */
.huugo-election.huugo-election :is(.he-star,
  .he-window-star,
  .he-spark,
  .he-fragment--two,
  .he-ticker > b,
  .he-margin-art > span,
  .he-future-art > b,
  .he-closing-art > span,
  .he-youth-arrow,
  .he-margin-art > b,
  .he-future-art > span,
  .he-section-top > [aria-hidden="true"],
  .he-button span[aria-hidden="true"],
  .he-cross,
  .he-closing-art > b,
  .he-fragment--one,
  .he-fragment--three,
  .he-planet-window > b,
  .he-mini-window > b,
  .he-cursor,
  .he-window-bar > [aria-hidden="true"]) {
  display:block; width:var(--he-icon-size, 28px); height:var(--he-icon-size, 28px);
  min-width:0; max-width:none; flex-shrink:0; font-size:0!important;
  line-height:0!important; text-shadow:none!important; margin:0;
}
.huugo-election.huugo-election :is(.he-star,
  .he-window-star,
  .he-spark,
  .he-fragment--two,
  .he-ticker > b,
  .he-margin-art > span,
  .he-future-art > b,
  .he-closing-art > span,
  .he-youth-arrow,
  .he-margin-art > b,
  .he-future-art > span,
  .he-section-top > [aria-hidden="true"],
  .he-button span[aria-hidden="true"],
  .he-cross,
  .he-closing-art > b,
  .he-fragment--one,
  .he-fragment--three,
  .he-planet-window > b,
  .he-mini-window > b,
  .he-cursor,
  .he-window-bar > [aria-hidden="true"]) > img { display:none!important; }
.huugo-election.huugo-election :is(.he-star,
  .he-window-star,
  .he-spark,
  .he-fragment--two,
  .he-ticker > b,
  .he-margin-art > span,
  .he-future-art > b,
  .he-closing-art > span,
  .he-youth-arrow,
  .he-margin-art > b,
  .he-future-art > span,
  .he-section-top > [aria-hidden="true"],
  .he-button span[aria-hidden="true"],
  .he-cross,
  .he-closing-art > b,
  .he-fragment--one,
  .he-fragment--three,
  .he-planet-window > b,
  .he-mini-window > b,
  .he-cursor,
  .he-window-bar > [aria-hidden="true"])::before {
  content:""; display:block; width:100%; height:100%; background:currentColor;
  -webkit-mask:var(--he-icon) center / contain no-repeat;
  mask:var(--he-icon) center / contain no-repeat;
}
.huugo-election :is(.he-star,.he-window-star,.he-spark,.he-fragment--two,.he-ticker > b,.he-margin-art > span,.he-future-art > b,.he-closing-art > span) { --he-icon:url("../icons/campaign/star.svg"); }
.huugo-election :is(.he-youth-arrow,.he-margin-art > b,.he-future-art > span,.he-section-top > [aria-hidden="true"]) { --he-icon:url("../icons/campaign/arrow-up-right.svg"); }
.huugo-election :is(.he-button span[aria-hidden="true"]) { --he-icon:url("../icons/campaign/arrow-down-right.svg"); }
.huugo-election :is(.he-cross,.he-closing-art > b) { --he-icon:url("../icons/campaign/plus.svg"); }
.huugo-election :is(.he-fragment--one) { --he-icon:url("../icons/campaign/diamond.svg"); }
.huugo-election :is(.he-fragment--three) { --he-icon:url("../icons/campaign/ring.svg"); }
.huugo-election :is(.he-planet-window > b) { --he-icon:url("../icons/campaign/heart.svg"); }
.huugo-election :is(.he-mini-window > b) { --he-icon:url("../icons/campaign/infinity.svg"); }
.huugo-election :is(.he-cursor) { --he-icon:url("../icons/campaign/cursor.svg"); }
.huugo-election :is(.he-window-bar > [aria-hidden="true"]) { --he-icon:url("../icons/campaign/window-controls.svg"); }

.huugo-election .he-candidate .he-button span[aria-hidden="true"]{--he-icon:url("../icons/campaign/arrow-up.svg")}
.huugo-election .he-star{--he-icon-size:200px}
.huugo-election .he-window-star{--he-icon-size:135px;right:12px;top:10px}
.huugo-election .he-spark{--he-icon-size:82px}
.huugo-election .he-cross{--he-icon-size:60px}
.huugo-election .he-fragment{--he-icon-size:32px}
.huugo-election .he-youth-arrow{--he-icon-size:76px}
.huugo-election .he-cursor{--he-icon-size:76px}
.huugo-election .he-mini-window > b{--he-icon-size:60px;margin-inline:auto!important}
.huugo-election .he-planet-window > b{--he-icon-size:52px;margin-inline:auto!important}
.huugo-election .he-window-bar > [aria-hidden="true"]{--he-icon-size:50px;height:16px!important;--he-icon:url("../icons/campaign/window-controls.svg");align-self:center}
.huugo-election .he-margin-art > span{--he-icon-size:130px}
.huugo-election .he-margin-art > b{--he-icon-size:60px}
.huugo-election .he-future-art > span{--he-icon-size:200px;bottom:-15px}
.huugo-election .he-future-art > b{--he-icon-size:60px}
.huugo-election .he-closing-art > span{--he-icon-size:200px}
.huugo-election .he-closing-art > b{--he-icon-size:60px}
.huugo-election .he-button span[aria-hidden="true"]{--he-icon-size:22px}
.huugo-election .he-ticker > b{--he-icon-size:23px}
.huugo-election :is(.he-star,.he-window-star,.he-margin-art>span){filter:drop-shadow(3px -2px 0 #00ffce) drop-shadow(-3px 3px 0 #ff26ca)}
.huugo-election :is(.he-closing-art>span,.he-spark){filter:drop-shadow(4px 3px 0 #6430ff)}
.huugo-election .he-youth-arrow{filter:drop-shadow(1px 1px 0 #191918) drop-shadow(-1px -1px 0 #191918)}
.huugo-election .he-cursor{filter:drop-shadow(1px 0 0 #191918) drop-shadow(-1px 0 0 #191918) drop-shadow(0 1px 0 #191918) drop-shadow(3px 3px 0 #7143ff)}
/* Gutenberg's inherited block spacing must not separate painted sections. */
.huugo-election > *, .huugo-election .he-window > * {margin-block:0!important}
.huugo-election .he-window-bar{align-items:center;gap:12px}
.huugo-election .he-window-bar > :first-child{min-width:0;overflow-wrap:anywhere}
.huugo-election .he-window-body > p:not(.he-sticker){z-index:1}
.huugo-election .he-window-trail{pointer-events:none}
@media(max-width:760px){
  .huugo-election .he-star{--he-icon-size:90px}
  .huugo-election .he-window-star{--he-icon-size:72px;top:14px;right:12px}
  .huugo-election .he-window-body{padding:118px 20px 35px}
  .huugo-election .he-window-body > p:not(.he-sticker){font-size:clamp(3.2rem,18vw,5.2rem)!important;line-height:.98}
  .huugo-election .he-window{width:calc(100% - 38px);margin-inline:auto;margin-bottom:24px}
  .huugo-election .he-window-trail{inset:8% -5% -7% 5%;transform:rotate(-9deg)}
  .huugo-election .he-youth-arrow{--he-icon-size:42px;left:-17px;top:43%}
  .huugo-election .he-spark{--he-icon-size:65px}
  .huugo-election .he-cross{--he-icon-size:32px}
  .huugo-election .he-cursor{--he-icon-size:34px}
  .huugo-election .he-fragment{--he-icon-size:22px}
  .huugo-election .he-mini-window > b{--he-icon-size:28px}
  .huugo-election .he-planet-window > b{--he-icon-size:38px}
  .huugo-election .he-margin-art > span{--he-icon-size:58px}
  .huugo-election .he-margin-art > b{--he-icon-size:28px}
  .huugo-election .he-future-art > span{--he-icon-size:105px}
  .huugo-election .he-future-art > b{--he-icon-size:38px}
  .huugo-election .he-closing-art > span{--he-icon-size:80px}
  .huugo-election .he-closing-art > b{--he-icon-size:25px}
  .huugo-election .he-ticker{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr);gap:8px;padding:20px 14px;text-align:center;font-size:clamp(8px,2.1vw,10px);line-height:1.5}
  .huugo-election .he-ticker > b{--he-icon-size:16px}
  .huugo-election .he-ticker > b:last-child{display:none!important}
  .huugo-election .he-ticker > :is(p,span){min-width:0;margin:0;overflow-wrap:normal}
}
@media(max-width:899px){
  body.huugo-context-seurakuntavaalit .huugo-site-header__brand .huugo-signature-logo{transform:translateY(-5px)}
  body.huugo-context-seurakuntavaalit .huugo-site-header__brand .huugo-signature-logo :is(svg,img){max-height:2.8rem}
}
