/* 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; }
}

/* long-form articles (blog-ssc-01.html): larger numbered subheadings such as "3-1. 情報の集め方" */
.blog-article section h5:not(.ac-title) { font-size: 20px; font-weight: 700; line-height: 1.5; }
.blog-article section h6 { font-size: 17px; font-weight: 700; line-height: 1.5; }
.blog-article section ol > li { margin-bottom: 12px; line-height: 1.8; }
.blog-article section ol > li:last-child { margin-bottom: 0; }
/* subtitle shown above a section title */
.blog-eyebrow { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 700; letter-spacing: .08em; color: #2250fc; }