.tl{max-width:1000px;margin:0 auto;padding:32px 28px 64px}.tl-title-bar{margin-bottom:20px}.tl-title-main{align-items:baseline;gap:14px;display:flex}.tl-title{font-family:var(--serif);letter-spacing:-.6px;color:var(--ink);font-size:28px;font-weight:600}.tl-count{color:var(--muted);background:var(--off2);border:1px solid var(--rule);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.tl-subscribe{background:var(--signal-soft);border:1px solid var(--signal);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:16px 20px;transition:all .15s;display:flex}.tl-subscribe:hover{background:#e3e9fd}.tl-sub-main{flex-direction:column;gap:2px;display:flex}.tl-sub-title{color:var(--ink);font-size:15px;font-weight:600}.tl-sub-note{color:var(--signal);font-size:13px}.tl-sub-cta{color:var(--signal);white-space:nowrap;font-size:13px;font-weight:600}.tl-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.tl-tile{text-align:left;border:1px solid var(--rule);border-radius:var(--radius);background:var(--white);cursor:pointer;flex-direction:column;align-items:stretch;min-height:78px;padding:16px 18px;transition:all .15s;display:flex}.tl-tile:hover{border-color:var(--ink);transform:translateY(-2px)}.tl-tile.free{border-color:var(--signal);background:var(--signal-soft)}.tl-tile.free:hover{border-color:var(--signal)}.tl-tile.locked{background:var(--off);border-color:var(--rule);cursor:pointer;opacity:.7}.tl-tile.locked:hover{opacity:1;border-color:var(--rule2);transform:none}.tl-tile-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tl-tile-n{font-family:var(--serif);color:var(--ink);font-size:16px;font-weight:600}.tl-tile.locked .tl-tile-n{color:var(--muted)}.tl-badge{letter-spacing:.8px;text-transform:uppercase;border-radius:20px;padding:2px 8px;font-size:9px;font-weight:700}.tl-badge.free{background:var(--signal);color:#fff}.tl-lock{opacity:.5;font-size:13px}.tl-tile-meta{color:var(--muted);font-size:11px}@media (max-width:760px){.tl-grid{grid-template-columns:1fr 1fr}}