/* できること: 作り方の流れ・操作マニュアルへのボタン・作例動画（2026-11-13、サイト内のつながり 第1弾） */
.features-flow{margin:22px 0 4px;padding:16px 18px 14px;border:1px solid var(--line);border-radius:10px;background:#0c1626}
.features-flow-title{font-size:12px;font-weight:700;letter-spacing:.06em;color:#9fc0f5;margin:0 0 8px}
.features-flow ol{list-style:none;margin:0;padding:0;counter-reset:flow;display:grid;gap:8px}
.features-flow li{counter-increment:flow;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;font-size:14px;line-height:1.75;color:#d7e2f1;word-break:auto-phrase}
.features-flow li::before{content:counter(flow);display:grid;place-items:center;width:22px;height:22px;margin-top:2px;border-radius:50%;background:#1d3152;color:#cfe0ff;font-size:12px;font-weight:700}
.features-guide{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px}
.features-guide-link{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:10px 18px;border:1px solid #6d98e6;border-radius:8px;background:#16294a;color:#fff;font-size:14px;font-weight:700;line-height:1.5;text-decoration:none;word-break:auto-phrase}
.features-guide-link:hover,.features-guide-link:focus-visible{background:#20396a;border-color:#a9c7ff}
.features-guide-link span[aria-hidden]{font-weight:400}
.features-guide-more{font-size:12.5px;line-height:1.9;color:var(--muted);margin:0}
.features-guide-more a{color:#b7d2ff;text-decoration:underline;text-underline-offset:3px;margin-right:4px}
.features-guide-more a:hover{color:#fff}
.features-guide+.features-detail-link{margin-top:6px}
.features-videos{min-width:0;margin:0;align-self:center}
.features-videos-stage{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.features-videos-2 .features-videos-stage{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
.features-videos-mixed .features-videos-stage{grid-template-columns:minmax(0,16fr) minmax(0,5.0625fr);align-items:end}
.features-video{min-width:0;margin:0}
.features-video video{display:block;width:100%;height:auto;border:1px solid #40516a;border-radius:10px;background:#080f19;box-shadow:0 18px 45px #0002}
.features-video-label{display:block;font-size:11px;font-weight:700;color:#c8d9ef;margin:8px 0 0}
.features-videos figcaption{font-size:11px;line-height:1.85;color:var(--muted);margin-top:14px}
.features-videos figcaption a{color:#b7d2ff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.features-videos-2 .features-videos-stage,.features-videos-mixed .features-videos-stage{grid-template-columns:minmax(0,1fr);align-items:start}.features-videos-mixed .features-video:last-child{max-width:46%}}
@media(max-width:440px){.features-guide-link{width:100%;justify-content:space-between}.features-flow{padding:14px 14px 12px}}