/* 完成した業種別サンプルへの導線。既存ページの配置を維持する。 */
.sample-example { display: block; color: inherit; text-decoration: none; }
.sample-example img { aspect-ratio: 4 / 3; object-fit: cover; }
.sample-example .sample-link { display: flex; align-items: center; gap: 8px; margin-top: 6px; color: var(--teal); font-size: 14px; font-weight: 500; }
.sample-example .icon { width: 17px; height: 17px; }
.sample-example:hover .sample-link { text-decoration: underline; text-underline-offset: 4px; }
.sample-example:focus-visible { outline: 3px solid var(--teal); outline-offset: 6px; border-radius: 10px; }

/* スマホでも見出しを意味のまとまりで改行する。 */
.page-heading h1 span { display: inline-block; }