.topic-hero{text-align:center;background:radial-gradient(ellipse 70% 100% at 50% 0%, var(--bg-deep) 0%, transparent 70%);padding:3.5rem 1.25rem 1rem}.topic-hero h1{margin-top:.5rem;font-size:clamp(2.6rem,7vw,4rem)}.topic-figure{max-width:min(760px,92%);margin:2.2rem auto 0}.topic-figure img,.topic-figure video{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:auto;max-width:100%;max-height:440px;margin-inline:auto}.topic-figure video{background:var(--bg-deep);display:block}.topic-prose{padding:2.5rem 0 1rem;font-size:1.0625rem}.topic-prose>p,.topic-prose>div{margin-bottom:1.4rem}.topic-prose .lede{text-align:center;color:var(--ink-soft);font-size:1.2rem}.topic-prose .lede b,.topic-prose .lede strong{color:var(--ink);font-family:var(--font-display);font-size:1.25em;line-height:1.4}.topic-prose ul{gap:1.1rem;margin:1.6rem 0;list-style:none;display:grid}.topic-prose ul li{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.25rem 1.4rem;transition:transform .25s;position:relative}.topic-prose ul li:after{content:"";border-radius:inherit;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.topic-prose ul li:hover{transform:translateY(-2px)}.topic-prose ul li:hover:after{opacity:1}.topic-prose ul ul{margin:.8rem 0 0}.topic-prose ul ul li{border-left-color:var(--sage)}.topic-prose b,.topic-prose strong{color:var(--accent-deep)}.topic-prose .meditation,.topic-prose .interlude{background:var(--highlight);border-radius:10px;margin-top:.5rem;padding:.9rem 1.1rem;font-style:italic;display:block}.topic-prose .interlude{text-align:center;font-size:1.1rem}.topic-prose h2,.topic-prose h3{text-align:center;margin:2.2rem 0 1rem;font-size:1.9rem}.topic-prose .bubble,.topic-prose .bubble2{border-radius:var(--radius-lg);max-width:540px;box-shadow:var(--shadow-sm);margin-inline:auto;padding:1.3rem 1.5rem}.topic-prose .bubble{text-align:center;background:#e7eef9;border:1px solid #ccdcf2}.topic-prose .bubble2{background:#fbe9f1;border:1px solid #f2cfdf}.topic-prose .warning-box{border-radius:var(--radius);max-width:600px;box-shadow:var(--shadow-sm);background:#fdf3df;border:1px solid #ecd9ae;align-items:flex-start;gap:.8rem;margin-inline:auto;padding:1.3rem 1.5rem;display:flex}.topic-prose .warning-icon{flex-shrink:0;font-size:1.6rem}.topic-prose .warning-text{flex:1}.topic-prose .video-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-width:360px;box-shadow:var(--shadow-sm);margin:2rem auto 0;transition:transform .25s;position:relative}.topic-prose .video-card:after{content:"";border-radius:inherit;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.topic-prose .video-card:hover{transform:translateY(-4px)}.topic-prose .video-card:hover:after{opacity:1}.topic-prose .video-card a{text-decoration:none}.topic-prose .video-card .thumbnail{border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;width:100%;display:block}.topic-prose .video-card .video-title{color:var(--ink);padding:.9rem 1.1rem;font-weight:600}.topic-prose .inline-figure{margin:1rem auto 0}.topic-prose .inline-figure img{box-shadow:var(--shadow-sm);border-radius:10px;margin-inline:auto}.topic-cta{text-align:center;padding:2.5rem 0 1rem}.topic-cta h3{margin:2rem 0 1.4rem;font-size:1.6rem}.topic-pager{grid-template-columns:1fr 1fr;gap:1rem;padding:2.5rem 0 0;display:grid}.pager-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:.2rem;padding:1rem 1.3rem;text-decoration:none;transition:transform .2s;display:flex;position:relative}.pager-card:after{content:"";border-radius:inherit;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.pager-card:hover{transform:translateY(-3px)}.pager-card:hover:after{opacity:1}.pager-next{text-align:right}.pager-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:.8rem}.pager-title{font-family:var(--font-display);color:var(--ink);font-size:1.35rem;font-weight:600}.back-home{text-align:center;padding:2.5rem 0 .5rem}.back-home a{font-weight:600;text-decoration:none}@media (width<=560px){.topic-pager{grid-template-columns:1fr}.pager-next{text-align:left}}