/* Category guide text below the grid (inc/category-content.php) */
.fam-more {
	margin-top: var(--wp--preset--spacing--60);
	padding: 1.6rem 1.6rem 1.2rem;
	border: 1px solid var(--lf-mist);
	border-radius: var(--lf-radius);
	background: #fff;
}
.fam-more__body h2 { margin: 1.4rem 0 .5rem; font-size: 1.25rem; color: var(--lf-deep); }
.fam-more__body h2:first-child { margin-top: 0; }
.fam-more__body p { margin: 0 0 .8rem; line-height: 1.7; }
.fam-more__body a { color: var(--lf-ocean); }
.fam-more.is-clamped .fam-more__body { position: relative; max-height: 9.5rem; overflow: hidden; }
.fam-more.is-clamped .fam-more__body::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4.5rem;
	background: linear-gradient(rgba(255, 255, 255, 0), #fff);
}
.fam-more.is-clamped.is-open .fam-more__body { max-height: none; }
.fam-more.is-clamped.is-open .fam-more__body::after { display: none; }
.fam-more__toggle {
	display: inline-flex; align-items: center; gap: .35rem; margin-top: .6rem; padding: .55rem 1.2rem;
	border: 2px solid var(--lf-ocean); border-radius: 999px; background: #fff; color: var(--lf-ocean);
	font: inherit; font-weight: 700; font-size: .9rem; cursor: pointer;
}
.fam-more__toggle:hover, .fam-more__toggle:focus-visible { background: var(--lf-ocean); color: #fff; }
.fam-more__toggle[hidden] { display: none; }
.fam-more__toggle::after { content: "▾"; transition: transform .2s ease; }
.fam-more.is-open .fam-more__toggle::after { transform: rotate(180deg); }
.fam-more__body h3 { margin: 1.1rem 0 .4rem; font-size: 1.05rem; color: var(--lf-deep); }
.fam-more__body ul, .fam-more__body ol { margin: 0 0 .9rem; padding-left: 1.2rem; line-height: 1.65; }
.fam-more__body li { margin-bottom: .3rem; }
.fam-table-wrap { overflow-x: auto; margin: .4rem 0 1rem; }
.fam-more__body table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: .92rem; }
.fam-more__body th, .fam-more__body td { padding: .55rem .7rem; border: 1px solid var(--lf-mist); text-align: left; vertical-align: top; }
.fam-more__body th { background: var(--wp--preset--color--accent-2); color: var(--lf-deep); font-weight: 700; }