@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/* ===== RETRO THEME FOUNDATION (よこまるリブランド 2026-08) start ===== */
/* このブロックを丸ごと削除すればSWELL標準デザインに戻ります（style.css.bak-preretro 保管） */
@import url("https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@400;500;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&family=Yusei+Magic&display=swap");

:root{
  --retro-cream:  #faf3e4;
  --retro-cream2: #fffbf1;
  --retro-ink:    #4a3b30;
  --retro-terra:  #c96f4a;
  --retro-terrad: #c05b36;
  --retro-peach:  #fdebd2;
  --retro-tan:    #f3d9ac;
  --retro-tanb:   #e0b98c;
  --retro-brown:  #9a6a35;
  --retro-gold:   #d18a3f;
  --retro-muted:  #8a6f55;
  --retro-shadow: #e8b98a;
  /* SWELLテーマ変数を上書き */
  --color_bg: var(--retro-cream);
  --color_text: var(--retro-ink);
  --color_main: #c96f4a;
  --color_link: #c05b36;
  --color_htag: #c05b36;
  --swl-font_family: "Zen Kaku Gothic New","Noto Sans JP",sans-serif;
}
body{ background-color: var(--retro-cream); color: var(--retro-ink); font-family: var(--swl-font_family); }
h1,h2,h3,h4{ font-family: "Kaisei Decol",serif; font-weight: 700; }
/* ===== RETRO THEME FOUNDATION end ===== */

/* ===== RETRO HEADER (ロゴ: 丸アバター＋よこまるワードマーク) start ===== */
.c-headLogo__img{ display:none !important; }
.c-headLogo, .c-headLogo.-img{ width:auto !important; }
.c-headLogo__link{
  display:inline-flex !important; align-items:center; gap:10px;
  font-family:"Kaisei Decol",serif !important; font-weight:700; font-size:22px;
  color:var(--retro-ink) !important; line-height:1; text-decoration:none;
}
.c-headLogo__link::before{
  content:""; width:40px; height:40px; border-radius:50%; flex:0 0 auto;
  background:url("https://yokomaru.me/wp-content/uploads/2026/08/yokomaru_avatar_886.jpg") center/cover no-repeat;
  border:2px solid var(--retro-tanb);
}
.c-headLogo__link::after{ content:"よこまる"; }
/* ヘッダーをクリーム地に */
.l-header, .l-header__inner{ background-color:var(--retro-cream) !important; }
/* ===== RETRO HEADER end ===== */

/* ===== RETRO HOME v2 (詳細度強化版) ===== */

/* ===== RETRO HOME (トップ新デザイン・.post_content .yoko-home配下限定) start ===== */
.post_content .yoko-home{
  --cream:#faf3e4;--cream2:#fffbf1;--ink:#4a3b30;--terra:#c96f4a;--terrad:#c05b36;--terraX:#a9552f;
  --peach:#fdebd2;--tan:#f3d9ac;--tanb:#e0b98c;--brown:#9a6a35;--gold:#d18a3f;--muted:#8a6f55;--sub:#7a6350;--shadow:#e8b98a;
  color:var(--ink);font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;line-height:1.8;
  background:var(--cream);
  /* SWELLコンテンツ幅を突き破って全幅に */
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow-x:hidden;
}
.post_content .yoko-home *{box-sizing:border-box;}
.post_content .yoko-home h1,.post_content .yoko-home h2,.post_content .yoko-home h3{font-family:"Kaisei Decol",serif;font-weight:700;margin:0;line-height:1.5;}
.post_content .yoko-home a{color:inherit;text-decoration:none;}
.post_content .yoko-home .rh{max-width:1080px;margin:0 auto;padding:0 24px;}

.post_content .yoko-home .eyebrow{color:var(--terra);font-size:14px;font-weight:700;display:inline-flex;gap:.5em;align-items:center;margin-bottom:18px;}
.post_content .yoko-home .sec-eyebrow{font-family:"Yusei Magic",sans-serif;color:var(--gold);font-size:13px;letter-spacing:.2em;text-align:center;margin:0 0 8px;}
.post_content .yoko-home .sec-title{font-size:29px;text-align:center;margin:0 0 44px;}

.post_content .yoko-home .btn{display:inline-flex;align-items:center;gap:.5em;font-weight:700;border-radius:999px;padding:14px 28px;font-size:15px;line-height:1;transition:transform .12s ease,box-shadow .12s ease;cursor:pointer;}
.post_content .yoko-home .btn-primary{background:var(--terra);color:var(--cream);box-shadow:3px 3px 0 0 var(--shadow);border:none;}
.post_content .yoko-home .btn-primary:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 0 var(--shadow);}
.post_content .yoko-home .btn-outline{background:var(--cream2);color:var(--terrad);border:2px solid var(--terra);}
.post_content .yoko-home .btn-outline:hover{background:var(--peach);}
.post_content .yoko-home .btn-invert{background:var(--cream);color:var(--terrad);border:none;box-shadow:4px 4px 0 0 rgba(74,59,48,.2);}
.post_content .yoko-home .btn-invert:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 0 rgba(74,59,48,.2);}

.post_content .yoko-home .chip{display:inline-block;background:var(--peach);color:var(--brown);border:1.5px solid var(--tanb);border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:700;line-height:1;}

.post_content .yoko-home .hero{padding:64px 0 44px;}
.post_content .yoko-home .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;}
.post_content .yoko-home .hero h1{font-size:47px;margin:6px 0 26px;}
.post_content .yoko-home .hero h1 .tc{color:var(--terra);}
.post_content .yoko-home .hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px;}
.post_content .yoko-home .hero-lead{color:var(--sub);font-size:15.5px;max-width:30em;margin:0 0 30px;}
.post_content .yoko-home .hero-cta{display:flex;gap:14px;flex-wrap:wrap;}

.post_content .yoko-home .avatar-wrap{position:relative;display:flex;justify-content:center;align-items:center;}
.post_content .yoko-home .avatar-ring{width:min(380px,80%);aspect-ratio:1;border-radius:50%;background:var(--tan);border:6px solid var(--tan);box-shadow:6px 8px 0 0 var(--shadow);overflow:hidden;}
.post_content .yoko-home .avatar-ring img{width:100%;height:100%;object-fit:cover;display:block;}
.post_content .yoko-home .bubble{position:absolute;background:var(--cream2);border:2px solid var(--ink);border-radius:16px;padding:8px 14px;font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;box-shadow:2px 2px 0 0 rgba(74,59,48,.15);}
.post_content .yoko-home .bubble::after{content:"";position:absolute;width:12px;height:12px;background:var(--cream2);border:2px solid var(--ink);transform:rotate(45deg);}
.post_content .yoko-home .bubble-1{top:6%;left:-2%;}
.post_content .yoko-home .bubble-1::after{bottom:-8px;left:26px;border-top:none;border-left:none;}
.post_content .yoko-home .bubble-2{bottom:8%;right:-4%;background:var(--terra);color:var(--cream);border-color:var(--terrad);}
.post_content .yoko-home .bubble-2::after{top:-8px;right:26px;border-bottom:none;border-right:none;background:var(--terra);border-color:var(--terrad);}

