:root {
  --tl-color-primary:#b85c00;
  --tl-color-accent:#c26b00;
  --tl-color-dark:#121212;
  --tl-color-light:#ffffff;
  --tl-color-bg:var(--tl-color-light);
  --tl-color-surface:#f7f7f8;
  --tl-color-border:#e6e6e9;
  --tl-color-text:#17171a;
  --tl-color-text-muted:#6b6b74;
  --tl-font-base:'Inter',system-ui,-apple-system,sans-serif;
  --tl-font-heading:'Inter',system-ui,-apple-system,sans-serif;
  --tl-font-size-base:16px;
  --tl-text-2xs:clamp(0.6875rem,0.66rem + 0.1vw,0.75rem);
  --tl-text-xs:clamp(0.75rem,0.72rem + 0.15vw,0.8125rem);
  --tl-text-sm:clamp(0.875rem,0.84rem + 0.2vw,0.9375rem);
  --tl-text-base:1rem;
  --tl-text-lg:clamp(1.125rem,1.05rem + 0.4vw,1.3125rem);
  --tl-text-xl:clamp(1.375rem,1.2rem + 0.9vw,1.75rem);
  --tl-text-2xl:clamp(1.5rem,1.3rem + 1vw,1.625rem);
  --tl-text-3xl:clamp(1.875rem,1.6rem + 1.2vw,2.25rem);
  --tl-space-1:0.25rem;
  --tl-space-2:0.5rem;
  --tl-space-3:0.75rem;
  --tl-space-4:1rem;
  --tl-space-5:1.5rem;
  --tl-space-6:2rem;
  --tl-space-8:3rem;
  --tl-space-10:4rem;
  --tl-radius-sm:8px;
  --tl-radius-md:14px;
  --tl-radius-lg:22px;
  --tl-radius-pill:999px;
  --tl-shadow-sm:0 1px 2px rgba(18,18,18,0.06),0 1px 1px rgba(18,18,18,0.04);
  --tl-shadow-md:0 8px 24px rgba(18,18,18,0.08);
  --tl-shadow-lg:0 20px 48px rgba(18,18,18,0.14);
  --tl-container-max:1280px;
  --tl-transition:200ms cubic-bezier(0.4,0,0.2,1)
}
body.tl-dark,
html.tl-dark body {
  --tl-color-bg:var(--tl-color-dark);
  --tl-color-surface:#1b1b1e;
  --tl-color-border:#2b2b30;
  --tl-color-text:#f3f3f4;
  --tl-color-text-muted:#a3a3ab
}
@media (min-width:783px) {
  html:not(.tl-light) body.tl-dark-default-desktop:not(.tl-light) {
    --tl-color-bg:var(--tl-color-dark);
    --tl-color-surface:#1b1b1e;
    --tl-color-border:#2b2b30;
    --tl-color-text:#f3f3f4;
    --tl-color-text-muted:#a3a3ab
  }
}
@media (max-width:782px) {
  html:not(.tl-light) body.tl-dark-default-mobile:not(.tl-light) {
    --tl-color-bg:var(--tl-color-dark);
    --tl-color-surface:#1b1b1e;
    --tl-color-border:#2b2b30;
    --tl-color-text:#f3f3f4;
    --tl-color-text-muted:#a3a3ab
  }
}
*,
*::before,
*::after {
  box-sizing:border-box
}
html {
  font-size:var(--tl-font-size-base);
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%
}
body {
  font-family:var(--tl-font-base);
  font-size:var(--tl-text-base);
  line-height:1.65;
  color:var(--tl-color-text);
  background-color:var(--tl-color-bg);
  transition:background-color var(--tl-transition),color var(--tl-transition)
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:var(--tl-font-heading);
  line-height:1.2;
  font-weight:800;
  margin:0 0 var(--tl-space-3);
  color:var(--tl-color-text)
}
h1 {
  font-size:var(--tl-text-3xl)
}
h2 {
  font-size:var(--tl-text-2xl)
}
h3 {
  font-size:var(--tl-text-xl)
}
h4 {
  font-size:var(--tl-text-lg)
}
p {
  margin:0 0 var(--tl-space-4);
  color:var(--tl-color-text)
}
::selection {
  background:var(--tl-color-primary);
  color:var(--tl-color-light)
}
:focus-visible {
  outline:2px solid var(--tl-color-accent);
  outline-offset:2px
}
.tl-container {
  width:100%;
  max-width:var(--tl-container-max);
  margin-inline:auto;
  padding-inline:var(--tl-space-5)
}
body.tl-layout-fullwidth .tl-container {
  max-width:none
}
.tl-card {
  display:flex;
  flex-direction:column;
  align-self:stretch;
  background:var(--tl-color-light);
  border:none;
  border-radius:var(--tl-radius-md);
  box-shadow:0 2px 8px rgba(18,18,18,0.06),0 12px 28px rgba(18,18,18,0.07);
  overflow:hidden;
  transition:transform var(--tl-transition),box-shadow var(--tl-transition);
  -webkit-tap-highlight-color:transparent;
  -webkit-user-select:none;
  user-select:none
}
.tl-card:hover {
  transform:translateY(-4px);
  box-shadow:0 4px 12px rgba(18,18,18,0.08),0 20px 40px rgba(18,18,18,0.12)
}
@media (max-width:782px) {
  body.tl-no-card-lift-mobile .tl-card {
    transition:none
  }
  body.tl-no-card-lift-mobile .tl-card:hover {
    transform:none;
    box-shadow:0 2px 8px rgba(18,18,18,0.06),0 12px 28px rgba(18,18,18,0.07)
  }
  body.tl-no-card-lift-mobile .tl-post-card--album,
  body.tl-no-card-lift-mobile .tl-post-card--album:hover,
  body.tl-no-card-lift-mobile .tl-post-card--album:active,
  body.tl-no-card-lift-mobile .tl-post-card--album:focus {
    background:transparent;
    box-shadow:none
  }
}
body.tl-dark .tl-card,
html.tl-dark .tl-card {
  background:var(--tl-color-surface);
  box-shadow:0 2px 8px rgba(0,0,0,0.25),0 12px 28px rgba(0,0,0,0.3)
}
body.tl-dark .tl-post-card--album,
html.tl-dark .tl-post-card--album {
  background:transparent;
  box-shadow:none
}
@media (min-width:783px) {
  html:not(.tl-light) body.tl-dark-default-desktop:not(.tl-light) .tl-card {
    background:var(--tl-color-surface);
    box-shadow:0 2px 8px rgba(0,0,0,0.25),0 12px 28px rgba(0,0,0,0.3)
  }
  html:not(.tl-light) body.tl-dark-default-desktop:not(.tl-light) .tl-post-card--album {
    background:transparent;
    box-shadow:none
  }
}
@media (max-width:782px) {
  html:not(.tl-light) body.tl-dark-default-mobile:not(.tl-light) .tl-card {
    background:var(--tl-color-surface);
    box-shadow:0 2px 8px rgba(0,0,0,0.25),0 12px 28px rgba(0,0,0,0.3)
  }
  html:not(.tl-light) body.tl-dark-default-mobile:not(.tl-light) .tl-post-card--album {
    background:transparent;
    box-shadow:none
  }
}
.tl-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--tl-space-2);
  padding:0.8em 1.85em;
  font-weight:600;
  font-size:var(--tl-text-sm);
  border-radius:var(--tl-btn-radius,var(--tl-radius-sm));
  border:none;
  cursor:pointer;
  background:var(--tl-color-primary);
  color:var(--tl-color-light);
  transition:transform var(--tl-transition),box-shadow var(--tl-transition),background var(--tl-transition)
}
.tl-btn:hover {
  background:var(--tl-color-accent);
  transform:var(--tl-btn-hover-transform,translateY(-2px));
  box-shadow:var(--tl-shadow-sm)
}
.tl-btn--outline {
  background:transparent;
  color:var(--tl-color-primary);
  border:1px solid var(--tl-color-primary)
}
.tl-btn--outline:hover {
  color:var(--tl-color-light)
}
.tl-pill {
  display:inline-flex;
  align-items:center;
  padding:0.4em 1em;
  font-size:var(--tl-text-xs);
  font-weight:600;
  border-radius:var(--tl-radius-pill);
  background:var(--tl-color-surface);
  border:1px solid var(--tl-color-border);
  color:var(--tl-color-text);
  transition:background var(--tl-transition),color var(--tl-transition),transform var(--tl-transition)
}
.tl-pill:hover {
  background:var(--tl-color-primary);
  color:var(--tl-color-light);
  transform:translateY(-2px)
}
.tl-sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
.tl-skip-link {
  position:absolute;
  left:-9999px;
  top:0;
  z-index:9999;
  background:var(--tl-color-primary);
  color:var(--tl-color-light);
  padding:var(--tl-space-3) var(--tl-space-5);
  border-radius:0 0 var(--tl-radius-sm) 0
}
.tl-skip-link:focus {
  left:0
}
@media (max-width:782px) {
  .tl-container {
    padding-inline:var(--tl-space-4)
  }
}
.tl-site-header {
  position:relative;
  z-index:100;
  width:var(--tl-viewport-width,100%);
  max-width:var(--tl-container-max);
  margin-inline:auto;
  background:var(--tl-color-primary)
}
.tl-site-header--sticky {
  position:sticky;
  top:0;
  will-change:transform
}
body.admin-bar .tl-site-header--sticky {
  top:32px
}
@media screen and (max-width:782px) {
  body.admin-bar .tl-site-header--sticky {
    top:46px
  }
}
body.admin-bar .tl-search-overlay,
body.admin-bar .tl-offcanvas__backdrop,
body.admin-bar .tl-offcanvas__panel {
  top:32px
}
@media screen and (max-width:782px) {
  body.admin-bar .tl-search-overlay,
  body.admin-bar .tl-offcanvas__backdrop,
  body.admin-bar .tl-offcanvas__panel {
    top:46px
  }
}
.tl-site-header--sticky.is-scrolled {
  background:color-mix(in srgb,var(--tl-color-primary) 92%,transparent);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:var(--tl-shadow-md)
}
@media screen and (max-width:782px) {
  .tl-site-header--sticky.is-scrolled {
    background:var(--tl-color-primary);
    backdrop-filter:none;
    -webkit-backdrop-filter:none
  }
}
.tl-site-header__inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--tl-space-5);
  padding-block:var(--tl-header-padding,var(--tl-space-3));
  transition:padding var(--tl-transition);
  
}
.tl-site-header--sticky.is-scrolled .tl-site-header__inner {
  padding-block:calc(var(--tl-header-padding,var(--tl-space-3)) * 0.7)
}
.tl-site-branding {
  flex:0 1 auto;
  min-width:0
}
.tl-site-title {
  font-family:var(--tl-font-heading);
  font-weight:800;
  font-size:var(--tl-site-title-size,var(--tl-text-lg));
  color:var(--tl-color-light)
}
.custom-logo,
.tl-site-logo {
  max-height:var(--tl-logo-height,40px);
  max-width:min(200px,100%);
  width:auto;
  height:auto;
  display:block
}
.tl-primary-nav {
  flex:1 1 auto;
  display:none
}
.tl-menu {
  list-style:none;
  display:flex;
  align-items:center;
  gap:var(--tl-space-5);
  margin:0;
  padding:0;
  
}
.tl-menu>.tl-menu-item {
  flex-shrink:0
}
.tl-menu-link {
  display:flex;
  align-items:center;
  flex-shrink:0;
  white-space:nowrap;
  gap:6px;
  padding:0.5em 0.1em;
  border-radius:var(--tl-radius-sm);
  font-weight:700;
  font-size:var(--tl-text-base);
  text-transform:var(--tl-nav-text-transform,none);
  color:var(--tl-color-light);
  text-transform:uppercase;
  transition:opacity var(--tl-transition),color var(--tl-transition)
}
.tl-primary-nav .tl-menu-link {
  font-size:var(--tl-nav-font-size,var(--tl-text-base))
}
.tl-menu-link:hover,
.tl-menu-link:focus-visible {
  background:rgba(255,255,255,0.15);
  opacity:1
}
.tl-submenu .tl-menu-link,
.tl-mega-menu .tl-menu-link,
.tl-offcanvas__menu .tl-menu-link {
  color:var(--tl-color-text);
  font-weight:600;
  font-size:var(--tl-text-sm);
  opacity:1
}
.tl-submenu .tl-menu-link:hover,
.tl-submenu .tl-menu-link:focus-visible,
.tl-mega-menu .tl-menu-link:hover,
.tl-mega-menu .tl-menu-link:focus-visible,
.tl-offcanvas__menu .tl-menu-link:hover,
.tl-offcanvas__menu .tl-menu-link:focus-visible {
  background:var(--tl-color-surface);
  color:var(--tl-color-accent);
  opacity:1
}
.tl-submenu-toggle {
  display:block;
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  transition:transform var(--tl-transition)
}
.tl-submenu-toggle-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  width:32px;
  height:32px;
  padding:0;
  background:none;
  border:none;
  border-radius:var(--tl-radius-sm);
  color:inherit;
  cursor:pointer
}
.tl-submenu-toggle-btn:hover {
  background:rgba(255,255,255,0.15)
}
.tl-submenu .tl-submenu-toggle-btn:hover,
.tl-mega-menu .tl-submenu-toggle-btn:hover,
.tl-offcanvas__menu .tl-submenu-toggle-btn:hover {
  background:var(--tl-color-surface)
}
.tl-has-submenu {
  position:relative;
  display:flex;
  align-items:center;
  flex-wrap:wrap
}
.tl-submenu {
  list-style:none;
  margin:0;
  padding:var(--tl-space-2);
  position:absolute;
  top:100%;
  left:0;
  min-width:220px;
  background:var(--tl-color-bg);
  border:1px solid var(--tl-color-border);
  border-radius:var(--tl-radius-md);
  box-shadow:var(--tl-shadow-lg);
  opacity:0;
  visibility:hidden;
  transform:translateY(6px);
  transition:opacity var(--tl-transition),transform var(--tl-transition),visibility var(--tl-transition);
  z-index:50
}
.tl-submenu .tl-submenu {
  top:0;
  left:100%
}
@media (hover:hover) {
  .tl-has-submenu:hover>.tl-submenu,
  .tl-has-submenu:focus-within>.tl-submenu {
    opacity:1;
    visibility:visible;
    transform:translateY(0)
  }
  .tl-has-submenu:hover>.tl-submenu-toggle-btn .tl-submenu-toggle,
  .tl-has-submenu:focus-within>.tl-submenu-toggle-btn .tl-submenu-toggle {
    transform:rotate(225deg)
  }
}
.tl-has-submenu.is-open>.tl-submenu {
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}
.tl-has-submenu.is-open>.tl-submenu-toggle-btn .tl-submenu-toggle {
  transform:rotate(225deg)
}
.tl-submenu .tl-menu-link {
  flex:1
}
.tl-mega-menu {
  position:absolute;
  top:100%;
  left:50%;
  transform:translate(-50%,6px);
  min-width:640px;
  max-width:var(--tl-container-max);
  padding:var(--tl-space-6);
  display:grid;
  grid-template-columns:repeat(var(--tl-mega-cols,3),1fr);
  gap:var(--tl-space-5)
}
.tl-mega-menu--cols-2 {
  --tl-mega-cols:2
}
.tl-mega-menu--cols-3 {
  --tl-mega-cols:3
}
.tl-mega-menu--cols-4 {
  --tl-mega-cols:4
}
.tl-mega-menu--cols-5 {
  --tl-mega-cols:5
}
.tl-mega-menu--width-full {
  left:0;
  right:0;
  transform:translateY(6px);
  width:100vw;
  max-width:100vw;
  border-radius:0
}
@media (hover:hover) {
  .tl-has-submenu:hover>.tl-mega-menu,
  .tl-has-submenu:focus-within>.tl-mega-menu {
    transform:translate(-50%,0)
  }
  .tl-mega-menu--width-full.tl-has-submenu:hover>.tl-mega-menu,
  .tl-mega-menu--width-full.tl-has-submenu:focus-within>.tl-mega-menu {
    transform:translateY(0)
  }
}
.tl-mega-menu .tl-submenu {
  position:static;
  box-shadow:none;
  border:none;
  padding:0;
  opacity:1;
  visibility:visible;
  transform:none;
  min-width:0
}
.tl-header-actions {
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:var(--tl-space-2)
}
.tl-header-toggle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background:transparent;
  border:none;
  cursor:pointer;
  color:var(--tl-color-light);
  transition:background var(--tl-transition),color var(--tl-transition)
}
.tl-header-toggle:hover {
  background:color-mix(in srgb,var(--tl-color-accent) 65%,white 35%);
  color:var(--tl-color-light)
}
.tl-header-toggle svg {
  width:20px !important;
  height:20px;
  flex-shrink:0
}
.tl-header-toggle .tl-dark-toggle__icon {
  width:18px;
  height:18px;
  flex-shrink:0
}
.tl-header-toggle--menu {
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  padding:10px;
  width:40px;
  height:40px;
  border-radius:var(--tl-radius-sm);
  background:rgba(255,255,255,0.12)
}
.tl-header-toggle--menu:hover {
  background:rgba(255,255,255,0.22)
}
.tl-header-toggle--menu span {
  display:block;
  width:18px;
  height:2px;
  background:currentColor;
  border-radius:2px
}
@media (min-width:1024px) {
  .tl-primary-nav {
    display:block
  }
  .tl-header-toggle--menu {
    display:none
  }
}
.tl-header-toggle--menu-standalone {
  display:none
}
@media (max-width:1023px) {
  .tl-header--logo-center .tl-header-toggle--menu-standalone {
    display:inline-flex
  }
  .tl-header--logo-center .tl-header-toggle--menu-inline {
    display:none
  }
  .tl-header--logo-center .tl-site-branding {
    flex:1;
    display:flex;
    justify-content:center
  }
}
.tl-offcanvas {
  position:fixed;
  top:0;
  left:0;
  width:var(--tl-viewport-width,100%);
  height:100%;
  z-index:200;
  visibility:hidden;
  transition:visibility 0s linear 350ms
}
.tl-offcanvas.is-open {
  visibility:visible;
  transition-delay:0s
}
.tl-offcanvas__backdrop {
  position:absolute;
  inset:0;
  background:rgba(18,18,18,0.55);
  opacity:0;
  transition:opacity 350ms ease
}
.tl-offcanvas.is-open .tl-offcanvas__backdrop {
  opacity:1
}
.tl-offcanvas__panel {
  position:absolute;
  top:0;
  left:0;
  right:0;
  max-height:88vh;
  width:100%;
  background:var(--tl-color-bg);
  display:flex;
  flex-direction:column;
  box-shadow:var(--tl-shadow-lg);
  border-radius:0 0 var(--tl-radius-lg) var(--tl-radius-lg);
  overflow-y:auto;
  transform:translateY(-100%);
  transition:transform 400ms cubic-bezier(0.16,1,0.3,1)
}
.tl-offcanvas.is-open .tl-offcanvas__panel {
  transform:translateY(0)
}
.tl-offcanvas__header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:var(--tl-space-5);
  border-bottom:1px solid var(--tl-color-border)
}
.tl-offcanvas__close {
  background:none;
  border:none;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  color:var(--tl-color-text)
}
.tl-offcanvas__nav {
  padding:var(--tl-space-4)
}
.tl-offcanvas__menu {
  list-style:none;
  margin:0;
  padding:0
}
.tl-offcanvas__menu .tl-menu-item {
  border-bottom:1px solid var(--tl-color-border)
}
.tl-offcanvas__menu .tl-menu-link {
  flex:1;
  padding:0.9em 0.6em;
  border-radius:0
}
.tl-offcanvas__menu .tl-submenu {
  position:static;
  opacity:1;
  visibility:visible;
  transform:none;
  box-shadow:none;
  border:none;
  background:var(--tl-color-surface);
  border-radius:var(--tl-radius-sm);
  display:none
}
.tl-offcanvas__menu .tl-has-submenu.is-open>.tl-submenu {
  display:block;
  flex-basis:100%;
  width:100%;
  margin-top:var(--tl-space-2)
}
.tl-offcanvas__footer {
  margin-top:auto;
  padding:var(--tl-space-5);
  border-top:1px solid var(--tl-color-border)
}
body.tl-offcanvas-open {
  overflow:hidden
}
@media (min-width:1024px) {
  .tl-offcanvas {
    display:none
  }
}
.tl-dark-toggle__icon--sun {
  display:none
}
body.tl-dark .tl-dark-toggle__icon--moon,
html.tl-dark .tl-dark-toggle__icon--moon {
  display:none
}
body.tl-dark .tl-dark-toggle__icon--sun,
html.tl-dark .tl-dark-toggle__icon--sun {
  display:block
}
@media (min-width:783px) {
  html:not(.tl-light) body.tl-dark-default-desktop:not(.tl-light) .tl-dark-toggle__icon--moon {
    display:none
  }
  html:not(.tl-light) body.tl-dark-default-desktop:not(.tl-light) .tl-dark-toggle__icon--sun {
    display:block
  }
}
@media (max-width:782px) {
  html:not(.tl-light) body.tl-dark-default-mobile:not(.tl-light) .tl-dark-toggle__icon--moon {
    display:none
  }
  html:not(.tl-light) body.tl-dark-default-mobile:not(.tl-light) .tl-dark-toggle__icon--sun {
    display:block
  }
}
.tl-offcanvas__dark-toggle {
  display:inline-flex;
  align-items:center;
  gap:var(--tl-space-3);
  width:100%;
  padding:0.8em 1em;
  border-radius:var(--tl-radius-sm);
  background:var(--tl-color-surface);
  border:1px solid var(--tl-color-border);
  font-weight:600;
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text);
  cursor:pointer
}
.tl-search-overlay {
  position:fixed;
  inset:0;
  z-index:300;
  background:color-mix(in srgb,var(--tl-color-bg) 96%,transparent);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  overflow-y:auto
}
.tl-search-overlay__inner {
  max-width:720px;
  margin:0 auto;
  padding:var(--tl-space-10) var(--tl-space-5);
  position:relative
}
.tl-search-overlay__close {
  position:absolute;
  top:var(--tl-space-5);
  right:var(--tl-space-5);
  background:none;
  border:none;
  font-size:32px;
  line-height:1;
  cursor:pointer;
  color:var(--tl-color-text)
}
.tl-search-overlay__form {
  display:flex;
  align-items:center;
  gap:var(--tl-space-3);
  border-bottom:2px solid var(--tl-color-primary);
  padding-bottom:var(--tl-space-3)
}
.tl-search-overlay__input {
  flex:1;
  border:none;
  background:transparent;
  font-size:var(--tl-text-xl);
  font-family:var(--tl-font-heading);
  color:var(--tl-color-text);
  outline:none
}
.tl-search-overlay__input:focus-visible {
  box-shadow:0 2px 0 0 var(--tl-color-primary)
}
.tl-search-overlay__submit {
  background:none;
  border:none;
  cursor:pointer;
  color:var(--tl-color-primary);
  display:inline-flex
}
.tl-search-overlay__results {
  margin-top:var(--tl-space-6)
}
.tl-search-overlay__list {
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:var(--tl-space-2)
}
.tl-search-overlay__item a {
  display:flex;
  align-items:center;
  gap:var(--tl-space-4);
  padding:var(--tl-space-2);
  border-radius:var(--tl-radius-sm);
  transition:background var(--tl-transition)
}
.tl-search-overlay__item a:hover {
  background:var(--tl-color-surface)
}
.tl-search-overlay__item img {
  width:56px;
  height:56px;
  object-fit:cover;
  border-radius:var(--tl-radius-sm);
  flex:0 0 auto
}
.tl-search-overlay__item span {
  display:flex;
  flex-direction:column;
  gap:2px
}
.tl-search-overlay__item em {
  font-style:normal;
  font-size:var(--tl-text-xs);
  color:var(--tl-color-primary)
}
.tl-search-overlay__view-all {
  margin-top:var(--tl-space-4)
}
.tl-search-overlay__empty {
  color:var(--tl-color-text-muted)
}
body.tl-search-open {
  overflow:hidden
}
.tl-hero {
  padding-block:var(--tl-space-6)
}
.tl-hero__media {
  position:relative;
  display:block;
  border-radius:var(--tl-radius-lg);
  overflow:hidden;
  aspect-ratio:16 / 9;
  background:var(--tl-color-surface)
}
.tl-hero__media img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 400ms ease
}
.tl-hero__feature:hover .tl-hero__media img,
.tl-hero__magazine-item:hover .tl-hero__media img,
.tl-hero__grid-item:hover .tl-hero__media img,
.tl-hero__carousel-slide:hover .tl-hero__media img {
  transform:scale(1.04)
}
.tl-hero__overlay {
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(18,18,18,0.85) 0%,rgba(18,18,18,0.15) 55%,transparent 100%)
}
.tl-hero__meta {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--tl-space-2) var(--tl-space-3);
  font-size:var(--tl-text-xs);
  font-weight:600;
  color:var(--tl-color-text-muted);
  margin-bottom:var(--tl-space-2)
}
.tl-hero__badge {
  background:var(--tl-color-primary);
  color:var(--tl-color-light);
  padding:0.3em 0.9em;
  border-radius:var(--tl-radius-pill);
  text-transform:uppercase;
  letter-spacing:0.04em
}
.tl-hero__date {
  flex-shrink:0;
  white-space:nowrap
}
@media (max-width:782px) {
  .tl-hero__badge--desktop-only {
    display:none
  }
}
@media (min-width:783px) {
  .tl-hero__badge--mobile-only {
    display:none
  }
}
.tl-hero__feature {
  position:relative;
  display:block;
  border-radius:var(--tl-radius-lg);
  overflow:hidden
}
.tl-hero__feature .tl-hero__media {
  border-radius:0;
  aspect-ratio:21 / 9
}
.tl-hero__feature .tl-hero__content {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:var(--tl-space-8) var(--tl-space-6) var(--tl-space-6);
  color:#fff;
  max-width:720px
}
.tl-hero__feature .tl-hero__title {
  font-size:var(--tl-hero-title-size-desktop);
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:#fff
}
.tl-hero__feature .tl-hero__title a {
  color:#fff
}
.tl-hero__excerpt {
  color:rgba(255,255,255,0.85);
  margin-bottom:var(--tl-space-4)
}
.tl-hero__cta {
  display:inline-flex
}
.tl-hero__bookmark {
  position:absolute;
  top:var(--tl-space-3);
  right:var(--tl-space-3);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:50%;
  background:rgba(18,18,18,0.45);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  border:none;
  color:#fff;
  cursor:pointer;
  z-index:2;
  transition:background var(--tl-transition),color var(--tl-transition)
}
.tl-hero__bookmark:hover {
  background:var(--tl-color-primary)
}
.tl-hero__bookmark.is-active {
  color:var(--tl-color-accent)
}
.tl-hero__bookmark.is-active svg {
  fill:var(--tl-color-accent)
}
.tl-hero__split {
  display:grid;
  grid-template-columns:1.7fr 1fr;
  gap:var(--tl-space-5)
}
.tl-hero__split-main {
  position:relative;
  border-radius:var(--tl-radius-lg);
  overflow:hidden
}
.tl-hero__split-main .tl-hero__media {
  border-radius:0;
  aspect-ratio:8 / 5
}
.tl-hero__split-main .tl-hero__content {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:var(--tl-space-8) var(--tl-space-6) var(--tl-space-6);
  color:#fff;
  max-width:640px
}
.tl-hero__split-main .tl-hero__title {
  font-size:var(--tl-hero-title-size-desktop);
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:#fff
}
.tl-hero__split-main .tl-hero__title a {
  color:#fff
}
.tl-hero__split-side {
  display:flex;
  flex-direction:column;
  gap:var(--tl-space-5)
}
.tl-hero__split-side-item {
  position:relative;
  flex:1;
  border-radius:var(--tl-radius-lg);
  overflow:hidden
}
.tl-hero__split-side-item .tl-hero__media {
  border-radius:0;
  position:absolute;
  inset:0;
  aspect-ratio:auto
}
.tl-hero__split-side-item .tl-hero__content {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:var(--tl-space-5);
  color:#fff;
  z-index:1
}
.tl-hero__split-side-item .tl-hero__title {
  font-size:var(--tl-hero-title-size-desktop);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:#fff;
  margin-bottom:var(--tl-space-1)
}
.tl-hero__split-side-item .tl-hero__title a {
  color:#fff
}
.tl-hero__split-side-item .tl-hero__date {
  font-size:var(--tl-text-xs);
  color:rgba(255,255,255,0.75)
}
.tl-hero__magazine {
  display:grid;
  grid-template-columns:1.6fr 1fr;
  gap:var(--tl-space-5)
}
.tl-hero__magazine-item {
  position:relative;
  border-radius:var(--tl-radius-lg);
  overflow:hidden
}
.tl-hero__magazine-item--main {
  grid-row:span 2
}
.tl-hero__magazine-item .tl-hero__content {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:var(--tl-space-5);
  color:#fff
}
.tl-hero__magazine-item .tl-hero__title {
  font-size:var(--tl-hero-title-size-desktop);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.tl-hero__magazine-item .tl-hero__title a {
  color:#fff
}
.tl-hero__magazine-item--side {
  margin-bottom:var(--tl-space-5)
}
.tl-hero__magazine-item--side:last-child {
  margin-bottom:0
}
.tl-hero__magazine-item--side .tl-hero__media {
  aspect-ratio:16 / 9
}
.tl-hero__grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:var(--tl-space-5)
}
.tl-hero__grid-item {
  position:relative;
  border-radius:var(--tl-radius-lg);
  overflow:hidden
}
.tl-hero__grid-item .tl-hero__content {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:var(--tl-space-4);
  color:#fff
}
.tl-hero__grid-item .tl-hero__title {
  font-size:var(--tl-hero-title-size-desktop);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.tl-hero__grid-item .tl-hero__title a {
  color:#fff
}
.tl-carousel,
.tl-hero__carousel {
  position:relative
}
.tl-carousel-track,
.tl-hero__carousel-track {
  display:flex;
  align-items:stretch;
  gap:var(--tl-space-4);
  overflow-x:auto;
  overscroll-behavior-x:contain;
  touch-action:pan-x pan-y;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding-bottom:4px
}
.tl-carousel-track::-webkit-scrollbar,
.tl-hero__carousel-track::-webkit-scrollbar {
  display:none
}
.tl-hero__carousel-slide {
  position:relative;
  flex:0 0 min(720px,85%);
  scroll-snap-align:start;
  border-radius:var(--tl-radius-lg);
  overflow:hidden
}
.tl-hero__carousel-slide .tl-hero__content {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:var(--tl-space-6);
  color:#fff
}
.tl-hero__carousel-slide .tl-hero__title {
  font-size:var(--tl-hero-title-size-desktop);
  line-height:1.3;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.tl-hero__carousel-slide .tl-hero__title a {
  color:#fff
}
@media (max-width:782px) {
  .tl-hero__feature .tl-hero__title,
  .tl-hero__split-main .tl-hero__title,
  .tl-hero__split-side-item .tl-hero__title,
  .tl-hero__magazine-item .tl-hero__title,
  .tl-hero__grid-item .tl-hero__title,
  .tl-hero__carousel-slide .tl-hero__title {
    font-size:var(--tl-hero-title-size-mobile)
  }
  .tl-hero__carousel-slide .tl-hero__content {
    padding:var(--tl-space-4)
  }
  .tl-hero__carousel-slide .tl-hero__title {
    -webkit-line-clamp:2
  }
}
.tl-carousel-nav,
.tl-hero__carousel-nav {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:32px;
  height:32px;
  border-radius:50%;
  background:var(--tl-color-bg);
  border:1px solid var(--tl-color-border);
  box-shadow:var(--tl-shadow-md);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  z-index:5
}
.tl-carousel-nav--prev,
.tl-hero__carousel-nav--prev {
  left:4px
}
.tl-carousel-nav--next,
.tl-hero__carousel-nav--next {
  right:4px
}
@media (min-width:1024px) {
  .tl-carousel-nav,
  .tl-hero__carousel-nav {
    width:44px;
    height:44px;
    font-size:18px
  }
  .tl-carousel-nav--prev,
  .tl-hero__carousel-nav--prev {
    left:-18px
  }
  .tl-carousel-nav--next,
  .tl-hero__carousel-nav--next {
    right:-18px
  }
}
.tl-hero__trending {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:var(--tl-space-4)
}
.tl-hero__trending-item {
  position:relative;
  display:flex;
  align-items:center;
  gap:var(--tl-space-3);
  padding:var(--tl-space-3);
  border-radius:var(--tl-radius-md);
  background:var(--tl-color-surface);
  border:1px solid var(--tl-color-border)
}
.tl-hero__trending-rank {
  font-family:var(--tl-font-heading);
  font-weight:800;
  font-size:var(--tl-text-2xl);
  color:var(--tl-color-primary);
  width:36px;
  flex:0 0 auto
}
.tl-hero__trending-item .tl-hero__media {
  width:64px;
  height:64px;
  flex:0 0 auto;
  border-radius:var(--tl-radius-sm);
  aspect-ratio:1 / 1
}
.tl-hero__trending-item .tl-hero__title {
  margin:0;
  font-size:var(--tl-text-base)
}
@media (max-width:782px) {
  .tl-hero__magazine {
    grid-template-columns:1fr
  }
  .tl-hero__magazine-item--main {
    grid-row:auto
  }
  .tl-hero__grid,
  .tl-hero__trending {
    grid-template-columns:1fr
  }
  .tl-hero__feature .tl-hero__media {
    aspect-ratio:4 / 3
  }
  .tl-hero__split {
    grid-template-columns:1fr
  }
  .tl-hero__split-main .tl-hero__media {
    aspect-ratio:4 / 3
  }
  .tl-hero__split-side {
    flex-direction:column
  }
  .tl-hero__split-side-item {
    min-height:220px
  }
}
.tl-section {
  margin-bottom:var(--tl-space-8);
  padding-bottom:var(--tl-space-8);
  border-bottom:1px solid var(--tl-color-border)
}
.tl-section:last-child {
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:none
}
.tl-section__header {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:var(--tl-space-4);
  margin-bottom:var(--tl-space-5)
}
.tl-section__title {
  margin:0;
  position:relative;
  padding-left:var(--tl-space-4);
  font-size:var(--tl-section-title-size-desktop,var(--tl-text-2xl))
}
@media (max-width:782px) {
  .tl-section__title {
    font-size:var(--tl-section-title-size-mobile,var(--tl-text-2xl))
  }
}
.tl-section__title::before {
  content:'';
  position:absolute;
  left:0;
  top:0.15em;
  bottom:0.15em;
  width:5px;
  border-radius:var(--tl-radius-pill);
  background:linear-gradient(180deg,var(--tl-color-primary),var(--tl-color-accent))
}
.tl-section__view-more {
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:700;
  font-size:var(--tl-text-sm);
  color:var(--tl-color-primary);
  white-space:nowrap;
  transition:gap var(--tl-transition)
}
.tl-section__view-more:hover {
  gap:10px
}
.tl-section__items--grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:var(--tl-space-5)
}
.tl-section__items--album-gap,
.tl-widget-grid-slide--album-gap,
.tl-carousel-track--album-gap {
  gap:var(--tl-album-card-gap-mobile,24px) !important
}
@media (min-width:783px) {
  .tl-section__items--album-gap,
  .tl-widget-grid-slide--album-gap,
  .tl-carousel-track--album-gap {
    gap:var(--tl-album-card-gap-desktop,24px) !important
  }
}
.tl-section__items--list {
  display:flex;
  flex-direction:column;
  gap:var(--tl-space-3)
}
.tl-section__track {
  padding-bottom:4px
}
.tl-post-card__media {
  position:relative;
  display:block;
  aspect-ratio:4 / 3;
  overflow:hidden
}
.tl-post-card__media img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 400ms ease;
  -webkit-user-drag:none;
  user-drag:none;
  -webkit-user-select:none;
  user-select:none
}
.tl-post-card:hover .tl-post-card__media img {
  transform:scale(1.06)
}
.tl-post-card__media-placeholder {
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(135deg,var(--tl-color-surface),var(--tl-color-border))
}
.tl-post-card__badge {
  position:absolute;
  top:var(--tl-space-3);
  left:var(--tl-space-3);
  background:var(--tl-color-primary);
  color:var(--tl-color-light);
  font-size:var(--tl-text-xs);
  font-weight:700;
  padding:0.3em 0.8em;
  border-radius:var(--tl-radius-pill);
  text-transform:uppercase;
  letter-spacing:0.03em
}
.tl-post-card__rank {
  position:absolute;
  top:var(--tl-space-3);
  right:var(--tl-space-3);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:26px;
  height:26px;
  padding-inline:6px;
  background:rgba(18,18,18,0.75);
  color:#fff;
  font-family:var(--tl-font-heading);
  font-weight:800;
  font-size:var(--tl-text-xs);
  border-radius:var(--tl-radius-pill)
}
.tl-post-card__body {
  display:flex;
  flex-direction:column;
  flex:1;
  padding:var(--tl-space-5)
}
.tl-post-card--minimal .tl-post-card__body {
  padding-bottom:var(--tl-space-4)
}
.tl-post-card--minimal .tl-post-card__title {
  margin-bottom:0
}
.tl-post-card--album {
  background:transparent;
  box-shadow:none;
  border-radius:0
}
.tl-post-card--album:hover,
.tl-post-card--album:active,
.tl-post-card--album:focus {
  transform:none;
  box-shadow:none
}
.tl-post-card--album .tl-post-card__media {
  aspect-ratio:1 / 1;
  border-radius:var(--tl-radius-md);
  overflow:hidden
}
.tl-post-card--album .tl-post-card__body {
  padding:var(--tl-space-3) var(--tl-space-2) var(--tl-space-2)
}
.tl-post-card--album .tl-post-card__title {
  margin-bottom:0;
  font-family:var(--tl-album-title-font,var(--tl-font-heading));
  font-size:var(--tl-album-title-size-desktop,var(--tl-text-lg));
  min-height:calc(1.3em * var(--tl-album-title-lines-desktop,2));
  -webkit-line-clamp:var(--tl-album-title-lines-desktop,2)
}
.tl-post-card__title {
  margin:0 0 var(--tl-space-2);
  font-family:var(--tl-post-card-title-font,var(--tl-font-heading));
  font-size:var(--tl-post-card-title-size-desktop,var(--tl-text-lg));
  line-height:1.3;
  min-height:calc(1.3em * var(--tl-post-card-title-lines-desktop,2));
  display:-webkit-box;
  -webkit-line-clamp:var(--tl-post-card-title-lines-desktop,2);
  -webkit-box-orient:vertical;
  overflow:hidden
}
.tl-post-card--minimal .tl-post-card__title {
  font-family:var(--tl-minimal-title-font,var(--tl-font-heading));
  font-size:var(--tl-minimal-title-size-desktop,var(--tl-text-sm));
  min-height:calc(1.3em * var(--tl-minimal-title-lines-desktop,3));
  -webkit-line-clamp:var(--tl-minimal-title-lines-desktop,3)
}
@media (min-width:783px) {
  body.tl-full-title-desktop .tl-post-card:not(.tl-post-card--minimal):not(.tl-post-card--album) .tl-post-card__title {
    display:block;
    -webkit-line-clamp:unset;
    min-height:0
  }
  body.tl-full-title-minimal-desktop .tl-post-card--minimal .tl-post-card__title {
    display:block;
    -webkit-line-clamp:unset;
    min-height:0
  }
  body.tl-full-title-album-desktop .tl-post-card--album .tl-post-card__title {
    display:block;
    -webkit-line-clamp:unset;
    min-height:0
  }
}
.tl-widget-grid-slide .tl-post-card__title {
  font-size:var(--tl-text-sm);
  line-height:1.35;
  min-height:calc(1.35em * var(--tl-minimal-title-lines-desktop,3));
  display:-webkit-box;
  -webkit-line-clamp:var(--tl-minimal-title-lines-desktop,3);
  -webkit-box-orient:vertical;
  overflow:hidden
}
.tl-widget-grid-slide .tl-post-card--minimal .tl-post-card__title {
  font-size:var(--tl-minimal-title-size-desktop,var(--tl-text-sm))
}
.tl-widget-grid-slide .tl-post-card:not(.tl-post-card--minimal):not(.tl-post-card--album) .tl-post-card__title {
  font-size:var(--tl-post-card-title-size-desktop,var(--tl-text-lg));
  min-height:calc(1.35em * var(--tl-post-card-title-lines-desktop,2));
  -webkit-line-clamp:var(--tl-post-card-title-lines-desktop,2)
}
.tl-widget-grid-slide .tl-post-card--album .tl-post-card__title {
  font-size:var(--tl-album-title-size-desktop,var(--tl-text-lg));
  min-height:calc(1.35em * var(--tl-album-title-lines-desktop,2));
  -webkit-line-clamp:var(--tl-album-title-lines-desktop,2)
}
.tl-post-card__footer {
  margin-top:auto
}
.tl-post-card__excerpt {
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text-muted);
  margin-bottom:var(--tl-space-2)
}
.tl-widget-item__excerpt {
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text-muted);
  margin:4px 0 0;
  line-height:1.5
}
.tl-sidebar .tl-widget-item__excerpt {
  font-size:var(--tl-text-xs)
}
.tl-post-card__meta {
  display:flex;
  align-items:center;
  gap:var(--tl-space-3);
  font-size:var(--tl-text-xs);
  color:var(--tl-color-text-muted)
}
.tl-post-card--list {
  display:flex;
  flex-direction:row;
  align-items:stretch
}
.tl-post-card--list .tl-post-card__media {
  flex:0 0 160px;
  aspect-ratio:1 / 1
}
.tl-post-card--list .tl-post-card__body {
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center
}
.tl-post-card--list .tl-post-card__footer {
  margin-top:var(--tl-space-3)
}
.tl-post-card--slide {
  flex:0 0 240px;
  scroll-snap-align:start
}
@media (max-width:782px) {
  .tl-post-card--slide {
    flex-basis:190px
  }
  .tl-post-card--slide .tl-post-card__media {
    aspect-ratio:4 / 3
  }
  .tl-post-card--slide .tl-post-card__body {
    padding:var(--tl-space-3) var(--tl-space-3) var(--tl-space-4)
  }
  .tl-post-card--slide .tl-post-card__title {
    font-size:var(--tl-text-sm);
    margin-bottom:var(--tl-space-1)
  }
  .tl-post-card--slide .tl-post-card__footer {
    margin-top:auto
  }
  .tl-post-card--slide .tl-post-card__meta {
    font-size:11px;
    margin-bottom:var(--tl-space-2)
  }
  .tl-post-card--slide .tl-post-card__actions {
    padding-top:var(--tl-space-2);
    gap:var(--tl-space-1)
  }
  .tl-post-card--slide .tl-post-card__action {
    font-size:11px;
    padding:3px 4px
  }
}
@media (max-width:782px) {
  .tl-post-card--list {
    flex-direction:row
  }
  .tl-post-card--list .tl-post-card__media {
    flex-basis:110px
  }
  .tl-section__items--grid {
    grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
    gap:var(--tl-space-4)
  }
  .tl-post-card__badge {
    display:none
  }
  .tl-post-card__excerpt {
    display:none
  }
  .tl-section__items--grid .tl-post-card__media,
  .tl-widget-grid-slide .tl-post-card__media {
    aspect-ratio:4 / 3
  }
  .tl-section__items--grid .tl-post-card__body,
  .tl-widget-grid-slide .tl-post-card__body {
    padding:var(--tl-space-3) var(--tl-space-3) var(--tl-space-4)
  }
  .tl-section__items--grid .tl-post-card__title {
    font-size:var(--tl-post-card-title-size-mobile,var(--tl-text-xs));
    line-height:1.35;
    margin-bottom:var(--tl-space-1);
    min-height:calc(1.35em * var(--tl-post-card-title-lines-mobile,2));
    -webkit-line-clamp:var(--tl-post-card-title-lines-mobile,2)
  }
  .tl-post-card--minimal .tl-post-card__title {
    font-size:var(--tl-minimal-title-size-mobile,var(--tl-text-xs));
    min-height:calc(1.35em * var(--tl-minimal-title-lines-mobile,3));
    -webkit-line-clamp:var(--tl-minimal-title-lines-mobile,3)
  }
  .tl-post-card--album .tl-post-card__title {
    font-size:var(--tl-album-title-size-mobile,var(--tl-text-xs));
    min-height:calc(1.35em * var(--tl-album-title-lines-mobile,2));
    -webkit-line-clamp:var(--tl-album-title-lines-mobile,2)
  }
  body.tl-full-title-mobile .tl-post-card:not(.tl-post-card--minimal):not(.tl-post-card--album) .tl-post-card__title {
    display:block;
    -webkit-line-clamp:unset;
    min-height:0
  }
  body.tl-full-title-minimal-mobile .tl-post-card--minimal .tl-post-card__title {
    display:block;
    -webkit-line-clamp:unset;
    min-height:0
  }
  body.tl-full-title-album-mobile .tl-post-card--album .tl-post-card__title {
    display:block;
    -webkit-line-clamp:unset;
    min-height:0
  }
  .tl-widget-grid-slide .tl-post-card__title {
    font-size:var(--tl-text-xs);
    line-height:1.35;
    margin-bottom:var(--tl-space-1);
    min-height:calc(1.35em * var(--tl-minimal-title-lines-mobile,3));
    display:-webkit-box;
    -webkit-line-clamp:var(--tl-minimal-title-lines-mobile,3);
    -webkit-box-orient:vertical;
    overflow:hidden
  }
  .tl-widget-grid-slide .tl-post-card--minimal .tl-post-card__title {
    font-size:var(--tl-minimal-title-size-mobile,var(--tl-text-xs))
  }
  .tl-widget-grid-slide .tl-post-card:not(.tl-post-card--minimal):not(.tl-post-card--album) .tl-post-card__title {
    font-size:var(--tl-post-card-title-size-mobile,var(--tl-text-xs));
    min-height:calc(1.35em * var(--tl-post-card-title-lines-mobile,2));
    -webkit-line-clamp:var(--tl-post-card-title-lines-mobile,2)
  }
  .tl-widget-grid-slide .tl-post-card--album .tl-post-card__title {
    font-size:var(--tl-album-title-size-mobile,var(--tl-text-xs));
    min-height:calc(1.35em * var(--tl-album-title-lines-mobile,2));
    -webkit-line-clamp:var(--tl-album-title-lines-mobile,2)
  }
  .tl-widget-grid-slide {
    gap:var(--tl-space-1)
  }
  .tl-section__items--grid .tl-post-card__footer,
  .tl-widget-grid-slide .tl-post-card__footer {
    margin-top:auto
  }
  .tl-section__items--grid .tl-post-card__meta,
  .tl-widget-grid-slide .tl-post-card__meta {
    font-size:11px;
    margin-bottom:var(--tl-space-2)
  }
  .tl-section__items--grid .tl-post-card__actions,
  .tl-widget-grid-slide .tl-post-card__actions {
    padding-top:var(--tl-space-2);
    gap:var(--tl-space-1)
  }
  .tl-section__items--grid .tl-post-card__action,
  .tl-widget-grid-slide .tl-post-card__action {
    font-size:11px;
    padding:3px 4px
  }
}
.tl-homepage-layout,
.tl-single-layout {
  padding-block:var(--tl-space-6) var(--tl-space-10)
}
.tl-homepage-layout--with-sidebar,
.tl-single-layout--with-sidebar {
  display:grid;
  grid-template-columns:1fr;
  gap:var(--tl-space-8);
  align-items:start
}
@media (min-width:1024px) {
  .tl-homepage-layout--with-sidebar,
  .tl-single-layout--with-sidebar {
    grid-template-columns:70fr 30fr
  }
}
.tl-homepage-main,
.tl-single-main {
  min-width:0
}
.tl-sidebar {
  display:flex;
  flex-direction:column;
  gap:var(--tl-space-6);
  min-width:0
}
@media (min-width:1024px) {
  .tl-sidebar--sticky {
    position:sticky;
    top:calc(var(--tl-space-5) + 72px);
    width:100%
  }
}
.tl-widget {
  background:var(--tl-color-light);
  border:1px solid var(--tl-color-border);
  border-radius:var(--tl-radius-md);
  padding:var(--tl-space-5)
}
body.tl-dark .tl-widget,
html.tl-dark .tl-widget {
  background:var(--tl-color-surface)
}
@media (min-width:783px) {
  html:not(.tl-light) body.tl-dark-default-desktop:not(.tl-light) .tl-widget {
    background:var(--tl-color-surface)
  }
}
@media (max-width:782px) {
  html:not(.tl-light) body.tl-dark-default-mobile:not(.tl-light) .tl-widget {
    background:var(--tl-color-surface)
  }
}
body.tl-dark .tl-artist-header__bio,
html.tl-dark .tl-artist-header__bio {
  color:var(--tl-artist-bio-dark-color,var(--tl-color-text-muted))
}
@media (min-width:783px) {
  html:not(.tl-light) body.tl-dark-default-desktop:not(.tl-light) .tl-artist-header__bio {
    color:var(--tl-artist-bio-dark-color,var(--tl-color-text-muted))
  }
}
@media (max-width:782px) {
  html:not(.tl-light) body.tl-dark-default-mobile:not(.tl-light) .tl-artist-header__bio {
    color:var(--tl-artist-bio-dark-color,var(--tl-color-text-muted))
  }
}
.tl-widget-title {
  margin:0 0 var(--tl-space-4);
  font-size:var(--tl-text-2xl);
  position:relative;
  padding-left:var(--tl-space-4)
}
.tl-widget-title::before {
  content:'';
  position:absolute;
  left:0;
  top:0.15em;
  bottom:0.15em;
  width:4px;
  border-radius:var(--tl-radius-pill);
  background:linear-gradient(180deg,var(--tl-color-primary),var(--tl-color-accent))
}
.tl-widget-list--list {
  display:flex;
  flex-direction:column;
  gap:var(--tl-space-3)
}
.tl-widget-list--grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:var(--tl-space-3)
}
.tl-widget-item {
  display:flex;
  align-items:var(--tl-widget-item-align,flex-start);
  gap:var(--tl-space-6);
  padding-bottom:var(--tl-space-6);
  border-bottom:1px solid var(--tl-color-border)
}
.tl-sidebar .tl-widget-item {
  gap:var(--tl-space-3);
  padding-bottom:var(--tl-space-3)
}
.tl-widget-list--list .tl-widget-item:last-child {
  padding-bottom:0;
  border-bottom:none
}
.tl-widget-list--grid .tl-widget-item {
  flex-direction:column;
  align-items:flex-start
}
.tl-widget-item--thumb-right .tl-widget-item__media {
  order:3
}
.tl-widget-item--thumb-right .tl-widget-item__body {
  order:2
}
.tl-widget-item--thumb-right .tl-widget-item__rank {
  order:1
}
.tl-widget-carousel .tl-carousel-track {
  gap:var(--tl-space-3)
}
.tl-widget-item--slider {
  flex:0 0 calc((100% - (var(--tl-slider-cols,2) - 1) * var(--tl-space-3)) / var(--tl-slider-cols,2));
  scroll-snap-align:start;
  flex-direction:column;
  align-items:flex-start;
  border-bottom:none;
  padding-bottom:0
}
.tl-widget-item--slider .tl-widget-item__media {
  width:100%;
  aspect-ratio:1 / 1
}
.tl-widget-carousel--paged .tl-carousel-track {
  scroll-snap-type:x mandatory;
  align-items:flex-start
}
.tl-widget-grid-slide {
  flex:0 0 100%;
  display:grid;
  gap:var(--tl-space-2);
  scroll-snap-align:start
}
.tl-widget-grid-slide .tl-widget-item {
  flex-direction:column;
  align-items:flex-start
}
.tl-widget-grid-slide .tl-widget-item__media {
  width:100%;
  aspect-ratio:1 / 1
}
.tl-widget-grid-slide .tl-widget-item__rank {
  flex:0 0 auto
}
.tl-widget-item__rank {
  flex:0 0 auto;
  font-family:var(--tl-font-heading);
  font-weight:800;
  font-size:var(--tl-text-lg);
  color:var(--tl-color-primary);
  width:22px
}
.tl-widget-item__media {
  flex:0 0 auto;
  display:block;
  width:90px;
  height:90px;
  border-radius:var(--tl-radius-sm);
  overflow:hidden;
  background:var(--tl-color-bg)
}
.tl-widget-item--size-small .tl-widget-item__media {
  width:56px;
  height:56px
}
.tl-widget-item--size-large .tl-widget-item__media {
  width:190px;
  height:190px
}
.tl-widget-item--size-wide .tl-widget-item__media {
  width:320px;
  height:auto;
  aspect-ratio:8 / 5
}
@media (max-width:782px) {
  .tl-widget-item--mobile-size-small .tl-widget-item__media {
    width:56px;
    height:56px;
    aspect-ratio:1 / 1
  }
  .tl-widget-item--mobile-size-medium .tl-widget-item__media {
    width:90px;
    height:90px;
    aspect-ratio:1 / 1
  }
  .tl-widget-item--mobile-size-large .tl-widget-item__media {
    width:110px;
    height:110px;
    aspect-ratio:1 / 1
  }
  .tl-widget-item {
    gap:var(--tl-space-3)
  }
  .tl-widget-list--grid {
    gap:var(--tl-space-2)
  }
  .tl-widget-list--grid .tl-widget-item {
    gap:var(--tl-space-2)
  }
  .tl-widget-list--grid .tl-widget-item__title {
    font-size:var(--tl-compact-title-size-mobile,var(--tl-text-xs));
    line-height:1.35
  }
  .tl-widget-list--grid .tl-widget-item__rank {
    font-size:var(--tl-text-sm);
    width:16px
  }
  .tl-widget-list--grid .tl-widget-item__meta {
    font-size:11px;
    margin-top:var(--tl-space-1)
  }
}
.tl-widget-list--grid .tl-widget-item__media {
  width:100%;
  aspect-ratio:1 / 1
}
.tl-widget-item__media img {
  width:100%;
  height:100%;
  object-fit:cover
}
.tl-widget-item__body {
  min-width:0;
  flex:1
}
.tl-widget-item__title {
  font-weight:800;
  font-family:var(--tl-compact-title-font,var(--tl-font-base));
  font-size:var(--tl-compact-title-size-desktop,var(--tl-text-xl));
  line-height:1.4;
  color:var(--tl-color-text)
}
.tl-sidebar .tl-widget-item__title {
  font-size:var(--tl-text-sm)
}
@media (max-width:782px) {
  .tl-widget-item__title {
    font-size:var(--tl-compact-title-size-mobile,var(--tl-text-xl))
  }
}
.tl-widget-item__title:hover {
  color:var(--tl-color-primary)
}
.tl-widget-item__meta {
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:var(--tl-space-2);
  font-size:var(--tl-text-xs);
  color:var(--tl-color-text-muted)
}
.tl-widget-item__byline {
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:var(--tl-space-2)
}
.tl-widget-item__byline-group {
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-right:auto
}
.tl-widget-item__byline-label {
  font-size:var(--tl-text-xs);
  color:var(--tl-color-text-muted)
}
.tl-widget-item__author-name {
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:var(--tl-text-xs);
  font-weight:600;
  color:var(--tl-color-text-muted)
}
.tl-widget-item__author-name:hover {
  color:var(--tl-color-primary)
}
.tl-widget-item__like,
.tl-widget-item__bookmark {
  display:inline-flex;
  align-items:center;
  gap:4px;
  background:none;
  border:none;
  cursor:pointer;
  color:var(--tl-color-text-muted);
  font-size:var(--tl-text-xs);
  font-weight:600;
  padding:4px;
  border-radius:var(--tl-radius-sm);
  transition:color var(--tl-transition),background var(--tl-transition)
}
.tl-widget-item__like:hover,
.tl-widget-item__bookmark:hover {
  background:var(--tl-color-surface);
  color:var(--tl-color-primary)
}
.tl-widget-item__like.is-active {
  color:var(--tl-color-primary)
}
.tl-widget-item__like.is-active svg {
  fill:var(--tl-color-primary)
}
.tl-widget-item__bookmark.is-active {
  color:var(--tl-color-accent)
}
.tl-widget-item__bookmark.is-active svg {
  fill:var(--tl-color-accent)
}
.tl-widget-item__meta-icon {
  flex-shrink:0;
  opacity:0.7
}
.tl-widget-ad {
  display:flex;
  justify-content:center;
  overflow:hidden
}
.tl-post-card__meta {
  display:flex;
  align-items:center;
  gap:var(--tl-space-3);
  font-size:var(--tl-text-xs);
  color:var(--tl-color-text-muted);
  margin-bottom:var(--tl-space-3)
}
.tl-post-card__actions {
  display:flex;
  align-items:center;
  gap:var(--tl-space-2);
  border-top:1px solid var(--tl-color-border);
  padding-top:var(--tl-space-3)
}
.tl-post-card__action {
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:none;
  border:none;
  cursor:pointer;
  color:var(--tl-color-text-muted);
  font-size:var(--tl-text-xs);
  font-weight:600;
  padding:4px 6px;
  border-radius:var(--tl-radius-sm);
  transition:color var(--tl-transition),background var(--tl-transition)
}
.tl-post-card__action:hover {
  background:var(--tl-color-surface);
  color:var(--tl-color-primary)
}
.tl-post-card__like.is-active {
  color:var(--tl-color-primary)
}
.tl-post-card__like.is-active svg {
  fill:var(--tl-color-primary)
}
.tl-post-card__bookmark.is-active {
  color:var(--tl-color-accent)
}
.tl-post-card__bookmark.is-active svg {
  fill:var(--tl-color-accent)
}
.tl-post-card__share-wrap {
  position:relative;
  margin-left:auto
}
.tl-post-card__share-menu {
  position:absolute;
  bottom:100%;
  right:0;
  margin-bottom:6px;
  background:var(--tl-color-bg);
  border:1px solid var(--tl-color-border);
  border-radius:var(--tl-radius-sm);
  box-shadow:var(--tl-shadow-md);
  padding:var(--tl-space-2);
  flex-direction:column;
  gap:2px;
  min-width:160px;
  z-index:20
}
.tl-post-card__share-menu:not([hidden]) {
  display:flex
}
.tl-post-card__share-menu a,
.tl-post-card__share-menu button {
  display:block;
  width:100%;
  text-align:left;
  background:none;
  border:none;
  padding:6px 8px;
  border-radius:6px;
  font-size:var(--tl-text-xs);
  font-weight:600;
  color:var(--tl-color-text);
  cursor:pointer
}
.tl-post-card__share-menu a:hover,
.tl-post-card__share-menu button:hover {
  background:var(--tl-color-surface);
  color:var(--tl-color-primary)
}
.tl-section__loadmore {
  display:flex;
  justify-content:center;
  margin-top:var(--tl-space-6)
}
.tl-section__loadmore .tl-btn[data-loading="1"] {
  opacity:0.6;
  pointer-events:none
}
@media (max-width:782px) {
  .tl-sidebar .tl-widget-list--grid {
    grid-template-columns:repeat(2,1fr) !important
  }
  .tl-widget-carousel {
    --tl-slider-cols:2 !important
  }
}
.tl-reading-progress {
  height:3px;
  background:var(--tl-color-border)
}
.tl-reading-progress__bar {
  height:100%;
  width:0%;
  background:linear-gradient(90deg,var(--tl-color-primary),var(--tl-color-accent));
  transition:width 100ms linear
}
.tl-announcement-bar {
  position:relative;
  width:var(--tl-viewport-width,100%);
  max-width:var(--tl-container-max);
  margin-inline:auto;
  padding:var(--tl-space-2) var(--tl-space-10) var(--tl-space-2) var(--tl-space-5);
  text-align:center;
  font-size:var(--tl-text-sm);
  font-weight:600
}
body.tl-layout-fullwidth .tl-announcement-bar {
  max-width:none
}
.tl-announcement-bar__link-overlay {
  position:absolute;
  inset:0;
  z-index:1
}
.tl-announcement-bar__inner {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--tl-space-3);
  flex-wrap:wrap
}
.tl-announcement-bar__text {
  display:inline-flex;
  align-items:flex-start;
  gap:var(--tl-space-2)
}
.tl-announcement-bar__icon {
  flex-shrink:0;
  display:block
}
@media (prefers-reduced-motion:no-preference) {
  .tl-announcement-bar__icon {
    animation:tl-announcement-wiggle 4s ease-in-out infinite
  }
}
@keyframes tl-announcement-wiggle {
  0%,
  85%,
  100% {
    transform:rotate(0deg)
  }
  87% {
    transform:rotate(-12deg)
  }
  89% {
    transform:rotate(10deg)
  }
  91% {
    transform:rotate(-8deg)
  }
  93% {
    transform:rotate(6deg)
  }
  95% {
    transform:rotate(0deg)
  }
}
.tl-announcement-bar__button {
  background:rgba(255,255,255,0.22);
  color:inherit;
  padding:0.25em 0.9em;
  border-radius:var(--tl-radius-pill);
  font-weight:700;
  text-decoration:none;
  white-space:nowrap
}
.tl-announcement-bar__close {
  position:absolute;
  top:50%;
  right:var(--tl-space-2);
  transform:translateY(-50%);
  z-index:2;
  background:none;
  border:none;
  color:inherit;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  opacity:0.85;
  padding:var(--tl-space-1)
}
.tl-announcement-bar__close:hover {
  opacity:1
}
.tl-scroll-progress {
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:var(--tl-color-border);
  z-index:10000
}
.tl-scroll-progress__bar {
  height:100%;
  width:0%;
  background:linear-gradient(90deg,var(--tl-color-primary),var(--tl-color-accent));
  transition:width 100ms linear
}
.tl-article__header {
  margin-bottom:var(--tl-space-5)
}
.tl-article__badge {
  display:inline-flex;
  background:var(--tl-color-primary);
  color:var(--tl-color-light);
  font-size:var(--tl-text-xs);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.03em;
  padding:0.35em 0.9em;
  border-radius:var(--tl-radius-pill);
  margin-bottom:var(--tl-space-4)
}
.tl-article__badge:hover {
  background:var(--tl-color-accent)
}
.tl-article__title {
  font-size:var(--tl-text-3xl);
  line-height:1.15;
  margin-bottom:var(--tl-space-3)
}
.tl-article__subtitle {
  font-size:var(--tl-text-lg);
  color:var(--tl-color-text-muted);
  margin-bottom:var(--tl-space-4);
  line-height:1.5
}
.tl-article__byline {
  display:flex;
  align-items:center;
  gap:var(--tl-space-3);
  padding-block:var(--tl-space-4);
  border-top:1px solid var(--tl-color-border);
  border-bottom:1px solid var(--tl-color-border)
}
.tl-article__author-avatar-link {
  flex-shrink:0;
  display:block
}
.tl-article__author-avatar {
  border-radius:50%;
  width:48px;
  height:48px;
  display:block
}
.tl-article__byline-info {
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0
}
.tl-article__author-name {
  display:inline-flex;
  align-items:center;
  gap:4px;
  width:fit-content;
  font-weight:700;
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text)
}
.tl-article__author-name:hover {
  color:var(--tl-color-primary)
}
.tl-article__verified {
  flex-shrink:0
}
.tl-article__published {
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text)
}
.tl-article__published strong {
  font-weight:700;
  margin-right:0.35em
}
.tl-article__thumbnail {
  margin:0 0 var(--tl-space-6);
  border-radius:var(--tl-radius-lg);
  overflow:hidden;
  box-shadow:0 4px 20px rgba(18,18,18,0.2)
}
body.tl-no-caption-shadow .tl-article__thumbnail {
  box-shadow:none
}
.tl-article__thumbnail img {
  width:100%;
  height:auto;
  display:block
}
.tl-article__thumbnail-caption {
  padding:var(--tl-space-3) var(--tl-space-4);
  background:var(--tl-color-surface);
  font-size:var(--tl-text-sm);
  font-style:italic;
  color:var(--tl-color-text-muted);
  text-align:center
}
.tl-single-body {
  display:flex;
  align-items:flex-start;
  gap:var(--tl-space-5)
}
.tl-single-body__content {
  min-width:0;
  flex:1
}
.tl-float-actions {
  position:sticky;
  top:calc(var(--tl-header-height,80px) + var(--tl-space-4));
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--tl-space-3);
  width:52px;
  padding:var(--tl-space-3) 0
}
.tl-float-actions__item {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--tl-color-surface);
  border:1px solid var(--tl-color-border);
  color:var(--tl-color-text-muted);
  font-size:var(--tl-text-xs);
  font-weight:600;
  line-height:1;
  transition:background var(--tl-transition),color var(--tl-transition),border-color var(--tl-transition)
}
.tl-float-actions__item:hover {
  border-color:var(--tl-color-accent);
  color:var(--tl-color-accent)
}
.tl-float-actions__like.is-active {
  background:#e0264d;
  border-color:#e0264d;
  color:var(--tl-color-light)
}
.tl-float-actions__share svg {
  width:18px;
  height:18px
}
.tl-float-actions__divider {
  display:block;
  width:24px;
  height:1px;
  background:var(--tl-color-border);
  margin:var(--tl-space-1) 0
}
@media (max-width:782px) {
  .tl-single-body {
    flex-direction:column
  }
  .tl-single-body__content {
    width:100%
  }
  .tl-float-actions {
    position:static;
    flex-direction:row;
    flex-wrap:nowrap;
    overflow-x:auto;
    justify-content:center;
    width:100%;
    gap:var(--tl-space-1);
    padding:var(--tl-space-2);
    background:var(--tl-color-surface);
    border-radius:var(--tl-radius-md)
  }
  .tl-float-actions__item {
    flex-shrink:0;
    width:34px;
    height:34px
  }
  .tl-float-actions__share svg {
    width:16px;
    height:16px
  }
  .tl-float-actions__divider {
    flex-shrink:0;
    width:1px;
    height:24px;
    margin:0 var(--tl-space-1)
  }
}
.tl-single-actions {
  background:var(--tl-color-bg);
  border-bottom:1px solid var(--tl-color-border);
  margin-bottom:var(--tl-space-6);
  z-index:60
}
.tl-single-actions--sticky {
  position:sticky;
  top:var(--tl-header-height,80px)
}
.tl-single-actions__inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:var(--tl-space-3);
  padding-block:var(--tl-space-3)
}
.tl-share-icons-row {
  display:flex;
  align-items:center;
  gap:var(--tl-space-2)
}
.tl-share-icons-row__label {
  font-weight:700;
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text);
  margin-right:var(--tl-space-1)
}
.tl-share-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:var(--tl-color-light);
  color:var(--tl-color-dark);
  border:1.5px solid var(--tl-color-border);
  cursor:pointer;
  transition:border-color var(--tl-transition),color var(--tl-transition)
}
.tl-share-icon:hover {
  border-color:var(--tl-color-accent);
  color:var(--tl-color-accent)
}
.tl-share-icon--copy {
  -webkit-appearance:none;
  appearance:none;
  font:inherit
}
.tl-single-actions__right {
  display:flex;
  align-items:center;
  gap:var(--tl-space-3)
}
.tl-single-actions__like {
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:var(--tl-color-surface);
  border:1px solid var(--tl-color-border);
  border-radius:var(--tl-radius-pill);
  padding:0.5em 1em;
  font-size:var(--tl-text-sm);
  font-weight:600;
  color:var(--tl-color-text-muted);
  cursor:pointer;
  transition:background var(--tl-transition),border-color var(--tl-transition),color var(--tl-transition)
}
@media (max-width:782px) {
  .tl-single-actions__inner {
    gap:var(--tl-space-4)
  }
  .tl-share-icons-row {
    gap:var(--tl-space-3)
  }
  .tl-single-actions__right {
    gap:var(--tl-space-4)
  }
}
.tl-single-actions__like:hover {
  border-color:#e0264d;
  color:#e0264d
}
.tl-single-actions__like.is-active {
  background:color-mix(in srgb,#e0264d 12%,transparent);
  border-color:#e0264d;
  color:#e0264d
}
.tl-single-actions__like.is-active svg {
  fill:#e0264d
}
.tl-single-actions__comment-btn {
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:var(--tl-color-primary);
  color:var(--tl-color-light);
  border-radius:var(--tl-radius-pill);
  padding:0.6em 1.3em;
  font-size:var(--tl-text-sm);
  font-weight:700;
  transition:background var(--tl-transition)
}
.tl-single-actions__comment-btn:hover {
  background:var(--tl-color-accent);
  color:var(--tl-color-light)
}
.tl-single-actions__comment-count {
  background:rgba(255,255,255,0.25);
  border-radius:var(--tl-radius-pill);
  padding:0.1em 0.5em;
  font-size:var(--tl-text-xs)
}
@media (max-width:400px) {
  .tl-share-icon {
    width:34px;
    height:34px
  }
}
.tl-article-content {
  font-size:1.0625rem;
  line-height:1.8;
  color:var(--tl-color-text);
}
.tl-article-content>* + * {
  margin-top:var(--tl-space-5)
}
.tl-article-content h2,
.tl-article-content h3,
.tl-article-content h4 {
  margin-top:var(--tl-space-8);
  margin-bottom:var(--tl-space-2);
  line-height:1.3
}
.tl-article-content h2 {
  font-size:1.5em
}
.tl-article-content h3 {
  font-size:1.25em
}
.tl-article-content h4 {
  font-size:1.1em
}
.tl-article-content p {
  margin-bottom:0
}
.tl-article-content>p:first-of-type {
  font-weight:700;
  font-size:1.05em
}
.tl-article-content a:not(.tl-music-download, .tl-stream-platforms__btn, .tl-stream-on__btn) {
  color: inherit;
  text-decoration: none;
}
.tl-article-content a:not(.tl-music-download, .tl-stream-platforms__btn, .tl-stream-on__btn):hover {
  color: inherit;
  text-decoration: none;
}
.tl-article-content ul,
.tl-article-content ol {
  padding-left:1.4em
}
.tl-article-content li + li {
  margin-top:0.4em
}
.tl-article-content blockquote {
  margin:0;
  padding:var(--tl-space-4) var(--tl-space-5);
  border-left:4px solid var(--tl-color-primary);
  background:var(--tl-color-surface);
  border-radius:0 var(--tl-radius-md) var(--tl-radius-md) 0;
  font-style:italic;
  color:var(--tl-color-text-muted)
}
.tl-article-content img {
  max-width:100%;
  /*! height:auto; */
  border-radius:var(--tl-radius-md);
  display:block
}
.tl-article-content figure {
  margin:0
}
.tl-article-content figcaption {
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text-muted);
  text-align:center;
  margin-top:var(--tl-space-2)
}
.tl-article-content table {
  width:100%;
  border-collapse:collapse;
  font-size:0.95em
}
.tl-article-content th,
.tl-article-content td {
  padding:var(--tl-space-2) var(--tl-space-3);
  border:1px solid var(--tl-color-border);
  text-align:left
}
.tl-article-content hr {
  border:none;
  border-top:1px solid var(--tl-color-border)
}
.tl-article-content code {
  background:var(--tl-color-surface);
  padding:0.15em 0.4em;
  border-radius:4px;
  font-size:0.9em
}
.tl-article-content pre {
  background:var(--tl-color-dark);
  color:#f3f3f4;
  padding:var(--tl-space-4);
  border-radius:var(--tl-radius-md);
  overflow-x:auto;
  overscroll-behavior-x:contain
}
.tl-article-content pre code {
  background:none;
  padding:0
}
.tl-article-content iframe,
.tl-article-content embed,
.tl-article-content object,
.tl-article-content video {
  max-width:100%;
  border:none;
  border-radius:var(--tl-radius-md)
}
.tl-article-content .wp-block-embed__wrapper {
  position:relative
}
.tl-article-content .wp-embed-aspect-16-9 .wp-block-embed__wrapper {
  aspect-ratio:16 / 9
}
.tl-article-content .wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
  width:100%;
  height:100%
}
.tl-in-content-ad {
  display:flex;
  justify-content:center;
  margin:var(--tl-space-6) 0;
  overflow:hidden
}
.tl-article__tags {
  display:flex;
  flex-wrap:wrap;
  gap:var(--tl-space-2);
  margin-top:var(--tl-space-8);
  padding-top:var(--tl-space-5);
  border-top:1px solid var(--tl-color-border)
}
@media (max-width:782px) {
  .tl-article__title {
    font-size:var(--tl-text-2xl)
  }
  .tl-single-actions__comment-btn {
    padding:0.55em 1em
  }
}
.tl-related-posts {
  margin-top:var(--tl-space-10)
}
.tl-related-posts .tl-section__header {
  margin-bottom:var(--tl-space-4)
}
.tl-artist-header {
  position:relative;
  margin-block:var(--tl-space-6);
  border-radius:var(--tl-radius-lg);
  overflow:hidden
}
.tl-artist-header__cover {
  position:relative;
  aspect-ratio:21 / 9
}
.tl-artist-header__cover img {
  width:100%;
  height:100%;
  object-fit:cover
}
.tl-artist-header__overlay {
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(18,18,18,0.75) 0%,rgba(18,18,18,0.15) 55%,transparent 100%)
}
.tl-artist-header__body {
  position:relative;
  padding:var(--tl-space-6)
}
.tl-artist-header--has-image .tl-artist-header__body {
  margin-top:-8rem
}
.tl-artist-header__avatar {
  width:180px;
  height:180px;
  border-radius:50%;
  overflow:hidden;
  border:5px solid var(--tl-color-bg);
  background:var(--tl-color-surface);
  margin-bottom:var(--tl-space-3)
}
.tl-artist-header__avatar img {
  width:100%;
  height:100%;
  object-fit:cover
}
.tl-artist-header:not(.tl-artist-header--has-image) .tl-artist-header__body {
  padding-top:var(--tl-space-6)
}
@media (min-width:783px) {
  .tl-artist-header--hide-cover-desktop .tl-artist-header__cover {
    display:none
  }
  .tl-artist-header--hide-cover-desktop .tl-artist-header__body {
    margin-top:0;
    padding-top:var(--tl-space-6)
  }
}
.tl-artist-header:not(.tl-artist-header--has-image) {
  background:var(--tl-color-surface);
  border:1px solid var(--tl-color-border)
}
.tl-artist-header__label {
  display:inline-block;
  font-size:var(--tl-text-xs);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.06em;
  color:var(--tl-color-accent);
  margin-bottom:var(--tl-space-2)
}
.tl-artist-header__name {
  font-size:var(--tl-text-3xl);
  line-height:1.1;
  margin-bottom:var(--tl-space-1)
}
.tl-artist-header__date {
  display:block;
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text-muted);
  margin-bottom:var(--tl-space-2)
}
.tl-artist-header__count {
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text-muted);
  margin-bottom:var(--tl-space-3)
}
.tl-artist-header__bio {
  max-width:640px;
  color:var(--tl-color-text);
  line-height:1.7;
  margin:0;
  white-space:pre-line
}
.tl-artist-header__bio p {
  color:inherit
}
.tl-artist-header__bio-wrap {
  margin-top:var(--tl-space-1)
}
.tl-artist-header__bio-toggle {
  display:inline-block;
  margin-top:var(--tl-space-2);
  background:none;
  border:0;
  padding:0;
  font-size:var(--tl-text-sm);
  font-weight:600;
  color:var(--tl-color-accent);
  cursor:pointer
}
.tl-artist-header__bio-toggle:hover {
  text-decoration:underline
}
.tl-artist-related-grid {
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr))
}
.tl-artist-card {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:var(--tl-space-5) var(--tl-space-4)
}
.tl-artist-card__media {
  width:128px;
  height:128px;
  border-radius:50%;
  overflow:hidden;
  margin-bottom:var(--tl-space-3);
  background:var(--tl-color-surface);
  display:flex;
  align-items:center;
  justify-content:center
}
.tl-artist-card__media img {
  width:100%;
  height:100%;
  object-fit:cover
}
.tl-artist-card__initial {
  width:40%;
  height:40%;
  color:var(--tl-color-primary)
}
.tl-artist-card__body {
  display:flex;
  flex-direction:column;
  gap:2px
}
.tl-artist-card__name {
  font-weight:700;
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text)
}
.tl-artist-sections .tl-section {
  margin-top:var(--tl-space-10)
}
.tl-artist-sections .tl-section:first-child {
  margin-top:0
}
.tl-artist-empty {
  color:var(--tl-color-text-muted);
  padding-block:var(--tl-space-6)
}
@media (max-width:782px) {
  .tl-artist-header__body {
    padding:var(--tl-space-5) var(--tl-space-4)
  }
  .tl-artist-header--has-image .tl-artist-header__body {
    margin-top:-6rem
  }
  .tl-artist-header--hide-cover-mobile .tl-artist-header__cover {
    display:none
  }
  .tl-artist-header--hide-cover-mobile .tl-artist-header__body {
    margin-top:0;
    padding-top:var(--tl-space-5)
  }
  .tl-artist-header__avatar {
    width:140px;
    height:140px;
    border-width:4px
  }
  .tl-artist-header__name {
    font-size:var(--tl-text-2xl)
  }
}
.tl-chart__title {
  margin-bottom:var(--tl-space-4);
  font-size:var(--tl-text-lg)
}
.tl-chart__error {
  background:var(--tl-color-surface);
  border:1px dashed var(--tl-color-border);
  border-radius:var(--tl-radius-sm);
  padding:var(--tl-space-4);
  color:var(--tl-color-text-muted);
  font-size:var(--tl-text-sm)
}
.tl-chart__error-note {
  display:block;
  margin-top:var(--tl-space-1);
  font-size:var(--tl-text-xs);
  font-style:italic
}
.tl-chart__list {
  list-style:none;
  margin:0;
  padding:0
}
.tl-chart__list--list {
  display:flex;
  flex-direction:column;
  gap:var(--tl-space-2)
}
.tl-chart__list--grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:var(--tl-space-4)
}
.tl-chart__link {
  display:flex;
  align-items:center;
  gap:var(--tl-space-3);
  padding:var(--tl-space-2);
  border-radius:var(--tl-radius-sm);
  transition:background var(--tl-transition)
}
.tl-chart__list--list .tl-chart__link:hover {
  background:var(--tl-color-surface)
}
.tl-chart__list--grid .tl-chart__link {
  flex-direction:column;
  align-items:flex-start;
  background:var(--tl-color-surface);
  border:1px solid var(--tl-color-border);
  border-radius:var(--tl-radius-md);
  padding:var(--tl-space-4)
}
.tl-chart__list--grid .tl-chart__link:hover {
  border-color:var(--tl-color-primary);
  transform:translateY(-2px)
}
.tl-chart__rank {
  flex-shrink:0;
  width:28px;
  font-family:var(--tl-font-heading);
  font-weight:800;
  font-size:var(--tl-text-lg);
  color:var(--tl-color-primary)
}
.tl-chart__list--grid .tl-chart__rank {
  width:auto;
  margin-bottom:var(--tl-space-2)
}
.tl-chart__artwork {
  flex-shrink:0;
  width:48px;
  height:48px;
  border-radius:var(--tl-radius-sm);
  overflow:hidden;
  background:var(--tl-color-border)
}
.tl-chart__list--grid .tl-chart__artwork {
  width:100%;
  aspect-ratio:1 / 1;
  margin-bottom:var(--tl-space-3)
}
.tl-chart__artwork img {
  width:100%;
  height:100%;
  object-fit:cover
}
.tl-chart__info {
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0
}
.tl-chart__song-title {
  font-weight:700;
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100%
}
.tl-chart__song-artist {
  font-size:var(--tl-text-xs);
  color:var(--tl-color-text-muted)
}
.tl-comments {
  margin-top:var(--tl-space-10);
  padding-top:var(--tl-space-8);
  border-top:1px solid var(--tl-color-border)
}
.tl-comments__title {
  font-size:var(--tl-text-xl);
  margin-bottom:var(--tl-space-5)
}
.tl-comments-list,
.tl-comments-list .children {
  list-style:none;
  margin:0;
  padding:0
}
.tl-comments-list>li {
  margin-bottom:var(--tl-space-4)
}
.tl-comments-list .children {
  margin-top:var(--tl-space-4);
  padding-left:var(--tl-space-6);
  border-left:2px solid var(--tl-color-border)
}
.tl-comments-list .children>li {
  margin-top:var(--tl-space-4);
  margin-bottom:0
}
.tl-comment__card {
  display:flex;
  gap:var(--tl-space-3);
  background:var(--tl-color-surface);
  border:1px solid var(--tl-color-border);
  border-radius:var(--tl-radius-md);
  padding:var(--tl-space-4)
}
.tl-comment--pending .tl-comment__card {
  border-style:dashed;
  opacity:0.85
}
.tl-comment__avatar {
  flex-shrink:0
}
.tl-comment__avatar img {
  border-radius:50%;
  display:block
}
.tl-comment__body {
  flex:1;
  min-width:0
}
.tl-comment__meta {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:var(--tl-space-2);
  margin-bottom:var(--tl-space-2)
}
.tl-comment__author {
  font-weight:700;
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text)
}
.tl-comment__date {
  font-size:var(--tl-text-xs);
  color:var(--tl-color-text-muted)
}
.tl-comment__pending-notice {
  font-size:var(--tl-text-xs);
  font-style:italic;
  color:var(--tl-color-accent);
  margin-bottom:var(--tl-space-2)
}
.tl-comment__content {
  font-size:var(--tl-text-sm);
  line-height:1.7;
  color:var(--tl-color-text)
}
.tl-comment__content p {
  margin:0 0 var(--tl-space-3)
}
.tl-comment__content p:last-child {
  margin-bottom:0
}
.tl-comment__actions {
  display:flex;
  gap:var(--tl-space-4);
  margin-top:var(--tl-space-3);
  font-size:var(--tl-text-xs);
  font-weight:700
}
.tl-comment__actions a {
  color:var(--tl-color-text-muted)
}
.tl-comment__actions a:hover {
  color:var(--tl-color-primary)
}
.tl-comments__pagination {
  display:flex;
  justify-content:space-between;
  margin-top:var(--tl-space-5);
  font-size:var(--tl-text-sm);
  font-weight:600
}
.tl-comments__pagination a {
  color:var(--tl-color-primary)
}
.tl-comments__closed {
  color:var(--tl-color-text-muted);
  font-size:var(--tl-text-sm)
}
.tl-comment-form {
  margin-top:var(--tl-space-8)
}
.tl-comment-form .comment-reply-title {
  font-size:var(--tl-text-xl);
  margin-bottom:var(--tl-space-4)
}
.tl-comment-form .comment-reply-title small {
  margin-left:var(--tl-space-2);
  font-size:var(--tl-text-xs);
  font-weight:600
}
.tl-comment-form__field,
.tl-comment-form p {
  margin:0 0 var(--tl-space-4)
}
.tl-comment-form label {
  display:block;
  margin-bottom:var(--tl-space-2);
  font-size:var(--tl-text-sm);
  font-weight:600;
  color:var(--tl-color-text)
}
.tl-comment-form input[type="text"],
.tl-comment-form input[type="email"],
.tl-comment-form input[type="url"],
.tl-comment-form__textarea {
  width:100%;
  padding:0.75em 1em;
  border-radius:var(--tl-radius-sm);
  border:1px solid var(--tl-color-border);
  background:var(--tl-color-bg);
  color:var(--tl-color-text);
  font-family:inherit;
  font-size:var(--tl-text-sm)
}
.tl-comment-form input:focus-visible,
.tl-comment-form__textarea:focus-visible {
  border-color:var(--tl-color-primary)
}
.tl-comment-form__textarea {
  resize:vertical
}
.tl-comment-form .comment-form-cookies-consent {
  display:flex;
  align-items:center;
  gap:var(--tl-space-2);
  font-size:var(--tl-text-xs);
  color:var(--tl-color-text-muted)
}
.tl-comment-form .comment-form-cookies-consent input {
  width:auto
}
.tl-comment-form__notice {
  padding:var(--tl-space-3) var(--tl-space-4);
  border-radius:var(--tl-radius-sm);
  font-size:var(--tl-text-sm);
  margin-bottom:var(--tl-space-4)
}
.tl-comment-form__notice.is-error {
  background:color-mix(in srgb,#d63638 15%,transparent);
  color:#d63638;
  border:1px solid color-mix(in srgb,#d63638 35%,transparent)
}
.tl-comment-form__notice.is-success {
  background:color-mix(in srgb,var(--tl-color-primary) 12%,transparent);
  color:var(--tl-color-primary);
  border:1px solid color-mix(in srgb,var(--tl-color-primary) 35%,transparent)
}
#cancel-comment-reply-link {
  margin-left:var(--tl-space-3);
  color:var(--tl-color-text-muted);
  font-weight:600;
  font-size:var(--tl-text-xs)
}
@media (max-width:782px) {
  .tl-comments-list .children {
    padding-left:var(--tl-space-4)
  }
  .tl-comment__card {
    gap:var(--tl-space-2);
    padding:var(--tl-space-3)
  }
  .tl-comment__avatar img {
    width:36px;
    height:36px
  }
}
.tl-archive-header {
  padding-block:var(--tl-space-6);
  border-bottom:1px solid var(--tl-color-border);
  margin-bottom:var(--tl-space-6)
}
.tl-archive-header__title {
  font-size:var(--tl-text-2xl);
  margin-bottom:var(--tl-space-1)
}
.tl-archive-header__date {
  display:block;
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text-muted);
  margin-bottom:var(--tl-space-2)
}
.tl-archive-header__count {
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text-muted);
  margin-bottom:0
}
.tl-archive-header__description {
  max-width:640px;
  color:var(--tl-color-text-muted);
  line-height:1.7;
  margin-top:var(--tl-space-3)
}
.tl-archive-empty {
  color:var(--tl-color-text-muted);
  padding-block:var(--tl-space-8);
  text-align:center
}
.pagination.navigation {
  margin-top:var(--tl-space-8)
}
.pagination .nav-links {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:var(--tl-space-2)
}
.pagination .page-numbers {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  padding-inline:var(--tl-space-2);
  border-radius:var(--tl-radius-sm);
  background:var(--tl-color-surface);
  border:1px solid var(--tl-color-border);
  font-weight:600;
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text)
}
.pagination .page-numbers:hover {
  border-color:var(--tl-color-primary);
  color:var(--tl-color-primary)
}
.pagination .page-numbers.current {
  background:var(--tl-color-primary);
  border-color:var(--tl-color-primary);
  color:var(--tl-color-light)
}
.pagination .page-numbers.dots {
  background:none;
  border:none
}
@media (max-width:782px) {
  .tl-archive-header__title {
    font-size:var(--tl-text-xl)
  }
}
.tl-category-header {
  position:relative;
  border-bottom:none;
  padding-block:0;
  margin-bottom:var(--tl-space-6)
}
.tl-category-header--has-image {
  border-radius:var(--tl-radius-lg);
  overflow:hidden;
  color:#fff
}
.tl-category-header__image {
  position:relative;
  aspect-ratio:21 / 9
}
.tl-category-header__image img {
  width:100%;
  height:100%;
  object-fit:cover
}
.tl-category-header__overlay {
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(18,18,18,0.9) 0%,rgba(18,18,18,0.3) 60%,transparent 100%)
}
.tl-category-header__content {
  padding-block:var(--tl-space-6)
}
.tl-category-header--has-image .tl-category-header__content {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:var(--tl-space-6)
}
.tl-category-header--has-image .tl-archive-header__title,
.tl-category-header--has-image .tl-archive-header__date,
.tl-category-header--has-image .tl-archive-header__count,
.tl-category-header--has-image .tl-archive-header__description {
  color:#fff
}
.tl-category-header:not(.tl-category-header--has-image) .tl-category-header__content {
  border-bottom:1px solid var(--tl-color-border)
}
.tl-category-header__subcats {
  display:flex;
  flex-wrap:wrap;
  gap:var(--tl-space-2);
  margin-top:var(--tl-space-4)
}
@media (max-width:782px) {
  .tl-category-header--has-image .tl-category-header__content {
    padding:var(--tl-space-4)
  }
}
.tl-search-page-form {
  display:flex;
  align-items:center;
  gap:var(--tl-space-3);
  max-width:560px;
  margin-bottom:var(--tl-space-6);
  padding:var(--tl-space-2) var(--tl-space-2) var(--tl-space-2) var(--tl-space-4);
  background:var(--tl-color-surface);
  border:1px solid var(--tl-color-border);
  border-radius:var(--tl-radius-pill)
}
.tl-search-page-form__input {
  flex:1;
  min-width:0;
  border:none;
  background:transparent;
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text);
  outline:none
}
.tl-search-page-form__input:focus-visible {
  box-shadow:0 2px 0 0 var(--tl-color-primary)
}
.tl-search-page-form__submit {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background:var(--tl-color-primary);
  color:var(--tl-color-light);
  border:none;
  cursor:pointer;
  flex-shrink:0;
  transition:background var(--tl-transition)
}
.tl-search-page-form__submit:hover {
  background:var(--tl-color-accent)
}
.tl-search-empty {
  background:var(--tl-color-surface);
  border:1px dashed var(--tl-color-border);
  border-radius:var(--tl-radius-md);
  padding:var(--tl-space-8);
  text-align:center;
  color:var(--tl-color-text-muted)
}
@media (max-width:782px) {
  .tl-search-page-form {
    max-width:100%
  }
}
.tl-author-header {
  display:flex;
  align-items:flex-start;
  gap:var(--tl-space-5);
  padding-block:var(--tl-space-6)
}
.tl-author-header__avatar img {
  border-radius:50%;
  display:block
}
.tl-author-header__content {
  min-width:0
}
.tl-author-header__name {
  display:flex;
  align-items:center;
  gap:var(--tl-space-2)
}
.tl-author-header__verified {
  flex-shrink:0
}
.tl-author-header__bio {
  max-width:640px
}
.tl-author-header__website {
  display:inline-flex;
  margin-top:var(--tl-space-2);
  font-size:var(--tl-text-sm);
  font-weight:600;
  color:var(--tl-color-primary)
}
.tl-author-header__website:hover {
  color:var(--tl-color-accent)
}
@media (max-width:782px) {
  .tl-author-header {
    gap:var(--tl-space-3)
  }
  .tl-author-header__avatar img {
    width:56px;
    height:56px
  }
}
.tl-404 {
  padding-block:var(--tl-space-10)
}
.tl-404__hero {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  max-width:560px;
  margin:0 auto var(--tl-space-10)
}
.tl-404__code {
  font-family:var(--tl-font-heading);
  font-weight:800;
  font-size:clamp(4rem,6vw + 1rem,7rem);
  line-height:1;
  background:linear-gradient(135deg,var(--tl-color-primary),var(--tl-color-accent));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  margin-bottom:var(--tl-space-4)
}
.tl-404__title {
  font-size:var(--tl-text-2xl);
  margin-bottom:var(--tl-space-3)
}
.tl-404__text {
  color:var(--tl-color-text-muted);
  line-height:1.7;
  margin-bottom:var(--tl-space-6)
}
.tl-404__search {
  width:100%;
  display:flex;
  justify-content:center;
  margin-bottom:var(--tl-space-5)
}
.tl-404__search .tl-search-page-form {
  width:100%;
  margin-bottom:0
}
.tl-404__section {
  max-width:900px;
  margin:0 auto var(--tl-space-8)
}
.tl-404__section-title {
  font-size:var(--tl-text-lg);
  text-align:center;
  margin-bottom:var(--tl-space-4)
}
.tl-404__categories {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:var(--tl-space-2)
}
.tl-site-footer {
  background:var(--tl-color-dark);
  color:rgba(255,255,255,0.75);
  padding-top:var(--tl-space-10)
}
.tl-footer-columns {
  display:grid;
  grid-template-columns:1fr;
  gap:var(--tl-space-8);
  padding-bottom:var(--tl-space-8)
}
@media (min-width:782px) {
  .tl-footer-columns {
    grid-template-columns:repeat(2,1fr)
  }
}
@media (min-width:1024px) {
  .tl-footer-columns {
    grid-template-columns:1.3fr 1fr 1fr 1.2fr
  }
  .tl-footer-columns--no-about {
    grid-template-columns:1fr 1fr 1.2fr
  }
}
.tl-footer-logo {
  margin-bottom:var(--tl-space-4)
}
.tl-footer-logo .custom-logo {
  max-height:40px;
  width:auto
}
.tl-footer-logo__text {
  font-family:var(--tl-font-heading);
  font-weight:800;
  font-size:var(--tl-text-lg);
  color:#fff
}
.tl-footer-about-text {
  font-size:var(--tl-text-sm);
  line-height:1.7;
  color:rgba(255,255,255,0.65);
  margin-bottom:var(--tl-space-4);
  max-width:320px
}
.tl-footer-social {
  display:flex;
  flex-wrap:wrap;
  gap:var(--tl-space-2)
}
.tl-footer-social__link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:rgba(255,255,255,0.08);
  color:#fff;
  transition:background var(--tl-transition),color var(--tl-transition)
}
.tl-footer-social__link:hover {
  background:var(--tl-color-primary)
}
.tl-footer-col__title {
  font-size:var(--tl-text-sm);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.05em;
  color:#fff;
  margin-bottom:var(--tl-space-4)
}
.tl-footer-col__title--spaced {
  margin-top:var(--tl-space-6)
}
.tl-footer-col__empty {
  font-size:var(--tl-text-xs);
  color:rgba(255,255,255,0.5);
  font-style:italic
}
.tl-footer-nav {
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:var(--tl-space-3)
}
@media (max-width:782px) {
  .tl-footer-nav {
    flex-direction:row;
    flex-wrap:wrap;
    gap:var(--tl-space-2) var(--tl-space-4)
  }
}
.tl-footer-nav a {
  font-size:var(--tl-text-sm);
  color:rgba(255,255,255,0.7)
}
.tl-footer-nav a:hover {
  color:#fff
}
.tl-footer-posts {
  display:flex;
  flex-direction:column;
  gap:var(--tl-space-3)
}
.tl-footer-post {
  display:flex;
  align-items:center;
  gap:var(--tl-space-3)
}
.tl-footer-post__thumb {
  flex:0 0 auto;
  width:48px;
  height:48px;
  border-radius:var(--tl-radius-sm);
  overflow:hidden;
  display:block
}
.tl-footer-post__thumb img {
  width:100%;
  height:100%;
  object-fit:cover
}
.tl-footer-post__body {
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0
}
.tl-footer-post__title {
  font-size:var(--tl-text-sm);
  font-weight:600;
  color:rgba(255,255,255,0.85);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.tl-footer-post:hover .tl-footer-post__title {
  color:#fff
}
.tl-footer-post__date {
  font-size:var(--tl-text-xs);
  color:rgba(255,255,255,0.45)
}
.tl-footer-categories {
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:var(--tl-space-3)
}
.tl-footer-categories a {
  display:flex;
  justify-content:space-between;
  font-size:var(--tl-text-sm);
  color:rgba(255,255,255,0.7)
}
.tl-footer-categories a:hover {
  color:#fff
}
.tl-footer-categories a span {
  color:rgba(255,255,255,0.4);
  margin-left:var(--tl-space-2)
}
.tl-footer-tags {
  display:flex;
  flex-wrap:wrap;
  gap:var(--tl-space-2)
}
.tl-pill--sm {
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,255,255,0.12);
  color:rgba(255,255,255,0.75);
  font-size:11px;
  padding:0.3em 0.8em
}
.tl-pill--sm:hover {
  background:var(--tl-color-primary);
  color:#fff
}
.tl-footer-bottom {
  border-top:1px solid rgba(255,255,255,0.1);
  padding-block:var(--tl-space-5)
}
.tl-footer-bottom__copyright {
  font-size:var(--tl-text-xs);
  color:rgba(255,255,255,0.5);
  text-align:center;
  margin:0
}
.tl-footer-bottom__sep {
  margin-inline:var(--tl-space-2);
  opacity:0.5
}
.tl-back-to-top {
  position:fixed;
  right:var(--tl-space-5);
  bottom:var(--tl-space-5);
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--tl-color-primary);
  color:var(--tl-color-light);
  border:none;
  font-size:18px;
  line-height:1;
  cursor:pointer;
  box-shadow:var(--tl-shadow-lg);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity var(--tl-transition),transform var(--tl-transition),background var(--tl-transition);
  z-index:80
}
.tl-back-to-top.is-visible {
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}
.tl-back-to-top:hover {
  background:var(--tl-color-accent)
}
@media (max-width:782px) {
  .tl-back-to-top {
    right:var(--tl-space-4);
    bottom:var(--tl-space-4);
    width:40px;
    height:40px
  }
}
.tl-bottom-nav {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:90;
  display:none;
  background:var(--tl-color-bg);
  border-top:1px solid var(--tl-color-border);
  box-shadow:0 -2px 10px rgba(18,18,18,0.08)
}
.tl-bottom-nav__item {
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:var(--tl-space-2) 0;
  background:none;
  border:none;
  font-family:inherit;
  color:var(--tl-color-text-muted);
  text-decoration:none;
  cursor:pointer
}
.tl-bottom-nav__icon {
  display:block
}
.tl-bottom-nav__label {
  font-size:11px;
  font-weight:600;
  line-height:1
}
.tl-bottom-nav__item--active {
  color:var(--tl-color-primary)
}
@media (max-width:782px) {
  .tl-bottom-nav {
    display:flex
  }
  body.tl-bottom-nav-active {
    padding-bottom:56px
  }
  body.tl-bottom-nav-active .tl-back-to-top {
    bottom:calc(56px + var(--tl-space-3))
  }
}
.tl-resume-bar[hidden] {
  display:none
}
.tl-resume-bar {
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:95;
  display:flex;
  align-items:flex-end;
  gap:var(--tl-space-3);
  min-height:var(--tl-resume-bar-height,56px);
  padding:var(--tl-space-2) var(--tl-space-4);
  background:var(--tl-color-surface);
  border-top:1px solid var(--tl-color-border);
  box-shadow:0 -2px 12px rgba(0,0,0,0.08);
  overflow:hidden
}
.tl-resume-bar--has-scrubber {
  padding-top:14px
}
.tl-resume-bar__scrubber {
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:18px;
  display:flex;
  align-items:center;
  padding-inline:var(--tl-space-3);
  touch-action:none;
  cursor:pointer;
  z-index:2
}
.tl-resume-bar__scrubber-track {
  position:relative;
  width:100%;
  height:3px;
  background:rgba(128,128,128,0.3);
  border-radius:2px
}
.tl-resume-bar__scrubber-fill {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:0%;
  background:var(--tl-color-primary);
  border-radius:2px;
  pointer-events:none
}
.tl-resume-bar__scrubber-thumb {
  position:absolute;
  top:50%;
  left:0%;
  width:11px;
  height:11px;
  border-radius:50%;
  background:var(--tl-color-primary);
  box-shadow:0 1px 3px rgba(0,0,0,0.3);
  transform:translate(-50%,-50%);
  pointer-events:none
}
.tl-resume-bar__link {
  display:flex;
  align-items:center;
  gap:var(--tl-space-2);
  flex:1;
  min-width:0;
  text-decoration:none;
  color:inherit
}
.tl-resume-bar__image {
  width:40px;
  height:40px;
  border-radius:var(--tl-radius-sm);
  object-fit:cover;
  flex-shrink:0;
  background:var(--tl-color-border)
}
.tl-resume-bar__text {
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column
}
.tl-resume-bar__label {
  align-self:flex-start;
  background:var(--tl-color-primary);
  color:var(--tl-color-light);
  font-size:var(--tl-text-2xs);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.03em;
  line-height:1.3;
  padding:0.2em 0.6em;
  border-radius:var(--tl-radius-pill);
  margin-bottom:2px
}
.tl-resume-bar__title {
  min-width:0;
  font-size:var(--tl-text-sm);
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.tl-resume-bar__title--marquee {
  text-overflow:clip
}
.tl-resume-bar__title--marquee span {
  display:inline-block;
  padding-left:100%;
  animation:tl-resume-marquee 9s linear infinite
}
@keyframes tl-resume-marquee {
  0% {
    transform:translateX(0)
  }
  100% {
    transform:translateX(-100%)
  }
}
.tl-resume-bar__player {
  width:1px;
  height:1px;
  overflow:hidden;
  flex-shrink:0
}
.tl-resume-bar__player--visible {
  position:static;
  width:200px;
  height:var(--tl-resume-bar-height,56px);
  overflow:visible;
  flex-shrink:0
}
.tl-resume-bar__player--visible iframe {
  display:block;
  width:100%;
  height:100%;
  border:none
}
.tl-resume-bar__play,
.tl-resume-bar__close {
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:50%;
  border:none;
  cursor:pointer;
  padding:0
}
.tl-resume-bar__play {
  background:var(--tl-color-primary);
  color:var(--tl-color-light)
}
.tl-resume-bar__pause-icon {
  display:none
}
.tl-resume-bar__play.is-playing .tl-resume-bar__play-icon {
  display:none
}
.tl-resume-bar__play.is-playing .tl-resume-bar__pause-icon {
  display:block
}
.tl-resume-bar__play.is-playing {
  animation:tl-resume-pulse 1.6s ease-in-out infinite
}
@media (prefers-reduced-motion:reduce) {
  .tl-resume-bar__play.is-playing {
    animation:none;
    opacity:0.7
  }
}
@keyframes tl-resume-pulse {
  0%,
  100% {
    transform:scale(1);
    opacity:1
  }
  50% {
    transform:scale(1.15);
    opacity:0.75
  }
}
.tl-resume-bar__close {
  background:transparent;
  color:var(--tl-color-text-muted);
  font-size:20px;
  line-height:1
}
.tl-resume-bar__close:hover {
  color:var(--tl-color-text)
}
@media (min-width:783px) {
  body.tl-resume-bar-no-desktop .tl-resume-bar {
    display:none !important
  }
}
@media (max-width:782px) {
  body.tl-resume-bar-no-mobile .tl-resume-bar {
    display:none !important
  }
}
body.tl-resume-bar-active {
  padding-bottom:var(--tl-resume-bar-height,56px)
}
@media (max-width:782px) {
  body.tl-bottom-nav-active .tl-resume-bar {
    bottom:var(--tl-resume-bar-height,56px)
  }
  body.tl-resume-bar-active.tl-bottom-nav-active {
    padding-bottom:calc(var(--tl-resume-bar-height,56px) + 56px)
  }
}
.tl-categories-panel {
  position:fixed;
  inset:0;
  z-index:220;
  visibility:hidden;
  transition:visibility 0s linear 350ms
}
.tl-categories-panel.is-open {
  visibility:visible;
  transition-delay:0s
}
.tl-categories-panel__backdrop {
  position:absolute;
  inset:0;
  background:rgba(18,18,18,0.55);
  opacity:0;
  transition:opacity 350ms ease
}
.tl-categories-panel.is-open .tl-categories-panel__backdrop {
  opacity:1
}
.tl-categories-panel__sheet {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  max-height:70vh;
  background:var(--tl-color-bg);
  border-radius:var(--tl-radius-lg) var(--tl-radius-lg) 0 0;
  box-shadow:var(--tl-shadow-lg);
  display:flex;
  flex-direction:column;
  transform:translateY(100%);
  transition:transform 400ms cubic-bezier(0.16,1,0.3,1)
}
.tl-categories-panel.is-open .tl-categories-panel__sheet {
  transform:translateY(0)
}
.tl-categories-panel__handle {
  width:36px;
  height:4px;
  border-radius:var(--tl-radius-pill);
  background:var(--tl-color-border);
  margin:var(--tl-space-3) auto 0;
  flex-shrink:0
}
.tl-categories-panel__header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:var(--tl-space-4) var(--tl-space-5);
  border-bottom:1px solid var(--tl-color-border);
  flex-shrink:0
}
.tl-categories-panel__title {
  font-size:var(--tl-text-lg);
  font-weight:800;
  margin:0
}
.tl-categories-panel__close {
  background:none;
  border:none;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  color:var(--tl-color-text)
}
.tl-categories-panel__list {
  list-style:none;
  margin:0;
  padding:var(--tl-space-2) var(--tl-space-5) var(--tl-space-5);
  overflow-y:auto
}
.tl-categories-panel__list a {
  display:block;
  padding:var(--tl-space-3) 0;
  border-bottom:1px solid var(--tl-color-border);
  color:var(--tl-color-text);
  text-decoration:none;
  font-weight:600
}
.tl-categories-panel__list li:last-child a {
  border-bottom:none
}
body.tl-categories-open {
  overflow:hidden
}
.tl-single-after-content {
  margin-top:var(--tl-space-10)
}
.tl-single-after-content .tl-section + .tl-section {
  margin-top:var(--tl-space-10)
}
.tl-single-after-content .tl-widget-list--list {
  gap:var(--tl-space-4)
}
.tl-carousel-dots {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  margin-top:var(--tl-space-4)
}
.tl-carousel-dot {
  width:8px;
  height:8px;
  padding:0;
  border:none;
  border-radius:50%;
  background:var(--tl-color-border);
  cursor:pointer;
  transition:background var(--tl-transition),width var(--tl-transition)
}
.tl-carousel-dot.is-active {
  width:22px;
  border-radius:var(--tl-radius-pill);
  background:var(--tl-color-primary)
}
.tl-responsive-desktop {
  display:block
}
.tl-responsive-mobile {
  display:none
}
@media (max-width:782px) {
  .tl-responsive-desktop {
    display:none
  }
  .tl-responsive-mobile {
    display:block
  }
}
.wp-block-search__label {
  display:block;
  margin-bottom:var(--tl-space-2);
  font-size:var(--tl-text-sm);
  font-weight:700;
  color:var(--tl-color-text)
}
.wp-block-search__inside-wrapper {
  display:flex;
  align-items:center;
  gap:var(--tl-space-2);
  max-width:100%;
  padding:var(--tl-space-1);
  padding-left:var(--tl-space-4);
  background:var(--tl-color-surface);
  border:1px solid var(--tl-color-border) !important;
  border-radius:var(--tl-radius-pill) !important
}
.wp-block-search__input {
  flex:1;
  min-width:0;
  border:none !important;
  background:transparent !important;
  font-family:inherit;
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text);
  outline:none;
  padding:0.6em 0 !important
}
.wp-block-search__input:focus-visible {
  box-shadow:0 2px 0 0 var(--tl-color-primary)
}
.wp-block-search__button {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  background:var(--tl-color-primary) !important;
  color:var(--tl-color-light) !important;
  border:none !important;
  border-radius:var(--tl-radius-pill) !important;
  padding:0.65em 1.4em !important;
  font-weight:700;
  font-size:var(--tl-text-sm);
  cursor:pointer;
  transition:background var(--tl-transition)
}
.wp-block-search__button:hover,
.wp-block-search__button:focus {
  background:var(--tl-color-accent) !important;
  color:var(--tl-color-light) !important
}
.wp-block-search__button.has-icon {
  width:40px;
  height:40px;
  padding:0 !important;
  border-radius:50% !important
}
.wp-block-search__button svg {
  fill:currentColor
}
.wp-block-search__button-only .wp-block-search__inside-wrapper {
  background:none;
  border:none !important;
  padding:0
}
@media (max-width:782px) {
  body.tl-hide-sidebar-mobile .tl-sidebar {
    display:none
  }
}
.tl-mobile-homepage-search {
  margin-top:var(--tl-space-6)
}
.tl-mobile-homepage-search .tl-search-page-form {
  margin-bottom:0
}
.tl-homepage-below-hero-wrap,
.tl-archive-top-wrap,
.tl-before-footer-wrap {
  margin-block:var(--tl-space-6)
}
@media (max-width:782px) {
  .tl-hero--hide-mobile {
    display:none
  }
}
.tl-article__bottom-share {
  margin-top:var(--tl-space-6);
  padding-top:var(--tl-space-5);
  border-top:1px solid var(--tl-color-border)
}
.tl-telegram-banner {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--tl-space-2);
  background:#229ed9;
  color:#fff;
  text-align:center;
  padding:var(--tl-space-4);
  border-radius:var(--tl-radius-md);
  font-weight:800;
  font-size:var(--tl-text-sm);
  text-transform:uppercase;
  letter-spacing:0.03em;
  margin-bottom:var(--tl-space-5);
  transition:background var(--tl-transition)
}
.tl-telegram-banner:hover {
  background:#1c87ba;
  color:#fff
}
.tl-quickbar {
  max-width:var(--tl-container-max);
  margin-inline:auto;
  background:var(--tl-color-primary);
  border-bottom:none
}
.tl-quickbar__row {
  display:flex;
  align-items:center;
  gap:var(--tl-space-3);
  overflow-x:auto;
  overscroll-behavior-x:contain;
  touch-action:pan-x pan-y;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding-block:var(--tl-space-3)
}
.tl-quickbar__row::-webkit-scrollbar {
  display:none
}
.tl-quickbar__pill {
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  padding:0.55em 1.3em;
  border-radius:var(--tl-radius-pill);
  background:var(--tl-color-light);
  color:var(--tl-color-primary);
  font-weight:700;
  font-size:var(--tl-text-sm);
  white-space:nowrap;
  transition:background var(--tl-transition),color var(--tl-transition)
}
.tl-quickbar__pill:hover {
  background:var(--tl-color-dark);
  color:var(--tl-color-light)
}
.tl-quickbar__pill.is-active {
  background:var(--tl-color-dark);
  color:var(--tl-color-light)
}
.tl-quickbar__regions {
  border-top:1px solid rgba(255,255,255,0.25)
}
.tl-quickbar__region {
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  width:64px;
  color:var(--tl-color-light)
}
.tl-quickbar__region-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:50%;
  overflow:hidden;
  background:var(--tl-color-light);
  border:1.5px solid rgba(255,255,255,0.6);
  transition:border-color var(--tl-transition)
}
.tl-quickbar__region-icon img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}
.tl-quickbar__region-label {
  font-size:var(--tl-text-xs);
  font-weight:600;
  white-space:nowrap;
  text-align:center
}
.tl-quickbar__region:hover .tl-quickbar__region-icon {
  border-color:var(--tl-color-light)
}
.tl-quickbar__region.is-active .tl-quickbar__region-icon {
  background:var(--tl-color-dark);
  border-color:var(--tl-color-dark)
}
.tl-quickbar__region.is-active .tl-quickbar__region-label {
  text-decoration:underline
}
@media (min-width:1024px) {
  body.tl-hide-quickbar-desktop .tl-quickbar {
    display:none
  }
}

