/* Tag page. Reference: ui_kits/blog/TagScreen.jsx */
.tagpage{padding-bottom:var(--space-8)}
.tagpage__head{padding:96px 0 48px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;border-bottom:1px solid var(--border-subtle)}
.tagpage__title{display:grid;gap:20px}
.tagpage__sort .tag{cursor:pointer;background:transparent;border:0;font-family:var(--font-sans)}
.tagpage__sort .tag[aria-pressed="true"]{color:var(--fg-1);background:var(--metal-face);box-shadow:0 0 14px -6px rgba(168,132,255,.7);position:relative}
.tagpage__sort .tag[aria-pressed="true"]::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--rim);background:conic-gradient(from var(--rd-angle),#ffffff,#8b8e96 12%,#3D6BFF 20%,#2c2e33 30%,#e6e7ea 42%,#A884FF 52%,#5b5e66 60%,#F08A4B 70%,#ffffff 80%,#2c2e33 90%,#ffffff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.tagpage__empty{padding:48px 0;margin:0;color:var(--fg-3)}
.tagpage__others{margin-top:80px;display:grid;gap:18px}
.tagpage__others .tags{gap:8px}

/* Topic callout */
.topic-callout{margin-top:32px;border-radius:18px}
.topic-callout__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border-radius:18px}
.topic-callout__copy{display:grid;gap:8px}
.topic-callout__text{margin:0;font-size:17px;color:var(--fg-2)}
.topic-callout__text strong{color:var(--fg-1);font-weight:var(--fw-semibold)}
.topic-callout .btn{flex:none}

/* Rows reuse the Home Archive row (.post-row in cards.css) */
.tagpage__list{margin-top:24px;display:grid}
.tagpage__list .post-row:first-child{border-top:0}
@media (max-width:760px){
  .tagpage__head{padding:56px 0 32px;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
  .tagpage__others{margin-top:56px}
}