.tag-directory{color:#f8f6f2;min-height:100dvh}.tag-directory>article{width:min(100% - 32px,1040px);margin:42px auto 100px}.tag-directory h1{letter-spacing:-.055em;margin:8px 0 10px;font-size:clamp(38px,8vw,68px)}.tag-directory>article>p:not(.info-kicker){color:#ffffff8c;font-size:12px}.popular-tags,.tag-search-section,.discovery-tags{margin-top:44px}.popular-tags>header,.tag-search-section>header,.discovery-tags>header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.popular-tags>header>span,.tag-search-section>header>span,.discovery-tags>header>span{font-size:22px}.popular-tags header p,.tag-search-section header p,.discovery-tags header p{color:#f2ff57;letter-spacing:.18em;margin:0;font-size:8px;font-weight:900}.popular-tags h2,.tag-search-section h2,.discovery-tags h2{margin:2px 0 0;font-size:19px}.popular-tags>div,.tag-search-results,.tag-groups section>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.tag-card{color:#fff;background:#17171b;border:1px solid #ffffff1f;border-radius:17px;min-height:150px;text-decoration:none;display:block;position:relative;overflow:hidden}.tag-card img,.tag-card-fallback,.tag-card-shade{width:100%;height:100%;position:absolute;inset:0}.tag-card img{object-fit:cover}.tag-card-fallback{background:radial-gradient(circle at 30% 20%,#3a4778,#15151a 62%)}.tag-card-shade{background:linear-gradient(#0000 10%,#000000d6 100%)}.tag-card-copy{gap:2px;display:grid;position:absolute;bottom:13px;left:14px;right:36px}.tag-card-copy small{color:#f2ff57;font-size:8px;font-weight:900}.tag-card-copy strong{font-size:17px}.tag-card-copy b{color:#ffffff9e;font-size:9px}.tag-card>i{color:#f2ff57;font-size:26px;font-style:normal;position:absolute;bottom:18px;right:15px}.tag-search{color:#ffffff9e;gap:8px;margin:0 0 14px;font-size:9px;font-weight:800;display:grid}.tag-search input{color:#fff;background:#131316;border:1px solid #ffffff26;border-radius:15px;padding:15px 17px;font-size:15px}.tag-search-results>p,.discovery-empty{color:#ffffff75;font-size:11px}.tag-groups{gap:32px;display:grid}.tag-groups h3{color:#f2ff57;margin:0 0 12px;font-size:13px}@media (max-width:720px){.popular-tags>div,.tag-search-results,.tag-groups section>div{grid-template-columns:repeat(2,minmax(0,1fr))}.tag-card{min-height:135px}}@media (max-width:420px){.tag-card-copy strong{font-size:14px}.tag-card{min-height:125px}}