.topic-setup{margin:0;min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--pale);overflow:hidden;align-self:center}.topic-setup>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.topic-setup figcaption{padding:22px 24px;line-height:1.6}.topic-setup strong{display:block;font-size:1.15rem;margin-bottom:7px}.topic-setup span{display:block;font-size:1rem;color:var(--muted)}.topic-setup small{display:block;font-size:.875rem;color:var(--muted);margin-top:9px}
.resource-card.illustrated{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}.resource-card.illustrated>.resource-illustration{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.resource-copy{padding:24px;display:flex;flex-direction:column;flex:1;width:100%}.resource-card.illustrated h3{margin:0 0 12px}.resource-card.illustrated p{margin:0 0 18px}.resource-card.illustrated .card-link{margin-top:auto}.resource-card.illustrated:hover{transform:translateY(-2px)}
.example-explanation{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.example-explanation>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.example-explanation .example-flow{grid-template-columns:1fr;gap:19px}.example-explanation .example-flow li{padding-top:14px}.example-explanation .example-flow p{margin-top:7px}
.illustrated-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:0}.illustrated-flow>li{position:relative;min-width:0}.illustrated-flow>li+li:before{content:'→';position:absolute;left:-24px;top:40%;font-size:24px;color:var(--violet)}.concept-figure{margin:0;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--soft);height:100%}.concept-figure>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.concept-figure figcaption{padding:23px;line-height:1.6}.concept-figure strong{display:block;font-size:1.1875rem;line-height:1.4;margin-bottom:10px}.concept-figure span{display:block;font-size:1rem;color:var(--muted)}.picture-and-copy{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center}.picture-and-copy .concept-figure{height:auto}.picture-and-copy p:not(.eyebrow){color:var(--muted)}
@media(max-width:850px){.example-explanation{grid-template-columns:1fr}.example-explanation>img{max-height:420px;object-fit:contain;background:var(--soft)}.picture-and-copy{grid-template-columns:1fr;gap:30px}.illustrated-flow{gap:22px}}
@media(max-width:680px){.topic-setup{border-radius:13px}.topic-setup figcaption{padding:20px}.resource-card.illustrated{display:flex;padding:0;gap:0}.resource-copy{padding:22px}.resource-card.illustrated h3,.resource-card.illustrated p,.resource-card.illustrated .card-link{grid-column:auto}.resource-card.illustrated h3{font-size:1.35rem}.resource-card.illustrated p{font-size:1rem}.example-explanation{gap:22px}.illustrated-flow{grid-template-columns:1fr;gap:30px}.illustrated-flow>li+li:before{content:'↓';left:calc(50% - 9px);top:-32px}.concept-figure figcaption{padding:22px}.illustrated-section .fine{margin-top:24px}}
@media print{.concept-figure,.topic-setup,.illustrated{break-inside:avoid}}

@media(max-width:900px){.topic-hero{display:flex;flex-direction:column;align-items:stretch;gap:24px}.topic-setup{align-self:stretch}}

.topic-hero.text-only{display:block}.topic-hero.text-only>div{max-width:760px}.resource-card.illustrated:not(:has(img)){background:var(--pale);justify-content:center}.resource-card.illustrated:not(:has(img)) .resource-copy{flex:0}