.article-outline{width:100%;margin-bottom:var(--space-4)}.article-outline__panel{border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius);background:var(--modal-item-lead-bg)}.article-outline__toggle{display:flex;align-items:center;gap:var(--space-2-5);width:100%;min-height:var(--tap-target-min);padding:0 var(--space-4);border:none;border-radius:var(--modal-item-radius);background:none;color:var(--modal-text-soft);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);text-align:left;cursor:pointer}.article-outline__toggle:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:calc(-1 * var(--focus-ring-width))}.article-outline__label{flex:1;min-width:0}.article-outline__chevron{flex-shrink:0;color:var(--modal-text-muted);transition:transform var(--sg-motion-base)}.article-outline--open .article-outline__chevron{transform:rotate(180deg)}.article-outline__heading{display:none}.article-outline__list{display:none;flex-direction:column;gap:var(--space-0);margin:0;padding:0 var(--space-2) var(--space-2);list-style:none}.article-outline--open .article-outline__list{display:flex}.article-outline__link{display:flex;align-items:center;min-height:var(--tap-target-min);padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);color:var(--modal-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);text-decoration:none;transition:color var(--sg-motion-base)}@media (hover:hover){.article-outline__link:hover{color:var(--modal-text-primary)}}.article-outline__link:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:calc(-1 * var(--focus-ring-width))}.article-outline__link[aria-current=location]{color:var(--modal-text-primary)}@media (min-width:1400px){.article-outline{position:absolute;top:0;bottom:0;left:calc(100% + var(--space-7));width:200px;margin:0}.article-outline__panel{position:sticky;top:var(--space-24);max-height:calc(100vh - var(--space-24) - var(--space-24));overflow-y:auto;scrollbar-width:none;border:none;border-radius:0;background:none}.article-outline__panel::-webkit-scrollbar{display:none}.article-outline__toggle{display:none}.article-outline__heading{display:block;margin:0 0 var(--space-3);padding-left:var(--space-3);color:rgba(var(--white-rgb),var(--opacity-64));font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}.article-outline__list{display:flex;padding:0;border-left:1px solid var(--modal-divider)}.article-outline__link{min-height:0;margin-left:-1px;padding:var(--space-1-5) var(--space-3);border-left:1px solid transparent;border-radius:0;color:rgba(var(--white-rgb),var(--opacity-64));font-size:var(--text-ms);line-height:var(--leading-normal);transition-property:color,border-color}.article-outline__link[aria-current=location]{border-left-color:var(--modal-accent);color:var(--modal-text-primary)}}@media (prefers-reduced-motion:reduce){.article-outline__chevron,.article-outline__link{transition:none}}