/* ==========================================================================
   almondbase.com「営業部長の虎の巻」UI刷新（2026-10-06 デザイン部）
   rugby-drills.com の rd-pro.css（v2）と同じ型。紺×オレンジのビジネスメディア向けに、
   見出しの強さ・余白・タイポグラフィを落ち着かせてある（rugbyの「力強い見出し」はコピーしていない）。
   ・戻すときは functions.php の RD_PRO_UI を false にするだけ。元の style.css は無改変。
   ----------------------------------------------------------------------------
   【色のルール】
    1. 主色（紺）＝「押せる・選ばれている」：リンク・ボタン・選択中・フォーカス・ホバーの文字色
    2. オレンジ＝「このサイトのしるし」：見出しの短い下線／ラベル脇の短い罫線／ナビの現在地線／
       フッター上の罫線／カードのホバー枠。面の塗りには使わない（ワンポイントだけ）
    3. 1コンポーネントにつきオレンジは1か所まで。オレンジの上の文字は紺。白地の上のオレンジ文字は濃いオレンジ（--rd-gold-d）
    4. 紺の面（ヘッダー）ではオレンジが主役、白い面（カード・本文・サイドバー）では紺が主役
    5. 本文リンクは紺＋下線（オレンジ文字は白地でコントラスト不足のため廃止）
   ========================================================================== */

/* ★サイトごとに差し替える部分（色トークン） */
:root{
  --rd-em:#1a2b4c;        /* 主色（almond＝ブランドの紺） */
  --rd-em-d:#0f1c36;      /* 主色：濃い側（ホバー・押下） */
  --rd-em-l:#e8edf6;      /* 主色：淡い側（選択中の背景など） */
  --rd-gold:#e8743b;      /* 二次アクセント＝ブランドのオレンジ */
  --rd-gold-d:#b4501c;    /* 白地の上で文字・細い線に使う濃いオレンジ */
  --rd-gold-l:#fdefe6;    /* オレンジの淡い側（バッジの背景） */
  --rd-gold-hi:#f4a27a;   /* 暗い面の上で使う明るいオレンジ */
  --rd-ink:#14213d;       /* 見出しのダークトーン */
  --rd-navy:#1a2b4c;      /* ヘッダー・ナビの紺 */
}
/* ここから下は共通の部品 */
:root{
  --rd-text:#2a3444;
  --rd-mute:#5f6b7a;
  --rd-line:#e1e6ee;
  --rd-bg:#f3f5f9;
  --rd-radius:12px;
  --rd-shadow:0 1px 2px rgba(20,33,61,.05),0 4px 14px rgba(20,33,61,.05);
  --rd-shadow-up:0 4px 8px rgba(20,33,61,.07),0 18px 36px -10px rgba(20,33,61,.22);
  --rd-num:"Meiryo UI",Meiryo,"Hiragino Sans",sans-serif;
}

/* ---------- 全体：地色と余白（記事ページの本文は白いパネルのまま、一覧は「地色の上のカード」に） ---------- */
body,body .content,body #content{background:var(--rd-bg) !important;}
body{color:var(--rd-text);-webkit-font-smoothing:antialiased;}
body:not(.single):not(.page) .main{background:transparent !important;box-shadow:none !important;border-color:transparent !important;padding-left:0 !important;padding-right:0 !important;}
body .sidebar{background:transparent !important;box-shadow:none !important;border-color:transparent !important;padding-left:0 !important;padding-right:0 !important;}
body.single .main,body.page .main{border-radius:var(--rd-radius);border-color:var(--rd-line);}
body #content-in{padding-top:0;}
body .main{padding-top:24px !important;}
body .sidebar{padding-top:24px !important;}

/* ---------- ナビ：白地のまま、現在地とホバーだけオレンジの細線 ---------- */
body .navi-in > ul.menu-pc > li > a{position:relative;letter-spacing:.04em;font-weight:700;color:var(--rd-ink);transition:color .2s ease;}
body .navi-in > ul.menu-pc > li > a::after{
  content:"";position:absolute;left:22%;right:22%;bottom:0;height:3px;background:var(--rd-gold);
  transform:scaleX(0);transform-origin:center;transition:transform .25s ease;
}
body .navi-in > ul.menu-pc > li:hover > a::after,
body .navi-in > ul.menu-pc > li.current-menu-item > a::after{transform:scaleX(1);}
body .navi-in > ul.menu-pc > li:hover > a{background:rgba(26,43,76,.04) !important;}
/* ヘッダー画像（紺の面）の下端にオレンジの細い罫線＝サイトのしるし */
body #header-container{border-bottom:3px solid var(--rd-gold);}
body .search-box .search-submit{background:var(--rd-em) !important;}
body .search-box .search-submit:hover,body .search-box .search-submit:focus{background:var(--rd-em-d) !important;}
body .search-box.input-box:focus-within{border-color:var(--rd-em);box-shadow:0 0 0 3px rgba(26,43,76,.12);}

