.topic-page{background:var(--bg)}
.topic-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding-top:24px;padding-bottom:24px}
.topic-hero-copy{padding:40px 0;min-width:0}
.topic-hero h1{font-size:64px;font-weight:400;line-height:1.04;letter-spacing:-.025em;max-width:700px;text-wrap:balance}
.topic-hero-copy p{font-size:20px;line-height:1.5;color:var(--muted);max-width:600px;margin:28px 0 32px}
.topic-hero-media{margin:0;min-width:0;align-self:stretch;min-height:620px;position:relative;border-radius:32px;overflow:hidden;background:var(--panel);border:1px solid var(--border)}
.topic-hero-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:var(--image-position,center)}
.topic-section{padding-block:88px}
.topic-intro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:96px;align-items:start}
.topic-section h2{font-size:48px;line-height:1.1;font-weight:400;letter-spacing:-.02em;text-wrap:balance}
.topic-prose p{font-size:20px;line-height:1.55;color:var(--muted)}
.topic-prose p+p{margin-top:24px}
.topic-section-title{max-width:800px;margin-bottom:40px}
.topic-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.topic-use-card{padding:32px;border:1px solid var(--border);border-radius:24px;background:var(--panel);min-width:0}
.topic-use-card h3,.topic-step h3,.topic-detail h3{font-size:26px;line-height:1.2;font-weight:500;letter-spacing:-.015em;margin-bottom:16px}
.topic-use-card p,.topic-step p,.topic-detail p{font-size:18px;line-height:1.55;color:var(--muted)}
.topic-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;row-gap:36px}
.topic-step{border-top:1px solid var(--border);padding-top:28px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:22px}
.topic-step-number{font-size:16px;line-height:31px;color:var(--accent);font-variant-numeric:tabular-nums}
.topic-detail-panel{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:80px;padding:64px;border:1px solid var(--border);border-radius:32px;background:var(--panel)}
.topic-detail-intro p{font-size:20px;line-height:1.5;color:var(--muted);margin-top:24px}
.topic-detail+.topic-detail{margin-top:28px;padding-top:28px;border-top:1px solid var(--border)}
.topic-detail h3{font-size:24px;margin-bottom:12px}
.topic-page .faq{padding-top:88px}
.topic-page .final-cta{padding-block:40px 88px}
@media(min-width:768px) and (max-width:1023px){.topic-page .topic-use-grid{grid-template-columns:1fr}.topic-page .topic-detail-panel{grid-template-columns:1fr}}
@media(max-width:1200px){.topic-hero{gap:40px}.topic-hero h1{font-size:54px}.topic-hero-media{min-height:600px}.topic-intro{gap:56px}.topic-section h2{font-size:42px}.topic-use-card{padding:28px}.topic-detail-panel{gap:48px;padding:44px}.topic-use-card h3,.topic-step h3{font-size:24px}}
@media(max-width:1023px){.topic-hero{gap:32px}.topic-hero h1{font-size:44px}.topic-hero-copy p{font-size:18px;line-height:1.5}.topic-hero-media{min-height:560px}.topic-section{padding-block:64px}.topic-intro{gap:36px}.topic-section h2{font-size:38px}.topic-prose p{font-size:18px}.topic-use-grid{gap:16px}.topic-use-card{padding:24px}.topic-use-card h3{font-size:22px}.topic-use-card p,.topic-step p,.topic-detail p{font-size:16px}.topic-steps{column-gap:32px}.topic-step{grid-template-columns:28px minmax(0,1fr);gap:14px}.topic-detail-panel{gap:32px;padding:32px}.topic-detail-intro p{font-size:18px}.topic-detail h3{font-size:22px}.topic-page .faq{padding-top:64px}.topic-page .final-cta{padding-bottom:64px}}
@media(max-width:767px){.topic-hero{grid-template-columns:1fr;gap:28px;padding-top:24px;padding-bottom:0}.topic-hero-copy{padding:16px 0 8px}.topic-hero h1{font-size:46px;line-height:1.06;max-width:620px}.topic-hero-copy p{margin:24px 0 28px;max-width:580px}.topic-hero-media{min-height:0;aspect-ratio:4/3;border-radius:24px}.topic-intro{grid-template-columns:1fr;gap:24px}.topic-section{padding-block:48px}.topic-section h2{font-size:36px}.topic-section-title{margin-bottom:28px}.topic-use-grid{grid-template-columns:1fr;gap:16px}.topic-use-card{padding:28px}.topic-use-card h3{font-size:24px}.topic-use-card p,.topic-step p,.topic-detail p{font-size:18px}.topic-steps{grid-template-columns:1fr;row-gap:28px}.topic-step{grid-template-columns:30px minmax(0,1fr);gap:18px;padding-top:24px}.topic-step h3{font-size:24px}.topic-detail-panel{grid-template-columns:1fr;gap:32px;border-radius:24px;padding:28px}.topic-detail h3{font-size:24px}.topic-page .faq{padding-top:48px}.topic-page .final-cta{padding-bottom:56px}}
@media(max-width:480px){.topic-hero h1{font-size:40px}.topic-hero-media{aspect-ratio:1}.topic-section h2{font-size:32px}.topic-use-card{padding:24px}.topic-detail-panel{padding:24px}.topic-hero-copy p{font-size:18px}.topic-step{gap:12px}.topic-detail h3{font-size:22px}}
@media(max-width:350px){.topic-hero h1{font-size:34px}.topic-section h2{font-size:29px}.topic-hero-copy p,.topic-prose p,.topic-use-card p,.topic-step p,.topic-detail p,.topic-detail-intro p{font-size:16px}.topic-use-card,.topic-detail-panel{padding:22px}.topic-step h3,.topic-use-card h3{font-size:22px}.topic-step{grid-template-columns:24px minmax(0,1fr)}}