/* TLRI artwork layer v3 / v0.5.86. The illustrations are the approved source pixels.
   No icon tracing or replacement SVGs. No JavaScript and no illustration animation. */
.tlri-symbol{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:132px;line-height:0;vertical-align:middle;pointer-events:none}
.tlri-symbol>picture{display:block;width:100%;line-height:0}
.tlri-symbol img{display:block;width:100%;height:auto;max-width:100%;border-radius:3px;object-fit:contain}
.topic-page .home-topics .topic-card.tlri-symbol-link{grid-template-columns:132px minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:190px}
.topic-page .home-topics .topic-card .topic-arrow{align-self:start;margin-top:.3rem}
.topic-page .topic-hero.tlri-hero-marked{position:relative;padding-right:184px}
.topic-hero.tlri-hero-marked>.tlri-symbol{position:absolute;top:2.4rem;right:0;width:160px}
@media(max-width:1099px){
 .topic-page .home-topics .topic-card.tlri-symbol-link{grid-template-columns:112px minmax(0,1fr) auto;gap:.75rem}
 .topic-page .home-topics .topic-card .tlri-symbol{width:112px}
}
@media(max-width:800px) and (min-width:641px){
 .topic-page .home-topics .topic-card.tlri-symbol-link{grid-template-columns:96px minmax(0,1fr) auto;gap:.6rem}
 .topic-page .home-topics .topic-card .tlri-symbol{width:96px}
}
@media(max-width:640px){
 .topic-page .home-topics .topic-card.tlri-symbol-link{grid-template-columns:104px minmax(0,1fr) auto;gap:.7rem;min-height:148px}
 .topic-page .home-topics .topic-card .tlri-symbol{width:104px}
 .topic-page .topic-hero.tlri-hero-marked{padding-right:0}
 .topic-hero.tlri-hero-marked>.tlri-symbol{width:92px;top:1.6rem;right:0}
 .topic-hero.tlri-hero-marked>.topic-kicker{padding-right:110px;min-height:80px;display:flex;align-items:center}
}
@media(max-width:379px){
 .topic-page .home-topics .topic-card.tlri-symbol-link{grid-template-columns:86px minmax(0,1fr) auto;gap:.6rem}
 .topic-page .home-topics .topic-card .tlri-symbol{width:86px}
}
/* At the narrowest width, the destination label has priority over the decorative arrow. */
@media(max-width:359px){
 .topic-page .home-topics .topic-card.tlri-symbol-link{grid-template-columns:86px minmax(0,1fr)}
 .topic-page .home-topics .topic-card .topic-arrow{display:none}
}
@media(prefers-reduced-motion:reduce){.tlri-symbol,.tlri-symbol *{animation:none!important;transition:none!important}}
@media print{
 .topic-page .home-topics .topic-card.tlri-symbol-link{grid-template-columns:80px minmax(0,1fr) auto}
 .topic-page .home-topics .topic-card .tlri-symbol{width:80px}
 .topic-hero.tlri-hero-marked>.tlri-symbol{top:0;width:100px}
 .topic-page .topic-hero.tlri-hero-marked{padding-right:120px}
 .tlri-symbol,.tlri-symbol *{animation:none!important;transition:none!important}
}