.post_content .yoko-home .sec{padding:56px 0;}
.post_content .yoko-home .cards2{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.post_content .yoko-home .card{background:#f8e3ce;border:1.5px solid #ecd3ad;border-radius:26px;padding:32px 30px;box-shadow:0 8px 20px rgba(74,59,48,.05);}
.post_content .yoko-home .card .minilabel{color:var(--gold);font-size:13px;font-weight:700;margin-bottom:12px;font-family:"Yusei Magic",sans-serif;}
.post_content .yoko-home .card h3{font-size:24px;margin-bottom:6px;}
.post_content .yoko-home .card .card-sub{color:var(--terrad);font-size:13.5px;font-weight:700;margin-bottom:14px;}
.post_content .yoko-home .card p{color:var(--sub);font-size:14.5px;margin:0 0 18px;}
.post_content .yoko-home .card-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;}
.post_content .yoko-home .card-link{color:var(--terrad);font-weight:700;font-size:15px;}

.post_content .yoko-home .posts{display:flex;flex-direction:column;gap:16px;max-width:760px;margin:0 auto;}
.post_content .yoko-home .post{display:block;background:var(--cream2);border:2px solid #ebd9b8;border-radius:20px;padding:22px 26px;transition:transform .12s ease,box-shadow .12s ease;}
.post_content .yoko-home .post:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 0 var(--shadow);}
.post_content .yoko-home .post-meta{display:flex;gap:12px;align-items:center;margin-bottom:8px;font-size:12.5px;color:var(--muted);}
.post_content .yoko-home .post-zone{background:var(--peach);color:var(--brown);border:1.5px solid var(--tanb);border-radius:999px;padding:3px 11px;font-weight:700;font-size:11.5px;}
.post_content .yoko-home .post-zone.b{background:#efe6d5;}
.post_content .yoko-home .post h3{font-size:19px;margin-bottom:6px;}
.post_content .yoko-home .post-ex{color:var(--sub);font-size:14px;margin:0;}
.post_content .yoko-home .center{text-align:center;margin-top:36px;}
.post_content .yoko-home .textlink{color:var(--terrad);font-weight:700;}

.post_content .yoko-home .xpanel{background:var(--terra);border-radius:30px;padding:54px 24px;text-align:center;}
.post_content .yoko-home .xpanel h2{font-size:26px;margin-bottom:24px;color:var(--cream);}
.post_content .yoko-home .consult{text-align:center;}
.post_content .yoko-home .consult h2{font-size:26px;max-width:22em;margin:0 auto 26px;}
.post_content .yoko-home .consult .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

@media(max-width:820px){
  .post_content .yoko-home .hero-grid{grid-template-columns:1fr;gap:10px;}
  .post_content .yoko-home .hero h1{font-size:34px;}
  .post_content .yoko-home .avatar-wrap{margin-top:20px;order:-1;}
  .post_content .yoko-home .cards2{grid-template-columns:1fr;}
  .post_content .yoko-home .sec-title{font-size:24px;}
}
/* ===== RETRO HOME end ===== */

/* SWELLの.post_content余白を.yoko-home内で無効化（詳細度で勝つ） */
.post_content .yoko-home :where(h1,h2,h3,h4,p,ul,ol,figure,a,div,span,section){margin:0;}
/* 見出し装飾（左バー等）リセット */
.post_content .yoko-home h1,.post_content .yoko-home h2,.post_content .yoko-home h3,.post_content .yoko-home h4{border:none!important;padding:0!important;background:none!important;}
.post_content .yoko-home h1::before,.post_content .yoko-home h2::before,.post_content .yoko-home h3::before,.post_content .yoko-home h4::before,.post_content .yoko-home h2::after,.post_content .yoko-home h3::after{display:none!important;content:none!important;}
/* ページ限定レイアウト (page-id=30259)：サイドバー無効・全幅・パンくず/タイトル非表示 */
.page-id-30259 .l-sidebar{display:none!important;}
.page-id-30259 .l-mainArea,.page-id-30259 .l-mainContent{width:100%!important;max-width:100%!important;flex:0 0 100%!important;}
.page-id-30259 .article,.page-id-30259 .post_content,.page-id-30259 .l-mainWide__inner,.page-id-30259 .l-mainContent__inner,.page-id-30259 .l-container{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:auto!important;margin-right:auto!important;}
.page-id-30259 .c-breadcrumb,.page-id-30259 [class*="breadcrumb"]{display:none!important;}
.page-id-30259 .c-pageTitle,.page-id-30259 .l-articleTitle,.page-id-30259 .p-pageHeader,.page-id-30259 .p-articleThumb{display:none!important;}
.page-id-30259 .l-mainContent,.page-id-30259 .article,.page-id-30259 .post_content{padding-top:0!important;margin-top:0!important;}
/* ===== RETRO HOME v2 end ===== */

/* X タイムライン埋め込み枠 */
.post_content .yoko-home .xfeed-frame{max-width:560px;margin:0 auto;background:var(--cream2);border:2px solid var(--tanb);border-radius:22px;padding:14px;box-shadow:0 8px 20px rgba(74,59,48,.05);min-height:200px;}
.post_content .yoko-home .xfeed-note{text-align:center;color:var(--muted);font-size:12.5px;margin-top:14px;}

/* X投稿カード */
.post_content .yoko-home .xcards{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:760px;margin:0 auto;}
.post_content .yoko-home .xcard{display:block;background:var(--cream2);border:2px solid #ebd9b8;border-radius:20px;padding:20px 22px;transition:transform .12s,box-shadow .12s;}
.post_content .yoko-home .xcard:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 0 var(--shadow);}
.post_content .yoko-home .xcard-head{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;}
.post_content .yoko-home .xcard-name{font-weight:700;font-size:14px;color:var(--ink);}
.post_content .yoko-home .xcard-handle{font-size:12px;color:var(--muted);}
.post_content .yoko-home .xcard-text{font-size:14px;color:var(--ink);margin:0 0 10px;line-height:1.75;}
.post_content .yoko-home .xcard-date{font-size:11.5px;color:var(--muted);}
.post_content .yoko-home .xcards-empty{text-align:center;background:var(--cream2);border:2px dashed var(--tanb);border-radius:22px;padding:36px 24px;max-width:560px;margin:0 auto;}
.post_content .yoko-home .xcards-empty p{color:var(--sub);margin:0 0 18px;font-size:15px;}
@media(max-width:820px){.post_content .yoko-home .xcards{grid-template-columns:1fr;}}

/* AI100 控えめバナー */
.post_content .yoko-home .ai100-wrap{max-width:760px;margin:0 auto;}
.post_content .yoko-home .ai100-banner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;background:var(--cream2);border:1.5px solid var(--tanb);border-radius:18px;padding:16px 24px;box-shadow:0 6px 16px rgba(74,59,48,.05);transition:transform .12s,box-shadow .12s;}
.post_content .yoko-home .ai100-banner:hover{transform:translate(-1px,-1px);box-shadow:4px 5px 0 0 var(--shadow);}
.post_content .yoko-home .ai100-badge{background:var(--terra);color:var(--cream);font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 10px;border-radius:6px;}
.post_content .yoko-home .ai100-title{font-weight:700;font-size:14.5px;color:var(--ink);}
.post_content .yoko-home .ai100-kpis{display:flex;gap:18px;}
.post_content .yoko-home .ai100-kpi{display:flex;align-items:baseline;gap:6px;}
.post_content .yoko-home .k-label{font-size:11px;color:var(--muted);}
.post_content .yoko-home .k-val{font-weight:700;font-size:15px;}
.post_content .yoko-home .k-val.up{color:#2f9e5f;}
.post_content .yoko-home .k-val.down{color:#c0492e;}
.post_content .yoko-home .ai100-cta{font-size:13px;font-weight:700;color:var(--terrad);}

/* AI100説明セクション / 相談リード */
.post_content .yoko-home .ai100-section{text-align:center;}
.post_content .yoko-home .ai100-desc{max-width:34em;margin:0 auto 26px;color:var(--sub);font-size:15px;line-height:1.9;}
.post_content .yoko-home .consult-lead{max-width:31em;margin:0 auto 18px;color:var(--sub);font-size:15px;line-height:1.9;}

/* ===== ヘッダーnav（リデザイン v2 / 2026-09-12 全面差し替え） =====
   旧版は濃茶の地に #8a6f55 を !important で当てており、コントラスト3.06で
   AA(4.5)未達。スクロール前でも読みづらいという指摘のとおりだった。
   追従ヘッダー(.l-fixHeader)にも同じ指定を通す（旧版は通常ヘッダーだけだった）。 */
.l-header .c-gnav .menu-item > a,
.l-fixHeader .c-gnav .menu-item > a{
  font-family:var(--yk-font-jp-body) !important;
  font-weight:700 !important;font-size:14px !important;
  color:var(--yk-a200) !important;letter-spacing:.02em;
  background:none !important;box-shadow:none !important;
}
.l-header .c-gnav .menu-item > a:hover,
.l-fixHeader .c-gnav .menu-item > a:hover{color:var(--yk-a400) !important;transform:none !important;}
.l-header .c-gnav .menu-item > a::after,.l-header .c-gnav .menu-item > a::before,
.l-fixHeader .c-gnav .menu-item > a::after,.l-fixHeader .c-gnav .menu-item > a::before{display:none !important;}
/* CTAピルは note の1つだけにする（原型もヘッダーのボタンは1つ）。
   「話してみる」は旧テラコッタのpillだったが、プレーンなリンクに戻す。 */
.l-header .c-gnav .gnav-note > a,
.l-fixHeader .c-gnav .gnav-note > a{
  background:var(--yk-a400) !important;color:var(--yk-a900) !important;
  border-radius:var(--yk-r-pill) !important;padding:11px 22px !important;
  font-weight:900 !important;line-height:1 !important;height:auto !important;
  align-self:center !important;display:inline-flex !important;align-items:center !important;
  box-shadow:none !important;margin-left:10px;
}
.l-header .c-gnav .gnav-note > a:hover,
.l-fixHeader .c-gnav .gnav-note > a:hover{background:var(--yk-a100) !important;color:var(--yk-a900) !important;}
.l-header .c-gnav .gnav-note,.l-fixHeader .c-gnav .gnav-note{display:flex;align-items:center;}

/* ===== 旧レトロ記事レイヤは 2026-09-11 のリデザインで撤去（yoko-home系のみ残置） ===== */
.post_content .yoko-home .post.has-thumb{display:flex;gap:18px;align-items:center;}
.post_content .yoko-home .post-thumb{flex:0 0 150px;}
.post_content .yoko-home .post-thumb-img{width:150px;height:100px;object-fit:cover;border-radius:12px;display:block;}
.post_content .yoko-home .post-body{flex:1 1 auto;min-width:0;display:block;}
.post_content .yoko-home .post-meta{display:flex;gap:12px;align-items:center;margin-bottom:8px;flex-wrap:wrap;}
.post_content .yoko-home .post-ttl{display:block;font-family:"Kaisei Decol",serif;font-weight:700;font-size:18px;color:var(--ink);line-height:1.5;margin-bottom:6px;}
.post_content .yoko-home .post-ex{display:block;}
@media(max-width:600px){.post_content .yoko-home .post.has-thumb{flex-direction:column;align-items:stretch;}.post_content .yoko-home .post-thumb{flex:none;}.post_content .yoko-home .post-thumb-img{width:100%;height:170px;}}
.post_content .yoko-home .ai100-banner{max-width:600px;margin-left:auto !important;margin-right:auto !important;justify-content:center;}
/* .yoko-home を含むページ全般（トップ＋ゾーンLP）：サイドバー無効・全幅・タイトル/パンくず非表示 */
body:has(.post_content .yoko-home) .l-sidebar{display:none !important;}
body:has(.post_content .yoko-home) .l-mainArea,body:has(.post_content .yoko-home) .l-mainContent{width:100% !important;max-width:100% !important;flex:0 0 100% !important;}
body:has(.post_content .yoko-home) .article,body:has(.post_content .yoko-home) .post_content,body:has(.post_content .yoko-home) .l-mainWide__inner,body:has(.post_content .yoko-home) .l-mainContent__inner,body:has(.post_content .yoko-home) .l-container{max-width:100% !important;width:100% !important;padding-left:0 !important;padding-right:0 !important;margin-left:auto !important;margin-right:auto !important;}
body:has(.post_content .yoko-home) .c-pageTitle,body:has(.post_content .yoko-home) .l-articleTitle,body:has(.post_content .yoko-home) .p-pageHeader,body:has(.post_content .yoko-home) .p-articleThumb,body:has(.post_content .yoko-home) [class*="breadcrumb"]{display:none !important;}
body:has(.post_content .yoko-home) .l-mainContent,body:has(.post_content .yoko-home) .article,body:has(.post_content .yoko-home) .post_content{padding-top:0 !important;margin-top:0 !important;}
/* ===== 旧・固定ページ／AI100レトロブロックは 2026-09-12 のリデザインで撤去 ===== */
/* ============================================================================
   note 連携のデザイン（2026-09-10 設計 / 2026-09-11 全体調和のため再設計）

   ■ 設計方針
   このサイトの体系は「クリームの地 × テラコッタのアクセント × 温かいブラウンの文字」。
   note のブランド色（teal）は色相として異質なので、**面（背景・カード地）には使わない**。
   noteの主役性は、異質な色ではなく〈位置・地色の濃淡・ラベル〉で表現する。
     ・位置  … ヒーロー直後（最上位）
     ・地色  … ブランド内の濃いクリーム #FDEBD2 を敷いて「主室」に見せる
     ・ラベル… 小さな note バッジだけに teal を使う（ロゴマークとしての最小使用）
   ボタンは teal を残す（よこまる指示）。小面積なのでマークとして機能し、面を汚さない。

   ■ セクションのリズム
   従来は全セクションが同じ地色＋余白のみの区切りだった。
   濃淡を交互に敷いて「部屋」を作り、noteセクションを最も濃い地にして序列を明示する。
   ============================================================================ */

/* ---- 1. セクションの地色リズム（ブランド内の濃淡のみ） ---- */
.post_content .yoko-home .sec--band{
  background:#fdebd2;
  padding:64px 0;
  margin:0;
}
.post_content .yoko-home .sec--band + .sec{padding-top:60px;}

/* ---- 2. カードのペアは完全に同一（区別は色ではなくラベルで） ---- */
.post_content .yoko-home .cards2 .card,
.post_content .yoko-home .cards2 .card.card--note{
  background:#f8e3ce;
  border:1.5px solid #ecd3ad;
}
/* noteカードは「主役」なので枠だけ一段強くする（色は変えない） */
.post_content .yoko-home .cards2 .card.card--note{
  border-color:#d9a86a;
  box-shadow:0 8px 20px rgba(74,59,48,.09);
}

/* ---- 3. note最新記事カード ---- */
.post_content .yoko-home .yoko-note__cards,
.yoko-note__cards{
  display:grid;
  gap:16px;
  /* 記事が1〜2本のときに横へ間延びしないよう上限を設ける */
  grid-template-columns:repeat(auto-fit,minmax(250px,320px));
  justify-content:center;
}
.yoko-note__card{
  display:flex;flex-direction:column;gap:8px;
  background:#fffbf1;
  border:1.5px solid #ecd3ad;
  border-radius:16px;
  padding:18px 20px;
  text-decoration:none;color:#4a3b30;
  box-shadow:0 6px 16px rgba(74,59,48,.05);
  transition:transform .14s ease,box-shadow .14s ease;
}
.yoko-note__card:hover,.yoko-note__card:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(74,59,48,.10);
  outline:none;
}
/* teal はこのバッジだけ（ロゴマークとしての最小使用） */
.yoko-note__badge{
  align-self:flex-start;
  font-family:"Zen Kaku Gothic New",sans-serif;
  font-size:10.5px;font-weight:700;letter-spacing:.06em;
  background:#e4f7f4;color:#177b6b;
  border:1px solid #41c9b4;border-radius:4px;
  padding:2px 9px;
}
.yoko-note__date{
  font-size:11.5px;color:#8a6f55;
  font-variant-numeric:tabular-nums;
}
.yoko-note__title{font-size:15px;line-height:1.7;font-weight:500;}
.yoko-note__fallback{text-align:center;color:#7a6350;font-size:14.5px;margin:6px 0 0;}

/* ---- 4. ボタン：teal はボタンにだけ（よこまる指示） ---- */
.post_content .yoko-home .btn.btn-note,
.btn.btn-note{
  background:#41c9b4;
  color:#22322e;
  border:none;
  box-shadow:3px 3px 0 0 #1e9c88;
  font-weight:700;
}
.post_content .yoko-home .btn.btn-note:hover,
.btn.btn-note:hover{
  background:#2ec4b6;
  transform:translate(-1px,-1px);
  box-shadow:4px 4px 0 0 #1e9c88;
}

/* ---- 5. 記事末尾の note 導線（本文と同じ体系に揃える） ---- */
.single .post_content .yoko-noteend,
.yoko-noteend{
  background:#fdebd2;
  border:1.5px solid #e0b06a;
  border-radius:20px;
  padding:26px 28px;
  margin:36px 0 0;
  box-shadow:0 8px 20px rgba(74,59,48,.06);
}
.yoko-noteend__k{
  display:block;font-family:"Yusei Magic",sans-serif;
  font-size:12.5px;color:#d18a3f;margin-bottom:8px;
}
.yoko-noteend__t{
  font-family:"Kaisei Decol",serif;font-size:18px;line-height:1.6;
  margin:0 0 10px;color:#4a3b30;
}
.yoko-noteend__d{font-size:14px;line-height:1.9;color:#7a6350;margin:0 0 16px;}
.yoko-noteend__btns{display:flex;gap:12px;flex-wrap:wrap;}
.yoko-art-btn--note{
  background:#41c9b4 !important;
  color:#22322e !important;
  border:none !important;
  box-shadow:2px 2px 0 0 #1e9c88;
  white-space:nowrap;font-weight:700;
}
.yoko-art-btn--note:hover{background:#2ec4b6 !important;}

/* ---- 6. 記事冒頭の著者カード：note ボタン ---- */
.single .post_content a.yoko-authorcard__follow,
.single .post_content .yoko-authorcard__follow{
  background:#41c9b4 !important;
  color:#22322e !important;
  border:none !important;
  box-shadow:2px 2px 0 0 #1e9c88 !important;
  font-weight:700 !important;
}
.single .post_content a.yoko-authorcard__follow:hover{background:#2ec4b6 !important;}

/* ---- 7. 記事末尾のX案内（控えめな1行） ---- */
.yoko-art-xline{text-align:center;font-size:12.5px;color:#8a6f55;margin:14px 0 0;}
.yoko-art-xline a{color:#7a6350;}

/* ---- 8. モバイル ---- */
@media (max-width:600px){
  .post_content .yoko-home .sec--band{padding:48px 0;}
  .yoko-note__cards{grid-template-columns:1fr;}
  .yoko-noteend{padding:22px 20px;border-radius:16px;}
  .yoko-noteend__t{font-size:16px;}
}

/* ============================================================================
   よこまる リデザイン v2 — デザイントークン
   出典：ClaudeDesign ハンドオフ `design/tokens.styles.css` の :root（一次情報源）
   2026-09-11 採用。ハードコードhexを散らさず、必ず var(--yk-*) を参照する。
   ※ コントラスト未達だった5箇所は「採用時の修正」として値を差し替えている（下部に明記）
   ============================================================================ */
:root{
  /* 面（ベタ塗りは4系統のみ） */
  --yk-bg:#f5ead8;            /* クリーム */
  --yk-surface:#ebddc5;       /* サンド */
  --yk-text:#201e1d;
  --yk-divider:rgba(32,30,29,.16);

  /* ニュートラル */
  --yk-n100:#f9f4ed; --yk-n200:#eee7db; --yk-n300:#dcd3c4; --yk-n400:#c0b6a5;
  --yk-n500:#a19786; --yk-n600:#82796a; --yk-n700:#645c50; --yk-n800:#474238; --yk-n900:#2e2b25;

  /* アクセント（テラコッタ） */
  --yk-a100:#fff2eb; --yk-a200:#ffe1d0; --yk-a300:#ffc6a5; --yk-a400:#f6a06b;
  --yk-a500:#d67f48; --yk-a600:#b2622d; --yk-a700:#8c491a; --yk-a800:#643312; --yk-a900:#402310;
  --yk-accent:#c67139;

  /* 第2アクセント（セージ） */
  --yk-s100:#f0fae1; --yk-s200:#e1eecc; --yk-s300:#ccdbb2; --yk-s400:#aebf92;
  --yk-s500:#8fa073; --yk-s600:#728157; --yk-s700:#56633f; --yk-s800:#3d472b; --yk-s900:#272e1b;

  /* フォント */
  --yk-font-jp-head:"Zen Maru Gothic","Hiragino Sans",sans-serif;
  --yk-font-jp-body:"Zen Kaku Gothic New","Hiragino Sans",sans-serif;
  --yk-font-en:"Caprasimo",serif;
  --yk-font-en-body:"Figtree",system-ui,sans-serif;

  /* 余白・角丸・影 */
  --yk-sp1:4.4px; --yk-sp2:8.8px; --yk-sp3:13.2px; --yk-sp4:17.6px; --yk-sp6:26.4px; --yk-sp8:35.2px;
  --yk-r-sm:8px; --yk-r-md:16px; --yk-r-lg:28px; --yk-r-pill:999px;
  --yk-sh-sm:0 1px 2px rgba(46,43,37,.14);
  --yk-sh-md:0 3px 10px rgba(46,43,37,.16);
  --yk-sh-lg:0 12px 32px rgba(46,43,37,.22);

  /* セクション寸法 */
  --yk-sec-y:clamp(52px,8vw,108px);
  --yk-sec-x:26px;
  --yk-max:1280px;
  --yk-max-article:1180px;

  /* ── 採用時の修正（コントラストAA未達の5箇所・2026-09-11 実測して差し替え）──
     ① 役立ちリストの番号  a300(1.27→) a600 5.72
     ② セージ地の本文      s600(3.90→) s700 6.31
     ③ テラコッタ地の文字   #fff(3.61→) a900 3.97 ＋ 本文サイズは a100 on a700 を使う
     ④ マーキー帯          a900 on accent 3.97（Caprasimo大サイズのみ・本文には使わない）   */
  --yk-num:var(--yk-a600);        /* リスト番号 */
  --yk-sage-solid:var(--yk-s700); /* セージのベタ塗り面（本文が乗る場合） */
}

/* ============================================================================
   よこまる リデザイン v2 — 実装CSS（2026-09-11）
   ハンドオフ：ClaudeDesign「yokomaruサイト再構成提案」
   方針：ベタ塗り面の交代で構成の強さを作る／角丸と面で構成（ヘアライン装飾は使わない）
        ／暖色から外れない／見出しは Zen Maru Gothic 900 で強さを出す
   ============================================================================ */

/* ---- 0. 土台 ------------------------------------------------------------- */
body{
  background:var(--yk-bg);
  color:var(--yk-text);
  font-family:var(--yk-font-jp-body);
}
.yk h1,.yk h2,.yk h3,.yk .h{
  font-family:var(--yk-font-jp-head);
  font-weight:900;
  letter-spacing:-.02em;
}
.yk-label{
  font-family:var(--yk-font-en);
  font-size:clamp(11px,1.1vw,13px);
  letter-spacing:.28em;
  text-transform:uppercase;
  display:inline-block;
}
.yk-inner{max-width:var(--yk-max);margin:0 auto;padding:0 var(--yk-sec-x);}
.yk-sec{padding:var(--yk-sec-y) 0;}

/* 操作要素のフォーカス（ブラウザ既定の青は使わない） */
.yk a:focus-visible,.yk button:focus-visible{
  outline:2px solid var(--yk-accent);outline-offset:2px;
}

/* ---- 1. ピルボタン ------------------------------------------------------- */
.yk-pill{
  display:inline-flex;align-items:center;gap:.5em;
  font-family:var(--yk-font-jp-body);font-weight:900;font-size:15px;line-height:1;
  white-space:nowrap;
  border-radius:var(--yk-r-pill);padding:14px 26px;text-decoration:none;
  transition:background .14s ease,color .14s ease,transform .14s ease;
}
.yk-pill--light{background:var(--yk-a100);color:var(--yk-a900);}
.yk-pill--light:hover{background:var(--yk-a400);color:var(--yk-a900);}
/* 原型は accent地+#fff だが 3.61 で16px文字のAA(4.5)未達。a700地(6.81)にする */
.yk-pill--accent{background:var(--yk-a700);color:#fff;}
.yk-pill--accent:hover{background:var(--yk-a800);color:#fff;}
.yk-pill--dark{background:var(--yk-a900);color:var(--yk-a100);}
.yk-pill--dark:hover{background:var(--yk-a800);}
.yk-pill--ghost{background:transparent;color:var(--yk-a100);border:2px solid var(--yk-a400);}
.yk-pill--ghost:hover{background:var(--yk-a800);}
.yk-pill--ghostdark{background:transparent;color:var(--yk-a900);border:2px solid var(--yk-a900);}
.yk-pill--ghostdark:hover{background:var(--yk-a900);color:var(--yk-a100);}
.yk-tag{
  display:inline-block;font-size:11.5px;font-weight:700;line-height:1;
  padding:5px 13px;border-radius:var(--yk-r-pill);
  background:var(--yk-a200);color:var(--yk-a800);
}
/* 原型は「すべて見る」をピルではなく太字テキストリンクにしている */
.yk-textlink{font-size:16px;font-weight:900;color:var(--yk-a700);text-decoration:none;}
.yk-textlink:hover{color:var(--yk-a600);text-decoration:underline;}
/* SPだけで効かせる改行 */
.yk-br-sp{display:none;}

/* ---- 2. ヘッダー：SWELLのヘッダーを濃茶にしてヒーローと一続きの帯に ------- */
.l-header,
.l-header__inner,
.l-header__bar,
.l-fixHeader,
.l-fixHeader__inner{
  background:var(--yk-a900) !important;
  border:none !important;
  box-shadow:none !important;
}
.l-header .c-headLogo__link,
.l-header .c-headLogo a,
.l-header__logo a{
  color:var(--yk-a100) !important;
  font-family:var(--yk-font-jp-head) !important;
  font-weight:900 !important;
}
.l-header .c-gnav > li > a,
.l-fixHeader .c-gnav > li > a{
  color:var(--yk-a200) !important;
  font-weight:700 !important;
  font-size:14px !important;
  font-family:var(--yk-font-jp-body) !important;
}
.l-header .c-gnav > li > a:hover,
.l-fixHeader .c-gnav > li > a:hover{color:var(--yk-a400) !important;}
.l-header .c-gnav > li > a::after{display:none !important;}
/* ハンバーガー・アイコン類 */
.l-header .c-iconBtn,
.l-header .w-header,
.l-header .p-spMenu__btn,
.l-header button{color:var(--yk-a100) !important;}
.l-header .c-iconBtn__icon,
.l-header svg{fill:var(--yk-a100) !important;}
/* 「読み物は note で」だけピルにする（noteフォロー導線を常時見せる） */
.l-header .c-gnav > li.menu-item > a[href*="note.com"],
.l-fixHeader .c-gnav > li.menu-item > a[href*="note.com"]{
  background:var(--yk-a400) !important;
  color:var(--yk-a900) !important;
  border-radius:var(--yk-r-pill);
  padding:11px 22px !important;
  margin-left:8px;
}
.l-header .c-gnav > li.menu-item > a[href*="note.com"]:hover{
  background:var(--yk-a100) !important;color:var(--yk-a900) !important;
}

/* ---- 3. フッター：濃茶 --------------------------------------------------- */
.l-footer,.l-footer__inner,.l-footer__foot{
  background:var(--yk-a900) !important;color:var(--yk-a200) !important;
}
.l-footer a{color:var(--yk-a200) !important;font-weight:700;}
.l-footer a:hover{color:var(--yk-a400) !important;}
.l-footer .c-copyright,.l-footer__copyright{color:var(--yk-a300) !important;font-size:12px;}
.l-footer .w-footer,.l-footer p{color:var(--yk-a200) !important;}

/* ---- 4. ヒーロー -------------------------------------------------------- */
.yk-hero{
  background:var(--yk-a900);color:var(--yk-a100);
  position:relative;overflow:hidden;
  padding:clamp(44px,6vw,86px) 0 clamp(40px,5vw,72px);
}
.yk-hero__blob{
  position:absolute;right:-10%;top:2%;
  width:min(42vw,560px);aspect-ratio:1;border-radius:50%;
  background:var(--yk-a800);z-index:1;pointer-events:none;
}
/* container-type：見出しを「ビューポート」ではなく「実際の段幅」に追従させる。
   原型のvw値は段幅1280pxを前提にしていないため、PCで文字が段からはみ出していた。 */
.yk-hero .yk-inner{position:relative;z-index:2;container-type:inline-size;}
.yk-hero__kicker{display:flex;align-items:center;gap:14px;margin-bottom:clamp(14px,2vw,22px);}
.yk-hero__kicker i{display:block;height:1px;width:clamp(30px,6vw,90px);background:var(--yk-a400);}
.yk-hero__kicker .yk-label{color:var(--yk-a300);font-size:clamp(11px,1.1vw,14px);}
.yk-hero h1{
  /* 「かたくないほう。」8文字が1行に収まる上限＝段幅の12.2%（実測）。
     原型の 11.5vw / 172px は段幅1228pxで3行に割れる。 */
  font-size:clamp(34px,12.2cqw,152px);line-height:.98;letter-spacing:-.03em;
  margin:0 0 clamp(20px,3vw,34px);
}
.yk-hero h1 em{font-style:normal;color:var(--yk-a400);}
.yk-hero__grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:clamp(20px,3vw,48px);align-items:end;
}
.yk-hero__lead{color:var(--yk-a200);font-size:clamp(15px,1.4vw,19px);line-height:2;max-width:40ch;margin:0;}
.yk-hero__cta{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center;align-self:end;}
.yk-hero__cta .yk-pill{font-size:clamp(15px,1.4vw,17px);padding:18px 36px;}
.yk-hero__cta .yk-pill--ghost{padding:18px 34px;}
/* アバターは正方形の容器＋object-fit で正円にする。
   img に aspect-ratio を持たせると SWELL の img{height:auto} に負けて縦長になる。 */
.yk-hero__ava,.yk-talk__ava{
  width:min(100%,260px);aspect-ratio:1/1;border-radius:50%;
  overflow:hidden;justify-self:end;
}
.yk-talk__ava{width:min(100%,300px);}
.yk-hero__ava img,.yk-talk__ava img{
  width:100% !important;height:100% !important;aspect-ratio:auto !important;
  object-fit:cover;border-radius:0;display:block;margin:0;
  filter:saturate(.9) contrast(.95);
}

/* ---- 5. マーキー帯 ------------------------------------------------------ */
.yk-marquee{background:var(--yk-accent);color:var(--yk-a900);overflow:hidden;padding:14px 0;max-width:100%;}
.yk-marquee__track{width:max-content;}
.yk-marquee__track{
  display:flex;width:max-content;
  animation:yk-marq 26s linear infinite;
}
.yk-marquee span{
  font-family:var(--yk-font-en);font-size:clamp(15px,1.8vw,22px);
  padding:0 26px;white-space:nowrap;letter-spacing:.06em;
}
@keyframes yk-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.yk-marquee__track{animation:none;}}

/* ---- 6. セクション見出し ------------------------------------------------ */
.yk-head{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:clamp(18px,3vw,48px);align-items:end;margin-bottom:clamp(30px,4vw,56px);
}
/* サイズは原型どおりセクションごとに異なる。ここは共通の型だけ持つ */
.yk-head h2{margin:.2em 0 0;}
.yk-head__lead{color:var(--yk-n700);font-size:clamp(15px,1.3vw,17px);line-height:2.05;margin:0;}

/* ---- 7. note セクション ------------------------------------------------- */
.yk-note{background:var(--yk-bg);padding:clamp(52px,8vw,112px) 0 clamp(40px,6vw,80px);}
.yk-note .yk-head h2{font-size:clamp(34px,6.4vw,92px);line-height:1.04;}
.yk-note .yk-head__lead{max-width:40ch;}
.yk-note .yk-label{color:var(--yk-a700);}
.yk-list{margin:0;padding:0;list-style:none;}
.yk-row{
  display:grid;grid-template-columns:auto 1fr auto;gap:clamp(14px,2.2vw,30px);
  align-items:center;border-top:2px solid var(--yk-text);
  padding:clamp(16px,2vw,26px) clamp(10px,1.4vw,18px);
  text-decoration:none;color:inherit;
  transition:background .14s ease,color .14s ease;
}
.yk-list > li:last-child .yk-row{border-bottom:2px solid var(--yk-text);}
.yk-row:hover{background:var(--yk-a900);color:var(--yk-a100);}
.yk-row__no{
  font-family:var(--yk-font-en);font-size:clamp(26px,4vw,54px);
  color:var(--yk-num);line-height:1;
}
.yk-row:hover .yk-row__no{color:var(--yk-a400);}
.yk-row__title{
  font-family:var(--yk-font-jp-head);font-weight:900;
  font-size:clamp(19px,2.4vw,34px);line-height:1.4;letter-spacing:-.02em;
}
.yk-row__date{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--yk-n700);white-space:nowrap;}
.yk-row:hover .yk-row__date{color:var(--yk-a300);}
.yk-note__foot{
  display:flex;align-items:center;gap:clamp(14px,2vw,26px);flex-wrap:wrap;
  margin-top:clamp(22px,3vw,38px);
}
.yk-note__foot small{color:var(--yk-n700);font-size:13.5px;}
.yk-note__foot .yk-pill{font-size:16px;padding:18px 36px;}
.yk-note__foot small a{color:var(--yk-a700);}

/* ---- 8. 2本立て説明 ---------------------------------------------------- */
.yk-two{background:var(--yk-surface);padding:clamp(44px,6vw,88px) 0;}
.yk-two .yk-head{display:block;}                    /* 原型は見出しが全幅 */
.yk-two .yk-head h2{font-size:clamp(24px,3.2vw,40px);line-height:1.35;letter-spacing:normal;}
.yk-two .yk-tag{font-size:12.5px;font-weight:900;padding:8px 18px;}
.yk-two__grid h3{font-size:clamp(26px,3.4vw,42px);line-height:1.28;margin:0 0 16px;}
.yk-two__grid p{font-size:15px;line-height:2;margin:0 0 24px;}
.yk-two__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(18px,2.6vw,30px);}
.yk-card{border-radius:var(--yk-r-lg);padding:clamp(26px,3.4vw,44px);box-shadow:var(--yk-sh-md);}
.yk-card h3{font-size:clamp(26px,3.6vw,46px);line-height:1.12;margin:.5em 0 .55em;}
.yk-card p{font-size:14.5px;line-height:2;margin:0 0 1.4em;}
.yk-card--note{background:var(--yk-a900);color:var(--yk-a100);}
.yk-card--note .yk-tag{background:var(--yk-a400);color:var(--yk-a900);}
.yk-card--note p{color:var(--yk-a200);}
.yk-card--site{background:var(--yk-sage-solid);color:var(--yk-s100);}
.yk-card--site .yk-tag{background:var(--yk-s100);color:var(--yk-s800);}
.yk-card--site p{color:var(--yk-s200);}
.yk-card__link{font-size:15px;font-weight:900;
  display:inline-block;font-weight:700;font-size:15px;text-decoration:none;
  border-bottom:2px solid currentColor;padding-bottom:2px;
}
.yk-card--note .yk-card__link{color:var(--yk-a400);}
.yk-card--site .yk-card__link{color:var(--yk-s100);}

/* ---- 9. 役立ち記事リスト ------------------------------------------------ */
.yk-useful{background:var(--yk-bg);padding:clamp(52px,8vw,108px) 0;}
.yk-useful .yk-head h2{font-size:clamp(34px,6vw,84px);line-height:1.06;}
.yk-useful .yk-head__lead{max-width:38ch;}
.yk-useful .yk-label{color:var(--yk-a700);}
.yk-urow{
  display:grid;grid-template-columns:auto 1fr;gap:clamp(14px,2.2vw,30px);
  border-top:2px solid var(--yk-text);padding:clamp(18px,2.2vw,28px) clamp(10px,1.4vw,18px);
  text-decoration:none;color:inherit;transition:background .14s ease;
}
.yk-ulist > li:last-child .yk-urow{border-bottom:2px solid var(--yk-text);}
.yk-urow:hover{background:var(--yk-n200);}
.yk-urow__no{font-family:var(--yk-font-en);font-size:clamp(30px,4.6vw,62px);color:var(--yk-num);line-height:.9;}
.yk-urow__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:9px;}
.yk-urow__meta time,.yk-urow__meta .rt{font-size:11.5px;font-weight:700;color:var(--yk-n700);}
.yk-urow__title{
  font-family:var(--yk-font-jp-head);font-weight:900;
  font-size:clamp(18px,2.2vw,30px);line-height:1.4;letter-spacing:-.02em;margin:0 0 .5em;
}
.yk-urow__lead{font-size:14px;line-height:1.9;color:var(--yk-n700);margin:0;max-width:60ch;}
/* カテゴリ別の色分け（税務系＝アクセント／AI系＝第2アクセント） */
.yk-tag--ai{background:var(--yk-s200);color:var(--yk-s800);}

/* ---- 10. AI100 LIVE ---------------------------------------------------- */
.yk-ai100{background:var(--yk-s900);color:var(--yk-s100);padding:clamp(52px,8vw,108px) 0;}
.yk-ai100 .yk-label{color:var(--yk-a300);}
.yk-ai100__kick{display:flex;align-items:center;gap:12px;line-height:1.6;margin:0 0 22px;}
.yk-ai100__dot{
  width:10px;height:10px;border-radius:50%;background:var(--yk-a400);
  animation:yk-blink 1.6s ease-in-out infinite;
}
@keyframes yk-blink{0%,100%{opacity:1}50%{opacity:.15}}
@media (prefers-reduced-motion:reduce){.yk-ai100__dot{animation:none;}}
.yk-ai100__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(28px,4vw,64px);align-items:center;}
.yk-ai100 h2{font-size:clamp(34px,6vw,88px);line-height:1.06;margin:0 0 22px;}
.yk-ai100 p{color:var(--yk-s200);font-size:15px;line-height:2.05;margin:0 0 30px;max-width:40ch;}
.yk-ai100 .yk-pill{font-size:16px;padding:18px 36px;}
.yk-ai100__panel{background:var(--yk-s800);border-radius:var(--yk-r-lg);padding:clamp(26px,3.4vw,44px);}
/* セレクタは2クラスにする。.yk-ai100 p (0,1,1) に負けて15pxで描画される事故があった */
.yk-ai100 .yk-ai100__pnl{
  font-family:var(--yk-font-jp-head);font-weight:900;
  font-size:clamp(44px,7vw,84px);line-height:1;letter-spacing:-.02em;
  color:var(--yk-s100);margin:0 0 8px;max-width:none;
}
.yk-ai100__meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;
  font-size:13px;color:var(--yk-s200);margin:0 0 26px;}
.yk-ai100__rate{display:inline-block;background:var(--yk-a400);color:var(--yk-a900);font-weight:900;font-size:13px;padding:5px 14px;border-radius:var(--yk-r-pill);}
/* 原型は5銘柄の騰落率を `1fr 64px` で並べるが、実装の中身は評価額/元本/銘柄の3行で
   値が長い。グリッドだと潰れるのでflexで両端寄せにしている（中身由来の差分） */
.yk-ai100__funds{display:flex;flex-direction:column;gap:12px;margin:clamp(18px,2.4vw,28px) 0 0;padding:0;list-style:none;}
.yk-ai100__funds li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;
  padding:0 0 10px;border-bottom:1px solid rgba(240,250,225,.18);font-size:13px;}
.yk-ai100__funds .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.yk-ai100__funds .up,.yk-ai100__funds .down{text-align:right;font-weight:900;white-space:nowrap;}
.yk-ai100__foot{font-size:12px !important;color:var(--yk-s300) !important;margin:16px 0 0 !important;}
.yk-ai100__funds .up{color:var(--yk-s300);font-weight:700;}
.yk-ai100__funds .down{color:var(--yk-a300);font-weight:700;}

/* ---- 11. ABOUT --------------------------------------------------------- */
/* トップの地は交互：note=bg → two=surface → useful=bg → about=surface → talk=a700
   （2026-09-15：AI100の暗い面を外したため about を surface に。中のカードとプロフは n100 で浮かせる） */
.yk-about{background:var(--yk-surface);padding:clamp(52px,8vw,108px) 0;}
.yk-about .yk-head{display:block;}                  /* 原型は見出しが全幅 */
.yk-about .yk-head h2{font-size:clamp(30px,5vw,68px);line-height:1.12;}
.yk-about .yk-head__lead{margin-top:clamp(14px,1.8vw,22px);max-width:52ch;}
.yk-about .yk-label{color:var(--yk-a700);}
.yk-about__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
@media (max-width:1000px){.yk-about__grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){.yk-about__grid{grid-template-columns:1fr;}}
.yk-about__more{margin:clamp(22px,3vw,34px) 0 0;}
.yk-about__more a{font-size:16px;font-weight:900;color:var(--yk-a700);}
.yk-about__more a:hover{color:var(--yk-a600);text-decoration:underline;}
.yk-about__card{background:var(--yk-n100);border-radius:var(--yk-r-lg);padding:clamp(24px,3vw,38px);}
.yk-about__no{
  width:52px;height:52px;border-radius:50%;background:var(--yk-accent);color:#fff;
  /* 原型は20pxだが #fff on accent は3.61。24pxにして大文字基準3.0を満たす */
  font-family:var(--yk-font-en);font-size:24px;
  display:flex;align-items:center;justify-content:center;margin-bottom:20px;
}
.yk-about__card h3{font-size:clamp(20px,2.2vw,26px);line-height:1.45;margin:0 0 12px;}
.yk-about__card p{font-size:14px;line-height:1.95;color:var(--yk-n800);margin:0;}

/* ---- 12. 相談CTA ------------------------------------------------------- */
/* 地色：原型は accent+#fff だが 3.61 で本文AA未達。a700+a100(6.21)にしている */
.yk-talk{background:var(--yk-a700);color:var(--yk-a100);padding:clamp(56px,9vw,124px) 0;}
.yk-talk .yk-label{color:var(--yk-a300);}
.yk-talk__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(28px,4vw,60px);align-items:center;}
/* 見出しは段幅(=左カラム)に追従させる。原型の82px/5.6vwは2列グリッドに入れると
   「だいたい大きく感じる。」11文字が収まらず4行に割れる。段幅の9%が実測上限。 */
.yk-talk__txt{container-type:inline-size;min-width:0;}
.yk-talk h2{font-size:clamp(24px,9cqw,76px);line-height:1.08;margin:0 0 24px;}
.yk-talk p{color:var(--yk-a200);font-size:clamp(15px,1.4vw,18px);line-height:2;margin:0 0 32px;max-width:38ch;}
.yk-talk .yk-pill{font-size:16px;padding:18px 36px;}
.yk-talk .yk-pill--ghost{padding:18px 34px;border-color:#fff;color:#fff;}
.yk-talk .yk-pill--ghost:hover{background:var(--yk-a600);color:#fff;}
.yk-talk__btns{display:flex;gap:14px;flex-wrap:wrap;}
.yk-talk__ava{justify-self:end;}
.yk-talk__ava img{width:min(100%,340px);aspect-ratio:1;border-radius:var(--yk-r-pill);object-fit:cover;filter:saturate(.9) contrast(.95);display:block;}

/* ---- 13. モバイル ------------------------------------------------------ */
@media (max-width:782px){
  .yk-hero h1{letter-spacing:-.025em;}
  .yk-hero__blob{width:70vw;right:-22%;top:auto;bottom:-6%;}
  .yk-hero__ava{justify-self:start;}
  .yk-hero__ava img{width:min(60%,180px);}
  .yk-row{grid-template-columns:auto 1fr;}
  .yk-row__date{grid-column:2;}
  .yk-talk__ava{justify-self:start;}
  .yk-talk__ava img{width:min(70%,220px);}
}

/* ---- 14. SWELLのコンテンツ枠を無効化（トップは全幅の帯構成） ------------ */
/* ① #content(.l-content) は display:flex。中の .yk が flex アイテムになり
      マーキー帯の max-content(3007px) まで膨張し、.yk-inner の margin:0 auto が
      3007px の中央に寄って全体が右へ押し出されていた（PCのみ発症）。
   ② .l-container の padding-top:64px が、ヘッダーとヒーローの間に
      body地（クリーム）の帯を作っていた。ハンドオフには無い帯。
   → 個別要素にマージンを当てて誤魔化さず、コンテナの性質そのものを直す。 */
#content:has(> .yk){
  display:block !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  max-width:100% !important;
}
.yk{width:100%;max-width:100%;min-width:0;flex:1 1 auto;}
body:has(.yk) .l-sidebar{display:none !important;}

/* ---- 15. SP：原型のclamp下限は段幅を前提にしていないので実測で当て直す --- */
@media (max-width:900px){
  .yk-talk__grid{grid-template-columns:1fr;}
}
@media (max-width:600px){
  .yk-br-sp{display:inline;}
  .yk-hero__cta .yk-pill,.yk-note__foot .yk-pill,
  .yk-ai100 .yk-pill,.yk-talk .yk-pill{font-size:15px;padding:15px 26px;}
}

/* ---- 11.5 ABOUT：自己紹介（属性）ブロック -------------------------------
   「考え方の紹介になっていて自己紹介がない」という指摘（2026-09-12）への対応。
   出す属性は /about/ とトップで公開済みのものだけに限る。 */
.yk-prof{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,3vw,34px);
  align-items:center;background:var(--yk-n100);border-radius:var(--yk-r-lg);
  padding:clamp(24px,3vw,38px);margin:0 0 clamp(30px,4vw,48px);
}
.yk-prof__ava{width:clamp(96px,10vw,132px);aspect-ratio:1/1;border-radius:50%;overflow:hidden;}
.yk-prof__ava img{width:100% !important;height:100% !important;object-fit:cover;display:block;
  filter:saturate(.9) contrast(.95);margin:0;}
.yk-prof__name{
  font-family:var(--yk-font-jp-head);font-weight:900;
  font-size:clamp(22px,2.6vw,30px);line-height:1.3;margin:0 0 16px;color:var(--yk-text);
}
.yk-prof__name span{font-family:var(--yk-font-jp-body);font-weight:700;font-size:13px;color:var(--yk-n700);margin-left:.6em;}
.yk-prof__list{display:grid;grid-template-columns:104px minmax(0,1fr);gap:0;margin:0;}
.yk-prof__list dt{
  font-family:var(--yk-font-jp-head);font-weight:900;font-size:13px;
  color:var(--yk-a700);padding:9px 0;border-top:1px solid var(--yk-n300);
}
.yk-prof__list dd{
  font-size:14px;line-height:1.85;color:var(--yk-n800);
  margin:0;padding:9px 0;border-top:1px solid var(--yk-n300);
}
.yk-prof__list dt:first-of-type,.yk-prof__list dd:first-of-type{border-top:none;padding-top:0;}
.yk-about__sub{
  display:flex;align-items:baseline;gap:14px;margin:0 0 clamp(18px,2.4vw,26px);
  font-family:var(--yk-font-jp-head);font-weight:900;font-size:clamp(19px,2.2vw,26px);color:var(--yk-text);
}
.yk-about__sub .yk-label{color:var(--yk-a700);}
@media (max-width:640px){
  .yk-prof{grid-template-columns:1fr;justify-items:start;gap:18px;}
  .yk-prof__list{grid-template-columns:88px minmax(0,1fr);}
  .yk-about__sub{flex-direction:column;gap:6px;}
}

/* ============================================================================
   記事ページ リデザイン v2（2026-09-11）
   出典：ハンドオフ原型 `yokomaru Redesign v2.dc.html` の isArticle 枝（226-319行）
         ＋ スクリーンショット screenshots/top-06（実体は記事ヘッダー）/ article-01 / article-02
   方針：single.php は SWELL のものを使い、子テーマCSSで上書きする。
   数値はすべて原型のインラインstyleから転記。変えた箇所は理由を各行に書く。
   ============================================================================ */

/* ---- 1. レイアウト ----------------------------------------------------- */
/* .l-sidebar は中身が空（ウィジェット未登録）なので消して本文を主役にする。
   原型は250pxの追従サイドバー（CONTENTS＋関連）を持つが、
   目次はSWELLが本文内に出すため、まず1カラムで原型の読み幅42emを再現する。 */
/* SWELLの #content は display:flex＋padding-top:64px。padding分のクリーム地が
   パンくず帯とメタ帯の間に隙間として出るので、枠の性質そのものを直す。 */
.single #content.l-content{display:block !important;padding-top:0 !important;}
.single .l-sidebar{display:none !important;}
/* 画面左端に固定表示されるシェアレールは原型に無い（記事末のシェアは残す） */
.single .c-shareBtns.-fix{display:none !important;}
.single .l-mainArea,.single .l-mainContent{width:100% !important;max-width:100% !important;flex:0 0 100% !important;}
.single #content.l-container{max-width:var(--yk-max-article) !important;}
/* 並べ替え：パンくず → メタ(カテゴリpill＋日付) → h1 → 本文（原型の順） */
.single .l-mainContent__inner{display:flex;flex-direction:column;}
.single .p-articleMetas.-top{order:-2;}
.single .p-articleHead{order:-1;}
/* 原型の記事ページにアイキャッチは無い。濃茶ヘッダーがその役を担う。
   （OGP画像は別物なのでSNS共有の見た目には影響しない） */
.single .p-articleThumb{display:none !important;}

/* ---- 2. 記事ヘッダー＝濃茶の帯 ------------------------------------------
   全幅化は box-shadow + clip-path で行う。100vw を使うと
   スクロールバー幅の分だけ横スクロールが出るため使わない。 */
.single .p-breadcrumb,
.single .p-articleMetas.-top,
.single .p-articleHead{
  background:var(--yk-a900) !important;
  box-shadow:0 0 0 100vmax var(--yk-a900);
  clip-path:inset(0 -100vmax);
  margin:0 !important;
  border:none !important;
}
/* SWELLはパンくずを全幅・左寄せで出すので、本文と同じ段（1180px＋SWELLの
   コンテナ余白 --swl-pad_container）に合わせる。帯自体はbox-shadowで全幅のまま。 */
.single .p-breadcrumb{
  max-width:var(--yk-max-article) !important;
  margin:0 auto !important;
  padding:clamp(20px,2.4vw,30px) var(--swl-pad_container,26px) 0 !important;
  font-size:12.5px !important;font-weight:700 !important;
  color:var(--yk-a300) !important;
}
.single .p-breadcrumb *{color:var(--yk-a300) !important;}
.single .p-breadcrumb a,
.single .p-breadcrumb__text,
.single .p-breadcrumb__text span,
.single .p-breadcrumb .breadcrumb_last,
.single .p-breadcrumb [aria-current]{color:var(--yk-a300) !important;font-size:12.5px !important;font-weight:700 !important;}
.single .p-breadcrumb a:hover .p-breadcrumb__text{color:var(--yk-a400) !important;}
.single .p-breadcrumb__item::after,
.single .p-breadcrumb i{color:var(--yk-a400) !important;}

/* メタ行：カテゴリpill＋公開日＋読了分（原型 12px / 700 / a200） */
.single .p-articleMetas.-top{
  padding:clamp(28px,4vw,52px) 0 24px !important;
  display:flex !important;gap:12px !important;align-items:center !important;flex-wrap:wrap !important;
  font-size:12px !important;font-weight:700 !important;color:var(--yk-a200) !important;
}
.single .p-articleMetas.-top .c-categoryList__link{
  background:var(--yk-a400) !important;color:var(--yk-a900) !important;
  border:none !important;border-radius:var(--yk-r-pill) !important;
  padding:6px 15px !important;font-size:12px !important;font-weight:700 !important;line-height:1 !important;
}
.single .p-articleMetas.-top .p-articleMetas__times,
.single .p-articleMetas.-top time,
.single .p-articleMetas.-top .c-readtime{color:var(--yk-a200) !important;font-size:12px !important;font-weight:700 !important;}
.single .c-postTimes__modified{display:none !important;}

/* h1：原型 clamp(32px,6.4vw,88px) / 1.1 / -0.025em。
   ただし段幅(1180-52=1128px)を前提にしていないため、実測で上限を決める（cqw）。 */
.single .p-articleHead{padding:0 0 clamp(44px,6vw,84px) !important;container-type:inline-size;}
.single .c-postTitle__ttl{
  font-family:var(--yk-font-jp-head) !important;font-weight:900 !important;
  font-size:clamp(28px,8.6cqw,88px) !important;line-height:1.1 !important;
  letter-spacing:-.025em !important;color:var(--yk-a100) !important;
  text-align:left !important;border:none !important;padding:0 !important;margin:0 !important;
  text-wrap:pretty;
}
.single .c-postTitle__date{display:none !important;}  /* 縦組みの飾り日付（メタ行に本物がある） */

/* ---- 3. 本文のタイポ（原型 42em / 15.5-17px / 2.1） -------------------- */
/* SWELLの本文サイズは #main_content .post_content（IDセレクタ＝詳細度1,1,0）で
   決まるのでクラスでは勝てない。SWELL自身の変数を上書きするのが正攻法。 */
.single{--swl-fz--content:clamp(15.5px,1.3vw,17px);}
.single #main_content .post_content,
.single .post_content{
  max-width:42em;margin-left:auto;margin-right:auto;
  padding-top:clamp(36px,5vw,72px);
  font-family:var(--yk-font-jp-body);
  font-size:clamp(15.5px,1.3vw,17px);line-height:2.1;color:var(--yk-text);
}
.single .post_content p{margin:0 0 24px;}
/* 原型のh2は罫線も左バーも無い素の太字。実装にあった破線下罫・左バーは外す */
.single .post_content h2{
  font-family:var(--yk-font-jp-head) !important;font-weight:900 !important;
  font-size:clamp(24px,3.2vw,40px) !important;line-height:1.35 !important;
  letter-spacing:-.01em !important;color:var(--yk-text) !important;
  background:none !important;border:none !important;
  padding:0 !important;margin:clamp(32px,4vw,52px) 0 18px !important;
}
.single .post_content h2::before,.single .post_content h2::after,
.single .post_content h3::before,.single .post_content h3::after{display:none !important;content:none !important;}
.single .post_content h3{
  font-family:var(--yk-font-jp-head) !important;font-weight:900 !important;
  font-size:clamp(19px,2.2vw,26px) !important;line-height:1.45 !important;
  letter-spacing:-.01em !important;color:var(--yk-text) !important;
  background:none !important;border:none !important;
  padding:0 !important;margin:clamp(26px,3vw,36px) 0 12px !important;
}
.single .post_content h4{
  font-family:var(--yk-font-jp-head) !important;font-weight:700 !important;
  border:none !important;padding:0 !important;color:var(--yk-text) !important;
}
.single .post_content strong,.single .post_content b{color:var(--yk-a800);font-weight:700;}
.single .post_content a{color:var(--yk-a700);text-decoration:underline;text-underline-offset:2px;}
.single .post_content ul,.single .post_content ol{margin:0 0 24px;padding-left:1.2em;}
.single .post_content li{margin:0 0 .5em;line-height:2.05;}

/* ---- 4. 結論ファースト（THE ANSWER FIRST） ----------------------------- */
.yk-answer{
  background:var(--yk-surface);border-radius:var(--yk-r-lg);
  padding:clamp(24px,3vw,38px);margin:0 0 clamp(32px,4vw,52px);
}
.yk-answer__k{
  display:block;font-family:var(--yk-font-en);font-size:12px;
  letter-spacing:.24em;text-transform:uppercase;
  color:var(--yk-a700);margin-bottom:16px;
}
.single .post_content .yk-answer ul{
  margin:0 !important;padding-left:1.2em !important;
  font-size:clamp(15px,1.3vw,17px);line-height:2.05;font-weight:500;
}
.single .post_content .yk-answer li{margin:0 0 .4em !important;}
.single .post_content .yk-answer li:last-child{margin-bottom:0 !important;}

/* ---- 5. プルクオート（セージのベタ面） --------------------------------- */
/* 地色は原型どおり s600 #728157。s100の文字で3.90＝大文字基準(3.0)を満たす */
.single .post_content .yk-quote,
.single .post_content blockquote.yk-quote{
  background:var(--yk-s600) !important;color:var(--yk-s100) !important;
  border:none !important;border-radius:var(--yk-r-lg) !important;
  padding:clamp(28px,3.6vw,48px) !important;margin:0 0 clamp(32px,4vw,52px) !important;
  font-family:var(--yk-font-jp-head) !important;font-weight:900 !important;
  font-size:clamp(22px,3.2vw,40px) !important;line-height:1.35 !important;
  letter-spacing:-.01em !important;font-style:normal !important;
  text-wrap:pretty;
}
.single .post_content .yk-quote p{margin:0;color:inherit;font-size:inherit;line-height:inherit;}
/* 素のblockquoteも体系に合わせる（原型に該当が無いので左罫＋淡地の控えめ版） */
.single .post_content blockquote:not(.yk-quote){
  background:var(--yk-n200) !important;border:none !important;
  border-left:6px solid var(--yk-accent) !important;
  border-radius:0 var(--yk-r-md) var(--yk-r-md) 0 !important;
  padding:1.3em 1.5em !important;margin:0 0 24px !important;
  font-family:var(--yk-font-jp-body) !important;font-size:15.5px !important;
  line-height:2 !important;color:var(--yk-text) !important;font-style:normal !important;
}

/* ---- 6. タイムライン表（104px | 1fr） ---------------------------------- */
.yk-timeline{border-radius:var(--yk-r-lg);overflow:hidden;margin:0 0 clamp(32px,4vw,52px);}
.yk-timeline__row{
  display:grid;grid-template-columns:104px minmax(0,1fr);gap:18px;
  padding:18px 22px;background:var(--yk-n200);
  border-bottom:2px solid var(--yk-bg);align-items:baseline;
}
.yk-timeline__row:last-child{border-bottom:none;}
.yk-timeline__w{font-family:var(--yk-font-jp-head);font-weight:900;font-size:15px;color:var(--yk-a700);}
.yk-timeline__d{font-size:15px;line-height:1.9;}
@media (max-width:600px){
  .yk-timeline__row{grid-template-columns:1fr;gap:6px;}
}
/* 素のtableも体系に寄せる */
.single .post_content table{border-collapse:separate;border-spacing:0;width:100%;margin:0 0 24px;font-size:14.5px;}
.single .post_content table th{background:var(--yk-surface) !important;color:var(--yk-a800) !important;
  border:none !important;border-bottom:2px solid var(--yk-bg) !important;padding:14px 16px !important;text-align:left !important;}
.single .post_content table td{background:var(--yk-n200) !important;color:var(--yk-text) !important;
  border:none !important;border-bottom:2px solid var(--yk-bg) !important;padding:14px 16px !important;}

/* ---- 7. 目次（SWELL標準を CONTENTS カードに） --------------------------- */
.single .post_content .p-toc,
.single .p-toc{
  background:var(--yk-n200) !important;border:none !important;
  border-radius:var(--yk-r-lg) !important;padding:24px !important;
  margin:0 0 clamp(32px,4vw,52px) !important;
}
.single .p-toc__ttl,.single .p-toc__title{
  font-family:var(--yk-font-en) !important;font-size:12px !important;
  letter-spacing:.24em !important;text-transform:uppercase;
  color:var(--yk-a700) !important;text-align:left !important;
  display:block !important;margin:0 0 16px !important;
}
.single .p-toc__ttl::before,.single .p-toc__ttl::after{display:none !important;}
.single .p-toc a{font-size:14px !important;font-weight:700 !important;color:var(--yk-n900) !important;line-height:1.75;}
.single .p-toc a:hover{color:var(--yk-a700) !important;}
.single .p-toc__list > li::before,.single .p-toc [class*="number"]{color:var(--yk-a600) !important;}

/* ---- 8. FROM NOTE（記事末のnote導線） ---------------------------------- */
.single .post_content .yoko-noteend,
.yoko-noteend{
  background:var(--yk-a900) !important;color:var(--yk-a100) !important;
  border:none !important;border-radius:var(--yk-r-lg) !important;
  padding:clamp(28px,3.6vw,48px) !important;
  margin:clamp(40px,5vw,64px) 0 clamp(28px,3.4vw,44px) !important;
  box-shadow:none !important;
}
.yoko-noteend__k{
  display:block !important;font-family:var(--yk-font-en) !important;
  font-size:12px !important;letter-spacing:.24em !important;text-transform:uppercase;
  color:var(--yk-a300) !important;margin:0 0 16px !important;
}
.yoko-noteend__t{
  font-family:var(--yk-font-jp-head) !important;font-weight:900 !important;
  font-size:clamp(22px,3vw,36px) !important;line-height:1.35 !important;
  color:var(--yk-a100) !important;margin:0 0 18px !important;text-wrap:pretty;
}
.yoko-noteend__d{font-size:15px !important;line-height:2 !important;color:var(--yk-a200) !important;
  margin:0 0 26px !important;max-width:42ch;}
.yoko-noteend__d strong{color:var(--yk-a100) !important;}
.yoko-noteend__btns{display:flex !important;gap:12px !important;flex-wrap:wrap !important;}
.single .post_content .yoko-art-btn,
.yoko-art-btn{
  display:inline-flex !important;align-items:center !important;
  font-family:var(--yk-font-jp-body) !important;font-weight:900 !important;
  border-radius:var(--yk-r-pill) !important;text-decoration:none !important;
  white-space:nowrap;box-shadow:none !important;transform:none !important;
}
.single .post_content a.yoko-art-btn--note,
.yoko-art-btn--note{
  background:var(--yk-a400) !important;color:var(--yk-a900) !important;
  border:none !important;padding:17px 34px !important;font-size:16px !important;
}
.yoko-art-btn--note:hover{background:var(--yk-a100) !important;color:var(--yk-a900) !important;}
/* 濃茶地の上の枠線ボタン */
.single .post_content .yoko-noteend .yoko-art-btn--out{
  background:transparent !important;color:var(--yk-a100) !important;
  border:2px solid var(--yk-a400) !important;padding:15px 32px !important;font-size:16px !important;
}
.single .post_content .yoko-noteend .yoko-art-btn--out:hover{background:var(--yk-a800) !important;}

/* ---- 9. 著者ボックス（原型どおり記事末） ------------------------------- */
.single .post_content .yoko-authorcard,
.yoko-authorcard{
  background:var(--yk-surface) !important;border:none !important;
  border-radius:var(--yk-r-lg) !important;padding:clamp(22px,2.8vw,32px) !important;
  box-shadow:none !important;margin:0 !important;max-width:none !important;
  display:grid !important;grid-template-columns:auto minmax(0,1fr) !important;
  gap:22px !important;align-items:center !important;
}
.single .post_content .yoko-authorcard__ava,
.yoko-authorcard__ava{
  width:92px !important;height:92px !important;border-radius:50% !important;
  border:none !important;object-fit:cover;flex:none;filter:saturate(.9) contrast(.95);
}
.yoko-authorcard__body{min-width:0;}
.yoko-authorcard__name{
  font-family:var(--yk-font-jp-head) !important;font-weight:900 !important;
  font-size:21px !important;color:var(--yk-text) !important;margin:0 0 8px !important;
}
.yoko-authorcard__bio{font-size:14px !important;line-height:1.95 !important;color:var(--yk-n800) !important;}
/* 原型の著者ボックスにボタンは無い（すぐ上のFROM NOTEが導線） */
.single .post_content .yoko-authorcard__follow{display:none !important;}
@media (max-width:520px){
  .single .post_content .yoko-authorcard{grid-template-columns:1fr !important;gap:16px !important;}
  .single .post_content .yoko-authorcard__ava{width:72px !important;height:72px !important;}
}

/* ---- 10. よこまるの吹き出し -------------------------------------------- */
.single .post_content .yoko-callout{
  display:flex;align-items:flex-start;gap:16px;
  margin:clamp(32px,4vw,48px) auto 0 !important;max-width:none;
}
.single .post_content .yoko-callout__ava{
  width:56px !important;height:56px !important;border-radius:50% !important;
  border:none !important;flex:0 0 auto;object-fit:cover;
}
.single .post_content .yoko-callout__bubble{
  background:var(--yk-n200) !important;border:none !important;box-shadow:none !important;
  border-radius:var(--yk-r-lg) var(--yk-r-lg) var(--yk-r-lg) var(--yk-r-sm) !important;
  padding:18px 22px !important;
  font-family:var(--yk-font-jp-body) !important;font-size:15px !important;
  line-height:1.95 !important;color:var(--yk-text) !important;
  flex:1;min-width:0;
}
/* 本文中の吹き出しはアバターが右側（旧インラインstyle版の並びを踏襲） */
.single .post_content .yoko-callout--r{flex-direction:row-reverse;}
.single .post_content .yoko-callout--r .yoko-callout__bubble{
  border-radius:var(--yk-r-lg) var(--yk-r-lg) var(--yk-r-sm) var(--yk-r-lg) !important;
}

/* ---- 11. 末尾の相談リンク＋Xの1行 ------------------------------------- */
.single .post_content .yoko-art-cta{
  display:flex;gap:12px;flex-wrap:wrap;border:none !important;
  padding:clamp(26px,3vw,36px) 0 0 !important;margin:clamp(26px,3vw,36px) 0 0 !important;
  max-width:none !important;
}
/* クリーム地の上の枠線ボタン（濃茶地版と色が違う。使い分けを明示する） */
.single .post_content .yoko-art-cta .yoko-art-btn--out{
  background:transparent !important;color:var(--yk-a700) !important;
  border:2px solid var(--yk-a700) !important;padding:13px 26px !important;font-size:15px !important;
}
.single .post_content .yoko-art-cta .yoko-art-btn--out:hover{
  background:var(--yk-a700) !important;color:var(--yk-a100) !important;
}
.single .post_content .yoko-art-xline,
.yoko-art-xline{font-size:12.5px !important;color:var(--yk-n700) !important;
  line-height:1.9 !important;margin:16px 0 0 !important;text-align:left !important;}
.yoko-art-xline a{color:var(--yk-a700) !important;}

/* ---- 12. 関連記事（blog_agent注入）＝セージの淡いカード ---------------- */
.single .post_content .related-articles{
  background:var(--yk-s200) !important;border:none !important;
  border-radius:var(--yk-r-lg) !important;padding:24px !important;
  margin:clamp(32px,4vw,52px) 0 !important;max-width:none !important;box-shadow:none !important;
}
.single .post_content .related-articles > p:first-child{
  font-family:var(--yk-font-jp-head) !important;font-weight:900 !important;
  font-size:17px !important;line-height:1.55 !important;
  color:var(--yk-s900) !important;margin:0 0 12px !important;
}
.single .post_content .related-articles ul{margin:0 !important;padding-left:0 !important;list-style:none !important;}
.single .post_content .related-articles li{margin:0 0 14px !important;padding-left:0 !important;line-height:1.7;}
.single .post_content .related-articles li::before{content:none !important;}
.single .post_content .related-articles li:last-child{margin-bottom:0 !important;}
.single .post_content .related-articles a{
  color:var(--yk-s800) !important;font-weight:700 !important;
  font-size:13.5px !important;text-decoration:none !important;
}
.single .post_content .related-articles a:hover{color:var(--yk-a700) !important;text-decoration:underline !important;}

/* ---- 12.5 本文中の記録ボックス（問い／回答／蓄積された粒 など） --------
   旧版は background:#fffbf1 + border-left:#c96f4a のインラインstyleだった。
   インラインはCSSで直せないのでクラス化し、体系側で持つ。 */
.single .post_content .yoko-recbox{
  background:var(--yk-n200);border:none;
  border-left:4px solid var(--yk-accent);
  border-radius:0 var(--yk-r-md) var(--yk-r-md) 0;
  padding:2px 18px;margin:18px 0;
}
.single .post_content .yoko-recbox p{font-size:15px;line-height:2;margin:1em 0;}

/* ---- 13. 免責注記 ------------------------------------------------------ */
.single .post_content .disclaimer{
  background:var(--yk-n100) !important;border:none !important;
  border-radius:var(--yk-r-md) !important;padding:1.1em 1.4em !important;
  margin:clamp(26px,3vw,36px) 0 0 !important;
}
.single .post_content .disclaimer p{font-size:12.5px !important;color:var(--yk-n700) !important;line-height:1.9 !important;margin:0 !important;}

/* ---- 14. 記事下のSWELL標準パーツを体系に寄せる ------------------------- */
.single .p-articleFoot .c-categoryList__link{
  background:var(--yk-surface) !important;color:var(--yk-a800) !important;
  border:none !important;border-radius:var(--yk-r-pill) !important;
  padding:6px 15px !important;font-size:12px !important;font-weight:700 !important;
}
.single .c-shareBtns__message .__text{font-family:var(--yk-font-jp-head) !important;font-weight:900 !important;color:var(--yk-text) !important;}

/* ---- 15. 画像クレジット（figcaption） ---------------------------------
   ③が挿し込む写真クレジットが color:#888 のインライン指定で、クリーム地の上で
   コントラスト2.98（AA未達）。96記事に入っているのでCSSで一括で通す。
   生成側（agents/inject_stock_photos.py）も同時に修正済み。 */
.single .post_content figcaption,
.page .post_content figcaption,
.post_content figcaption{color:var(--yk-n700) !important;font-size:11.5px !important;line-height:1.7;}

/* ---- 16. 本文＋追従サイドバー（原型 grid: minmax(0,1fr) 250px） -----------
   SWELLの .l-sidebar はウィジェット未登録で空なので使わず、子テーマの
   single.php で本文の隣に aside を出している。 */
.single .yk-art{
  display:grid;grid-template-columns:minmax(0,1fr) 250px;
  gap:clamp(28px,4vw,64px);align-items:start;
  padding-top:clamp(36px,5vw,72px);
}
.single .yk-art__main{min-width:0;}
.single .yk-art .post_content{padding-top:0;margin-left:0;margin-right:0;}
.single .yk-aside{min-width:0;}
.single .yk-aside__sticky{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px;}
.single .yk-aside__card{padding:24px;border-radius:var(--yk-r-lg);}
.single .yk-aside__toc{background:var(--yk-n200);}
.single .yk-aside__k{
  font-family:var(--yk-font-en);font-size:11px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--yk-a700);margin:0 0 16px;
}
.single .yk-aside__tocList{display:flex;flex-direction:column;gap:12px;}
.single .yk-aside__tocList a{
  font-size:14px;font-weight:700;line-height:1.55;
  color:var(--yk-n900);text-decoration:none;
}
.single .yk-aside__tocList a.is-sub{font-size:13px;font-weight:500;padding-left:1em;color:var(--yk-n800);}
.single .yk-aside__tocList a:hover{color:var(--yk-a700);}
.single .yk-aside__tocList a.is-current{color:var(--yk-a700);}
.single .yk-aside__rel{background:var(--yk-s200);}
.single .yk-aside__relTtl{
  font-family:var(--yk-font-jp-head);font-weight:900;font-size:17px;line-height:1.55;
  color:var(--yk-s900);margin:0 0 12px;
}
.single .yk-aside__relList{display:flex;flex-direction:column;gap:14px;}
.single .yk-aside__relList a{
  font-size:13.5px;line-height:1.7;font-weight:700;
  color:var(--yk-s800);text-decoration:none;
}
.single .yk-aside__relList a:hover{color:var(--yk-a700);text-decoration:underline;}
/* 記事下のパーツは本文カラムの幅に揃える */
.single .p-articleFoot,.single .c-shareBtns.-bottom,.single #after_article{
  max-width:calc(100% - 250px - clamp(28px,4vw,64px));
}
@media (max-width:900px){
  /* SPは1カラム。ただしCONTENTSは本文の“上”に出す（下にあっても使えないため）。
     display:contents で aside の2枚を .yk-art 直下の要素として並べ替える。 */
  .single .yk-art{display:flex;flex-direction:column;gap:clamp(24px,4vw,40px);}
  .single .yk-aside,.single .yk-aside__sticky{display:contents;}
  .single .yk-aside__toc{order:1;}
  .single .yk-art__main{order:2;}
  .single .yk-aside__rel{order:3;}
  .single .p-articleFoot,.single .c-shareBtns.-bottom,.single #after_article{max-width:none;}
}
/* 記事下の「関連記事」（SWELL標準）。2026-09-15
   記事にアイキャッチを設定していないため、カード型だと no_img が並んで見た目が悪い。
   サムネイルを出さず、トップの記事リスト（.yk-row）と同じ「番号＋タイトル＋日付」の行組みにする。 */
