@layer components{.related{background:var(--c-surface);-webkit-border-before:1px solid var(--c-border);border-block-start:1px solid var(--c-border);padding:clamp(1.5rem,4vw,3rem) clamp(1.25rem,3vw,2rem) clamp(2rem,4vw,4rem)}.related__inner{max-inline-size:var(--max-width);margin-inline:auto}.related__header{display:flex;align-items:baseline;justify-content:space-between;-webkit-margin-after:1.5rem;margin-block-end:1.5rem;flex-wrap:wrap;gap:1rem}.related__title{scroll-margin-block-start:1.5rem;font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:400}.section-link{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--text-sm);font-weight:500;color:inherit;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;&:hover{text-decoration:none}}.related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:1rem;gap:1rem}}@media (max-width:700px){.related__grid{grid-template-columns:1fr}}