.xc-news-detail .xc-case-detail__layout { grid-template-columns: 240px minmax(0, 1fr) 320px; gap: 40px; }
.xc-news-detail__navigation { position: sticky; top: var(--xc-case-sticky-top, 104px); min-width: 0; align-self: start; }
.xc-news-toc { border: 1px solid #d8d8d8; }
.xc-news-toc h2 { font: 700 12px/1.5 'XC Case Montserrat', Arial, sans-serif; letter-spacing: .06em; text-transform: uppercase; padding: 18px; margin: 0; }
.xc-news-toc a { display: block; border-top: 1px solid #d8d8d8; padding: 16px 18px; color: #777; font-size: 14px; line-height: 1.55; }
.xc-news-toc a span { display: block; transform-origin: left center; transition: transform .2s, color .2s; }
.xc-news-toc a[aria-current="location"] { color: #A22D6D; font-weight: 600; }
.xc-news-toc a[aria-current="location"] span { transform: scale(1.035); }
.xc-news-toc a:hover { color: #A22D6D; }
.xc-news-detail__categories { margin-top: 24px; padding: 24px; border: 1px solid #d8d8d8; color: #000; }
.xc-news-detail__categories h2 { font: 600 22px/1.3 'XC Case Montserrat', Arial, sans-serif; letter-spacing: 0; margin: 0 0 20px; }
.xc-news-detail__categories a { display: block; padding: 14px 0; border-top: 1px solid #ddd; font-size: 14px; color: #000; }
.xc-news-detail__categories a:hover { text-decoration: underline; text-underline-offset: 5px; }
.xc-news-detail .xc-case-detail__body [id] { scroll-margin-top: calc(var(--xc-case-sticky-top, 104px) + 16px); }
.xc-news-detail .xc-case-detail__cover { max-height: 640px; object-fit: cover; }
.xc-news-detail .xc-case-detail__body h3 { font-size: 22px; }
.xc-news-detail .xc-case-detail__body p { margin: 0 0 24px; }
.xc-news-detail .xc-case-detail__body li { margin-block: 8px; }
.xc-news-detail .xc-news-table { overflow-x: auto; margin-block: 24px; }
.xc-news-detail .xc-news-table table { min-width: 620px; font-size: 14px; }
.xc-news-detail .xc-news-table th { background: var(--powder); }
.xc-news-detail figure { margin: 32px 0; }
.xc-news-detail figure img { width: 100%; height: auto; }
.xc-news-detail figcaption { font-size: 13px; line-height: 1.6; color: var(--muted); margin-top: 10px; }
body.single-news .xc-related-products { border-top: 1px solid var(--line); }
html:has(.xc-news-detail) { scroll-behavior: smooth; }
@media (max-width: 1399px) {
    .xc-news-detail .xc-case-detail__layout { grid-template-columns: minmax(0, 1fr) 280px; gap: 32px; }
    .xc-news-detail__navigation { position: static; grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 24px; }
    .xc-news-detail__categories { margin-top: 0; }
}
@media (max-width: 767px) {
    .xc-news-detail .xc-case-detail__layout { grid-template-columns: minmax(0, 1fr); gap: 32px; }
    .xc-news-detail__navigation { display: block; }
    .xc-news-detail__categories { margin-top: 24px; }
    .xc-news-detail .xc-case-detail__body { font-size: 16px; }
    .xc-news-detail .xc-case-detail__body h2 { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) {
    html:has(.xc-news-detail) { scroll-behavior: auto; }
    .xc-news-toc a span { transition: none; }
}
.editor-styles-wrapper .xc-news-detail .xc-case-detail__layout { grid-template-columns: minmax(0, 1fr); }
.editor-styles-wrapper .xc-news-detail__navigation { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.editor-styles-wrapper .xc-news-toc a:nth-of-type(n+4) { display: none; }
.editor-styles-wrapper .xc-news-detail__categories { margin-top: 0; }
.editor-styles-wrapper .xc-news-detail .xc-case-detail__body { max-height: 480px; overflow: hidden; }
