.topic-collection[data-kind=condition] .topic-collection-hero{border:1px solid color-mix(in srgb,var(--primary) 12%,transparent);border-radius:28px;padding:clamp(20px,3vw,40px);background:linear-gradient(120deg,color-mix(in srgb,var(--primary-soft) 55%,transparent),var(--background) 85%)}.topic-collection[data-kind=condition] .topic-collection-hero h1{font-size:clamp(28px,3.5vw,44px)}.topic-collection[data-kind=condition] .topic-collection-about{max-width:100%;border:0;border-left:3px solid color-mix(in srgb,var(--primary) 28%,transparent);border-radius:0;background:transparent;padding:4px 0 4px 24px}.topic-collection[data-kind=condition] .topic-collection-about p{max-width:80ch}.topic-collection[data-kind=condition] #topic-start>ol>li>a{background:color-mix(in srgb,var(--primary-soft) 38%,transparent);border-color:color-mix(in srgb,var(--primary) 16%,transparent);padding:24px}.topic-collection[data-kind=condition] .topic-collection-groups{display:grid;gap:24px}.topic-collection[data-kind=condition] .topic-collection-group{margin-top:0;padding:28px;border-radius:24px;background:color-mix(in srgb,var(--muted) 50%,transparent)}.topic-collection[data-kind=condition] .topic-collection-group h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.topic-collection[data-kind=condition] .topic-material-card{padding:20px;border-color:color-mix(in srgb,var(--border) 75%,transparent)}.topic-collection[data-kind=condition] .topic-material-card:hover{border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.topic-collection[data-kind=condition] #topic-tests{margin-top:48px;border-top:1px solid var(--border)}@media (max-width:639px){.topic-collection[data-kind=condition] .topic-collection-hero{border-radius:22px;gap:20px}.topic-collection[data-kind=condition] .topic-collection-hero nav{gap:8px}.topic-collection[data-kind=condition] .topic-collection-hero nav a{padding-inline:12px;font-size:13px}.topic-collection[data-kind=condition] .topic-collection-group{padding:20px 16px;border-radius:20px}.topic-collection[data-kind=condition] .topic-material-card{padding:16px}.topic-collection[data-kind=condition] .topic-collection-about{padding-left:18px}}