/* ═══════════════════════════════════════
   THE LAST LINE v2.2 — Main Stylesheet
═══════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:#0f0f13;--surface:#16161d;--card:#1c1c26;--border:#2a2a38;
  --gold:#f5a623;--purple:#7c5cbf;--purple2:#9b7de0;
  --text:#e8e6f0;--muted:#7a7890;--red:#e74c3c;--green:#2ecc71;
}

html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Tajawal',sans-serif;overflow-x:hidden;min-width:0}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%;height:auto}
button{font-family:inherit;cursor:pointer}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--purple);border-radius:4px}

/* ══ TOPBAR ══ */
.tll-topbar{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200}
.tll-top-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:.7rem;padding:0 1rem;height:58px}
.tll-logo{font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:700;color:#fff;white-space:nowrap;flex-shrink:0}
.tll-logo span{font-style:italic;color:var(--gold)}
.tll-search-box{flex:1;max-width:380px;position:relative;display:flex;align-items:center}
.tll-search-icon{position:absolute;right:.75rem;color:var(--muted);font-size:.85rem;pointer-events:none}
.tll-search-input{width:100%;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.48rem .85rem .48rem 2rem;color:var(--text);font-family:'Tajawal',sans-serif;font-size:.86rem;outline:none;transition:border-color .2s}
.tll-search-input:focus{border-color:var(--purple)}
.tll-search-input::placeholder{color:var(--muted)}
.tll-nav-links{display:flex;gap:.1rem;margin-right:auto}
.tll-nav-links a{padding:.35rem .7rem;border-radius:6px;font-size:.83rem;color:var(--muted);white-space:nowrap;transition:background .2s,color .2s}
.tll-nav-links a:hover,.tll-nav-links a.active{background:rgba(124,92,191,.15);color:var(--purple2)}
.tll-header-actions{display:flex;align-items:center;gap:.45rem;flex-shrink:0}
.tll-btn-login{padding:.35rem .8rem;border-radius:7px;border:1px solid var(--border);font-size:.8rem;color:var(--muted);background:none;transition:border-color .2s,color .2s;white-space:nowrap}
.tll-btn-login:hover{border-color:var(--purple);color:var(--purple2)}
.tll-btn-reg{padding:.35rem .8rem;border-radius:7px;font-size:.8rem;color:#fff;background:var(--purple);border:none;transition:background .2s;white-space:nowrap}
.tll-btn-reg:hover{background:var(--purple2)}

/* HAMBURGER */
.tll-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:.4rem}
.tll-hamburger span{display:block;width:20px;height:2px;background:var(--muted);border-radius:2px;transition:transform .3s,opacity .3s}
.tll-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.tll-hamburger.open span:nth-child(2){opacity:0}
.tll-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* MOBILE NAV */
.tll-mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:199}
.tll-mob-overlay.show{display:block}
.tll-mob-nav{display:none;flex-direction:column;background:var(--surface);border-top:1px solid var(--border);padding:.7rem 1rem 1rem}
.tll-mob-nav.open{display:flex}
.tll-mob-nav a{padding:.6rem .4rem;border-bottom:1px solid var(--border);font-size:.9rem;color:var(--muted)}
.tll-mob-nav a:last-of-type{border-bottom:none}
.tll-mob-search{margin-bottom:.7rem}

