/* ActionBeam — WordPress 固有の追加スタイル
   base.css の後に読み込まれます。 */

/* スキップリンク（アクセシビリティ） */
.skip{
  position:absolute;left:-9999px;top:0;z-index:100;
  padding:12px 20px;background:var(--porcelain);color:var(--ink);
  font-size:13px;letter-spacing:.1em;
}
.skip:focus{left:var(--rail)}

/* 業種LP以外で使う通常ヘッダー */
.site-head{
  position:fixed;top:0;left:0;right:0;z-index:40;
  border-bottom:1px solid var(--hair-soft);
  background:rgba(10,8,13,.72);backdrop-filter:blur(10px);
}
.site-head__in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:16px}
.site-head__logo{
  font-family:var(--f-util);font-size:15px;letter-spacing:.28em;color:var(--porcelain);
}
.site-head__logo img{max-height:34px;width:auto}
.site-head__nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,34px)}
.site-head__nav ul{display:flex;gap:clamp(16px,2.2vw,30px);list-style:none;margin:0;padding:0}
.site-head__nav a{font-size:12.5px;letter-spacing:.14em;color:var(--ash)}
.site-head__nav a:hover{color:var(--porcelain)}
.site-head__nav .btn{padding:12px 22px;font-size:12px}
body:not(.ab-industry-clinic) .shell{margin-left:0;padding-top:72px}

/* 実績カードの動画（テーマ側で自動再生を制御） */
.case__media video{width:100%;height:100%;object-fit:cover;display:block}
.qr__img{width:96px;height:96px;flex:none;border:1px solid var(--hair);border-radius:2px}

/* 実績アーカイブ */
.archive-head{padding-top:clamp(110px,14vh,170px)}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.filters a{
  font-family:var(--f-util);font-size:11.5px;letter-spacing:.14em;
  border:1px solid var(--hair);padding:9px 17px;border-radius:2px;color:var(--ash);
  transition:border-color .4s,color .4s;
}
.filters a:hover,.filters a[aria-current="page"]{border-color:var(--rose);color:var(--porcelain)}

/* 単一記事・固定ページの素の本文 */
.entry{max-width:760px;padding-top:clamp(110px,14vh,170px)}
.entry h1{font-family:var(--f-disp);font-weight:500;font-size:clamp(26px,3.4vw,42px);line-height:1.55;letter-spacing:.05em;margin:0 0 30px}
.entry h2{font-size:clamp(20px,2.4vw,28px);margin:48px 0 18px}
.entry h3{font-size:18px;margin:36px 0 14px}
.entry p{color:var(--ash);font-size:14.5px;line-height:2.15;margin:0 0 22px}
.entry a{color:var(--porcelain);text-decoration:underline;text-underline-offset:4px}
.entry ul,.entry ol{color:var(--ash);font-size:14.5px;line-height:2.1;padding-left:1.3em;margin:0 0 22px}
.entry img{border-radius:3px;margin:26px 0}
.entry blockquote{border-left:1px solid var(--rose);padding-left:22px;margin:26px 0;color:var(--ash)}

/* ページネーション */
.pager{display:flex;gap:10px;justify-content:center;margin-top:clamp(44px,5vw,70px)}
.pager .page-numbers{
  font-family:var(--f-util);font-size:12.5px;letter-spacing:.1em;color:var(--ash);
  border:1px solid var(--hair);padding:10px 16px;border-radius:2px;
}
.pager .page-numbers.current,.pager .page-numbers:hover{border-color:var(--rose);color:var(--porcelain)}

/* 404 */
.nf{min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding-top:110px}
.nf__code{font-family:var(--f-util);font-size:clamp(60px,12vw,140px);letter-spacing:.06em;line-height:1;color:var(--hair)}

@media(max-width:820px){
  .skip:focus{left:0}
  .site-head__nav ul{display:none}
  body:not(.ab-industry-clinic) .shell{padding-top:64px}
}