/* 紹介ページ: 作り方の流れ・操作マニュアルへのボタン・作例動画（2026-11-14、サイト内のつながり 第2弾）。部品の見た目は motionvox-features-linking-20261113.css を再利用する。 */
.guide-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:52px;align-items:center}
.guide-block.guide-block-solo{grid-template-columns:minmax(0,820px)}
.guide-block-copy{min-width:0}
.guide-block-copy h2{font-size:clamp(24px,2.5vw,36px);line-height:1.45;letter-spacing:-.01em;margin:0 0 14px;word-break:auto-phrase}
.guide-block-lead{font-size:15px;line-height:1.95;color:var(--muted);margin:0}
.guide-block .features-videos{align-self:center}
div.guide-block{margin:0 0 44px}
.guide-inline{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;margin:22px 0 0;font-size:13.5px;line-height:1.9;color:var(--muted)}
.guide-inline a{color:#b7d2ff;text-decoration:underline;text-underline-offset:3px;word-break:auto-phrase}
.guide-inline a:hover{color:#fff}
@media(max-width:1050px){.guide-block{grid-template-columns:minmax(0,1fr);gap:28px}}
.guide-block.guide-block-wide{grid-template-columns:minmax(0,1fr);gap:34px}
.guide-block-wide .guide-block-copy{max-width:860px}
/* トップの多言語の区画（第3弾）: 言語を選ぶ小窓の絵の代わりに置く、日本語版と英語版の作例動画 */
.home-translation-videos{margin:44px auto 35px;max-width:1100px}
.home-translation-videos .guide-inline{justify-content:center}
/* 料金ページの明るい区画の上では、濃い色で出す */
.pricing-free .guide-inline{color:#4d678a;margin-top:26px}
.pricing-free .guide-inline a{color:#1c4fb5}
.pricing-free .guide-inline a:hover{color:#0c2f7a}
/* 活用例（feature-story）の関連区画の中では、区画のリンクの見た目（上の線・余白）を受け継がない */
.story-related .guide-inline a{display:inline;padding:0;border-top:0;color:#b7d2ff;font-size:inherit}
.story-related .guide-inline{margin-top:26px}