/* Illustrated Bizo topic atlas — scoped override over the legacy topic layout. */
.topic-list{grid-auto-rows:31rem;gap:1.15rem;padding-block:4.5rem 7rem}
.topic-card,.topic-card:nth-child(1),.topic-card:nth-child(6),.topic-card:nth-child(11),.topic-card:nth-child(4n),.topic-card:nth-child(4n + 1):not(:first-child):not(:nth-child(6)):not(:nth-child(11)){
  grid-column:span 4;overflow:hidden;height:31rem;min-height:31rem;display:flex;flex-direction:column;padding:.55rem;
  border:1px solid rgba(13,49,89,.13);border-radius:1.55rem;background:#fff;
  box-shadow:0 .45rem 0 rgba(13,49,89,.08),0 1.5rem 3.8rem rgba(6,17,31,.08)
}
.topic-card__scene,.topic-card:nth-child(1) .topic-card__scene,.topic-card:nth-child(6) .topic-card__scene,.topic-card:nth-child(11) .topic-card__scene{
  position:relative;overflow:hidden;width:100%;height:15.25rem;min-height:15.25rem;display:block;
  margin:0;padding:0;border-radius:1.12rem;background:var(--navy);isolation:isolate
}
.topic-card__scene::before,.topic-card__scene::after,.topic-card__scene>i,.topic-card__object{display:none}
.topic-card__cover{position:relative;z-index:1;width:100%;height:100%;display:block;padding:.35rem;object-fit:contain;object-position:var(--topic-focus,center);transform:scale(1);transition:transform 220ms cubic-bezier(.23,1,.32,1)}
.topic-card__scene--square::before,.topic-card__scene--portrait::before{content:"";position:absolute;display:block;z-index:0;inset:-1.25rem;background-image:linear-gradient(rgba(6,17,31,.1),rgba(6,17,31,.28)),var(--topic-image);background-size:cover;background-position:center;filter:blur(18px) saturate(.92);opacity:.72;transform:scale(1.12)}
.topic-card__scene--square::after,.topic-card__scene--portrait::after{content:"";position:absolute;display:block;z-index:0;inset:0;background:linear-gradient(90deg,rgba(6,17,31,.2),transparent 24%,transparent 76%,rgba(6,17,31,.2));pointer-events:none}
.topic-card__scene--square .topic-card__cover,.topic-card__scene--portrait .topic-card__cover{padding:.22rem;filter:drop-shadow(0 .8rem 1.2rem rgba(6,17,31,.24))}
.topic-card__scene figcaption{position:absolute;z-index:2;inset:auto .7rem .7rem auto;min-height:2.15rem;display:inline-flex;align-items:center;padding:.35rem .7rem;border:1px solid rgba(255,255,255,.2);border-radius:.72rem;color:var(--midnight);background:rgba(244,250,255,.92);box-shadow:0 3px 0 rgba(6,17,31,.18);backdrop-filter:blur(10px);font:900 .66rem Rubik,sans-serif}
.topic-card__body{min-height:0;padding:1.05rem .9rem .85rem}
.topic-card__body small{color:var(--blue);font-size:.66rem;letter-spacing:.02em}
.topic-card__body h2{min-height:2.1em;max-width:15ch;margin:.42rem 0 .62rem;font-size:clamp(1.42rem,1.8vw,1.75rem);letter-spacing:-.025em}
.topic-card__body p{min-height:5.05em;max-width:39ch;display:-webkit-box;overflow:hidden;color:#526d82;font-size:.79rem;line-height:1.68;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.topic-card__body>b{padding-top:1.15rem;border-top:1px solid rgba(13,49,89,.1);color:var(--deep)}
.topic-card__body>b span{color:var(--midnight);background:var(--cyan);box-shadow:0 3px 0 #1296be}
.topic-hero__scene{position:relative;overflow:hidden;width:100%;height:25rem;margin:0;border:1px solid rgba(205,239,255,.22);border-radius:2rem .75rem 2rem 2rem;background:var(--navy);box-shadow:0 .55rem 0 rgba(46,212,255,.15),0 2rem 4rem rgba(6,17,31,.28)}
.topic-hero__scene img{width:100%;height:100%;display:block;max-height:none;object-fit:cover;object-position:var(--topic-focus,50% 50%);filter:none}
@media(hover:hover) and (pointer:fine){
  .topic-card:hover{border-color:rgba(46,212,255,.72);box-shadow:0 .62rem 0 rgba(20,93,160,.18),0 2rem 4.4rem rgba(6,17,31,.13);transform:translateY(-6px)}
  .topic-card:hover .topic-card__cover{transform:scale(1.025)}
  .topic-card:hover .topic-card__body>b span{transform:translateX(-4px)}
}
.topic-card:active{transform:translateY(1px)}
@media(max-width:1050px){
  .topic-list{grid-auto-rows:30rem}
  .topic-card,.topic-card:nth-child(1),.topic-card:nth-child(6),.topic-card:nth-child(11),.topic-card:nth-child(4n),.topic-card:nth-child(4n + 1):not(:first-child):not(:nth-child(6)):not(:nth-child(11)){grid-column:span 6;height:30rem;min-height:30rem}
}
@media(max-width:900px){.topic-hero__scene{height:18rem;max-width:38rem;margin-inline:auto}}
@media(max-width:560px){
  .topic-list{grid-auto-rows:28.5rem;padding-block:2.7rem 5.5rem}
  .topic-card,.topic-card:nth-child(1),.topic-card:nth-child(6),.topic-card:nth-child(11),.topic-card:nth-child(4n),.topic-card:nth-child(4n + 1):not(:first-child):not(:nth-child(6)):not(:nth-child(11)){grid-column:auto;height:28.5rem;min-height:28.5rem}
  .topic-card__scene,.topic-card:nth-child(1) .topic-card__scene,.topic-card:nth-child(6) .topic-card__scene,.topic-card:nth-child(11) .topic-card__scene{height:13.2rem;min-height:13.2rem}
  .topic-card__body h2{min-height:0;max-width:none;font-size:1.5rem}
  .topic-card__body p{font-size:.82rem}
  .topic-hero__scene{height:14rem;border-radius:1.35rem .55rem 1.35rem 1.35rem}
}
@media(prefers-reduced-motion:reduce){.topic-card__cover{transition:none}}