に出力するため
body.page では当たらない。固定ページ判定は .page（＝WPの body class）で行い、
トップ（page_on_front）は .home を除外する。 */
/* 【見出しデザインシステム：トークン】役割→装飾を1系統に統一。
見出しの装飾は「中立色の下線1本（緑なし）」のみ。色も方式も全階層で共通。
階層はサイズだけで分ける（タイトル > H2 > H3）。緑(ヒスイ)は必要なら最後に別途付与する。 */
:root {
--h1-size: clamp(27px, 5vw, 32px); /* タイトル（モバイルfloor 24→27px：H2(22px)との差を確保） */
--h2-size: 22px; /* セクション */
--h3-size: 19px; /* 小見出し（本文17px化に連動し17→19px） */
--h-rule: var(--border-hairline); /* 見出し下線の色（全階層共通＝#DDE6E3・緑なし） */
}
/* タイトル(H1)：固定ページ/アーカイブ(.c-pageTitle)＋記事(.c-postTitle__ttl)を
中立の全幅ヘアライン1本に統一（SWELL b_bottom は下で解除）。 */
.c-pageTitle,
.c-postTitle__ttl {
position: relative;
font-family: var(--font-serif);
font-weight: var(--weight-heading);
font-size: var(--h1-size);
line-height: 1.35;
letter-spacing: 0.01em;
color: var(--text-heading);
padding-bottom: 14px;
margin-bottom: 28px;
border-bottom: 1px solid var(--h-rule);
}
/* 左ヒスイ・リード（緑）は撤去＝見出しの緑を全廃。タイトルは中立のヘアライン1本のみ。 */
.c-pageTitle::after,
.c-postTitle__ttl::after { content: none; }
/* @swell-dep ｜ SWELL b_bottom は [data-style=b_bottom]（クラス＋属性）で詳細度が高く、.c-pageTitle 単体では
勝てない。属性セレクタで詳細度を合わせ（子テーマが後勝ち）、コアのグレー全幅線と
__inner の文字幅ヒスイ下線(float)を確実に上書き＝解除して、Lumeの下線に一本化する。 */
.c-pageTitle[data-style] {
border-bottom: 1px solid var(--h-rule);
}
.c-pageTitle[data-style] .c-pageTitle__inner {
float: none;
display: inline;
padding: 0;
border-bottom: 0;
font-size: inherit;
}
/* 固定ページのセクション見出しは記事と同じ共通定義（上部 .post_content h2 等）に集約。
固定ページ専用の上書きは持たない。 */
/* ---- @swell-dep ｜ 著者ボックス見出し「執筆」に英語 Author を重ねる ----
SWELL設定 post_author_title='執筆'。ホームの .lume-section-head と同系統に。
英語=Fraunces（小さめ）を ::before で上に出し、「Author / 執筆」の二段見出しに。 */
.l-articleBottom__section.-author .l-articleBottom__title {
position: relative;
line-height: 1.2;
}
.l-articleBottom__section.-author .l-articleBottom__title::before {
content: 'Author';
display: block;
/* SWELL の .c-secTitle::before は position:absolute＋装飾バー。通常フローへ戻す。 */
position: static;
inset: auto;
width: auto;
height: auto;
margin: 0 0 2px;
background: none;
border: 0;
font-family: var(--font-display);
font-optical-sizing: auto;
font-weight: 500;
font-size: 22px;
line-height: 1.1;
letter-spacing: 0.01em;
color: var(--ink);
}
/* 日本語「執筆」側は控えめなラベル級に（英語が主役） */
.l-articleBottom__section.-author .l-articleBottom__title {
font-family: var(--font-label);
font-size: 11.5px;
font-weight: 600;
letter-spacing: 0.14em;
color: var(--color-primary-strong);
}
/* ---- @swell-dep ｜ グローバルナビ：ブランドの明朝署名を効かせる ----
SWELL既定はゴシック。正典の「見出し＝明朝」をナビにも適用し、編集メディアらしい
落ち着いた佇まいに。サイズ・字間をわずかに整える（構造・色は触らない）。 */
.c-gnav .menu-item > a,
.c-gnav__item > a {
font-family: var(--font-serif);
font-weight: 700;
letter-spacing: 0.04em;
}
.c-gnav .menu-item > a .menu-item-text,
.c-gnav .menu-item > a .ttl {
font-family: inherit;
}
/* ---- @swell-dep ｜ ウィジェット見出し（About / Popular / Categories / Contents / Nagiro）を
英語ディスプレイセリフ Fraunces に統一。セクション見出しと書体を揃える。 ---- */
.c-widget__title,
#sidebar .lume-eyebrow,
.l-footer .lume-eyebrow,
.p-footerWidgets .lume-eyebrow {
font-family: var(--font-display);
font-optical-sizing: auto;
font-weight: 500;
font-size: 17px;
letter-spacing: 0.02em;
text-transform: none; /* eyebrowのuppercase化を解除（英単語は素のまま） */
color: var(--ink);
}
/* ---- @swell-dep ｜ サイドバー/フッターのカテゴリ・リンクリストを明朝に（ナビと同じ署名） ---- */
#sidebar .wp-block-categories a,
#sidebar .wp-block-categories-list a,
.l-footer .wp-block-categories a,
.l-footer .wp-block-categories-list a,
.l-footer .wp-block-list a,
.p-footerWidgets .wp-block-categories a,
.p-footerWidgets .wp-block-list a {
font-family: var(--font-serif);
font-weight: 700;
letter-spacing: 0.02em;
}
/* @swell-dep ｜ 単一記事H1左の縦並び日付ブロックを抑制（正典はメタ行に公開・更新を集約） */
.c-postTitle__date { display: none; }
/* 著者ボックス（SNSアイコン含む）は SWELL 標準のまま使用＝子テーマで上書きしない。 */
/* ---- @swell-dep ｜ フッター：深いヒスイのドレンチ（白文字）。Categories帯と呼応し、
ページを締める“床”として全幅で沈める。テキスト/リンクは白系へ。 ---- */
.l-footer {
background: linear-gradient(180deg, var(--jade-900) 0%, var(--jade-700) 100%);
}
/* フッターは暗色になったので、見出し・タグライン・コピーライトを白系に */
.l-footer .c-widget__title,
.l-footer .lume-eyebrow,
.l-footer .p-footerWidgets__title { color: var(--paper-white); }
.l-footer,
.l-footer .copyright,
.l-footer__foot { color: rgba(255, 255, 255, 0.66); }
/* フッターウィジェット（現状はNagiro列のみ）を中央揃え。
コンテナは中央だが中身が text-align:start で左端に貼り付くため、見出し・リンクを中央へ。 */
.l-footer__widgetArea .w-footer.-col1 .w-footer__box,
.l-footer__widgetArea .w-footer.-col1 .c-widget {
text-align: center;
}
.l-footer__widgetArea .w-footer.-col1 .wp-block-list,
.l-footer__widgetArea .w-footer.-col1 ul {
list-style: none;
margin: 0;
padding: 0;
}
.l-footer__widgetArea .w-footer.-col1 .lume-eyebrow {
display: block; /* inline-flex だと中央寄せが効かないため */
}
/* フッターのリンク4つを ghost ボタン化。
テキストリンクだと押せると分かりにくいため、Button の ghost variant に揃える
（透明地・jade文字・pill、hover で jade-50 + ヘアライン）。縦に積んで中央。 */
.l-footer__widgetArea .w-footer.-col1 .wp-block-list {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
margin-top: 14px;
}
.l-footer__widgetArea .w-footer.-col1 .wp-block-list li { margin: 0; }
.l-footer__widgetArea .w-footer.-col1 .wp-block-list a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 200px;
padding: 9px 20px;
border-radius: var(--radius-pill);
border: 1px solid transparent;
font-family: var(--font-serif); /* ブランド署名の明朝は維持 */
font-weight: 700;
font-size: 14px;
letter-spacing: 0.02em;
color: rgba(255, 255, 255, 0.92);
border-color: rgba(255, 255, 255, 0.28);
background: transparent;
text-decoration: none;
transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
}
.l-footer__widgetArea .w-footer.-col1 .wp-block-list a:hover {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.5);
color: var(--paper-white);
}
/* コピーライトは中央寄せ（免責文をPPページへ移したため単独行＝センタリング） */
.l-footer__foot .l-container {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: center;
gap: 6px 16px;
}
.l-footer__foot .copyright { margin: 0; text-align: center; width: 100%; }
/* ---- @swell-dep ｜ サイドバー「この媒体について」プロフィールをカード枠に（正典＝角丸ボーダーのカード） ---- */
.l-sidebar .c-widget .lume-profile,
.c-widget .lume-profile {
background: linear-gradient(180deg, var(--jade-50) 0%, var(--surface-tint-2) 100%);
border: 1px solid var(--border-hairline);
border-radius: var(--radius-lg);
padding: 22px 20px;
box-shadow: none; /* 真っ白＋影で浮きすぎていたので、ヒスイ薄地で馴染ませる */
}
/* ---- ホーム「新着の記事」core/latest-posts をカード調に（純ブロック近似） ----
カテゴリーラベル・読了時間は core ブロックの非対応のため[許容]。枠だけ正典に寄せる。 */
.wp-block-latest-posts.is-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin: 0;
padding: 0;
grid-auto-rows: 1fr; /* 全カードの高さを行ごとに均等化 */
}
.wp-block-latest-posts.is-grid > li {
width: auto;
max-width: none;
margin: 0;
box-sizing: border-box;
background: var(--surface-card);
border: 1px solid var(--border-hairline);
border-radius: var(--radius-lg);
padding: 24px;
box-shadow: var(--shadow-sm);
transition: box-shadow 200ms ease, transform 200ms ease, border-color 200ms ease;
/* 縦flexにして高さいっぱいに伸ばし、日付を下端へ固定（タイトル行数差を吸収） */
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
}
/* アイキャッチ画像：16:9固定・カード上端いっぱい（padding相殺） */
.wp-block-latest-posts__featured-image {
display: block;
margin: -24px -24px 16px;
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}
.wp-block-latest-posts__featured-image a,
.wp-block-latest-posts__featured-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 600px) {
.wp-block-latest-posts.is-grid { grid-template-columns: 1fr; }
}
@media (hover: hover) and (pointer: fine) {
.wp-block-latest-posts.is-grid > li:hover {
box-shadow: var(--shadow-md);
transform: translateY(-2px);
border-color: var(--border-strong);
}
}
.wp-block-latest-posts__post-title {
font-family: var(--font-serif);
font-weight: var(--weight-heading);
font-size: 18px;
line-height: 1.45;
color: var(--text-heading);
}
.wp-block-latest-posts__post-date {
font-family: var(--font-label);
font-size: 12px;
color: var(--text-muted);
margin-top: auto; /* 日付をカード下端へ固定し、タイトル行数差を吸収 */
padding-top: 8px;
}
/* ---- ホーム「カテゴリーから探す」カードの件数バッジ（名称右・正典準拠） ---- */
.lume-cat-card__head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 10px;
}
.lume-cat-card__count {
flex: none;
font-family: var(--font-label);
font-size: 12px;
font-weight: 600;
color: var(--text-muted);
letter-spacing: 0.02em;
}
/* カテゴリカードの高さを4枚そろえる。説明文を外し名称＋件数のみにしたので
wp-block-columns(flex)の各カラムを stretch し、カード本体を height:100% で行高に合わせる。
2行(4枚)間の不揃いは、内容が一定になったので min-height を与えて完全一致させる。 */
.lume-cat-card.is-interactive {
height: 100%;
display: flex;
align-items: center; /* 名称行をカード内で縦中央に */
min-height: 84px;
}
.lume-cat-card .lume-cat-card__head { width: 100%; margin: 0; }
/* ---- 特集：2本立て（横並びカード） ---- */
/* .lume-features = 2カラムのグリッド。各 .lume-feature = 1枚のカード（画像上／本文下）。
画像枠は固定アスペクト比で intrinsic な高さを持たせ、本文長に左右されず安定。 */
/* SWELL は wp:group を .wp-block-group__inner-container でラップするため、
グリッドは内側コンテナ側に当てる。.lume-features 本体は通常フロー（block）のまま
にしないと、本体gridの唯一の子(inner-container)が grid item として内容幅に縮む。 */
.lume-features { display: block; width: 100%; }
.lume-features > .wp-block-group__inner-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
align-items: stretch; /* 2枚のカードを行の高さに合わせて均等化（右だけ長い問題を解消） */
grid-auto-rows: 1fr; /* 複数行（新着6件）でも全行＝全カードを同じ高さに */
}
/* inner-container が無い構成（テーマ差異）への保険 */
.lume-features:not(:has(> .wp-block-group__inner-container)) {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
align-items: stretch;
grid-auto-rows: 1fr;
}
.lume-feature {
position: relative;
display: flex;
flex-direction: column;
height: 100%; /* グリッドトラックの高さいっぱい＝もう一方と同じ高さに揃う */
padding: 20px; /* 2カラムで横幅が狭くなるため、カード内余白を控えめに */
}
/* 狭い幅で見出しが過度に折り返さないよう、特集カードのタイトルは少し小さく */
.lume-feature .lume-card__title {
font-size: 17px;
line-height: 1.5;
}
.lume-feature .lume-card__meta {
margin-bottom: 0;
}
.lume-feature__media {
border-radius: var(--radius-md);
background: linear-gradient(135deg, var(--jade-100) 0%, var(--jade-300) 100%);
aspect-ratio: 16 / 9;
width: 100%;
margin-bottom: 16px;
}
/* アイキャッチ画像を持つ場合：16:9枠いっぱいに cover で表示 */
.lume-feature__media--img {
overflow: hidden;
background: var(--jade-100); /* 画像読込中のフォールバック地色 */
}
.lume-feature__media--img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.lume-feature__body {
display: flex;
flex-direction: column;
gap: 8px;
}
/* 特集カードのタグ行（gold「特集」＋ jade カテゴリ）を横並び・余白付きに */
.lume-feature__tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.lume-feature__excerpt {
font-size: 14px;
line-height: 1.8;
color: var(--text-body);
margin: 6px 0 0;
/* 抜粋は3行までで切り、2枚のカード高さを揃える */
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.lume-feature__link {
position: absolute;
inset: 0;
z-index: 1;
border-radius: var(--radius-lg);
/* テキストは持たないが a11y のため aria-label を付与（HTML側） */
}
.lume-feature__link:focus-visible {
outline: 2px solid var(--color-primary-strong);
outline-offset: 2px;
}
/* 見出しはホバーで jade に寄せ、リンクであることを示す（マウス限定。タッチは :active で） */
@media (hover: hover) and (pointer: fine) {
.lume-feature:hover .lume-card__title {
color: var(--color-primary-strong);
}
}
/* スマホは Featured / Latest を1カラム（縦1列・全幅カード）に。
※本体グリッドが .lume-features:not(:has(...)) (詳細度0,2,0) のため、ここも同詳細度で
指定しないと負ける（＝以前スマホでも2列のままだった原因）。 */
@media (max-width: 600px) {
.lume-features,
.lume-features:not(:has(> .wp-block-group__inner-container)),
.lume-features > .wp-block-group__inner-container {
grid-template-columns: 1fr;
}
}
/* ---- Featured リード大判 ----
特集セクション先頭の1枚を大判化し、「推し」の役割を視覚的に分離。
PC: 2カラムグリッドの1行を丸ごと占有（横長リード）。スマホ: 1カラムなので自然に全幅。
いずれも画像を 3:2 に・見出しを 22px に上げ、続く通常カード／新着と差をつける。 */
.lume-feature--lead {
grid-column: 1 / -1; /* PCグリッドで全幅。1カラム時は無効（=そのまま全幅） */
}
.lume-feature--lead .lume-feature__media {
aspect-ratio: 3 / 2;
}
.lume-feature--lead .lume-card__title {
font-size: 22px;
line-height: 1.45;
}
.lume-feature--lead .lume-feature__excerpt {
-webkit-line-clamp: 2; /* 横長なので2行で十分。縦消費を抑える */
}
@media (max-width: 600px) {
/* スマホは横長になりすぎないよう画像を 16:9 に戻し、見出しは 20px に。 */
.lume-feature--lead .lume-feature__media { aspect-ratio: 16 / 9; }
.lume-feature--lead .lume-card__title { font-size: 20px; }
}
/* ---- カテゴリカード：カード全体をクリック可能に（特集と同型の stretched-link） ---- */
/* 新着記事ブロックと挙動を統一。href は各カテゴリーアーカイブ（/scalp/ 等）。 */
.lume-cat-card.is-interactive {
position: relative;
}
.lume-cat-card__link {
position: absolute;
inset: 0;
z-index: 1;
border-radius: var(--radius-lg);
}
.lume-cat-card__link:focus-visible {
outline: 2px solid var(--color-primary-strong);
outline-offset: 2px;
}
@media (hover: hover) and (pointer: fine) {
.lume-cat-card.is-interactive:hover .lume-card__title {
color: var(--color-primary-strong);
}
}
/* カード内の「記事を読む →」は冗長になるため非表示にし、全面クリックへ一本化 */
.lume-cat-card .lume-cat-card__readmore {
display: none;
}
/* =====================================================================
モバイル（390px中心）の読み物としての快適性に効く修正群。
※ Contact/Privacyの1カラム化は About と同じ swell_meta_show_sidebar=hide
（post meta・サイドバーをDOMから外す＝CSSハックより堅牢）で対応。
※ 著者SNSアイコンリストは現状DOMに無い（bio文章化済み）ため対象外。
===================================================================== */
/* 本文p：SWELL親の 0.975rem(=15.6px) が残るので 17px に明示（読み物中心で読みやすさ優先。
見出しとの差は明朝×太字が担保）。段落の縦リズムも SWELL既定の約2em → 1.6em に締める。 */
.post_content p,
.entry-content p {
font-size: 17px;
margin-top: 0;
margin-bottom: 1.6em;
}
/* 検索入力の自動ズーム防止：iOS Safari は 16px未満の input で自動ズーム→
レイアウトが飛ぶ。検索系inputを 16px に固定（404/検索結果/ヘッダー共通）。 */
input[name="s"],
.c-searchForm__s {
font-size: 16px;
}
/* カードサムネのローディング地をブランド色に。アイキャッチ遅延読込(lazyload)中の
一瞬の空白/ローダーを、ヒスイ薄地の“意図したプレースホルダ”に見せる。画像確定後は
.c-postThumb__img(absolute/cover) が覆う。未設定(.noimg_)は既存gradientが優先。 */
.c-postThumb__figure {
background: var(--jade-100);
}
/* 検索ページ：再検索フォーム＋0件CTA（child search.php と対）。
フォーム自体は SWELL の .c-searchForm を流用。ここは余白と0件導線の体裁のみ。 */
.nagiro-search-rebox {
max-width: 520px;
}
.nagiro-search-empty {
padding: 4px 0 8px;
}
.nagiro-search-empty__lead {
color: var(--ink-muted, #5E6A66);
margin-bottom: 1.2em;
}
.nagiro-search-empty__cats {
list-style: none;
margin: 0 0 1.6em;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 8px 10px;
}
.nagiro-search-empty__cats li {
margin: 0;
}
.nagiro-search-empty__cats a {
display: inline-flex;
align-items: center;
min-height: 44px; /* タップ44px確保 */
padding: 8px 16px;
border: 1px solid var(--hairline-strong, #C4D3CE);
border-radius: 999px;
text-decoration: none;
font-size: 14px;
}
/* ---- モバイル(≤600px)限定の調整 ---- */
@media (max-width: 600px) {
/* サイドバーの「Categories」ウィジェットを非表示（本文のCategories帯と二重）。
About(プロフィール)/Popular は残す。:has() で wp-block-categories を含む widget だけを狙う
＝ブロックIDに依存しない堅牢な指定。 */
#sidebar .c-widget.widget_block:has(.wp-block-categories) {
display: none;
}
/* タップ領域の底上げ（44px目安）。 */
a.lume-morelink {
min-height: 44px;
padding: 11px 18px; /* 見た目を保ちつつ高さを確保 */
}
.c-searchForm__submit {
min-height: 44px;
min-width: 44px;
}
/* パンくず：font10px・19px高は小さすぎ → 11pxに上げ、リンクの当たり判定を縦に拡張。
横長の帯になり過ぎないよう min-height は 38px に留める（P2・現実的な妥協）。 */
.p-breadcrumb__item .p-breadcrumb__text { font-size: 11px; }
a.p-breadcrumb__text {
display: inline-flex;
align-items: center;
min-height: 38px;
padding: 6px 2px;
}
/* （任意）1カラムで横幅が確保できるので、カード見出しを 19px に上げて可読性UP。
特集カード(2列前提の17px)もモバイルは1列なので引き上げ。 */
.lume-card__title,
.lume-feature .lume-card__title,
.wp-block-latest-posts__post-title {
font-size: 19px;
}
/* ホーム「Latest」をモバイルで間引く（PCは全件・スマホは mobile_max 件）。
超過分カードに付く lume-feature--m-hide を隠してホームの縦長（約8.2画面）を緩和。 */
.lume-features .lume-feature--m-hide {
display: none;
}
/* アーカイブ/検索カードの抜粋を2行で切り、縦消費を抑える。
@swell-dep: .p-postList__excerpt は親SWELLのクラス（clamp無しで3〜4行＝1記事150〜180px）。
.lume-feature__excerpt は既に clamp:3 だが、ホームカードのタイトルも2行に揃え言語統一。 */
.p-postList__excerpt {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* カード見出しもモバイルは2行で切り、一覧の走査性を均す（lead は除外＝主役は3行可）。 */
.lume-feature:not(.lume-feature--lead) .lume-card__title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
/* =====================================================================
モバイルの状態表現・タップ快適性・タイポの仕上げ群。
===================================================================== */
/* タッチの手応え：押下フィードバック（:active）＋ブランド色タップハイライト。
sticky hover は上の hover ガードで解消済み。ここは「押した」を指に返す層。 */
.lume-card.is-interactive:active,
.wp-block-latest-posts.is-grid > li:active {
transform: translateY(0) scale(0.99);
}
.lume-feature:active .lume-card__title,
.lume-cat-card.is-interactive:active .lume-card__title {
color: var(--color-primary-strong);
}
.wp-block-button__link:active,
.l-footer__widgetArea .w-footer.-col1 .wp-block-list a:active {
transform: scale(0.97);
}
.lume-feature__link, .lume-cat-card__link, .lume-about__link,
.wp-block-button__link, a.lume-morelink,
.c-categoryList__link, a.c-postThumb__cat,
.l-footer__widgetArea .w-footer.-col1 .wp-block-list a,
.c-pagination a.page-numbers, .nagiro-search-empty__cats a,
.p-spMenu__nav a {
-webkit-tap-highlight-color: rgba(51, 145, 126, 0.12);
}
/* 脚注/見出しアンカーのジャンプが固定ヘッダー裏に潜るのを防ぐ。 */
html { scroll-padding-top: 72px; }
.post_content sup.lume-fn-ref,
.post_content ol.lume-references li,
.post_content :is(h2, h3)[id],
.entry-content :is(h2, h3)[id] {
scroll-margin-top: 80px;
}
/* 暗いヒスイ帯／フッター上ではフォーカスリングを明色に（jade-700は沈むため）。 */
.lume-band--jade :focus-visible,
.l-footer :focus-visible {
outline-color: var(--paper-white);
}
/* 本文中リンク（クラス無しの地の文リンク）を jade-700 に＝AA確保（jade-500≈3.4:1→6.6:1）。
ボタン/morelink等のクラス付きは除外して既存意匠を壊さない。 */
.post_content a:not([class]),
.entry-content a:not([class]) {
color: var(--color-primary-strong);
text-underline-offset: 2px;
}
/* reduced-motion 総合ガード：連続スピナー等を含め全アニメ/トランジションを抑止。 */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.001ms !important;
scroll-behavior: auto !important;
}
}
/* viewport-fit=cover 下の安全領域：全幅フッターがホームインジケータ/ノッチに潜らないように。 */
.l-footer__foot {
padding-bottom: calc(16px + env(safe-area-inset-bottom));
}
.l-footer__widgetArea {
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
}
/* 本文の長語/URLの横はみ出し予防（実記事投入前のフェイルセーフ）。 */
.post_content,
.entry-content {
overflow-wrap: break-word;
}
/* 検索プレースホルダのコントラスト：薄すぎる既定色を muted に固定（iOSの薄表示も防止）。 */
.c-searchForm__s::placeholder {
color: var(--ink-muted);
opacity: 1;
}
/* フッターghostリンク：縦間隔と高さを底上げ（誤タップ防止）。 */
.l-footer__widgetArea .w-footer.-col1 .wp-block-list {
gap: 12px;
}
.l-footer__widgetArea .w-footer.-col1 .wp-block-list a {
min-height: 44px;
}
@media (max-width: 600px) {
/* ページネーション 36→44px（親SWELL由来の小ターゲット底上げ）。 */
.c-pagination a.page-numbers,
.c-pagination span.page-numbers,
.c-pagination .page-numbers {
min-width: 44px;
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
/* 記事メタのカテゴリピル：地色は維持し当たり判定だけ縦に拡張。 */
.c-categoryList__link {
min-height: 34px;
padding-top: 8px;
padding-bottom: 8px;
}
/* ドロワーのメニュー行を48pxのブロックリンクに（行全体をタップ可能に）。 */
.p-spMenu__nav .c-listMenu li > a {
display: flex;
align-items: center;
min-height: 48px;
}
}
/* ============================================================
1ページのみのページネーション「1」を畳む。
@swell-dep: 親は $show_only=true で単一ページでも
1 を出す。
リンク(
)を1つも含まない pagination＝実質1ページなので非表示にする
（:has は本CSSで既出の手法）。
============================================================ */
.c-pagination:not(:has(a)) {
display: none;
}
/* ============================================================
パンくず末端の記事名を表示（末尾シェブロンの宙ぶらりん解消）
@swell-dep: 親SWELLは現在ページ名(.p-breadcrumb__item:last-child > span)を
display:none で隠す設計のため、「ホーム › カテゴリ ›」で途切れて見えた。
現在地（記事名／ページ名）を出し、IA上の「今どこか」を明示する。
============================================================ */
.p-breadcrumb__item:last-child > span.p-breadcrumb__text {
display: inline;
opacity: 0.8; /* 親の last-child span と同じ非リンク表現 */
}
/* ============================================================
404ページのブランド適用
============================================================ */
.nagiro-404 {
max-width: 560px;
margin: 8px auto 0;
padding: 8px 0 24px;
}
.nagiro-404__eyebrow {
font-family: var(--font-label);
font-weight: 600;
letter-spacing: 0.14em;
font-size: 13px;
color: var(--color-primary);
margin: 0 0 0.4em;
}
.nagiro-404__ttl {
font-family: var(--font-serif);
font-weight: 700;
font-size: clamp(22px, 5vw, 28px);
line-height: 1.45;
color: var(--ink);
margin: 0 0 0.6em;
}
.nagiro-404__lead {
color: var(--ink-muted);
line-height: 1.9;
margin: 0 0 1.6em;
}
.nagiro-404 .nagiro-search-rebox { margin: 0 0 1.6em; }
.nagiro-404 .nagiro-search-empty__cats { margin: 0 0 1.6em; }
.nagiro-404__home { margin: 0; }