/* =========================================================================
   vc-interview モジュール CSS（layerB・マガジン風）
   テンプレ: template-parts/vendor/vc-interview.php ／ データ: group_vc_interview
   HQ82 STAGING 120254 で実描画検証済みの暫定CSSをモジュール化（_custom_css→テーマ）。
   色＝紙地に紺#1f3a5f＋金#b8935a（エディトリアル基調）。
   ※業者ブランド色への親和（--vc-key 連動）は本筋で別途検討（設計§10）。
   ========================================================================= */
.vc-interview{--vc-key:#1f3a5f;--vc-accent:#b8935a;--vc-ink:#2b2b2b;--vc-sub:#6b7280;--vc-paper:#faf8f4;--vc-line:#e6e1d8;font-family:"Noto Sans JP",system-ui,sans-serif;line-height:1.85;background:var(--vc-paper);border:1px solid var(--vc-line);border-radius:16px;padding:40px 36px 44px;margin:56px auto;max-width:760px;box-shadow:0 10px 40px -24px rgba(31,58,95,.45);position:relative;overflow:hidden;color:var(--vc-ink);box-sizing:border-box;}
.vc-interview *{box-sizing:border-box;}
.vc-interview p:empty{display:none;}
.vc-interview::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--vc-key),var(--vc-accent));}
.vc-interview .vc-iv-eyebrow{font-size:12px;font-weight:700;letter-spacing:.22em;color:var(--vc-accent);margin:0 0 10px;}
.vc-interview .vc-iv-eyebrow .ja{color:var(--vc-sub);letter-spacing:.08em;margin-left:8px;font-weight:500;}
.vc-interview .vc-iv-title{font-family:"Noto Serif JP",serif;font-weight:600;font-size:27px;line-height:1.5;color:var(--vc-key);margin:0 0 16px;}
.vc-interview .vc-iv-lead{font-size:15.5px;color:#4b5563;margin:0 0 30px;padding-left:16px;border-left:3px solid var(--vc-accent);}
.vc-interview .vc-iv-person{display:flex;gap:22px;align-items:center;background:#fff;border:1px solid var(--vc-line);border-radius:14px;padding:20px 22px;margin:0 0 34px;}
.vc-interview .vc-iv-photo{width:108px;height:108px;flex:0 0 108px;border-radius:12px;object-fit:cover;background:#dfe3ea;box-shadow:0 6px 18px -10px rgba(0,0,0,.4);}
.vc-interview .vc-iv-photo--none{display:grid;place-items:center;font-size:48px;line-height:1;color:#9aa3b2;}
.vc-interview .vc-iv-name{font-family:"Noto Serif JP",serif;font-size:22px;font-weight:600;margin:0 0 3px;color:var(--vc-key);}
.vc-interview .vc-iv-role{font-size:13.5px;color:var(--vc-sub);margin:0 0 10px;}
.vc-interview .vc-iv-quals{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0;}
.vc-interview .vc-iv-quals li{font-size:11.5px;color:var(--vc-key);background:#eef2f8;border:1px solid #dde5f0;border-radius:999px;padding:3px 11px;}
.vc-interview .vc-iv-area{font-size:12.5px;color:var(--vc-sub);margin:0;}
.vc-interview .vc-iv-qa{display:flex;flex-direction:column;gap:22px;}
.vc-interview .qa{padding:0 0 22px;border-bottom:1px solid var(--vc-line);}
.vc-interview .qa:last-child{border-bottom:none;padding-bottom:0;}
.vc-interview .qa .q{display:flex;gap:12px;font-weight:700;color:var(--vc-key);font-size:16px;margin:0 0 10px;line-height:1.65;}
.vc-interview .qa .q::before{content:"Q";flex:0 0 28px;height:28px;display:grid;place-items:center;background:var(--vc-key);color:#fff;border-radius:8px;font-family:"Noto Serif JP",serif;font-size:15px;}
.vc-interview .qa .a{display:flex;gap:12px;font-size:15px;color:var(--vc-ink);margin:0;}
.vc-interview .qa .a::before{content:"A";flex:0 0 28px;height:28px;display:grid;place-items:center;background:var(--vc-accent);color:#fff;border-radius:8px;font-family:"Noto Serif JP",serif;font-size:15px;}
@media(max-width:560px){.vc-interview{padding:30px 20px 34px;}.vc-interview .vc-iv-title{font-size:22px;}.vc-interview .vc-iv-person{flex-direction:column;text-align:center;}.vc-interview .vc-iv-quals{justify-content:center;}.vc-interview .vc-iv-photo{width:120px;height:120px;flex-basis:120px;}}