/* 紹介ページ（LP）の追加の部品（2026-11-14、avatars / できること / トップ と、先行ページの仕上げ）。共通は motionvox-lp-rich-20261114.css と -a-。 */
/* アバター一覧（検索と一覧）を LP の区画の中に置く */
.lp-avatars-catalog{margin-top:6px}
.lp-avatars-catalog .avatar-tools{margin-bottom:14px}
.lp-avatars-wipe .feature-notes{margin-top:26px}
/* アバター一覧は、枠の中で縦に送って見る（ページ全体が長くなりすぎないように） */
.lp-avatars-catalog .avatar-grid{max-height:820px;overflow-y:auto;padding:6px 10px 6px 2px;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:rgba(15,23,42,.35);scrollbar-gutter:stable}
@media(max-width:640px){.lp-avatars-catalog .avatar-grid{max-height:640px}}
/* できること: 深めの説明、番号なしの画面の並び、強弱のある導線 */
.features-overview .features-more{margin-top:12px}
.features-overview .features-detail .features-shots{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:6px}
.features-overview .features-shots figure{margin:0}
.features-overview .features-shots button{display:block;width:100%;padding:0;border:1px solid rgba(148,163,184,.28);border-radius:12px;overflow:hidden;background:#0b1220;cursor:zoom-in;aspect-ratio:16/10;box-shadow:0 14px 32px rgba(0,0,0,.28)}
.features-overview .features-shots button:hover{border-color:#7ea6ff}
.features-overview .features-shots img{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block}
.features-overview .features-shots figcaption{font-size:13px;line-height:1.6;margin-top:9px;opacity:.82}
.features-overview .features-detail .features-detail-link.features-detail-primary{display:inline-flex;align-items:center;gap:10px;background:#3b82f6;color:#fff;border:0;border-radius:10px;padding:14px 20px;font-weight:700;font-size:16px;text-decoration:none;margin-top:18px}
.features-overview .features-detail .features-detail-link.features-detail-primary:hover{background:#5b9bff}
.features-overview .features-guide-rich{margin-top:18px}
.features-overview .features-guide-rich .features-guide-link{font-size:15.5px;padding:13px 18px}
.features-overview .features-guide-learn{font-size:13.5px;line-height:1.75;margin:10px 0 0;opacity:.85}
@media(max-width:760px){.features-overview .features-detail .features-shots{grid-template-columns:minmax(0,1fr)}.features-overview .features-shots button{aspect-ratio:16/10}}
/* トップ: 絵つきの機能カードと、操作マニュアルへの道すじ */
.home-map .home-map-lead{margin:10px 0 26px;font-size:16px;line-height:1.8;opacity:.86;max-width:760px}
.home-map .home-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.home-map .home-map-card{display:flex;flex-direction:column;border:1px solid rgba(148,163,184,.26);border-radius:14px;overflow:hidden;background:rgba(15,23,42,.55);color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}
.home-map .home-map-card:hover{border-color:#7ea6ff;transform:translateY(-2px)}
.home-map .home-map-card img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;object-position:50% 0;background:#0b1220}
.home-map .home-map-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.home-map .home-map-body strong{font-size:18px;line-height:1.5}
.home-map .home-map-body span{font-size:14px;line-height:1.75;opacity:.86}
.home-map .home-map-kind{font-size:12.5px !important;font-weight:700;color:#9fc0ff;opacity:1 !important;letter-spacing:.02em}
.home-map .home-map-go{margin-top:auto;padding-top:8px;color:#b7d2ff;font-weight:700;opacity:1 !important}
.home-map .home-map-all{margin:26px 0 0}
.home-map .home-map-all a{color:#b7d2ff;font-weight:700;border-bottom:1px solid #5979a7;text-decoration:none;padding-bottom:4px}
.home-guides{margin-top:72px}
@media(max-width:1000px){.home-map .home-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.home-map .home-map-grid{grid-template-columns:minmax(0,1fr)}.home-guides{margin-top:48px}}
/* lp-QA-A 2026-11-14: keep the top-left of each screen (dialog titles) visible in the three-up strips; headings break at phrase boundaries */
.features-overview .features-shots img{object-position:0 0}
.features-overview h1,.features-overview h2,.features-overview h3{word-break:auto-phrase;text-wrap:balance}