.topic-page{padding-bottom:40px;overflow-wrap:anywhere}.topic-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topic-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;padding-block:22px}.topic-breadcrumb a:hover{color:var(--blue)}
.topic-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:56px;align-items:center;padding:28px 0 38px}.topic-hero-copy{min-width:0}.topic-hero-media{display:block;width:100%;height:auto;object-fit:contain}.topic-hero-media[hidden]{display:none}.topic-hero .eyebrow{color:#bd7bff}.topic-hero h1{font-size:clamp(32px,3.4vw,46px);line-height:1.12;letter-spacing:-1.2px;margin-bottom:20px}.topic-hero h1 span{color:#ad6cff;display:inline-block}.topic-intro{font-size:17px;line-height:1.65}.topic-primary{margin-top:24px;min-width:290px;max-width:100%;text-align:center}.topic-microcopy{font-size:13px;margin-top:10px;line-height:1.6}
.topic-hero-art{min-width:0;display:grid;place-items:center;pointer-events:none}.topic-hero .topic-hero-symbol{display:grid;place-items:center;position:relative;isolation:isolate;width:320px;height:340px;background:none;border:0;border-radius:0;box-shadow:none;pointer-events:none}.topic-hero-symbol[hidden]{display:none!important}.topic-hero-symbol svg{display:block;width:320px;height:320px;filter:drop-shadow(0 0 7px color-mix(in srgb,currentColor 24%,transparent))}.topic-hero-symbol::before{content:'';position:absolute;z-index:-1;left:0;bottom:-45px;width:100%;height:180px;background:radial-gradient(ellipse at center,currentColor 0,transparent 68%);opacity:.17;pointer-events:none}.topic-primary>span,.topic-final .button>span{flex-shrink:0}.topic-final .button{max-width:100%;text-align:center}
.topic-benefits{padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.topic-benefits ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:0;color:var(--muted);line-height:1.6}.topic-benefits li{display:flex;align-items:flex-start;gap:16px}.topic-benefits strong{display:block;color:var(--text);margin-bottom:6px;font-size:18px}.topic-benefits .icon{width:48px;height:48px}.topic-benefits .icon svg{width:28px;height:28px}
.topic-section{padding:32px 0;border-bottom:1px solid var(--border);min-width:0}.topic-section h2{font-size:28px;line-height:1.25;margin-bottom:18px}.topic-section p,.topic-section li{line-height:1.75}.topic-section p+p{margin-top:16px}.topic-prose{max-width:85ch}.topic-prose ul{padding-left:22px}.topic-prose code,.topic-example code{font-size:.92em;overflow-wrap:anywhere}.topic-how .topic-prose{max-width:none}.topic-how ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0;counter-reset:topic-step}.topic-how li{counter-increment:topic-step;padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:12px;color:var(--muted);line-height:1.7}.topic-how li:before{content:counter(topic-step);color:#bca4ff;font-weight:750;display:block;font-size:24px;margin-bottom:12px}.topic-how strong{display:block;color:var(--text);margin-bottom:8px}
.topic-education{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px;align-items:start}.topic-education h2{font-size:24px;margin:0}.topic-education .topic-prose{min-width:0}
.topic-ai-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.topic-ai-tool{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;min-width:0}.topic-ai-tool h3{font-size:21px;margin-bottom:12px}.topic-ai-note{border-top:1px solid var(--border);padding-top:16px}.topic-ai-relationship{font-size:13px}.topic-ai-tool a{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:12px;text-decoration:underline;color:var(--text)}
.topic-example>p{max-width:90ch}.topic-example h3{font-size:19px;margin-top:24px;line-height:1.5}.topic-example blockquote{margin:18px 0;padding:28px;border:1px solid #373875;border-radius:12px;background:#0e1830;color:#d2dcee;line-height:1.8;overflow-wrap:anywhere}.topic-example-prompt p{max-width:90ch}.topic-example-note{font-size:14px}
.topic-faq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.topic-faq details{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px}.topic-faq summary{cursor:pointer;line-height:1.6;min-height:44px}.topic-faq p{margin-top:14px;font-size:14px}.topic-page a:focus-visible,.topic-faq summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.topic-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.topic-related>a{display:flex;gap:14px;align-items:flex-start;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;min-width:0}.topic-related>a:hover{border-color:#795ccc}.topic-related h3{font-size:18px;margin-bottom:8px}.topic-related p{font-size:14px;line-height:1.6}.topic-related .icon{width:40px;height:40px}.topic-related .icon svg{width:25px;height:25px}.topic-final{padding-top:30px;text-align:center}.topic-page a:not(.button){text-underline-offset:3px}
@media(max-width:1000px){.topic-hero{grid-template-columns:minmax(0,1fr) 220px;gap:30px}.topic-hero .topic-hero-symbol{width:220px;height:280px}.topic-hero-symbol svg{width:220px;height:220px}.topic-related,.topic-faq{grid-template-columns:1fr}.topic-how ol{gap:14px}.topic-education{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr)}}
@media(max-width:700px){.topic-hero{padding-top:14px}.topic-benefits ul,.topic-how ol,.topic-ai-tools,.topic-education{grid-template-columns:minmax(0,1fr)}.topic-education{gap:16px}.topic-primary{min-width:0;width:100%}.topic-section h2{font-size:25px}.topic-hero h1{font-size:35px}.topic-intro{font-size:16px}.topic-example blockquote{padding:20px}.topic-ai-tool{padding:20px}}

@media(max-width:850px){.topic-hero{grid-template-columns:minmax(0,1fr);gap:0}.topic-hero-art{display:none}.topic-hero.has-media .topic-hero-art{display:block;margin-top:24px;max-width:440px;justify-self:center}}