/* ══ HERO ══ */
.tll-hero{position:relative;overflow:hidden;height:480px;background:var(--surface)}
.tll-slides-wrap{display:flex;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.tll-slide{min-width:100%;position:relative;display:flex;align-items:flex-end;flex-shrink:0}
.tll-s-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 8s ease}
.tll-slide.is-on .tll-s-bg{transform:scale(1.04)}
.tll-s-ov{position:absolute;inset:0;background:linear-gradient(to right,rgba(15,15,19,.05) 0%,rgba(15,15,19,.5) 40%,rgba(15,15,19,.97) 75%)}
.tll-s-body{position:relative;z-index:2;padding:2rem 3vw 2.5rem;max-width:580px;width:100%}
.tll-s-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.7rem}
.tll-tag{background:rgba(124,92,191,.25);border:1px solid rgba(124,92,191,.4);color:var(--purple2);font-size:.67rem;font-weight:500;padding:.2rem .55rem;border-radius:4px}
.tll-tag-r{background:rgba(231,76,60,.2);border-color:rgba(231,76,60,.4);color:#ff7675}
.tll-s-title{font-size:clamp(1.3rem,3vw,2.3rem);font-weight:800;line-height:1.2;color:#fff;margin-bottom:.55rem}
.tll-s-stats{display:flex;gap:.9rem;margin-bottom:.7rem;font-size:.82rem;flex-wrap:wrap}
.tll-stars{color:var(--gold);font-weight:700}
.tll-views{color:var(--muted)}
.tll-s-desc{font-size:.86rem;color:rgba(232,230,240,.6);line-height:1.7;margin-bottom:1.2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tll-s-cta{display:inline-flex;align-items:center;gap:.45rem;background:var(--gold);color:#1a1200;font-size:.82rem;font-weight:700;padding:.58rem 1.3rem;border-radius:8px;transition:background .2s}
.tll-s-cta:hover{background:#e8941a}
.tll-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:36px;height:36px;border-radius:50%;background:rgba(22,22,29,.75);border:1px solid var(--border);color:var(--text);font-size:1.3rem;display:flex;align-items:center;justify-content:center;transition:background .2s}
.tll-arr:hover{background:var(--purple);border-color:var(--purple)}
.tll-arr-r{right:.8rem}
.tll-arr-l{left:.8rem}
.tll-dots{position:absolute;bottom:.9rem;left:50%;transform:translateX(-50%);display:flex;gap:.45rem;z-index:10}
.tll-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25);border:none;transition:background .25s,transform .25s}
.tll-dot.on{background:var(--gold);transform:scale(1.4)}

/* ══ TICKER ══ */
.tll-ticker{
  background:var(--purple);
  padding:.4rem 0;
  overflow:hidden;
  position:relative;
}
.tll-ticker-track{
  display:flex;
  white-space:nowrap;
  animation:ticker 25s linear infinite;
  will-change:transform;
}
.tll-ticker-item{
  display:inline-flex;
  align-items:center;
  flex-shrink:0;
  padding:0 1rem;
  font-size:.65rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(255,255,255,.88);
  line-height:1.6;
}
.tll-ticker-item::after{
  content:'◆';
  font-size:.3rem;
  opacity:.5;
  margin-right:1rem;
}
@keyframes ticker{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
/* mobile ticker */
@media(max-width:600px){
  .tll-ticker{padding:.35rem 0}
  .tll-ticker-item{font-size:.6rem;padding:0 .75rem;letter-spacing:.07em}
  .tll-ticker-track{animation-duration:18s}
}

/* ══ CONTAINER ══ */
.tll-container{max-width:1400px;margin:0 auto;padding:0 1rem}

/* ══ CATS BAR ══ */
.tll-cats{display:flex;gap:.4rem;padding:.7rem 0 .9rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tll-cats::-webkit-scrollbar{display:none}
.tll-cat{padding:.32rem .85rem;border-radius:20px;font-size:.75rem;font-weight:500;border:1px solid var(--border);color:var(--muted);background:none;white-space:nowrap;transition:all .2s;flex-shrink:0;text-decoration:none;display:inline-block}
.tll-cat:hover,.tll-cat.is-on{background:var(--purple);border-color:var(--purple);color:#fff}

/* ══ MAIN GRID ══ */
.tll-main-grid{display:grid;grid-template-columns:1fr 280px;gap:1.4rem;padding-bottom:2.5rem}

/* ══ SECTION HEADER ══ */
.tll-sec-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem;padding-top:1.6rem}
.tll-sec-hd h2{font-size:1rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.4rem}
.tll-bar{display:inline-block;width:4px;height:1rem;background:var(--purple);border-radius:2px;flex-shrink:0}
.tll-more{font-size:.73rem;color:var(--purple2);border:1px solid rgba(124,92,191,.3);padding:.24rem .7rem;border-radius:6px;transition:background .2s;white-space:nowrap}
.tll-more:hover{background:rgba(124,92,191,.15)}

/* ══ CAROUSEL ══ */
.tll-carousel-wrap{position:relative;margin-bottom:1.4rem;padding:0 34px}
.tll-carousel{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:.8rem;
}
.tll-car-arrow{
  position:absolute;top:38%;transform:translateY(-50%);
  width:30px;height:30px;border-radius:50%;
  background:var(--card);border:1px solid var(--border);
  color:var(--text);font-size:1.2rem;
  display:flex;align-items:center;justify-content:center;
  z-index:5;transition:background .2s,border-color .2s;
  padding:0;line-height:1;
}
.tll-car-arrow:hover{background:var(--purple);border-color:var(--purple);color:#fff}
.tll-car-arrow:disabled{opacity:.3;cursor:default}
.tll-car-prev{right:0}
.tll-car-next{left:0}
.tll-ncard.car-hidden{display:none}

/* ══ NOVEL CARD ══ */
.tll-ncard{display:block;border-radius:10px;overflow:hidden;transition:transform .25s;color:inherit}
.tll-ncard:hover{transform:translateY(-4px)}
.tll-ncover{position:relative;width:100%;padding-bottom:145%;background:var(--card);border-radius:10px;overflow:hidden;border:1px solid var(--border)}
.tll-ncover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tll-init{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-style:italic;font-size:4rem;font-weight:700;color:rgba(255,255,255,.08)}
.tll-nbadge{position:absolute;top:.4rem;right:.4rem;font-size:.57rem;font-weight:700;padding:.16rem .42rem;border-radius:4px}
.tll-b-hot{background:#e74c3c;color:#fff}
.tll-b-new{background:#2ecc71;color:#0a2e18}
.tll-b-trending{background:var(--gold);color:#1a1200}
.tll-nrat{position:absolute;bottom:.4rem;right:.4rem;background:rgba(15,15,19,.88);font-size:.65rem;font-weight:700;color:var(--gold);padding:.14rem .42rem;border-radius:4px}
.tll-nhov{position:absolute;inset:0;background:rgba(10,10,15,.78);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s;border-radius:10px;font-size:.74rem;font-weight:700;color:#fff;text-align:center;padding:.6rem}
.tll-ncard:hover .tll-nhov{opacity:1}
.tll-ninfo{padding:.5rem .05rem 0}
.tll-ntitle{font-size:.78rem;font-weight:700;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.18rem}
.tll-ngenre{font-size:.66rem;color:var(--purple2);font-weight:500}
.tll-nviews{font-size:.63rem;color:var(--muted);margin-top:.1rem}

/* ══ LIST CARDS ══ */
.tll-list-col{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.2rem}
.tll-lcard{display:flex;gap:.85rem;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:.75rem;transition:border-color .2s;color:inherit}
.tll-lcard:hover{border-color:var(--purple)}
.tll-lcover{width:62px;min-width:62px;height:90px;border-radius:7px;overflow:hidden;background:var(--surface);border:1px solid var(--border);position:relative;flex-shrink:0}
.tll-lcover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tll-lbody{flex:1;min-width:0}
.tll-ltitle{font-size:.88rem;font-weight:700;color:#fff;margin-bottom:.22rem;line-height:1.3}
.tll-lgenre{font-size:.68rem;color:var(--purple2);font-weight:500;margin-bottom:.3rem}
.tll-ldesc{font-size:.77rem;color:var(--muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tll-lmeta{display:flex;gap:.85rem;margin-top:.4rem;font-size:.67rem;color:var(--muted);flex-wrap:wrap}
.tll-lmeta .tll-stars{color:var(--gold);font-weight:700}

/* ══ SIDEBAR ══ */
.tll-sidebar{display:flex;flex-direction:column;gap:1rem;padding-top:1.6rem}
.tll-rank-box{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.tll-rank-hd{padding:.85rem 1.1rem;border-bottom:1px solid var(--border);font-size:.88rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.4rem}
.tll-rank-hd::before{content:'';width:4px;height:.9rem;background:var(--gold);border-radius:2px;display:inline-block;flex-shrink:0}
.tll-ritem{display:flex;align-items:center;gap:.7rem;padding:.72rem 1.1rem;border-bottom:1px solid var(--border);transition:background .2s;color:inherit}
.tll-ritem:last-child{border-bottom:none}
.tll-ritem:hover{background:rgba(124,92,191,.07)}
.tll-rnum{font-size:.95rem;font-weight:800;width:18px;text-align:center;flex-shrink:0}
.tll-rnum.gold{color:var(--gold)}.tll-rnum.silver{color:#b0b8c8}.tll-rnum.bronze{color:#cd7f32}.tll-rnum.normal{color:var(--muted)}
.tll-rcover{width:38px;min-width:38px;height:55px;border-radius:5px;overflow:hidden;background:var(--surface);border:1px solid var(--border);position:relative;flex-shrink:0}
.tll-rcover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tll-rinfo{flex:1;min-width:0}
.tll-rtitle{font-size:.77rem;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:.16rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tll-rviews{font-size:.63rem;color:var(--muted)}
.tll-rstars{font-size:.64rem;color:var(--gold);font-weight:700}

/* ══ ADS ══ */
.tll-ad-block{width:100%;margin:.7rem 0;text-align:center;overflow:hidden}

/* ══ SINGLE POST ══ */
.tll-single-hero{position:relative;min-height:360px;display:flex;align-items:flex-end;padding-top:5rem}
.tll-single-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,15,19,.98) 0%,rgba(15,15,19,.65) 60%,rgba(15,15,19,.25) 100%)}
.tll-single-wrap{position:relative;z-index:2;display:flex;gap:1.8rem;align-items:flex-end;padding-bottom:2rem;flex-wrap:wrap}
.tll-single-cover{width:140px;min-width:140px;height:204px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--card);position:relative;flex-shrink:0}
.tll-single-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tll-single-meta{flex:1;min-width:180px}
.tll-single-title{font-size:clamp(1.3rem,3vw,2.5rem);font-weight:800;color:#fff;line-height:1.15;margin-bottom:.65rem}
.tll-single-stats{display:flex;gap:1rem;font-size:.82rem;flex-wrap:wrap}
.tll-novel-content{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.4rem;line-height:1.9;font-size:.9rem;color:rgba(232,230,240,.75);margin-bottom:1.3rem}
.tll-novel-content p{margin-bottom:1rem}
.tll-novel-content p:last-child{margin-bottom:0}

/* ══ COMMENTS ══ */
.tll-comments-wrap{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.3rem;margin-bottom:1.3rem}
.tll-comments-wrap h2{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:1.1rem;display:flex;align-items:center;gap:.4rem}
.comment-list{list-style:none;display:flex;flex-direction:column;gap:.7rem}
.comment-list .children{list-style:none;margin-top:.7rem;margin-right:1.2rem;display:flex;flex-direction:column;gap:.7rem}
.comment-body{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.85rem .95rem}
.comment-author{display:flex;align-items:center;gap:.55rem;margin-bottom:.45rem}
.comment-author img{width:30px!important;height:30px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0!important;min-width:30px!important}
.comment-author .fn{font-size:.83rem;font-weight:700;color:#fff}
.comment-metadata{font-size:.66rem;color:var(--muted);margin-top:.08rem}
.comment-metadata a{color:var(--muted)}
.comment-content p{font-size:.83rem;color:var(--muted);line-height:1.7;margin-bottom:.35rem}
.comment-content p:last-child{margin-bottom:0}
.reply a{font-size:.7rem;color:var(--purple2);margin-top:.35rem;display:inline-block}
.comment-respond{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.3rem;margin-top:1.3rem}
.comment-respond h3{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:1rem}
.comment-form p{margin-bottom:.7rem}
.comment-form label{display:block;font-size:.7rem;font-weight:600;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.25rem}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.58rem .85rem;color:var(--text);font-family:'Tajawal',sans-serif;font-size:.86rem;outline:none;transition:border-color .2s;resize:vertical}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--purple)}
.comment-form input::placeholder,.comment-form textarea::placeholder{color:var(--muted)}
.comment-form textarea{min-height:90px}
.comment-form .form-submit{margin-bottom:0}
.comment-form input[type="submit"]{background:var(--purple);color:#fff;border:none;border-radius:8px;padding:.58rem 1.3rem;font-size:.86rem;font-weight:700;font-family:'Tajawal',sans-serif;transition:background .2s}
.comment-form input[type="submit"]:hover{background:var(--purple2)}

/* ══ PAGINATION ══ */
.tll-pagination{display:flex;justify-content:center;gap:.35rem;margin-top:1.5rem;flex-wrap:wrap;padding:.4rem 0}
.tll-pagination a,.tll-pagination span,
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 .55rem;border-radius:8px;border:1px solid var(--border);color:var(--muted);font-size:.81rem;transition:all .2s;background:var(--card);margin:2px}
.page-numbers:hover,.tll-pagination a:hover{border-color:var(--purple);color:var(--purple2)}
.page-numbers.current,.tll-pagination .current{background:var(--purple);border-color:var(--purple);color:#fff}
.page-numbers.dots,.tll-pagination .dots{border:none;background:none}
nav.navigation{display:flex;justify-content:center;padding:1.3rem 0}
nav.navigation .nav-links{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}

/* ══ ARCHIVE ══ */
.tll-archive-hd{padding:1.2rem 0 .9rem;border-bottom:1px solid var(--border);margin-bottom:.9rem}
.tll-archive-hd h1{font-size:clamp(1.1rem,3vw,1.7rem);font-weight:800;color:#fff}
.tll-archive-hd p{color:var(--muted);font-size:.81rem;margin-top:.25rem}

/* ══ MODAL ══ */
.tll-modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s;padding:1rem}
.tll-modal-bg.open{opacity:1;pointer-events:auto}
.tll-modal-box{background:var(--card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:360px;padding:1.8rem;position:relative;transform:translateY(20px);transition:transform .25s}
.tll-modal-bg.open .tll-modal-box{transform:translateY(0)}
.tll-modal-box h2{font-size:1.1rem;font-weight:800;color:#fff;margin-bottom:1.2rem;text-align:center}
.tll-modal-x{position:absolute;top:.85rem;left:.85rem;background:none;border:none;color:var(--muted);font-size:1.15rem;line-height:1}
.tll-modal-x:hover{color:var(--text)}
.tll-minput{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.58rem .85rem;color:var(--text);font-family:'Tajawal',sans-serif;font-size:.86rem;outline:none;margin-bottom:.7rem;display:block;transition:border-color .2s}
.tll-minput:focus{border-color:var(--purple)}
.tll-minput::placeholder{color:var(--muted)}
.tll-modal-submit{width:100%;padding:.65rem;border-radius:8px;background:var(--purple);color:#fff;font-size:.88rem;font-weight:700;border:none;font-family:'Tajawal',sans-serif;transition:background .2s;margin-bottom:.7rem}
.tll-modal-submit:hover{background:var(--purple2)}
.tll-modal-sw{text-align:center;font-size:.76rem;color:var(--muted)}
.tll-modal-sw a{color:var(--purple2)}

/* ══ FOOTER ══ */
.tll-footer{background:var(--surface);border-top:1px solid var(--border);padding:2.2rem 1rem 1.1rem;margin-top:1.8rem}
.tll-footer-in{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem;margin-bottom:1.8rem}
.tll-foot-brand .tll-logo{font-size:1.2rem;margin-bottom:.65rem;display:block}
.tll-foot-brand p{font-size:.79rem;color:var(--muted);line-height:1.8}
.tll-social-link{color:var(--muted);font-size:.79rem;transition:color .2s;text-decoration:none}
.tll-social-link:hover{color:var(--purple2)}
.tll-foot-col h5{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem}
.tll-foot-col a{display:block;font-size:.79rem;color:var(--muted);margin-bottom:.42rem;transition:color .2s}
.tll-foot-col a:hover{color:var(--text)}
.tll-foot-copy{max-width:1400px;margin:0 auto;border-top:1px solid var(--border);padding-top:1rem;display:flex;align-items:center;justify-content:space-between;font-size:.71rem;color:var(--muted);flex-wrap:wrap;gap:.4rem}
.tll-sig{font-family:'Playfair Display',serif;font-style:italic;color:rgba(124,92,191,.4)}

/* ══ UTILS ══ */
.tll-empty{color:var(--muted);text-align:center;padding:2.5rem;font-size:.86rem}
.tll-empty a{color:var(--purple2)}

/* ══ ADMIN BAR BUTTON ══ */
#wpadminbar #wp-admin-bar-tll-control-panel>.ab-item{color:#f5a623!important;font-weight:600}

/* ══ RESPONSIVE ══ */
@media(max-width:1100px){
  .tll-main-grid{grid-template-columns:1fr 250px}
  .tll-carousel{grid-template-columns:repeat(4,1fr)}
}

@media(max-width:900px){
  .tll-main-grid{grid-template-columns:1fr}
  .tll-sidebar{display:none}
  .tll-nav-links{display:none}
  .tll-hamburger{display:flex}
  .tll-footer-in{grid-template-columns:1fr 1fr}
  .tll-search-box{max-width:260px}
  .tll-carousel{grid-template-columns:repeat(4,1fr)}
}

/* MOBILE — 3 cards per row */
@media(max-width:600px){
  .tll-logo{font-size:1rem}
  .tll-hero{height:340px!important}
  .tll-s-body{padding:1.2rem 1rem 1.6rem}
  .tll-s-title{font-size:1.2rem}
  .tll-s-desc{-webkit-line-clamp:2;font-size:.82rem}
  .tll-s-cta{font-size:.78rem;padding:.5rem 1.1rem}
  .tll-top-inner{height:52px;gap:.4rem;padding:0 .75rem}
  .tll-search-box{display:none}
  .tll-btn-login,.tll-btn-reg{display:none}

  /* 3 cards on mobile */
  .tll-carousel{grid-template-columns:repeat(3,1fr)!important;gap:.5rem}
  .tll-carousel-wrap{padding:0 26px}
  .tll-car-arrow{width:24px;height:24px;font-size:1rem}
  .tll-ninfo{padding:.4rem .02rem 0}
  .tll-ntitle{font-size:.7rem}
  .tll-ngenre{font-size:.6rem}
  .tll-nviews{font-size:.58rem}

  .tll-single-wrap{flex-direction:column;gap:1.2rem}
  .tll-single-cover{width:110px;min-width:110px;height:160px}
  .tll-single-title{font-size:1.2rem}
  .tll-footer-in{grid-template-columns:1fr}
  .tll-foot-copy{flex-direction:column;text-align:center}

  /* Ticker mobile fix */
  .tll-ticker-track{animation-duration:20s}
  .tll-ticker-item{font-size:.58rem;padding:0 1rem}

  .tll-arr{width:30px;height:30px;font-size:1.1rem}
  .tll-lcard{gap:.55rem}
  .tll-lcover{width:54px;min-width:54px;height:78px}
  .tll-mob-nav a{padding:.55rem .3rem;font-size:.86rem}
}

@media(max-width:380px){
  .tll-carousel{grid-template-columns:repeat(3,1fr)!important;gap:.4rem}
  .tll-ntitle{font-size:.65rem}
}

/* single post sidebar on mobile */
@media(max-width:768px){
  .tll-single-sidebar-grid{grid-template-columns:1fr!important}
  .tll-single-sidebar-grid aside{display:none}
}

/* ══ ARCHIVE LAYOUT ══ */
.tll-arch-layout{
  display:grid;
  grid-template-columns:1fr 260px;
  gap:1.4rem;
  align-items:start;
}
/* cards grid in archive — smaller cards */
.tll-arch-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(130px,1fr));
  gap:.8rem;
  margin-bottom:1.2rem;
}
.tll-arch-sidebar{
  position:sticky;
  top:70px;
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.tll-arch-mob-sidebar{
  display:none;
  margin-top:1.5rem;
}
.tll-ritem-active{
  background:rgba(124,92,191,.1);
}

/* ── SIDEBAR on homepage show on mobile as bottom strip ── */
.tll-sidebar-mobile-strip{
  display:none;
  margin-top:1.5rem;
}

/* ══ RESPONSIVE — archive & sidebar ══ */
@media(max-width:900px){
  /* archive */
  .tll-arch-layout{grid-template-columns:1fr}
  .tll-arch-sidebar{display:none}
  .tll-arch-mob-sidebar{display:block}
  .tll-arch-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.65rem}

  /* homepage sidebar — show as bottom strip */
  .tll-sidebar{display:none}
  .tll-sidebar-mobile-strip{display:block}
}

@media(max-width:600px){
  .tll-arch-grid{
    grid-template-columns:repeat(3,1fr)!important;
    gap:.5rem;
  }
  /* make cards smaller on mobile in archive */
  .tll-arch-grid .tll-ntitle{font-size:.68rem}
  .tll-arch-grid .tll-ngenre{font-size:.6rem}
  .tll-arch-grid .tll-nviews{font-size:.58rem}
}

/* single post sidebar mobile */
@media(max-width:768px){
  .tll-single-sidebar-grid{
    grid-template-columns:1fr!important;
  }
  .tll-single-sidebar-grid aside{
    display:none;
  }
}