/* 幅は指定しない：親（l-articleBottom）がすでに本文カラム幅。ここで再度250px引くと469pxまで痩せて行が折り返した */
.single .-related .l-articleBottom__title{
  font-family:var(--yk-font-jp-head);font-weight:900;font-size:clamp(20px,2.2vw,26px);
  color:var(--yk-text);text-align:left;margin:0 0 18px;padding:0;background:none;border:none;
}
.single .-related .l-articleBottom__title::before,.single .-related .l-articleBottom__title::after{content:none;display:none;}
.single .p-relatedPosts{display:block;margin:0;padding:0;list-style:none;counter-reset:ykrel;}
.single .p-relatedPosts .p-postList__item{
  width:100% !important;margin:0 !important;padding:0 !important;counter-increment:ykrel;
  border-top:2px solid var(--yk-text);background:none;box-shadow:none;border-radius:0;
}
.single .p-relatedPosts .p-postList__item:last-child{border-bottom:2px solid var(--yk-text);}
.single .p-relatedPosts .p-postList__thumb{display:none !important;}
.single .p-relatedPosts .p-postList__link{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(14px,2vw,24px);align-items:center;
  padding:clamp(14px,1.8vw,20px) clamp(8px,1.2vw,14px);color:var(--yk-text);text-decoration:none;
  transition:background .14s ease,color .14s ease;
}
.single .p-relatedPosts .p-postList__link::before{
  content:counter(ykrel,decimal-leading-zero);
  font-family:var(--yk-font-en);font-size:clamp(22px,2.6vw,32px);line-height:1;color:var(--yk-num);
}
.single .p-relatedPosts .p-postList__body{padding:0;}
.single .p-relatedPosts .p-postList__title{
  font-family:var(--yk-font-jp-head);font-weight:900;font-size:clamp(15px,1.5vw,18px);
  line-height:1.55;letter-spacing:-.01em;color:inherit;margin:0 0 4px;
}
.single .p-relatedPosts .p-postList__meta{margin:0;font-size:12px;color:var(--yk-n700);}
.single .p-relatedPosts .p-postList__meta *{color:inherit;}
.single .p-relatedPosts .p-postList__link:hover{background:var(--yk-a900);color:var(--yk-a100);}
.single .p-relatedPosts .p-postList__link:hover::before{color:var(--yk-a400);}
.single .p-relatedPosts .p-postList__link:hover .p-postList__meta{color:var(--yk-a300);}

