/* Hide only the legacy page title on /all/. Keep the theme sidebar/layout intact. */
.tha-all-directory-page .entry-title,
.tha-all-directory-page .page-title,
.tha-all-directory-page h1.entry-title,
.tha-all-directory-page h1.page-title{display:none!important}


.tha-directory{
  --tha-directory-scale:1;
  --tha-panel:#0d1722;
  --tha-panel2:#111e2c;
  --tha-blue:#2b82c9;
  --tha-blue2:#54a8e8;
  --tha-blue3:#8ecbf4;
  --tha-text:#fff;
  --tha-muted:#a8b5c2;
  --tha-line:rgba(255,255,255,.10);
  width:100%;
  color:var(--tha-text);
  font-family:Arial,Helvetica,sans-serif;
  box-sizing:border-box;
}
.tha-directory *{box-sizing:border-box}
.tha-directory button,.tha-directory input{font:inherit}

.tha-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:0 0 14px;
  padding:36px 28px 28px;
  border:1px solid rgba(84,168,232,.30);
  border-radius:20px;
  background:
    radial-gradient(circle at 88% 5%,rgba(84,168,232,.22),transparent 31%),
    radial-gradient(circle at 3% 100%,rgba(38,87,164,.18),transparent 33%),
    linear-gradient(145deg,#162536,#0b141f 68%,#060b10);
  box-shadow:0 22px 54px rgba(0,0,0,.20);
}
.tha-hero:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:355px;
  height:355px;
  right:-150px;
  top:-185px;
  border:1px solid rgba(142,203,244,.08);
  border-radius:50%;
  box-shadow:
    0 0 0 42px rgba(142,203,244,.025),
    0 0 0 84px rgba(142,203,244,.018);
}
.tha-kicker{
  color:var(--tha-blue3);
  font-size:10px;
  line-height:1.2;
  font-weight:950;
  letter-spacing:1.75px;
  text-transform:uppercase;
}
.tha-hero h1{
  margin:9px 0 11px!important;
  color:#fff!important;
  font-size:42px!important;
  line-height:1.02!important;
  letter-spacing:-1.25px!important;
  font-weight:950!important;
}
.tha-hero h1 span{color:var(--tha-blue3)}
.tha-subtitle{
  max-width:850px;
  margin:0!important;
  color:#c6d2dd!important;
  font-size:14px!important;
  line-height:1.58!important;
}

.tha-hero-meta{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin-top:18px;
}
.tha-channel-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:132px;
  min-height:36px;
  padding:0 14px;
  border:1px solid rgba(84,168,232,.36);
  border-radius:999px;
  background:rgba(84,168,232,.09);
  text-align:center;
}
.tha-channel-pill strong{
  display:block;
  margin:0;
  color:var(--tha-blue3);
  font-size:16px;
  line-height:1;
  font-weight:950;
}
.tha-channel-pill > span{
  display:block;
  margin:0;
  color:#dce8f2;
  font-size:8px;
  line-height:1;
  font-weight:950;
  letter-spacing:.6px;
}

.tha-explorer{
  padding:20px;
  border:1px solid var(--tha-line);
  border-radius:17px;
  background:linear-gradient(145deg,#121d29,#09111a);
}
.tha-explorer-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:14px;
  margin-bottom:14px;
}
.tha-explorer h2{
  margin:4px 0 0!important;
  color:#fff!important;
  font-size:25px!important;
  line-height:1.15!important;
  font-weight:950!important;
}
.tha-count{
  color:#82909e;
  font-size:9px;
  font-weight:850;
  white-space:nowrap;
}
.tha-count strong{
  color:#fff;
  font-size:13px;
  font-weight:950;
}

