/*
 * SHOWA SEO — the few pieces the theme's long-description block has no style for.
 *
 * The body of these pages is deliberately the theme's own "read more" section
 * (.blf-archive__longdesc), so headings, paragraphs and the sticky table of
 * contents are already styled. Only what the workbook adds on top needs rules:
 * the shared industry anchors, the visible FAQ, the CTA, the professional
 * disclaimer and the related-category list.
 *
 * Loaded only on the SHOWA pages themselves (see Frontend::assets()), and using
 * the theme's --bl-* tokens with literal fallbacks so it degrades gracefully if
 * it is ever pulled in without main.css.
 */

/* The 13 shared anchors are a link target: keep the sticky header off them. */
.blf-showa-anchor,
.blf-showa-faq__q,
.blf-archive__longdesc [id^="showa-"] {
	scroll-margin-top: 110px;
}

.blf-showa-anchor {
	margin-top: 1.6em;
	padding-left: .7em;
	border-left: 3px solid var(--bl-orange, #E8550D);
}

/* --- Visible FAQ ------------------------------------------------------- */

.blf-showa-faq {
	margin-top: 1em;
}

.blf-showa-faq__q {
	margin-bottom: .35em;
	font-size: 1.05rem;
	color: var(--bl-navy, #0B2C5A);
}

.blf-showa-faq__a {
	margin-top: 0;
	color: var(--bl-ink, #1A1F2B);
}

/* --- CTA and disclaimer ------------------------------------------------ */

.blf-showa-cta {
	margin: 1.8em 0 1.2em;
}

.blf-showa-notice {
	margin: 1.5em 0;
	padding: 1em 1.15em;
	border: 1px solid var(--bl-line, #E5E7EB);
	border-left: 4px solid var(--bl-blue, #1858A8);
	border-radius: var(--bl-radius, 10px);
	background: var(--bl-soft, #F6F8FB);
}

.blf-showa-notice p {
	margin: 0;
	font-size: .95rem;
	color: var(--bl-muted, #6B7280);
}

.blf-showa-notice strong {
	color: var(--bl-navy, #0B2C5A);
}

/* --- Related categories ------------------------------------------------ */

.blf-showa-related {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem .75rem;
	margin: .75em 0 0;
	padding: 0;
	list-style: none;
}

.blf-showa-related li {
	margin: 0;
}

.blf-showa-related a {
	display: inline-block;
	padding: .4em .85em;
	border: 1px solid var(--bl-line, #E5E7EB);
	border-radius: 999px;
	background: #fff;
	color: var(--bl-navy, #0B2C5A);
	font-size: .9rem;
	text-decoration: none;
}

.blf-showa-related a:hover,
.blf-showa-related a:focus-visible {
	border-color: var(--bl-blue, #1858A8);
	color: var(--bl-blue, #1858A8);
}

/* The "this filtered view continues here" link on a noindex view. */
.blf-showa-viewlink {
	margin-top: .6em;
	font-weight: 600;
}