/* 目次は二重に出さない：PCは右カラムのCONTENTS、SPは本文内のSWELL目次を使う
   （SPでは右カラムが本文の下に回るので、そこに目次があっても意味がないため） */
.single .post_content .p-toc,.single .p-toc{display:none !important;}

/* ============================================================================
   固定ページ リデザイン v2（2026-09-12）
   about / soudan / contact / privacy / AI100まとめ(269) など。
   旧版は page-id を列挙した Kaisei Decol＋旧パレットのブロックだった。
   ページを増やすたび取り残されるので、id列挙をやめて `.page .post_content` で持つ。
   ※ トップは front-page.php で .post_content を出さないため、この指定は当たらない。
   ============================================================================ */
.page .post_content{
  max-width:42em;margin-left:auto;margin-right:auto;
  font-family:var(--yk-font-jp-body);
  font-size:clamp(15.5px,1.3vw,17px);line-height:2.1;color:var(--yk-text);
}
.page{--swl-fz--content:clamp(15.5px,1.3vw,17px);}
.page .post_content p{margin:0 0 24px;}
.page .post_content h2{
  font-family:var(--yk-font-jp-head) !important;font-weight:900 !important;
  font-size:clamp(24px,3.2vw,40px) !important;line-height:1.35 !important;
  letter-spacing:-.01em !important;color:var(--yk-text) !important;
  background:none !important;border:none !important;
  padding:0 !important;margin:clamp(32px,4vw,52px) 0 18px !important;
}
.page .post_content h2:first-child{margin-top:0 !important;}
.page .post_content h3{
  font-family:var(--yk-font-jp-head) !important;font-weight:900 !important;
  font-size:clamp(19px,2.2vw,26px) !important;line-height:1.45 !important;
  letter-spacing:-.01em !important;color:var(--yk-text) !important;
  background:none !important;border:none !important;
  padding:0 !important;margin:clamp(26px,3vw,36px) 0 12px !important;
}
.page .post_content h2::before,.page .post_content h2::after,
.page .post_content h3::before,.page .post_content h3::after{display:none !important;content:none !important;}
.page .post_content strong,.page .post_content b{color:var(--yk-a800);font-weight:700;}
.page .post_content a{color:var(--yk-a700);text-decoration:underline;text-underline-offset:2px;}
.page .post_content ul,.page .post_content ol{margin:0 0 24px;padding-left:1.2em;}
.page .post_content li{margin:0 0 .5em;line-height:2.05;}
.page .post_content blockquote{
  background:var(--yk-n200) !important;border:none !important;
  border-left:6px solid var(--yk-accent) !important;
  border-radius:0 var(--yk-r-md) var(--yk-r-md) 0 !important;
  padding:1.3em 1.5em !important;margin:0 0 24px !important;
  font-family:var(--yk-font-jp-body) !important;font-style:normal !important;
  font-size:15.5px !important;line-height:2 !important;color:var(--yk-text) !important;
}
.page .post_content table{border-collapse:separate;border-spacing:0;width:100%;margin:0 0 24px;font-size:14.5px;}
.page .post_content table th{background:var(--yk-surface) !important;color:var(--yk-a800) !important;
  border:none !important;border-bottom:2px solid var(--yk-bg) !important;padding:14px 16px !important;text-align:left !important;}
