/* Pharma-Ad Report 既存記事の骨格CSS（2026-09-18）
   既存記事は section で分割された構造なので、2カラム化すると本文が壊れる。
   そこで「グローバルヘッダー・パンくず・記事メタ・記事下の回遊」だけを揃える。
   ⚠️ 本文のタイポグラフィには一切触れない。記事ごとの自前 <style> がそのまま効く。
   ⚠️ 変数（--card/--line/--ink...）は記事側の :root を使う。ここでは定義しない。 */

/* --- グローバルヘッダー（全記事共通） --- */
.ghead{position:sticky;top:0;z-index:50;
  background:var(--card,#fff);border-bottom:1px solid var(--line,#e2e8ec)}
.ghead .in{max-width:1080px;margin:0 auto;padding:0 22px;height:56px;
  display:flex;align-items:center;gap:24px}
.ghead .brand{font-weight:800;font-size:1rem;letter-spacing:.01em;
  color:var(--ink,#0f1b26);text-decoration:none;white-space:nowrap}
.ghead .brand span{color:var(--signal,var(--accent,#0d8f9e))}
.ghead nav{display:flex;gap:19px;margin-left:auto;align-items:center}
.ghead nav a{font-size:.84rem;color:var(--ink-2,#44586a);text-decoration:none;white-space:nowrap}
.ghead nav a:hover{color:var(--signal,var(--accent,#0d8f9e))}
.ghead nav a.cta{background:var(--signal,var(--accent,#0d8f9e));color:#fff;font-weight:700;
  padding:8px 15px;border-radius:999px}
@media(max-width:820px){.ghead nav a.hide-sp{display:none}.ghead .in{gap:13px;padding:0 15px}}

/* --- パンくず＋記事メタ（記事ヘッダーの直前に置く帯） --- */
.rbar{max-width:1080px;margin:0 auto;padding:13px 22px 0}
.rbar .crumb{font-size:.77rem;color:var(--ink-3,#78909d)}
.rbar .crumb a{color:var(--ink-3,#78909d);text-decoration:none}
.rbar .crumb a:hover{color:var(--signal,var(--accent,#0d8f9e))}
.rbar .crumb span{margin:0 7px;opacity:.55}
.rbar .metaline{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:12px}
.rbar .cat{font-size:.71rem;font-weight:800;letter-spacing:.08em;
  color:var(--signal-deep,var(--accent-deep,#0a6f7b));
  background:var(--signal-wash,rgba(13,143,158,.1));padding:5px 11px;border-radius:4px}
.rbar .date{font-family:var(--mono,ui-monospace,Menlo,monospace);font-size:.77rem;color:var(--ink-3,#78909d)}
.rbar .by{font-size:.77rem;color:var(--ink-3,#78909d)}
@media(max-width:820px){.rbar{padding:11px 15px 0}}

/* --- 記事下の著者ボックスと関連記事 --- */
.rfoot{max-width:920px;margin:0 auto;padding:0 22px 56px}
.rfoot .abox{background:var(--card,#fff);border:1px solid var(--line,#e2e8ec);
  border-radius:10px;padding:22px 24px;margin-top:40px}
.rfoot .abox .al{font-size:.69rem;font-weight:800;letter-spacing:.1em;
  color:var(--ink-3,#78909d);margin:0 0 10px}
.rfoot .abox .an{font-weight:700;font-size:1rem;color:var(--ink,#0f1b26);margin:0}
.rfoot .abox .aq{font-size:.81rem;color:var(--ink-3,#78909d);margin:7px 0 0;line-height:1.85}
.rfoot .abox .ad{font-size:.88rem;color:var(--ink-2,#44586a);margin:12px 0 0;line-height:1.95}
.rfoot .rel{border-top:1px solid var(--line,#e2e8ec);margin-top:42px;padding-top:28px}
.rfoot .rel .rt{font-size:.71rem;font-weight:800;letter-spacing:.1em;
  color:var(--ink-3,#78909d);margin:0 0 15px}
.rfoot .rel .grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
@media(max-width:700px){.rfoot .rel .grid{grid-template-columns:1fr}}
.rfoot .rel a.rc{display:block;text-decoration:none;color:inherit;background:var(--card,#fff);
  border:1px solid var(--line,#e2e8ec);border-radius:10px;padding:15px 16px;transition:.14s}
.rfoot .rel a.rc:hover{border-color:var(--signal,var(--accent,#0d8f9e));
  box-shadow:0 3px 14px rgba(16,34,46,.08)}
.rfoot .rel a.rc .c{font-size:.67rem;font-weight:800;letter-spacing:.06em;
  color:var(--signal-deep,var(--accent-deep,#0a6f7b))}
.rfoot .rel a.rc .h{font-size:.91rem;font-weight:700;line-height:1.65;
  margin-top:7px;color:var(--ink,#0f1b26)}
.rfoot .cta-row{margin-top:30px;text-align:center}
.rfoot .cta-row a{display:inline-block;background:var(--signal,var(--accent,#0d8f9e));color:#fff;
  font-weight:700;font-size:.94rem;padding:14px 32px;border-radius:999px;text-decoration:none}
.rfoot .cta-row p{font-size:.78rem;color:var(--ink-3,#78909d);margin:10px 0 0}

/* --- 広告枠（既存記事用。記事下に横2枚で置く） --- */
.rfoot .ads{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:34px}
@media(max-width:700px){.rfoot .ads{grid-template-columns:1fr}}
.rfoot .adslot{background:var(--card,#fff);border:1px solid var(--line,#e2e8ec);
  border-radius:10px;padding:17px 18px 19px;position:relative}
.rfoot .adslot .pr{position:absolute;top:11px;right:12px;font-size:.6rem;font-weight:800;
  letter-spacing:.1em;color:var(--ink-3,#78909d);border:1px solid var(--line,#e2e8ec);
  border-radius:3px;padding:2px 5px;line-height:1}
.rfoot .adslot .ak{font-size:.67rem;font-weight:800;letter-spacing:.09em;
  color:var(--signal-deep,var(--accent-deep,#0a6f7b));margin:0 0 9px}
.rfoot .adslot .ah{font-size:.96rem;font-weight:700;line-height:1.6;
  color:var(--ink,#0f1b26);margin:0}
.rfoot .adslot .ap{font-size:.81rem;color:var(--ink-2,#44586a);line-height:1.9;margin:9px 0 0}
.rfoot .adslot .ab{display:block;text-align:center;margin-top:14px;padding:11px;
  border-radius:7px;font-weight:700;font-size:.85rem;text-decoration:none;
  background:var(--signal,var(--accent,#0d8f9e));color:#fff}
.rfoot .adslot.ghost .ab{background:transparent;
  color:var(--signal-deep,var(--accent-deep,#0a6f7b));
  border:1px solid var(--signal,var(--accent,#0d8f9e))}