.tha-jumpbar{
  position:sticky;
  top:4px;
  z-index:20;
  margin:0 0 17px;
  padding:6px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:rgba(6,12,18,.96);
  box-shadow:0 10px 26px rgba(0,0,0,.22);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
body.admin-bar .tha-jumpbar{top:36px}

.tha-search-wrap{
  position:relative;
  margin-bottom:5px;
}
.tha-search{
  width:100%;
  min-height:46px;
  padding:0 44px 0 42px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:10px!important;
  outline:none!important;
  background:#050b11!important;
  color:#fff!important;
  font-size:14px!important;
  box-shadow:none!important;
}
.tha-search:focus{
  border-color:rgba(84,168,232,.60)!important;
  box-shadow:0 0 0 3px rgba(84,168,232,.09)!important;
}
.tha-search::placeholder{color:#73808d}
.tha-search-icon{
  position:absolute;
  z-index:2;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:var(--tha-blue3);
  font-size:17px;
}
.tha-clear{
  display:none;
  position:absolute;
  z-index:2;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  width:30px;
  height:30px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.07);
  color:#fff;
  cursor:pointer;
}
.tha-search-wrap.tha-has-query .tha-clear{display:block}

.tha-alpha{
  display:flex;
  gap:5px;
  overflow-x:auto;
  padding:4px 2px 1px;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
.tha-alpha button{
  flex:0 0 34px;
  width:34px;
  height:34px;
  padding:0;
  border:1px solid rgba(255,255,255,.10);
  border-radius:9px;
  background:rgba(255,255,255,.035);
  color:#a9b6c2;
  font-size:10px;
  font-weight:950;
  cursor:pointer;
}
.tha-alpha button:hover,.tha-alpha button:focus{
  outline:none;
  border-color:rgba(84,168,232,.46);
  background:rgba(84,168,232,.10);
  color:var(--tha-blue3);
}
.tha-alpha button[disabled]{opacity:.22;cursor:default}

.tha-letter-section{
  margin-top:19px;
  scroll-margin-top:126px;
}
.tha-letter-section[hidden]{display:none!important}
.tha-letter-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
  padding:0 2px 8px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.tha-letter-head h3{
  margin:0!important;
  color:var(--tha-blue3)!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:950!important;
}
.tha-letter-head span{
  color:#778594;
  font-size:9px;
  font-weight:900;
}

.tha-channel-list{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
}
.tha-channel-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:50px;
  padding:11px 13px;
  border:1px solid var(--tha-line);
  border-radius:10px;
  background:rgba(255,255,255,.03);
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transition:transform .17s ease,border-color .17s ease,background .17s ease,box-shadow .17s ease;
}
.tha-channel-card:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  bottom:0;
  left:-45%;
  width:30%;
  opacity:0;
  pointer-events:none;
  transform:skewX(-18deg);
  background:linear-gradient(100deg,transparent,rgba(142,203,244,.18),transparent);
}
.tha-channel-card:hover,.tha-channel-card:focus{
  outline:none;
  transform:translateY(-1px);
  border-color:rgba(84,168,232,.38);
  background:linear-gradient(100deg,rgba(84,168,232,.07),rgba(255,255,255,.035));
  box-shadow:0 7px 18px rgba(0,0,0,.20);
}
.tha-channel-card:hover:before,.tha-channel-card:focus:before{
  opacity:1;
  animation:tha-sheen .72s ease-out;
}
.tha-channel-copy{min-width:0;flex:1}
.tha-channel-copy strong{
  display:block;
  overflow:hidden;
  color:#fff!important;
  font-size:12px;
  line-height:1.25;
  font-weight:950;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tha-channel-copy small{
  display:block;
  margin-top:3px;
  color:#748291;
  font-size:8px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.45px;
  text-transform:uppercase;
}
.tha-arrow{
  color:var(--tha-blue3);
  font-size:22px;
  line-height:1;
  transition:transform .17s ease;
}
.tha-channel-card:hover .tha-arrow,.tha-channel-card:focus .tha-arrow{
  transform:translateX(3px);
}
.tha-channel-card[hidden]{display:none!important}

.tha-no-results{
  padding:22px;
  border:1px dashed rgba(255,255,255,.12);
  border-radius:12px;
  color:#95a2af;
  text-align:center;
  font-size:12px;
}
.tha-no-results[hidden]{display:none!important}

@keyframes tha-sheen{from{left:-45%}to{left:118%}}

@media(prefers-reduced-motion:reduce){
  .tha-channel-card,.tha-arrow{transition:none!important}
  .tha-channel-card:before{display:none!important}
}
@media(max-width:782px){
  body.admin-bar .tha-jumpbar{top:50px}
}
@media(max-width:780px){
  .tha-hero{padding:29px 20px 23px}
  .tha-hero h1{font-size:34px!important}
  .tha-explorer{padding:15px}
}
@media(max-width:520px){
  .tha-hero{padding-left:16px;padding-right:16px}
  .tha-hero h1{font-size:31px!important}
  .tha-hero-meta{margin-top:16px}
  .tha-channel-pill{
    min-width:124px;
    min-height:34px;
    padding:0 12px;
  }
  .tha-channel-pill strong{font-size:15px}
  .tha-explorer-head{align-items:flex-start}
  .tha-count{padding-top:7px}
  .tha-search{min-height:43px!important;font-size:13px!important}
  .tha-alpha{padding-bottom:2px}
}


/* v1.0.2 — compact per-directory text-size slider. */
.tha-explorer-head{position:relative}
.tha-head-tools{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
}
.tha-text-size{position:relative}
.tha-text-size-toggle{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:32px;
  padding:0;
  border:1px solid rgba(84,168,232,.32);
  border-radius:9px;
  background:rgba(84,168,232,.07);
  color:var(--tha-blue3);
  font-size:12px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.3px;
  cursor:pointer;
}
.tha-text-size-toggle:hover,
.tha-text-size-toggle:focus,
.tha-text-size-toggle[aria-expanded="true"]{
  outline:none;
  border-color:rgba(84,168,232,.60);
  background:rgba(84,168,232,.13);
  color:#fff;
}
.tha-text-size-panel{
  position:absolute;
  z-index:80;
  top:calc(100% + 8px);
  right:0;
  width:min(280px,calc(100vw - 42px));
  padding:13px;
  border:1px solid rgba(84,168,232,.28);
  border-radius:12px;
  background:rgba(7,15,23,.985);
  box-shadow:0 16px 38px rgba(0,0,0,.38);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.tha-text-size-panel[hidden]{display:none!important}
.tha-text-size-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
  color:#8fa2b3;
  font-size:8px;
  font-weight:950;
  letter-spacing:1.1px;
}
.tha-text-size-top output{
  color:var(--tha-blue3);
  font-size:10px;
  letter-spacing:.2px;
}
.tha-text-size-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
}
.tha-text-size-mark{
  color:#9cafbd;
  font-size:10px;
  line-height:1;
  font-weight:900;
}
.tha-text-size-mark-large{
  color:#fff;
  font-size:13px;
}
.tha-text-size-range{
  width:100%;
  accent-color:#54a8e8;
  cursor:pointer;
}
.tha-text-size-reset{
  display:block;
  margin:10px 0 0 auto;
  padding:0;
  border:0;
  background:transparent;
  color:#748b9c;
  font-size:7px;
  font-weight:950;
  letter-spacing:.8px;
  cursor:pointer;
}
.tha-text-size-reset:hover,
.tha-text-size-reset:focus{
  outline:none;
  color:var(--tha-blue3);
}

