#article-detail > .section__header { border-bottom: 2px solid var(--color-black); }

#article-detail > .section__header h1 { letter-spacing: 0em; }

#article-detail > .section__header .article__meta { font-size: var(--font-xs); color: var(--color-faint); padding: var(--size-4-6) 0; }

#article-detail > .section__header .article__meta .article__meta__separator { padding: 0 var(--size-4-1); }

#article-detail .article__content > :not(:last-child) { margin-bottom: var(--size-4-7); }

#article-detail .article__content a { color: var(--color-link); text-decoration: underline; }

#article-detail .article__content a::before { content: var(--icon-info); font-family: var(--font-icon); display: inline-block; line-height: 1; padding: 0.1em; font-size: var(--font-xs); margin-right: 0.2em; background-color: var(--color-link-alt); border-radius: var(--radius-s); }

#article-detail .article__content ul { list-style: inside; margin-left: var(--size-4-1); }

#article-detail .article__content ol { padding-left: 1.3em; }

#article-detail .article__content h1, #article-detail .article__content h2, #article-detail .article__content h3, #article-detail .article__content h4, #article-detail .article__content h5, #article-detail .article__content h6 { margin-top: calc(var(--section-spacing-top)); margin-bottom: var(--section-head-spacing) !important; }

#article-detail .article__content h2 { font-size: 1.5rem; border-top: var(--divider-strong); padding-top: var(--section-spacing-top); }

#article-detail .article__content h3 { font-size: 1.2rem; padding-left: var(--size-4-2); border-top: var(--divider-strong); padding-top: var(--section-spacing-top); position: relative; }

#article-detail .article__content h3::before { content: " "; position: absolute; left: 0; bottom: 1px; width: 2px; height: 1em; background-color: var(--color-primary); }

#article-detail .article__content h4 { font-size: var(--font-m); }

#article-detail .article__content strong { color: var(--color-important); text-decoration: underline; text-decoration-thickness: 1px; font-weight: var(--weight-bold); background-color: var(--color-important-alt); }

#article-detail .article__content em { color: var(--color-primary); font-style: normal; background-color: var(--color-primary-alt); font-weight: var(--weight-bold); }

#article-detail .article__content hr:not([size]) { border-top: var(--divider-strong); opacity: 1; margin-top: var(--section-head-spacing); margin-bottom: var(--section-head-spacing); }

#article-detail .article__content table { width: 100%; border: solid 1px var(--border-color); }

#article-detail .article__content table tr { border-bottom: solid 1px var(--border-color); }

#article-detail .article__content table td, #article-detail .article__content table th { padding: var(--size-4-1) var(--size-4-1); }

#article-detail .article__tags { padding: var(--section-body-spacing) 0; margin: 0; }

#article-detail .article__tags ul { display: flex; gap: var(--size-4-2); white-space: nowrap; }

#article-detail #related-service h2 { font-size: 1.2rem; border-left: 2px solid var(--color-primary); padding-left: var(--size-4-2); }

#article-detail #related-service ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--size-4-4); }

@media (max-width: 768px) { #article-detail #related-service ul { grid-template-columns: repeat(1, 1fr); } }