@media (min-width:1024px) {
  .tl-quickbar {
    display:none
  }
}
.tl-hot-artists {
  padding-block:var(--tl-space-8)
}
.tl-hot-artists__head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--tl-space-4);
  margin-bottom:var(--tl-space-5)
}
.tl-hot-artists__title {
  font-size:var(--tl-text-2xl);
  position:relative;
  padding-left:var(--tl-space-4)
}
.tl-hot-artists__title::before {
  content:'';
  position:absolute;
  left:0;
  top:0.1em;
  bottom:0.1em;
  width:4px;
  border-radius:2px;
  background:var(--tl-color-primary)
}
.tl-hot-artists__all-link {
  display:inline-flex;
  align-items:center;
  gap:4px;
  flex-shrink:0;
  font-weight:700;
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text-muted)
}
.tl-hot-artists__all-link:hover {
  color:var(--tl-color-primary)
}
.tl-hot-artists__row {
  padding-bottom:0
}
.tl-artist-avatar-card {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--tl-space-2);
  flex-shrink:0;
  width:96px;
  text-align:center
}
.tl-artist-avatar-card__media {
  display:flex;
  align-items:center;
  justify-content:center;
  width:88px;
  height:88px;
  border-radius:50%;
  overflow:hidden;
  background:var(--tl-color-surface);
  border:1px solid var(--tl-color-border);
  box-shadow:var(--tl-shadow-sm)
}
.tl-artist-avatar-card__media img {
  width:100%;
  height:100%;
  object-fit:cover
}
.tl-artist-avatar-card__initial {
  width:40%;
  height:40%;
  color:var(--tl-color-primary)
}
.tl-artist-avatar-card__name {
  font-weight:700;
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%
}
.tl-artist-archive-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:var(--tl-space-4)
}
@media (min-width:640px) {
  .tl-artist-archive-grid {
    grid-template-columns:repeat(3,1fr)
  }
}
@media (min-width:1024px) {
  .tl-artist-archive-grid {
    grid-template-columns:repeat(var(--tl-artist-grid-columns,4),1fr)
  }
}
.tl-pagination {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--tl-space-4);
  margin-top:var(--tl-space-6);
  padding-top:var(--tl-space-5);
  border-top:1px solid var(--tl-color-border)
}
.tl-pagination__link {
  display:inline-flex;
  align-items:center;
  padding:0.6em 1.2em;
  border-radius:var(--tl-radius-pill);
  background:var(--tl-color-surface);
  font-weight:600;
  font-size:var(--tl-text-sm)
}
.tl-pagination__link:hover {
  background:var(--tl-color-primary);
  color:var(--tl-color-light)
}
.tl-pagination__current {
  font-size:var(--tl-text-sm);
  color:var(--tl-color-text-muted)
}
.tl-artist-search-form {
  display:flex;
  align-items:center;
  gap:var(--tl-space-3);
  margin-bottom:var(--tl-space-6)
}
.tl-artist-search-form__input {
  flex:1;
  min-width:0;
  max-width:360px;
  padding:0.65em 1.1em;
  border-radius:var(--tl-radius-pill);
  border:1px solid var(--tl-color-border);
  background:var(--tl-color-surface);
  font-size:var(--tl-text-sm)
}
.tl-artist-search-form__submit {
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background:var(--tl-color-primary);
  color:var(--tl-color-light);
  flex-shrink:0
}
.tl-artist-search-form__submit:hover {
  background:var(--tl-color-accent)
}
.tl-artist-search-form__clear {
  font-size:var(--tl-text-sm);
  font-weight:600;
  color:var(--tl-color-text-muted);
  flex-shrink:0
}
.tl-artist-search-form__clear:hover {
  color:var(--tl-color-primary)
}
.tl-content-tabs__nav {
  display:flex;
  border-bottom:1px solid var(--tl-color-border);
  margin-bottom:var(--tl-space-5)
}
.tl-content-tabs__nav {
  display:flex;
  gap:var(--tl-space-2);
  border-bottom:1px solid var(--tl-color-border);
  margin-bottom:var(--tl-space-5)
}
.tl-content-tabs__tab {
  flex:1;
  appearance:none;
  background:none;
  border:none;
  border-bottom:3px solid transparent;
  margin-bottom:-1px;
  padding:var(--tl-space-3) var(--tl-space-2);
  text-align:center;
  font-weight:800;
  font-size:var(--tl-text-sm);
  letter-spacing:0.03em;
  text-transform:uppercase;
  color:var(--tl-color-text-muted);
  cursor:pointer;
  transition:color var(--tl-transition),border-color var(--tl-transition)
}
.tl-content-tabs__tab:hover {
  color:var(--tl-color-text)
}
.tl-content-tabs__tab.is-active {
  color:var(--tl-color-primary);
  border-bottom-color:var(--tl-color-primary)
}
.tl-content-tabs__panel {
  display:none
}
.tl-content-tabs__panel.is-active {
  display:block
}
.tl-content-tabs__loading,
.tl-content-tabs__empty {
  color:var(--tl-color-text-muted);
  font-style:italic
}
.tl-breadcrumbs {
  padding:var(--tl-space-4) 0;
  font-size:var(--tl-text-xs)
}
.tl-breadcrumbs__list {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0;
  list-style:none
}
.tl-breadcrumbs__item {
  display:flex;
  align-items:center;
  gap:var(--tl-space-2);
  color:var(--tl-color-text-muted)
}
.tl-breadcrumbs__item a {
  color:var(--tl-color-text-muted)
}
.tl-breadcrumbs__item a:hover {
  color:var(--tl-color-primary)
}
.tl-breadcrumbs__item span[aria-current="page"] {
  color:var(--tl-color-text);
  font-weight:600
}
.tl-breadcrumbs__sep {
  margin:0 var(--tl-space-2);
  color:var(--tl-color-border)
}
@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,
  *::before,
  *::after {
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
    scroll-behavior:auto !important
  }
}
.tl-header-ad {
  display:flex;
  justify-content:center;
  overflow:hidden;
  padding-block:var(--tl-space-3)
}
.tl-site-logo--white {
  filter:brightness(0) invert(1)
}


/* =========================================================
   RELATED ARTIST — IMAGE FALLBACK
========================================================= */

.tl-artist-card__placeholder--initials {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #e9edf2;
}

.tl-artist-card__placeholder--initials span {
	font-size: clamp(28px, 5vw, 48px);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.04em;
	color: #697586;
	text-transform: uppercase;
}