/* ---------- テーマから探す（14タグへのリンク。絞り込みフォームではなく「入口」） ---------- */
.rd-topics{
  position:relative;background:#fff;border:1px solid var(--rd-line);border-radius:var(--rd-radius);
  padding:20px 24px 18px;margin:0 0 28px;box-shadow:var(--rd-shadow);
}
.rd-topics::before{content:"";position:absolute;left:24px;top:-1px;width:48px;height:3px;border-radius:0 0 3px 3px;background:var(--rd-gold);}
.rd-topics > summary{
  list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
}
.rd-topics > summary::-webkit-details-marker{display:none;}
.rd-eyebrow{font-family:var(--rd-num);font-weight:700;font-size:12px;letter-spacing:.2em;color:var(--rd-mute);}
.rd-topics-title{font-size:16px;font-weight:700;color:var(--rd-ink);letter-spacing:.02em;}
.rd-topics-sub{font-size:12.5px;color:var(--rd-mute);}
.rd-topics-chev{display:none;margin-left:auto;width:18px;height:18px;align-self:center;fill:none;stroke:var(--rd-ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease;}
.rd-topics[open] .rd-topics-chev{transform:rotate(180deg);}
.rd-topic-list{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;min-width:0;}
.rd-topic{
  display:inline-flex;align-items:center;max-width:100%;
  border:1px solid var(--rd-line);background:#fff;color:var(--rd-text) !important;text-decoration:none !important;
  font-size:13.5px;font-weight:600;line-height:1.2;padding:8px 14px;border-radius:999px;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.rd-topic:hover{border-color:var(--rd-em);color:var(--rd-em) !important;transform:translateY(-1px);}
.rd-topic:focus-visible,.rd-topics > summary:focus-visible{outline:3px solid rgba(26,43,76,.3);outline-offset:2px;}
.rd-topic.is-current{background:var(--rd-em);border-color:var(--rd-em);color:#fff !important;}
.rd-topic.is-current::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--rd-gold-hi);margin-right:7px;}   /* 現在地のしるしだけ明るいオレンジ（紺の面の上） */
@media screen and (max-width:767px){
  .rd-topics{padding:14px 16px;margin-bottom:20px;}
  .rd-topics::before{left:16px;}
  .rd-topics-chev{display:block;}
  .rd-topics-sub{display:none;}
  .rd-topic{font-size:13px;padding:8px 12px;}
}

/* ---------- 見出し（新着記事・アーカイブ名） ---------- */
body .list-new-entries-title{display:block !important;margin:4px 0 22px !important;text-align:left !important;}
body .list-new-entries-title .list-title-in{
  position:static !important;display:block !important;padding:0 !important;white-space:normal !important;
  font-size:24px;font-weight:700;letter-spacing:.02em;color:var(--rd-ink);line-height:1.3;
}
body .list-new-entries-title .list-title-in::before{
  content:"LATEST" !important;position:static !important;display:block !important;width:auto !important;height:auto !important;
  background:none !important;margin:0 0 6px !important;transform:none !important;
  font-family:var(--rd-num);font-size:12px;font-weight:700;letter-spacing:.22em;color:var(--rd-mute);
}
body .list-new-entries-title .list-title-in::after{
  content:"" !important;position:static !important;display:block !important;width:40px !important;height:3px !important;
  margin:12px 0 0 !important;transform:none !important;border-radius:2px;background:var(--rd-gold) !important;
}
body .archive-title{
  font-size:24px;font-weight:700;color:var(--rd-ink);letter-spacing:.02em;text-align:left;margin:4px 0 22px;padding:0 0 12px;
  border:0;background:none;position:relative;
}
body .archive-title::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--rd-gold) 0,var(--rd-gold) 40px,var(--rd-line) 40px);}
body .archive-title .fa{color:var(--rd-mute);margin-right:.5em;font-size:.8em;}

