.topic-primer{border:1px solid var(--line);border-radius:18px;grid-template-columns:1.2fr 1fr;margin:0 0 32px;display:grid;overflow:hidden}.topic-primer-concept{background:var(--paper);padding:28px}.topic-primer .eyebrow{font-size:.875rem}.topic-primer-concept>strong{margin:12px 0;font-family:Georgia,serif;font-size:clamp(1.5625rem,3vw,2.125rem);font-weight:400;display:block}.topic-primer-concept p{max-width:500px;color:var(--muted);font-size:.875rem;line-height:1.65}.topic-primer-concept .topic-primer-watch{margin-bottom:0;font-size:.875rem}.topic-primer-guide{background:var(--soft);flex-direction:column;align-items:flex-start;padding:28px;transition:background .15s;display:flex}.topic-primer-guide:hover{background:color-mix(in srgb, var(--primary) 12%, var(--surface))}.topic-primer-guide>span:first-of-type{color:var(--muted);margin-top:18px;font-size:.875rem}.topic-primer-guide h2{letter-spacing:-.6px;max-width:330px;margin:10px 0 24px;font-size:1.4375rem;line-height:1.25}.topic-primer-guide .text-link{margin-top:auto;font-size:.875rem}@media (max-width:650px){.topic-primer{grid-template-columns:1fr}.topic-primer-concept,.topic-primer-guide{padding:23px}.topic-primer-guide h2{max-width:none}}.topic-primer-concept p{font-family:var(--font-reading,system-ui, sans-serif);font-size:1.125rem;line-height:1.75}.topic-primer-concept .topic-primer-watch{font-size:1rem;line-height:1.7}.topic-primer-guide .text-link{min-height:44px;font-size:1rem}.topic-primer-guide:focus-visible{outline:3px solid var(--primary);outline-offset:-4px}@media (prefers-reduced-motion:reduce){.topic-primer-guide{transition:none}}.topic-example{margin-bottom:24px}.topic-example>summary>span{align-items:center;gap:8px;display:inline-flex}