/* Genview 記事ページ  v2  2026-10-17
 *
 * A. 右カラム（全記事）
 *    gv-article.js が、記事のページ（/learn/・/lab/・/glossary/・/industry/・/faq/）で
 *    <article class="article-content"> に .gva-page を付け、右に .gva-side を足す。
 *    下の「A」の指定は .gva-page・.gva-side の中だけに効く。記事以外のページには当たらない。
 * B. 新デザイン（リライトした記事だけ）
 *    本文に <article class="gva"> がある記事だけ。「B」の指定は .gva と .gva-new の中だけに効く。
 *    → 今の記事は、右カラムが付く以外は見た目が変わらない。
 * 既存のCSSより後に読み込むこと。色はサービスページ（design_v2）と同じ。
 */
.gva,.gva-page,.gva-side{
  --gva-navy:#101d3a;--gva-ink:#17213a;--gva-sub:#5b6680;--gva-mute:#8a94a6;
  --gva-line:#e3e8ef;--gva-soft:#f4f7fb;--gva-ac:#526bb6;--gva-ac2:#7896ff;--gva-ac-soft:#eef2ff;
}

/* ===== A. 右カラム（全記事） ===== */
@media(min-width:1001px){.article-content.gva-page{display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:56px;max-width:1120px;width:100%;margin-left:auto;margin-right:auto;align-items:start;box-sizing:border-box}}
.gva-page>.gva-main{min-width:0}
.gva-page>.gva-main img,.gva-page>.gva-main video,.gva-page>.gva-main iframe{max-width:100%}
.gva-page>.gva-main img{height:auto}
.gva-side{display:flex;flex-direction:column;gap:16px;align-self:stretch;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.7}
.gva-side *{box-sizing:border-box}
.gva-side .gva-sticky{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
.gva-side .gva-box{border:1px solid var(--gva-line);border-radius:14px;padding:18px;background:#fff}
.gva-side .gva-box>b{display:block;font-size:13px;color:var(--gva-navy);margin-bottom:8px}
.gva-side ol{margin:0;padding-left:20px;font-size:13.5px;line-height:1.9;color:var(--gva-sub)}
.gva-side li{margin:0}
.gva-side ol a{color:inherit;text-decoration:none}
.gva-side ol a:hover,.gva-side ol a.on{color:var(--gva-ac);font-weight:700}
.gva-side .gva-cta-side{background:var(--gva-navy);color:#fff;border-radius:14px;padding:20px}
.gva-side .gva-cta-side b{display:block;font-size:16px;line-height:1.5;margin-bottom:6px}
.gva-side .gva-cta-side p{font-size:12.5px;color:#c8d3e7;line-height:1.7;margin:0 0 14px}
.gva-side .gva-cta-side a{display:block;text-align:center;border-radius:10px;padding:11px;font-size:14px;font-weight:700;text-decoration:none;margin-top:8px}
.gva-side .gva-cta-side .p{background:var(--gva-ac2);color:var(--gva-navy)}
.gva-side .gva-cta-side .l{border:1px solid rgba(255,255,255,.35);color:#fff}
/* 画面幅1000px以下は1段に戻し、右カラムは出さない（スマホは今の見た目のまま） */
@media(max-width:1000px){.gva-side{display:none}}

/* ===== B. 新デザイン（リライトした記事だけ）：タイトルまわり ===== */
.gva-new .gva-main>h1,.gva-new>h1{font-family:"Noto Sans JP",sans-serif;font-size:clamp(25px,3vw,33px);line-height:1.5;color:var(--gva-navy);word-break:auto-phrase;text-wrap:balance}
.gva-new .gva-main>.article-meta,.gva-new>.article-meta{font-size:13px;color:var(--gva-mute)}

/* ===== B. 新デザイン：本文（CMSに貼るところ） ===== */
.gva{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:var(--gva-ink);line-height:2;font-size:16px;max-width:760px;margin:0}
.gva *{box-sizing:border-box}
.gva p,.gva li,.gva h2,.gva h3,.gva td,.gva th,.gva summary{word-break:auto-phrase;line-break:strict}
.gva p{margin:0 0 18px;text-wrap:pretty}
.gva a{color:var(--gva-ac);text-decoration:underline;text-underline-offset:3px}
.gva small{font-size:12.5px;color:var(--gva-mute)}

/* 著者・日付 */
.gva .gva-byline{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--gva-line);border-bottom:1px solid var(--gva-line);margin:0 0 26px}
.gva .gva-av{flex:none;width:44px;height:44px;border-radius:50%;background:var(--gva-ac-soft);color:var(--gva-ac);display:grid;place-items:center;font-weight:800;font-size:15px}
.gva .gva-byline address{font-style:normal;font-size:14px;font-weight:700;color:var(--gva-navy);line-height:1.5}
.gva .gva-byline address a{color:inherit;text-decoration:none}
.gva .gva-byline time{display:block;font-size:12.5px;color:var(--gva-mute);font-weight:400}

/* アイキャッチ */
.gva .gva-eyecatch{display:block;width:100%;height:auto;border-radius:16px;margin:0 0 28px;box-shadow:0 12px 32px rgba(16,29,58,.08)}

/* 書き出し */
.gva .gva-lead{font-size:16.5px;color:var(--gva-ink)}

/* 目次（本文内） */
.gva .gva-toc{background:var(--gva-soft);border-radius:14px;padding:18px 24px;margin:8px 0 40px}
.gva .gva-toc>b{display:block;color:var(--gva-navy);font-size:14px;margin-bottom:6px}
.gva .gva-toc ol{margin:0;padding-left:22px;font-size:14.5px;line-height:2}
.gva .gva-toc a{color:var(--gva-ink);text-decoration:none}
.gva .gva-toc a:hover{color:var(--gva-ac)}

/* 見出し */
.gva h2{font-size:23px;line-height:1.5;color:var(--gva-navy);margin:56px 0 18px;padding:0 0 0 16px;border-left:4px solid var(--gva-ac2);scroll-margin-top:96px;text-wrap:balance}
.gva h3{font-size:18px;line-height:1.6;color:var(--gva-navy);margin:32px 0 10px;padding-left:20px;position:relative}
.gva h3::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;border-radius:3px;background:var(--gva-ac)}

/* 図 */
.gva .gva-fig{min-width:0;max-width:100%;margin:30px 0;padding:22px 22px 16px;border:1px solid var(--gva-line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(16,29,58,.04)}
.gva .gva-fig .gva-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.gva .gva-fig svg{display:block;width:100%;height:auto}
.gva .gva-fig figcaption{margin-top:12px;padding-top:10px;border-top:1px dashed var(--gva-line);font-size:13.5px;line-height:1.7;color:var(--gva-sub)}
.gva .gva-fig figcaption b{color:var(--gva-navy)}
.gva .gva-fig figcaption small{display:block;margin-top:2px}

/* 要点の枠 */
.gva .gva-point{border:2px solid var(--gva-ac2);background:var(--gva-ac-soft);border-radius:14px;padding:16px 22px;margin:4px 0 28px}
.gva .gva-point>b{display:inline-block;background:var(--gva-ac);color:#fff;font-size:12px;border-radius:4px;padding:1px 10px;margin-bottom:6px;letter-spacing:.06em}
.gva .gva-point p{margin:0;font-size:15.5px;font-weight:700;color:var(--gva-navy)}

/* 2つを並べる */
.gva .gva-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 10px}
.gva .gva-two>div{border:1px solid var(--gva-line);border-radius:14px;padding:4px 20px 6px;background:#fff}
.gva .gva-two h3{padding-left:0;font-size:16.5px;margin:16px 0 8px}
.gva .gva-two h3::before{display:none}
.gva .gva-two p{font-size:14.5px;line-height:1.9;color:var(--gva-ink)}
.gva .gva-two .gva-chip{display:inline-block;margin-top:14px;font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 10px}
.gva .gva-chip.ng{background:#fff1f3;color:#b64353}
.gva .gva-chip.ok{background:#e8f7ef;color:#1f8a5b}

/* 番号つきの段 */
.gva .gva-steps{list-style:none;margin:20px 0 10px;padding:0;display:flex;flex-direction:column;gap:14px}
.gva .gva-steps>li{display:grid;grid-template-columns:52px 1fr;gap:16px;border:1px solid var(--gva-line);border-radius:14px;padding:18px 20px 4px;background:#fff}
.gva .gva-steps .gva-n{width:44px;height:44px;border-radius:12px;background:var(--gva-ac-soft);color:var(--gva-ac);display:grid;place-items:center;font:800 16px "Inter","Noto Sans JP",sans-serif}
.gva .gva-steps h3{margin:6px 0 6px;padding-left:0;font-size:17px}
.gva .gva-steps h3::before{display:none}
.gva .gva-steps p{font-size:15px;line-height:1.9}

/* まとめ */
.gva .gva-summary{background:var(--gva-navy);color:#fff;border-radius:18px;padding:24px 26px;margin:6px 0 26px}
.gva .gva-summary .gva-neq{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px;padding:0;list-style:none}
.gva .gva-summary .gva-neq li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 16px;font-weight:700;font-size:15px}
.gva .gva-summary .gva-neq li span{color:var(--gva-ac2);margin:0 6px}
.gva .gva-summary ul.gva-list{margin:0;padding:0;list-style:none}
.gva .gva-summary ul.gva-list li{position:relative;padding-left:20px;font-size:15px;line-height:1.85;margin-bottom:6px;color:#e6ecf8}
.gva .gva-summary ul.gva-list li::before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--gva-ac2)}

/* 途中の相談枠 */
.gva .gva-cta{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border:1px solid var(--gva-line);border-radius:16px;padding:20px 24px;margin:40px 0;background:linear-gradient(120deg,var(--gva-ac-soft),#fff);box-shadow:0 8px 24px rgba(16,29,58,.05)}
.gva .gva-cta b{display:block;color:var(--gva-navy);font-size:16px;line-height:1.5}
.gva .gva-cta span{display:block;font-size:13.5px;color:var(--gva-sub);line-height:1.7}
.gva .gva-btn{display:inline-block;background:var(--gva-ac);color:#fff;font-weight:700;font-size:14.5px;border-radius:10px;padding:12px 20px;text-decoration:none;white-space:nowrap}
.gva .gva-btn:hover{filter:brightness(1.08)}

/* この記事を書いた人 */
.gva .gva-author{display:grid;grid-template-columns:72px 1fr;gap:18px;background:var(--gva-soft);border-radius:16px;padding:22px;margin-top:52px}
.gva .gva-author .gva-av{width:72px;height:72px;font-size:22px;background:#fff;border:1px solid var(--gva-line)}
.gva .gva-author .gva-k{font-size:12px;color:var(--gva-mute);font-weight:700;letter-spacing:.06em;margin:0}
.gva .gva-author .gva-name{font-size:17px;font-weight:800;color:var(--gva-navy);margin:2px 0 0}
.gva .gva-author .gva-role{font-size:12.5px;color:var(--gva-sub);margin:0 0 10px}
.gva .gva-author p{font-size:14px;line-height:1.85;margin:0 0 8px}
.gva .gva-author .gva-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.gva .gva-author .gva-links a{border:1px solid var(--gva-line);background:#fff;border-radius:999px;padding:2px 12px;font-size:12.5px;text-decoration:none;color:var(--gva-navy)}

/* あわせて読む */
.gva .gva-rel{margin-top:40px}
.gva .gva-rel>b{display:block;font-size:17px;color:var(--gva-navy);margin-bottom:12px}
.gva .gva-rel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gva .gva-rel-grid a{display:flex;flex-direction:column;gap:8px;border:1px solid var(--gva-line);border-radius:14px;padding:16px 18px;text-decoration:none;color:var(--gva-navy);font-weight:700;font-size:14.5px;line-height:1.65;background:#fff;transition:.15s}
.gva .gva-rel-grid a:hover{border-color:var(--gva-ac2);transform:translateY(-1px)}
.gva .gva-rel-grid small{font-weight:700;color:var(--gva-ac);font-size:11.5px;letter-spacing:.06em}

/* Genviewのご案内 */
.gva .gva-guide{margin-top:44px;border-radius:18px;padding:28px;background:var(--gva-navy);color:#fff;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}
.gva .gva-guide .gva-k{font-size:12px;color:#9fb0d2;margin:0 0 6px;letter-spacing:.06em}
.gva .gva-guide p{font-size:14.5px;line-height:1.85;color:#e6ecf8;margin:0 0 6px}
.gva .gva-guide .gva-btn{background:var(--gva-ac2);color:var(--gva-navy)}

@media(max-width:640px){
  .gva h2{font-size:20.5px;margin-top:44px}
  .gva .gva-two,.gva .gva-rel-grid,.gva .gva-guide{grid-template-columns:1fr}
  .gva .gva-steps>li{grid-template-columns:1fr;gap:4px}
  .gva .gva-author{grid-template-columns:1fr}
  .gva .gva-fig{padding:16px 14px 12px}
}

/* ===== 部品の追加（Labの調査記事） ===== */
/* 1行だけの強い段落 */
.gva .gva-big{font-size:22px;font-weight:800;color:var(--gva-navy);line-height:1.6;margin:6px 0 18px}
.gva .gva-big em{font-style:normal;color:var(--gva-ac)}
/* 先に結論 */
.gva .gva-conclusion{border:1px solid var(--gva-line);border-radius:16px;overflow:hidden;margin:28px 0 30px;box-shadow:0 8px 24px rgba(16,29,58,.05)}
.gva .gva-conclusion>b{display:block;background:var(--gva-navy);color:#fff;font-size:14px;padding:10px 20px;letter-spacing:.04em}
.gva .gva-conclusion ul{margin:0;padding:16px 22px 14px 40px}
.gva .gva-conclusion li{margin-bottom:8px;font-size:15px;line-height:1.85}
.gva .gva-conclusion li strong{color:var(--gva-navy)}
.gva .gva-conclusion .gva-scope{margin:0 22px 16px;padding-top:12px;border-top:1px solid var(--gva-line);font-size:13px;line-height:1.8;color:var(--gva-sub)}
.gva .gva-conclusion .gva-scope b{display:block;background:none;color:var(--gva-navy);padding:0;font-size:12.5px;letter-spacing:0}
/* 数字のカード */
.gva .gva-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:22px 0 26px}
.gva .gva-stats>div{border-radius:14px;padding:16px 16px 14px;background:var(--gva-ac-soft)}
.gva .gva-stats>div.dk{background:var(--gva-navy);color:#fff}
.gva .gva-stats .v{display:block;font:800 26px "Inter","Noto Sans JP",sans-serif;color:var(--gva-ac);line-height:1.3;white-space:nowrap}
.gva .gva-stats .dk .v{color:var(--gva-ac2)}
.gva .gva-stats .k{display:block;font-size:13px;line-height:1.6;margin-top:6px;color:var(--gva-sub)}
.gva .gva-stats .dk .k{color:#c8d3e7}
.gva .gva-stats .s{display:block;font-size:12px;line-height:1.6;margin-top:4px;color:var(--gva-mute)}
/* 表 */
.gva .gva-tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0 20px;border:1px solid var(--gva-line);border-radius:14px}
.gva table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7;background:#fff}
.gva table th,.gva table td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--gva-line)}
.gva table thead th{background:var(--gva-soft);color:var(--gva-navy);font-weight:700;font-size:13px;white-space:nowrap}
.gva table tbody th{color:var(--gva-navy);font-weight:700;white-space:nowrap}
.gva table tr:last-child>*{border-bottom:0}
.gva table .hl{background:var(--gva-ac-soft);color:var(--gva-ac);font-weight:800}
.gva table.wide{min-width:640px}
.gva table.nums td{white-space:nowrap}
/* 注 */
.gva .gva-note{font-size:13px;line-height:1.8;color:var(--gva-sub);margin:0 0 6px}
/* 番号つきの手順（小） */
.gva .gva-howto{list-style:none;counter-reset:h;margin:14px 0 20px;padding:0}
.gva .gva-howto li{counter-increment:h;position:relative;padding:12px 16px 12px 56px;border:1px solid var(--gva-line);border-radius:12px;margin-bottom:8px;font-size:15px;line-height:1.8;background:#fff}
.gva .gva-howto li::before{content:counter(h);position:absolute;left:16px;top:12px;width:26px;height:26px;border-radius:8px;background:var(--gva-ac);color:#fff;display:grid;place-items:center;font:800 13px "Inter",sans-serif}
/* 言えないこと */
.gva .gva-limits{list-style:none;margin:10px 0 20px;padding:0}
.gva .gva-limits li{position:relative;padding:10px 0 10px 26px;border-bottom:1px dashed var(--gva-line);font-size:14.5px;line-height:1.85}
.gva .gva-limits li::before{content:"";position:absolute;left:4px;top:1.15em;width:10px;height:2px;background:var(--gva-mute)}
.gva .gva-limits strong{color:var(--gva-navy)}
/* 調査方法の項目 */
.gva .gva-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:10px 0 18px;font-size:14.5px;line-height:1.85}
.gva .gva-dl dt{font-weight:700;color:var(--gva-navy);white-space:nowrap}
.gva .gva-dl dd{margin:0}
/* よくある質問（開閉） */
.gva .gva-faq details{border:1px solid var(--gva-line);border-radius:12px;margin-bottom:10px;background:#fff}
.gva .gva-faq summary{cursor:pointer;list-style:none;padding:15px 46px 15px 18px;font-weight:700;color:var(--gva-navy);position:relative;line-height:1.6}
.gva .gva-faq summary::-webkit-details-marker{display:none}
.gva .gva-faq summary::before{content:"Q";font:800 15px "Inter";color:var(--gva-ac);margin-right:10px}
.gva .gva-faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font:500 20px "Inter";color:var(--gva-sub)}
.gva .gva-faq details[open] summary::after{content:"−"}
.gva .gva-faq details p{padding:0 18px 4px 43px;font-size:15px;line-height:1.9}
/* Q&A（見出しのあとに短い答え） */
.gva .gva-ans{display:inline-block;font-weight:800;color:var(--gva-ac);margin-right:6px}
@media(max-width:640px){
  .gva .gva-stats{grid-template-columns:1fr}
  .gva .gva-big{font-size:19.5px}
  .gva .gva-dl{grid-template-columns:1fr;gap:2px}
  .gva .gva-dl dd{margin-bottom:8px}
}

/* ===== イラスト ===== */
/* 部品（人物など）はテンプレートに1回だけ置いた <symbol> を <use> で使う（gv-symbols.html） */
.gva .gva-illu{position:relative;display:block;margin:0}
.gva .gva-illu svg{display:block;width:100%;height:auto}
.gva .gva-illu svg text{font-family:"Noto Sans JP","Inter",sans-serif}
.gva-preview .gva .gva-illu[data-illu]::after{content:"仮イラスト：" attr(data-illu);position:absolute;top:8px;right:8px;font:500 10.5px/1.5 "Noto Sans JP",sans-serif;background:#fff4bf;border:1px dashed #d9ae00;color:#6b5300;border-radius:4px;padding:1px 6px;pointer-events:none}
body.hide-todo .gva .gva-illu::after{display:none}
/* 「仮イラスト」の札は確認用のプレビュー（body.gva-preview）でだけ出す。本番には出ない */
/* 書き出しの絵 */
.gva .gva-hero{background:linear-gradient(135deg,var(--gva-ac-soft),#fff 70%);border:1px solid var(--gva-line);border-radius:18px;padding:14px 14px 0;margin:0 0 30px;overflow:hidden}
/* 絵つきの手順（2列） */
.gva .gva-howto2{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 24px;padding:0;counter-reset:h2}
.gva .gva-howto2>li{counter-increment:h2;border:1px solid var(--gva-line);border-radius:16px;overflow:hidden;background:#fff}
.gva .gva-howto2 .gva-illu{background:var(--gva-ac-soft);padding:10px 10px 0}
.gva .gva-howto2 .lb{padding:12px 18px 16px}
.gva .gva-howto2 .lb::before{content:"STEP " counter(h2);display:block;font:800 11.5px "Inter",sans-serif;letter-spacing:.1em;color:var(--gva-ac)}
.gva .gva-howto2 .lb p{margin:4px 0 0;font-size:14.5px;line-height:1.8}
.gva .gva-howto2 .lb b{display:block;color:var(--gva-navy);font-size:15.5px;margin-top:2px}
/* 質問の見出しに顔 */
.gva h3.gva-qh{display:flex;align-items:center;gap:12px;padding-left:0}
.gva h3.gva-qh::before{display:none}
.gva .gva-qav{flex:none;width:42px;height:42px;border-radius:50%;background:var(--gva-ac-soft);overflow:hidden;display:block}
.gva .gva-qav svg{display:block;width:100%;height:100%}
@media(max-width:640px){.gva .gva-howto2{grid-template-columns:1fr}.gva .gva-qav{width:36px;height:36px}}

/* ===== 部品の追加（Lab記事の移し替え用） ===== */
.gva ul,.gva ol{margin:0 0 18px;padding-left:24px}
.gva li{margin-bottom:6px;line-height:1.9}
.gva h4{font-size:16px;line-height:1.6;color:var(--gva-navy);margin:24px 0 8px}
.gva .gva-obs{font-size:14.5px;color:var(--gva-sub);line-height:1.85}
.gva .gva-cap{font-size:13.5px;font-weight:700;color:var(--gva-navy);margin:26px 0 6px}
.gva table .r{text-align:right}
.gva .gva-mark{background:linear-gradient(transparent 62%,#fff1b8 62%)}
.gva .gva-quote{background:var(--gva-soft);border-left:4px solid var(--gva-ac2);border-radius:0 12px 12px 0;margin:24px 0;padding:16px 22px}
.gva .gva-quote p{margin:0 0 8px}.gva .gva-quote p:last-child{margin:0}
.gva .gva-caution{background:#fff9e6;border-left:4px solid #e8b923;border-radius:0 12px 12px 0;margin:24px 0;padding:16px 22px}
.gva .gva-caution>b{display:block;color:var(--gva-navy);font-size:14.5px;margin-bottom:4px}
.gva .gva-caution p{margin:0 0 6px;font-size:15px}.gva .gva-caution p:last-child{margin:0}
.gva .gva-cansay{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}
.gva .gva-cansay>div{border-radius:14px;padding:16px 20px;background:var(--gva-ac-soft)}
.gva .gva-cansay>div.ng{background:#fff9e6}
.gva .gva-cansay b{display:block;color:var(--gva-navy);margin-bottom:6px}
.gva .gva-cansay p{margin:0 0 6px;font-size:14.5px;line-height:1.85}.gva .gva-cansay p:last-child{margin:0}
.gva .gva-term{border:1px solid var(--gva-line);border-radius:14px;margin:24px 0;overflow:hidden;background:#fff}
.gva .gva-term>b{display:block;background:var(--gva-soft);color:var(--gva-navy);font-size:14px;padding:11px 20px;border-bottom:1px solid var(--gva-line)}
.gva .gva-term>div{padding:14px 20px 4px}
.gva .gva-term p{font-size:15px}
.gva .gva-howto li b{display:block;color:var(--gva-navy);font-size:15.5px}
.gva .gva-howto li span{display:block;color:var(--gva-sub);font-size:14.5px}
.gva .gva-inlink{border-left:3px solid var(--gva-ac2);margin:22px 0;padding:2px 0 2px 14px}
.gva .gva-inlink small{display:block;font-size:12px;color:var(--gva-mute)}
.gva .gva-inlink a{font-weight:700;text-decoration:none}
.gva .gva-summary .gva-sumh{color:#fff;font-weight:800;font-size:16px;margin:0 0 10px}
.gva details.gva-more{border:1px solid var(--gva-line);border-radius:12px;margin:18px 0;background:#fff}
.gva details.gva-more>summary{cursor:pointer;padding:12px 18px;font-weight:700;color:var(--gva-navy)}
.gva details.gva-more>*:not(summary){margin-left:18px;margin-right:18px}
.gva .gva-vs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gva .gva-vs>div{border:1px solid var(--gva-line);border-radius:14px;overflow:hidden;background:#fff}
.gva .gva-vs>div>b{display:block;text-align:center;padding:10px 14px;background:var(--gva-soft);color:var(--gva-navy)}
.gva .gva-vs>div.em>b{background:var(--gva-ac);color:#fff}
.gva .gva-vs>div>div{padding:14px 16px;font-size:14.5px}
.gva .gva-vs p{margin:0 0 6px}
@media(max-width:640px){.gva .gva-cansay,.gva .gva-vs{grid-template-columns:1fr}}
/* 文中のイラスト（イメージ）：データの図（.gva-fig）とは分け、淡い面に置く */
.gva .gva-inillu{margin:24px 0 28px;padding:16px 18px 10px;border-radius:16px;background:linear-gradient(135deg,var(--gva-ac-soft),#fff 75%)}
.gva .gva-inillu svg{display:block;width:100%;max-width:600px;height:auto;margin:0 auto}
.gva .gva-inillu figcaption{margin-top:8px;text-align:center;font-size:12.5px;color:var(--gva-sub);line-height:1.6}
/* 用語集など、著者を出さないページの公開日 */
.gva .gva-date{font-size:13px;color:var(--gva-mute);margin:0 0 22px}
/* 例文の枠・コードの枠（用語集） */
.gva .gva-example{background:var(--gva-ac-soft);border-radius:10px;padding:12px 16px;font-size:15px;overflow-wrap:anywhere}
.gva .gva-code{background:var(--gva-soft);border:1px solid var(--gva-line);border-radius:10px;padding:14px 16px;margin:14px 0 20px;font:13px/1.7 ui-monospace,Consolas,monospace;color:var(--gva-ink);overflow-x:auto;white-space:pre}

/* 動画の埋め込み（YouTube など。2026-10-19 Learn の what-is-geo で追加） */
.gva .gva-video{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:10px;box-shadow:0 2px 10px rgba(31,59,87,.08);margin:16px 0}
.gva .gva-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}