/* ==========================================================================
   Tyrone v10 — collections (tag pages, search results)
   The term itself is the header: printed huge, like a label on a game shelf.
   ========================================================================== */
.col-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;margin:20px 0 28px;padding:clamp(24px,4vw,44px);
  border-radius:var(--r-lg);overflow:hidden;isolation:isolate;background:var(--surface);border:1px solid var(--line)}
.col-mark{position:absolute;left:clamp(16px,3vw,36px);top:-0.12em;z-index:-1;font:900 clamp(90px,15vw,220px)/1 var(--display);letter-spacing:-.06em;
  color:transparent;-webkit-text-stroke:2px color-mix(in srgb,var(--cobalt) 40%,transparent);white-space:nowrap;max-width:100%;overflow:hidden}
.col-head h1{font-size:clamp(30px,4.4vw,54px);text-transform:capitalize;margin-top:clamp(40px,7vw,96px)}
.col-head p{margin:10px 0 0;color:var(--text-2);max-width:60ch}
.col-count{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;color:var(--text-3)}
.col-count b{font:900 48px/1 var(--display);letter-spacing:-.05em;color:var(--token)}
.col-empty{padding:clamp(24px,4vw,40px);border-radius:var(--r-lg);border:2px dashed var(--line)}
.col-empty h2{font-size:26px;margin-bottom:8px}
.col-empty > p{color:var(--text-2);margin-bottom:22px}
.t-pager .tcat-page{display:contents}
.t-pager .tcat-page a{min-width:44px;height:44px;display:grid;place-items:center;padding:0 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font:800 14px var(--display)}
.t-pager .tcat-page a:hover{background:var(--raised)}
.t-pager .tcat-page.is-current a{background:var(--text);color:var(--night);border-color:var(--text)}
.t-pager-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;margin:36px 0 0}
.t-pager-note{margin:0;font-size:13px;color:var(--text-3)}
@media (max-width:640px){
  .col-head{grid-template-columns:1fr}
  .col-count{align-items:flex-start}
}
