.post-article{gap:var(--space-6);width:100%;margin-top:var(--space-10);padding:var(--space-6);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;display:flex}.post-article__content{order:1;width:100%;min-width:0}.post-article__toc{order:-1;width:100%}@media (min-width:769px){.post-article{flex-direction:row;align-items:flex-start}.post-article__content{flex:1;order:1}.post-article__toc{top:var(--space-6);flex-shrink:0;order:2;width:240px;max-width:280px;position:sticky}}.post-article__heading{margin:0 0 var(--space-6);color:var(--color-text)}.post-article__expandable{margin-top:0}.post-article__expand-input:not(:checked)~.post-article__full,.post-article__expand-input:not(:checked)~.post-article__toggle--less,.post-article__expand-input:checked~.post-article__toggle--more{display:none}.post-article__toggle{width:fit-content;margin-top:var(--space-6);padding:var(--space-2) var(--space-4);color:var(--color-text-on-brand);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.post-article__toggle:hover{color:var(--color-text-on-brand)}.post-article__full{margin-top:var(--space-6)}.post-article__expandable .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.post-toc{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:100%;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6)}.post-toc__details{width:100%;overflow:hidden}.post-toc__panel-wrap{max-height:0;transition:max-height .3s;overflow:hidden}.post-toc__details[open] .post-toc__panel-wrap{max-height:280px;margin-top:var(--space-3);overflow-y:auto}.post-toc__panel,.post-toc__details[open] .post-toc__panel{overflow:visible}.post-toc__toggle{cursor:pointer;width:100%;font-weight:var(--font-medium,500);font-size:var(--text-sm);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;list-style:none;display:flex}.post-toc__toggle::-webkit-details-marker{display:none}.post-toc__toggle::marker{content:""}.post-toc__toggle:focus-visible{outline:3px solid var(--color-ring);outline-offset:2px;border-radius:var(--radius-sm)}.post-toc__title{font-size:var(--text-sm);font-weight:var(--font-semibold,600);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);margin:0}.post-toc__chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .3s;display:flex}.post-toc__details[open] .post-toc__chevron{transform:rotate(180deg)}.post-toc__list{margin:var(--space-3) 0 0;counter-reset:h2-counter;grid-template-columns:1fr;padding:0;list-style:none;display:grid}.post-toc__item--level-2{counter-increment:h2-counter;counter-reset:h3-counter;padding-left:0}.post-toc__item--level-2:before{content:counter(h2-counter) ".  "}.post-toc__item--level-3{counter-increment:h3-counter;counter-reset:h4-counter;padding-left:var(--space-4)}.post-toc__item--level-3:before{content:counter(h2-counter) "." counter(h3-counter) ".  "}.post-toc__item--level-4{counter-increment:h4-counter;padding-left:var(--space-8)}.post-toc__item--level-4:before{content:counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) ".  "}.post-toc__item{align-items:baseline;gap:var(--space-1);padding-block:3px;display:flex}.post-toc__item:before{font-size:var(--text-sm);color:var(--color-text);flex-shrink:0;width:fit-content;font-weight:600}.post-toc__item a{font-size:var(--text-sm);color:var(--color-text);font-weight:500;line-height:var(--leading-relaxed);text-decoration:none}.post-toc__item a:hover{color:var(--color-primary);text-decoration:underline}.post-toc__item a:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px;border-radius:var(--radius-sm);color:var(--color-text)}.post-toc__item--level-3:before,.post-toc__item--level-4:before{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.post-toc__item--level-3 a,.post-toc__item--level-4 a{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.post-toc__item--level-3 a:hover,.post-toc__item--level-4 a:hover,.post-toc__item--level-3 a:focus-visible,.post-toc__item--level-4 a:focus-visible{color:var(--color-primary)}