/* blog posts (blog-wiffy-04.html) */

/* JA | EN switch in the dark blog header (same look as the site top bar, see css/amalance.css) */
/* center the switch vertically in the 60px mini header */
#header.header-mini .header-extras { display: flex; align-items: center; height: 60px; }
#header.header-mini .header-extras ul, #header.header-mini .header-extras li { display: flex; align-items: center; margin: 0; padding: 0; line-height: 1; }
#header .header-extras .am-lang { display: flex; border: 1px solid rgba(255, 255, 255, .5); }
#header .am-lang button {
  background: transparent; border: 0; padding: 4px 11px; font-size: 12px; font-weight: 600; line-height: 1.5;
  letter-spacing: .08em; color: #fff; cursor: pointer; transition: background .2s, color .2s;
}
#header .am-lang button[aria-pressed="true"] { background: #2250fc; color: #fff; }
@media (max-width: 991.98px) {
  /* Polo lets the mini header collapse to its content here; keep the dark 60px bar and pin the switch right */
  #header.header-mini .header-inner { height: 60px !important; }
  #header.header-mini .header-extras { position: absolute; right: 16px; top: 0; float: none; }
}

/* topic cards (Polo icon-set-container): two per row on phones so labels don't wrap per character */
@media (max-width: 767.98px) {
  .icon-set-container .row > [class^="col-"] { flex-basis: calc(50% - 24px); padding: 20px 14px; }
}