.page .post_content table td{background:var(--yk-n200) !important;color:var(--yk-text) !important;
  border:none !important;border-bottom:2px solid var(--yk-bg) !important;padding:14px 16px !important;}

/* ページ見出し（SWELLのタイトル）を濃茶の帯にする（記事ページと同じ型） */
.page:not(.home) .p-breadcrumb,
.page:not(.home) .c-pageTitle,
.page:not(.home) .l-articleTitle{
  background:var(--yk-a900) !important;
  box-shadow:0 0 0 100vmax var(--yk-a900);
  clip-path:inset(0 -100vmax);
  margin:0 !important;border:none !important;
}
.page:not(.home) .p-breadcrumb{
  max-width:var(--yk-max-article) !important;margin:0 auto !important;
  padding:clamp(20px,2.4vw,30px) var(--swl-pad_container,26px) 0 !important;
  font-size:12.5px !important;font-weight:700 !important;color:var(--yk-a300) !important;
}
.page:not(.home) .p-breadcrumb *{color:var(--yk-a300) !important;}
.page:not(.home) .c-pageTitle{
  padding:clamp(24px,3vw,40px) 0 clamp(44px,6vw,84px) !important;
  container-type:inline-size;
}
.page:not(.home) .c-pageTitle__inner,
.page:not(.home) .c-pageTitle__title,
.page:not(.home) .c-pageTitle .ttl{
  font-family:var(--yk-font-jp-head) !important;font-weight:900 !important;
  font-size:clamp(28px,8.6cqw,88px) !important;line-height:1.1 !important;
  letter-spacing:-.025em !important;color:var(--yk-a100) !important;
  text-align:left !important;margin:0 !important;
}
.page:not(.home) .c-pageTitle__subTitle{color:var(--yk-a300) !important;font-family:var(--yk-font-en) !important;letter-spacing:.24em !important;}
.page:not(.home) #content.l-content{display:block !important;padding-top:0 !important;}
.page:not(.home) #content.l-container{max-width:var(--yk-max-article) !important;}
.page:not(.home) .l-sidebar{display:none !important;}
.page:not(.home) .l-mainArea,.page:not(.home) .l-mainContent{width:100% !important;max-width:100% !important;flex:0 0 100% !important;}
.page:not(.home) .post_content{padding-top:clamp(36px,5vw,72px);}
.page:not(.home) .c-shareBtns.-fix{display:none !important;}

