.topic-context { width:min(1160px,calc(100% - 2.5rem)); margin:2rem auto; padding:1.5rem 0; border-block:1px solid var(--line); display:grid; grid-template-columns:minmax(180px,.7fr) minmax(0,1.6fr); gap:1.5rem 3rem; color:var(--text); background:var(--bg); }
.topic-context h2,.topic-context h3 { font-size:clamp(1.25rem,2vw,1.65rem); line-height:1.2; margin:0; color:var(--text); }
.topic-context p { max-width:76ch; font-size:1rem; line-height:1.75; color:var(--text); }
.topic-context p:last-child { margin-bottom:0; }
.topic-context a { color:inherit; font-weight:650; text-decoration:underline; text-underline-offset:.2em; text-decoration-thickness:1px; }
.topic-context a:hover { text-decoration-thickness:2px; }
.topic-context a:focus-visible { outline:2px solid currentColor; outline-offset:4px; border-radius:2px; }
.topic-context-embedded,.guide-body .topic-context,.guide-hub .topic-context,.catalog-page .topic-context { width:100%; background:transparent; }
.topic-context-embedded,.guide-body .topic-context { grid-template-columns:1fr; gap:.7rem; }
@media(max-width:700px) { .topic-context { grid-template-columns:1fr; gap:.8rem; margin-block:1.4rem; padding-block:1.25rem; } }