/* ======================= WordPress-only additions ======================= */

/* logged-in admin bar sits above the fixed header */
.admin-bar .hdr { top: 32px; }
@media (max-width: 782px) { .admin-bar .hdr { top: 46px; } }

/* contact form: result message + honeypot */
.cform__notice {
  margin-top: calc(24 * var(--px));
  padding: calc(16 * var(--px)) calc(20 * var(--px));
  border-radius: calc(8 * var(--px));
  font-size: calc(15 * var(--px));
  line-height: 1.7;
}
.cform__notice--ok { background: #eef4ef; color: #245c35; }
.cform__notice--error { background: #fbeeee; color: #9b2c2c; }
.cform__hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* NEWS pager: in the flow under the rows (more than 10 posts) */
.npager.npager--wp {
  position: relative;
  left: auto;
  top: auto;
  width: calc(610 * var(--px));
  margin: calc(56 * var(--px)) auto 0;
}
@media (max-width: 767px) {
  .npager.npager--wp { width: 100%; margin-top: calc(33 * var(--px)); }
  .cform__notice { font-size: calc(14 * var(--px)); }
}

/* article body from the editor: same rhythm as the static articles */
.narticle p:empty { display: none; }
.narticle img { max-width: 100%; height: auto; }

/* pages without a dedicated template (page.php / 404) */
.wp-basic {
  min-height: 60vh;
  padding: calc(260 * var(--px)) calc(288 * var(--px)) calc(160 * var(--px));
  background: #fff;
}
.wp-basic__en { font-family: var(--f-en); font-size: calc(16 * var(--px)); letter-spacing: 0.08em; color: #7c8794; }
.wp-basic__title { margin-top: calc(12 * var(--px)); font-size: calc(40 * var(--px)); line-height: 1.4; font-weight: 500; }
.wp-basic__body { margin-top: calc(40 * var(--px)); font-size: calc(18 * var(--px)); line-height: 1.9; }
.wp-basic__body > * + * { margin-top: 1em; }
.wp-basic__body a { text-decoration: underline; }
@media (max-width: 767px) {
  .wp-basic { padding: calc(150 * var(--px)) calc(32 * var(--px)) calc(80 * var(--px)); }
  .wp-basic__title { font-size: calc(24 * var(--px)); }
  .wp-basic__body { margin-top: calc(24 * var(--px)); font-size: calc(15 * var(--px)); }
}

/* SERVICE「ステラシスの支援スタイル」(SP) — 2026-10-15
   - 見出し：1行・中央揃え（「ル」が2行目に落ちて 01 の丸に隠れていた）
   - 各項目の見出し：PCと同じ「紺＋金（em）」に統一
   - 項目間の余白：絶対配置をやめて縦に流し、間隔を均等に
     （PC用の li + li { margin-top: 40px } がSPにも効いていた）
   - 02 の説明文：句点のあとで改行し「す。」だけが1行に残らないように */
@media (max-width: 767px) {
  .svhow__title { --x: 0; width: calc(390 * var(--px)); text-align: center; white-space: nowrap; }
  .svhow__h { color: var(--navy); }
  .svhow__h em, .svhow__h--dark em { color: var(--beige); }
  .svhow__h--dark { color: inherit; }
  .svhow__list { top: calc(373 * var(--px)); height: auto; }
  .svhow__list li:nth-child(n) { position: relative; top: auto; }
  .svhow__list li + li { margin-top: calc(22 * var(--px)); }
  .svhow__p .sp-only { word-break: keep-all; overflow-wrap: anywhere; }
}