/* ---------- 記事カード ---------- */
body .ect-vertical-card .entry-card-wrap,
body .ect-2-columns .entry-card-wrap{
  background:#fff !important;border:1px solid var(--rd-line) !important;border-radius:var(--rd-radius) !important;
  box-shadow:var(--rd-shadow) !important;overflow:hidden;
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease;
}
body .ect-vertical-card .entry-card-wrap:hover,
body .ect-2-columns .entry-card-wrap:hover{
  transform:translateY(-4px);box-shadow:var(--rd-shadow-up) !important;border-color:var(--rd-gold) !important;background:#fff !important;
}
body .ect-vertical-card .entry-card,
body .ect-2-columns .entry-card{background:transparent !important;border:0 !important;box-shadow:none !important;}
body .entry-card-thumb{overflow:hidden;margin:0 !important;border-radius:0 !important;}
body .entry-card-thumb-image{display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1);}
body .entry-card-wrap:hover .entry-card-thumb-image{transform:scale(1.03);}
body .entry-card-content{padding:16px 20px 14px !important;}
body .entry-card-title{font-size:16px;font-weight:700;line-height:1.6;color:var(--rd-ink);}
body .entry-card-snippet{
  font-size:13px;line-height:1.8;color:var(--rd-mute);margin:0 0 12px !important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.rd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 6px;margin:0 0 4px;}
.rd-chip{
  display:inline-flex;align-items:center;gap:5px;max-width:100%;
  background:#eef1f6;color:var(--rd-ink);border-radius:999px;padding:5px 10px;
  font-size:11.5px;font-weight:600;line-height:1.2;white-space:nowrap;
}
.rd-chip svg{width:13px;height:13px;flex:none;fill:none;stroke:var(--rd-mute);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.rd-chip-cat{background:var(--rd-gold-l);color:var(--rd-gold-d);}
.rd-chip-cat svg{stroke:var(--rd-gold-d);}
.rd-chip-date{margin-left:auto;background:none;padding-right:2px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--rd-mute);}
body .rd-meta ~ .entry-card-meta{display:none !important;}   /* チップ側へ移したので元の行は隠す */
body .entry-card-categorys{display:none !important;}
body .entry-card-info{float:none;}

