.cl{max-width:var(--max);margin:0 auto;padding:0 28px 70px}
.clhero{padding:64px 0 26px;border-bottom:1px solid var(--line)}
.clhero h1{font-size:clamp(2.6rem,5.4vw,4.6rem);letter-spacing:-.055em;margin:12px 0 12px;line-height:1}
.clhero p{color:var(--muted);max-width:58ch;font-size:1rem}
.clfilters{display:flex;gap:5px;flex-wrap:wrap;margin-top:20px}
.clfilters button{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:.76rem;font-weight:600;cursor:pointer}
.clfilters button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.clwrap{padding-top:20px}
.clentry{display:grid;grid-template-columns:130px 1fr;gap:26px;padding:26px 0;border-bottom:1px solid var(--line)}
.clentry[hidden]{display:none}
.cldate{display:grid;gap:2px;align-content:start;position:sticky;top:90px;height:max-content}
.cldate b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;color:var(--ink)}
.cldate span{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--coral)}
.cltags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}
.ct{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;border-radius:999px;padding:2px 7px;border:1px solid}
.ct.guard{color:var(--teal);border-color:rgba(14,124,134,.3);background:rgba(14,124,134,.05)}
.ct.earn{color:var(--indigo);border-color:rgba(59,76,202,.3);background:rgba(59,76,202,.05)}
.ct.platform{color:var(--muted);border-color:var(--line);background:var(--paper2)}
.clbody h2{font-size:1.5rem;margin-bottom:6px}
.clbody p{color:var(--muted);font-size:.9rem;max-width:70ch}
.clbody ul{margin:10px 0 0;padding-left:18px;display:grid;gap:5px;font-size:.86rem;color:var(--ink2)}
.clbody code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82em;background:var(--paper2);border:1px solid var(--line);border-radius:5px;padding:1px 5px}
.clnext{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;margin-top:26px}
.clnext h2{font-size:1.4rem;margin:6px 0 8px}
.clnext ul{margin:0 0 10px;padding-left:18px;display:grid;gap:5px;font-size:.86rem;color:var(--ink2)}
.clnext p{font-size:.78rem;color:var(--muted)}
.clsubscribe{margin-top:20px;font-size:.8rem;color:var(--muted)}
.clsubscribe a{color:var(--indigo);text-decoration:underline;text-underline-offset:3px}
@media (max-width:700px){
  .cl{padding:0 18px 50px}
  .clhero{padding-top:44px}
  .clentry{grid-template-columns:1fr;gap:8px;padding:20px 0}
  .cldate{position:static;display:flex;gap:8px;align-items:baseline}
  .clbody h2{font-size:1.25rem}
}