/* Scale only directory-reading UI — never the hero or surrounding theme. */
.tha-directory .tha-search{
  font-size:calc(14px * var(--tha-directory-scale))!important;
}
.tha-directory .tha-alpha button{
  font-size:calc(10px * var(--tha-directory-scale));
  width:calc(34px + (4px * (var(--tha-directory-scale) - 1)));
  height:calc(34px + (4px * (var(--tha-directory-scale) - 1)));
  flex-basis:calc(34px + (4px * (var(--tha-directory-scale) - 1)));
}
.tha-directory .tha-letter-head h3{
  font-size:calc(21px * var(--tha-directory-scale))!important;
}
.tha-directory .tha-letter-head span{
  font-size:calc(9px * var(--tha-directory-scale));
}
.tha-directory .tha-channel-card{
  min-height:calc(50px * var(--tha-directory-scale));
  padding-top:calc(11px * var(--tha-directory-scale));
  padding-bottom:calc(11px * var(--tha-directory-scale));
}
.tha-directory .tha-channel-copy strong{
  font-size:calc(12px * var(--tha-directory-scale));
}
.tha-directory .tha-channel-copy small{
  font-size:calc(8px * var(--tha-directory-scale));
}
.tha-directory .tha-arrow{
  font-size:calc(22px * var(--tha-directory-scale));
}
.tha-directory .tha-count{
  font-size:calc(9px * var(--tha-directory-scale));
}
.tha-directory .tha-count strong{
  font-size:calc(13px * var(--tha-directory-scale));
}

@media(max-width:520px){
  .tha-head-tools{gap:6px}
  .tha-text-size-toggle{
    width:34px;
    height:30px;
    font-size:11px;
  }
  .tha-text-size-panel{
    right:-2px;
    width:min(265px,calc(100vw - 30px));
  }
}


/* v1.0.4 — A− / A+ are real step buttons. */
.tha-text-size-step{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  min-height:30px;
  padding:0 6px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(255,255,255,.035);
  color:#9cafbd;
  font-size:10px;
  line-height:1;
  font-weight:950;
  cursor:pointer;
}
.tha-text-size-step-up{
  color:#fff;
  font-size:12px;
}
.tha-text-size-step:hover,
.tha-text-size-step:focus{
  outline:none;
  border-color:rgba(84,168,232,.46);
  background:rgba(84,168,232,.10);
  color:var(--tha-blue3);
}