/* ---------- 記事ページ：タイポグラフィ（落ち着いた太さ・読みやすい行間） ---------- */
body .entry-title{font-size:26px;font-weight:700;line-height:1.5;letter-spacing:0;color:var(--rd-ink);margin-bottom:.8em;}
body .article .entry-content{font-size:16px;line-height:1.95;color:var(--rd-text);}
body .article h2{
  font-size:22px;font-weight:700;line-height:1.5;color:var(--rd-ink);letter-spacing:.01em;
  background:none !important;border:0 !important;padding:0 0 12px !important;margin:2.8em 0 1.2em !important;position:relative;
}
body .article h2::after{
  content:"";position:absolute;left:0;bottom:0;width:100%;height:3px !important;
  background:linear-gradient(90deg,var(--rd-gold) 0,var(--rd-gold) 48px,var(--rd-line) 48px) !important;
}
body .article h3{
  font-size:18px;font-weight:700;color:var(--rd-ink);background:none !important;border:0 !important;
  border-left:4px solid var(--rd-gold) !important;padding:2px 0 2px 14px !important;margin:2.2em 0 1em !important;
}
body .article h4{color:var(--rd-ink);font-weight:700;}
body .article .entry-content strong{color:var(--rd-ink);}
/* 本文リンク：紺＋下線（クラスなしの素のリンクだけ。ボタン・ブログカード・CTAには触れない） */
body .article .entry-content a:not([class]){color:var(--rd-em);text-decoration:underline;text-decoration-color:rgba(232,116,59,.7);text-decoration-thickness:1.5px;text-underline-offset:3px;}
body .article .entry-content a:not([class]):hover{color:var(--rd-gold-d);}
/* 目次 */
body .toc{border:1px solid var(--rd-line) !important;border-radius:var(--rd-radius);box-shadow:none !important;background:#fff;}
body .toc .toc-title{font-weight:700;color:var(--rd-ink);}
body .toc a,body .article .entry-content .toc a:not([class]){color:var(--rd-ink) !important;text-decoration:none !important;}
body .toc a:hover{color:var(--rd-gold-d) !important;}
body .toc-content ol li::before,body .toc ul li::before{background:var(--rd-gold) !important;color:var(--rd-navy) !important;}
/* カテゴリ・タグ（記事末尾）：小さなピルに */
body .entry-categories-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
body .entry-categories-tags a.cat-link,
body .entry-categories-tags a.tag-link{
  display:inline-flex;align-items:center;gap:5px;border:1px solid var(--rd-line) !important;border-radius:999px;background:#fff;
  color:var(--rd-text) !important;font-size:12.5px;font-weight:600;padding:5px 12px;text-decoration:none !important;margin:0;
}
body .entry-categories-tags a.cat-link{background:var(--rd-gold-l);border-color:transparent !important;color:var(--rd-gold-d) !important;}
body .entry-categories-tags a.tag-link:hover{border-color:var(--rd-em) !important;color:var(--rd-em) !important;}
body .entry-categories,body .entry-tags{display:flex;flex-wrap:wrap;gap:6px;}
body .related-entry-heading{font-weight:700;color:var(--rd-ink);}
body .related-entry-card-wrap{border-radius:var(--rd-radius);overflow:hidden;}

/* ---------- サイドバー ---------- */
body .sidebar .widget{
  background:#fff;border:1px solid var(--rd-line);border-radius:var(--rd-radius);padding:20px 20px 14px !important;box-shadow:var(--rd-shadow);margin-bottom:20px;
}
body .sidebar .widget-sidebar-title{
  position:relative;background:none !important;border:0 !important;border-bottom:1px solid var(--rd-line) !important;
  color:var(--rd-ink) !important;font-size:15px;font-weight:700;letter-spacing:.06em;text-align:left !important;
  padding:0 0 10px !important;margin:0 0 14px;
}
body .sidebar .widget-sidebar-title::after{content:"" !important;position:absolute;left:0;bottom:-1px;width:32px;height:3px;background:var(--rd-gold) !important;border:0 !important;}
/* 追従側（スクロール）のウィジェット＝記事ページの目次 */
body .sidebar-scroll .widget{background:#fff;border:1px solid var(--rd-line);border-radius:var(--rd-radius);padding:20px 20px 14px !important;box-shadow:var(--rd-shadow);}
body .widget-sidebar-scroll-title{
  position:relative;background:none !important;border:0 !important;border-bottom:1px solid var(--rd-line) !important;
  color:var(--rd-ink) !important;font-size:15px;font-weight:700;letter-spacing:.06em;text-align:left !important;padding:0 0 10px !important;margin:0 0 14px;
}
body .widget-sidebar-scroll-title::after{content:"" !important;position:absolute;left:0;bottom:-1px;width:32px;height:3px;background:var(--rd-gold) !important;border:0 !important;}
body .sidebar-scroll .toc{border:0 !important;padding:0;background:none;}
body .widget-entry-card-title{font-weight:600;color:var(--rd-ink);}
body .widget-entry-card:hover .widget-entry-card-title{color:var(--rd-gold-d);}

/* ---------- ページ送り・フッター ---------- */
body .pagination .page-numbers{border-radius:999px;border-color:var(--rd-line);background:#fff;}
body .pagination .current,body .pagination .page-numbers:hover{background:var(--rd-em);border-color:var(--rd-em);color:#fff;}
body .pagination .current{box-shadow:inset 0 -3px 0 var(--rd-gold);}
body .footer{border-top:3px solid var(--rd-gold);}

/* ---------- スマホ ---------- */
@media screen and (max-width:480px){
  body:not(.single):not(.page) .main{padding-left:12px !important;padding-right:12px !important;}
  body .sidebar{padding-left:12px !important;padding-right:12px !important;}
  body .list-new-entries-title .list-title-in,body .archive-title{font-size:21px;}
  body .entry-title{font-size:21px;}
  body .article h2{font-size:19px;}
  body .article h3{font-size:16.5px;}
  body.single .main,body.page .main{border-radius:0;}
  body .entry-card-content{padding:14px 16px 12px !important;}
  body .sidebar .widget{padding:16px 16px 12px !important;}
}
@media (prefers-reduced-motion:reduce){
  body .entry-card-wrap,body .entry-card-thumb-image,.rd-topic{transition:none !important;}
  body .entry-card-wrap:hover,body .entry-card-wrap:hover .entry-card-thumb-image{transform:none !important;}
}

/* ---------- 吹き出し（寅部長「この記事はこんな人におすすめ」）の内側余白を均等に（2026-10-09） ---------- */
body .article .speech-wrap .speech-balloon{padding:16px 20px !important;height:auto !important;box-sizing:border-box;}
body .article .speech-wrap .speech-balloon > :first-child{margin-top:0 !important;}
body .article .speech-wrap .speech-balloon > :last-child{margin-bottom:0 !important;}
body .article .speech-wrap .speech-balloon > p{margin:0 0 .6em !important;line-height:1.7;}
body .article .speech-wrap .speech-balloon > ul,body .article .speech-wrap .speech-balloon > ol{margin:0 !important;padding:0 0 0 1.3em !important;line-height:1.7;}
body .article .speech-wrap .speech-balloon > ul > li,body .article .speech-wrap .speech-balloon > ol > li{margin:.2em 0 !important;padding:0;}
body .article .speech-wrap .speech-balloon > ul > li:first-child{margin-top:0 !important;}
body .article .speech-wrap .speech-balloon > ul > li:last-child,body .article .speech-wrap .speech-balloon > ol > li:last-child{margin-bottom:0 !important;}