/* ---- AI100まとめ(269) の独自パーツ ------------------------------------- */
.page-id-269 .fl-h2{
  font-family:var(--yk-font-jp-head) !important;font-weight:900 !important;
  color:var(--yk-text) !important;border:none !important;padding:0 !important;
}
.page-id-269 .fl-tag{
  font-family:var(--yk-font-en) !important;font-size:12px !important;
  letter-spacing:.24em !important;color:var(--yk-a700) !important;text-transform:uppercase;
}
.page-id-269 div[style*="f0f6ff"],
.page-id-269 div[style*="fffbf1"]{background:var(--yk-n200) !important;border-color:transparent !important;border-radius:var(--yk-r-lg) !important;}
.page-id-269 div[style*="linear-gradient(135deg"]{background:var(--yk-a900) !important;border-radius:var(--yk-r-lg) !important;}
.page-id-269 .fl-btn{
  background:var(--yk-a700) !important;color:#fff !important;
  border:none !important;box-shadow:none !important;
  border-radius:var(--yk-r-pill) !important;padding:14px 28px !important;
  font-family:var(--yk-font-jp-body) !important;font-weight:900 !important;
  text-decoration:none !important;display:inline-block;
}
.page-id-269 .fl-btn:hover{background:var(--yk-a800) !important;}
.page-id-269 .yoko-kpi-row{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 6px;}
.page-id-269 .yoko-kpi{
  flex:1;min-width:150px;background:var(--yk-n200);border:none;
  border-radius:var(--yk-r-lg);padding:20px 18px;text-align:center;box-shadow:none;
}
.page-id-269 .yoko-kpi--hero{background:var(--yk-surface);}
.page-id-269 .yoko-kpi .lbl{font-size:12px;color:var(--yk-n700);margin:0 0 6px;}
.page-id-269 .yoko-kpi .fl-kpi-num{
  font-family:var(--yk-font-jp-head);font-weight:900;font-size:24px;
  color:var(--yk-text);display:block;line-height:1.2;
}
.page-id-269 .yoko-kpi--hero .fl-kpi-num{font-size:28px;color:var(--yk-a700);}
.page-id-269 .yoko-kpi-note{font-size:12px;color:var(--yk-n700);margin:6px 0 0;line-height:1.7;}
.page-id-269 .yoko-cta{
  text-align:center;background:var(--yk-a900);border-radius:var(--yk-r-lg);
  padding:clamp(28px,3.6vw,44px);margin:44px 0 16px;
}
.page-id-269 .yoko-cta p{
  color:var(--yk-a100) !important;margin:0 0 18px;
  font-family:var(--yk-font-jp-head);font-weight:900;font-size:clamp(19px,2.4vw,26px);
}
.page-id-269 .yoko-cta a{
  display:inline-block;background:var(--yk-a400);color:var(--yk-a900) !important;
  font-weight:900;padding:15px 32px;border-radius:var(--yk-r-pill);
  text-decoration:none !important;box-shadow:none;
}
.page-id-269 .yoko-cta a:hover{background:var(--yk-a100) !important;}


