@layer theme.components {
.s-article__inner { display: grid; grid-template-columns: minmax(0, 96px) minmax(0, 720px); gap: 12px 40px; padding-block: clamp(28px, 5vw, 44px); }
.s-article__num { position: sticky; inset-block-start: 24px; padding-block-start: 6px; border-block-start: 2px solid var(--color-text); font-size: 13px; font-weight: 600; letter-spacing: .04em; }
.s-article__title { margin-block-end: 16px; }
.s-article__subtitle { margin-block: 22px 10px; }
.s-article__text { margin-block-end: 14px; color: var(--color-text-body); }
.s-article__terms { margin-block-start: 6px; border-block-start: 1px solid var(--color-border); }
.s-article__terms > div { padding-block: 14px; border-block-end: 1px solid var(--color-border); }
.s-article__terms dt { margin-block-end: 4px; font-weight: 600; }
.s-article__terms dd { margin: 0; color: var(--color-text-body); line-height: 1.65; }
.s-article__note { display: flex; gap: 12px; margin-block-start: 18px; padding: 14px 18px; border-radius: var(--radius-md); background: var(--color-bg-note); }
.s-article__note span { display: grid; flex: none; place-items: center; inline-size: 20px; block-size: 20px; border-radius: 50%; background: var(--color-accent-button); color: var(--color-text-inverse); font-size: 12px; font-weight: 700; }
.s-article__note p { color: var(--color-text-body); }
@media (max-width: 860px) { .s-article__inner { grid-template-columns: minmax(0, 1fr); } .s-article__num { position: static; max-inline-size: 72px; } }
}