.mg-post__content .mg-post__toc{margin:0 0 2rem;padding:1.25rem 1.5rem;border:1px solid var(--mg-border);border-radius:18px;background:var(--mg-surface);color:var(--mg-text)}
.mg-post__toc summary{cursor:pointer;font-weight:700;font-size:1rem;line-height:1.7}
.mg-post__content .mg-post__toc ol{margin:.8rem 0 0;padding-inline-start:1.4rem;columns:2;column-gap:2rem}
.mg-post__content .mg-post__toc li{margin:.35rem 0;break-inside:avoid;font-size:.94rem;line-height:1.8}
.mg-post__toc a{color:var(--mg-text);text-decoration:none;text-underline-offset:.3em}
.mg-post__toc a:hover,.mg-post__toc a:focus-visible{color:var(--mg-accent);text-decoration:underline}
.mg-post__toc a:focus-visible{outline:2px solid var(--mg-accent);outline-offset:4px}
.mg-post__content h2[id]{scroll-margin-top:110px}
.mg-post-related{margin-block:2rem;padding:1.25rem;border:1px solid var(--mg-border,#8da4b34d);border-radius:16px;background:var(--mg-surface,#f5f8fc);color:var(--mg-text,#102434)}
.mg-post-related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.5rem;padding-inline-start:1.3rem;margin-bottom:0}
.mg-post-related li{line-height:1.85;overflow-wrap:anywhere}.mg-post-related a{color:inherit;text-underline-offset:.3em}
.mg-post-related a:hover,.mg-post-related a:focus-visible{color:var(--mg-accent,#0070b4)}
@media(max-width:640px){.mg-post-related ul{grid-template-columns:1fr}}
@media(max-width:640px){.mg-post__content .mg-post__toc{padding:1rem}.mg-post__content .mg-post__toc ol{columns:1}.mg-post__content h2[id]{scroll-margin-top:90px}}