/* ============================================================================
   .yoko-home コンポーネント再スキン（2026-09-12）
   soudan / yakudachi / yomimono / about / AI100 の5ページが今も使っている
   旧レトロのコンポーネント一式。マークアップは触らず、駆動している
   ローカル変数をリデザインv2のトークンへ差し替えて一括で色を通す。
   （個別セレクタに色を当て直すとページごとにズレるので変数で持つ）
   ============================================================================ */
.post_content .yoko-home{
  --cream:var(--yk-bg);          /* 地            */
  --cream2:var(--yk-n100);       /* カード地      */
  --ink:var(--yk-text);          /* 本文          */
  --terra:var(--yk-accent);      /* アクセント面  */
  --terrad:var(--yk-a700);       /* アクセント文字（クリーム地で5.72） */
  --terraX:var(--yk-a800);
  --peach:var(--yk-a200);
  --tan:var(--yk-surface);
  --tanb:var(--yk-n300);
  --brown:var(--yk-a800);        /* a200地の上で8.72 */
  --gold:var(--yk-a700);         /* ラベル：旧#d18a3fは2.5で未達 */
  --muted:var(--yk-n700);        /* 5.53 */
  --sub:var(--yk-n800);          /* 8.72 */
  --shadow:transparent;          /* 影で立体を作る旧手法はやめる */
  font-family:var(--yk-font-jp-body);
}
/* 見出し・ラベルの書体をv2へ */
.post_content .yoko-home h1,
.post_content .yoko-home h2,
.post_content .yoko-home h3{font-family:var(--yk-font-jp-head);font-weight:900;letter-spacing:-.01em;}
.post_content .yoko-home .sec-eyebrow,
.post_content .yoko-home .card .minilabel{
  font-family:var(--yk-font-en);letter-spacing:.24em;text-transform:uppercase;color:var(--yk-a700);
}
/* 面で構成する（ハード影・ヘアライン装飾をやめる） */
.post_content .yoko-home .card{
  background:var(--yk-surface);border:none;border-radius:var(--yk-r-lg);
  padding:clamp(24px,3vw,38px);box-shadow:none;
}
.post_content .yoko-home .btn{font-weight:900;border-radius:var(--yk-r-pill);}
.post_content .yoko-home .btn-primary{background:var(--yk-a700);color:#fff;box-shadow:none;}
.post_content .yoko-home .btn-primary:hover{background:var(--yk-a800);transform:none;box-shadow:none;}
.post_content .yoko-home .btn-outline{background:transparent;color:var(--yk-a700);border:2px solid var(--yk-a700);}
.post_content .yoko-home .btn-outline:hover{background:var(--yk-a700);color:var(--yk-a100);}
.post_content .yoko-home .btn-invert{background:var(--yk-a100);color:var(--yk-a900);box-shadow:none;}
.post_content .yoko-home .btn-invert:hover{background:var(--yk-a400);transform:none;box-shadow:none;}
.post_content .yoko-home .btn.btn-note{background:var(--yk-a400);color:var(--yk-a900);box-shadow:none;border:none;}
.post_content .yoko-home .btn.btn-note:hover{background:var(--yk-a100);color:var(--yk-a900);transform:none;box-shadow:none;}
.post_content .yoko-home .chip{background:var(--yk-a200);color:var(--yk-a800);border:none;font-weight:700;}
.post_content .yoko-home .avatar-ring{border:none;box-shadow:none;background:var(--yk-surface);}
.post_content .yoko-home .bubble{
  background:var(--yk-n200);border:none;color:var(--yk-text);
  border-radius:var(--yk-r-md);box-shadow:none;
}
.post_content .yoko-home .bubble::after{background:var(--yk-n200);border:none;}
.post_content .yoko-home .bubble-2{background:var(--yk-a700);color:var(--yk-a100);border:none;}
.post_content .yoko-home .bubble-2::after{background:var(--yk-a700);border:none;}
/* note カード（旧トップの名残り。地色と書体だけv2へ） */
.yoko-note__card{background:var(--yk-n100);border:none;border-radius:var(--yk-r-lg);
  color:var(--yk-text);box-shadow:none;}
.yoko-note__card:hover,.yoko-note__card:focus-visible{transform:none;box-shadow:var(--yk-sh-sm);}
.yoko-note__date{color:var(--yk-n700);}
.yoko-note__fallback{color:var(--yk-n700);}

/* ---- 全体の既定：アーカイブ・検索・404 も旧書体のままにしない ------------ */
h1,h2,h3,h4{font-family:var(--yk-font-jp-head);font-weight:900;}
:root{--color_main:var(--yk-accent);}
/* ロゴ：通常ヘッダーと追従ヘッダーの両方。追従側は旧CSSの #4a3b30 が残っていて
   濃茶の地に同系色で乗り、スクロールすると文字が消えていた（2026-09-12 実測） */
.l-header .c-headLogo__link,.l-header .c-headLogo a,
.l-fixHeader .c-headLogo__link,.l-fixHeader .c-headLogo a,
.l-fixHeader__logo a,.l-fixHeader__logo{
  font-family:var(--yk-font-jp-head) !important;font-weight:900 !important;
  color:var(--yk-a100) !important;
}
.l-fixHeader .c-headLogo__link:hover,.l-header .c-headLogo__link:hover{color:var(--yk-a400) !important;}
.l-header .c-gnav .menu-item > a:hover{color:var(--yk-a400) !important;}
/* アーカイブ（/yakudachi/ 等のカテゴリ一覧）を本文と同じ体系に */
.archive .c-postTitle__ttl,.search .c-postTitle__ttl,
.archive .p-postList__title,.search .p-postList__title{
  font-family:var(--yk-font-jp-head);font-weight:900;color:var(--yk-text);
}
.archive .p-postList__item,.search .p-postList__item{background:var(--yk-n100);border:none;border-radius:var(--yk-r-lg);}

/* ABOUT 改稿（2026-09-19）：属性の表 → 本人の声の短い文／カードから note へ */
.yk-prof__text p{font-size:15px;line-height:1.95;color:var(--yk-n800);margin:0 0 .6em;}
.yk-prof__text p:last-child{margin-bottom:0;}
.yk-about__card{display:flex;flex-direction:column;}
.yk-about__card p{flex:1;}
.yk-about__link{margin-top:16px;font-size:14px;font-weight:900;color:var(--yk-a700);align-self:flex-start;}
.yk-about__link:hover{color:var(--yk-a600);text-decoration:underline;}