.article-header{max-width:960px;margin:var(--cando-space-8) auto;text-align:center}
.article-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--cando-space-2);margin-block-end:var(--cando-space-4)}
.article-header h1{font-size:var(--cando-heading-lg-size);line-height:var(--cando-heading-lg-lh);font-weight:var(--cando-font-weight-extrabold);color:var(--cando-primary-500);overflow-wrap:anywhere}
.article-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--cando-space-6);margin-block-start:var(--cando-space-5);color:var(--cando-text-tertiary);font-size:var(--cando-body-s-size)}
.article-meta>span{display:inline-flex;align-items:center;gap:var(--cando-space-2)}
.article-meta .cando-icon{width:16px;height:16px}
.article-cover{max-width:960px;margin:0 auto var(--cando-space-8);background:var(--cando-neutral-0);border:1px solid var(--cando-border-disabled);border-radius:12px;overflow:hidden}
.article-cover img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--cando-space-8);align-items:start}
.article-sidebar,.article-reading{min-width:0}
.article-toc{border:1px solid var(--cando-border-disabled);border-radius:12px;background:var(--cando-neutral-0)}
.article-toc summary{display:flex;align-items:center;justify-content:space-between;gap:var(--cando-space-3);padding:var(--cando-space-4);font-weight:var(--cando-font-weight-bold);color:var(--cando-primary-500);cursor:pointer;list-style:none}
.article-toc summary::-webkit-details-marker{display:none}
.article-toc[open] summary .cando-icon{transform:rotate(180deg)}
.article-toc nav{padding:0 var(--cando-space-4) var(--cando-space-4);max-height:50vh;overflow:auto}
.article-toc ol{list-style:none;padding:0;margin:0;border-inline-start:2px solid var(--cando-primary-100)}
.article-toc a{display:block;padding:var(--cando-space-2) var(--cando-space-3);font-size:var(--cando-body-m-size);line-height:var(--cando-body-m-lh);color:var(--cando-text-tertiary);overflow-wrap:anywhere;border-radius:4px;transition:background-color var(--cando-motion-hover-duration) var(--cando-motion-hover-easing)}
.article-toc a:hover,.article-toc a:focus-visible{background:var(--cando-primary-50);color:var(--cando-primary-500)}
.article-toc__level-3{padding-inline-start:var(--cando-space-3)}
.article-back{display:flex;align-items:center;gap:var(--cando-space-2);padding-block:var(--cando-space-4);color:var(--cando-primary-500);font-size:var(--cando-body-m-size)}
.article-prose{font-size:var(--cando-body-lg-size);line-height:2;color:var(--cando-text-secondary);overflow-wrap:anywhere}
.article-prose>:first-child{margin-block-start:0}
.article-prose :is(p,ul,ol,blockquote,figure,pre,table){margin-block:0 var(--cando-space-6)}
.article-prose :is(h1,h2,h3,h4,h5,h6){font-weight:var(--cando-font-weight-bold);color:var(--cando-primary-500);margin-block:var(--cando-space-8) var(--cando-space-4);scroll-margin-block-start:var(--cando-space-8);line-height:1.6}
.article-prose :is(h1,h2){font-size:var(--cando-heading-s-size)}
.article-prose :is(h3,h4,h5,h6){font-size:var(--cando-body-xl-size)}
.article-prose a{color:var(--cando-primary-500);text-decoration:underline;text-underline-offset:4px}
.article-prose :is(ul,ol){padding-inline-start:var(--cando-space-6)}
.article-prose li{margin-block:var(--cando-space-2)}
.article-prose blockquote{margin-inline:0;padding:var(--cando-space-5);border-inline-start:3px solid var(--cando-brand-500);border-radius:6px;background:var(--cando-primary-50)}
.article-prose blockquote p:last-child{margin-bottom:0}
.article-prose img{height:auto;max-width:100%;border-radius:8px}
.article-prose figure,.article-prose .wp-caption{max-width:100%!important;margin-inline:0}
.article-prose :is(figcaption,.wp-caption-text){font-size:var(--cando-body-s-size);color:var(--cando-text-tertiary);text-align:center}
.article-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:var(--cando-body-m-size)}
.article-prose :is(th,td){border:1px solid var(--cando-border-disabled);padding:var(--cando-space-3);text-align:start;min-width:120px}
.article-prose th{background:var(--cando-primary-50);color:var(--cando-primary-500)}
.article-prose pre{direction:ltr;text-align:left;overflow:auto;max-width:100%;padding:var(--cando-space-5);border:1px solid var(--cando-border-disabled);border-radius:8px;background:var(--cando-neutral-0);font-size:var(--cando-body-m-size);line-height:1.8}
.article-end{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--cando-space-4);border-block:1px solid var(--cando-border-disabled);padding-block:var(--cando-space-5);margin-block-start:var(--cando-space-8);color:var(--cando-text-tertiary)}
.article-end a{display:inline-flex;align-items:center;gap:var(--cando-space-2);color:var(--cando-primary-500);font-weight:var(--cando-font-weight-medium)}
.article-related{margin-block-start:var(--cando-space-16)}
.article-related .blog-section-heading>a{font-size:var(--cando-body-m-size);color:var(--cando-primary-500)}
@media(min-width:1024px){.article-layout{grid-template-columns:minmax(0,1fr) 280px;gap:var(--cando-space-12);grid-template-areas:'reading sidebar'}.article-sidebar{grid-area:sidebar;position:sticky;top:var(--cando-space-6)}.article-reading{grid-area:reading}.article-layout--no-toc{display:block;max-width:850px;margin-inline:auto}.article-cover{margin-block-end:var(--cando-space-12)}}