/* tags.css — テーマ一覧・テーマページ（2026-09-06） */
.tags-page{padding-bottom:48px}
.tags-page h1{font-size:1.6rem;margin:12px 0 6px}
.tags-page .lead{margin:0 0 16px;color:var(--c-muted);line-height:1.7}
.tags-page .axis{margin:12px 0 0;font-size:.85rem;font-weight:700;color:var(--c-green-text)}
.tags-page .axis+h1{margin-top:2px}
.tagnav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.tagnav a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:2px solid var(--c-line);border-radius:var(--r-pill);font-weight:700;text-decoration:none;color:var(--c-ink)}
.tagnav a:hover{border-color:var(--c-green)}
.tags-page .sec{padding-top:36px}
.tags-page .sec>h2,.tags-page .sec-h h2{font-size:1.2rem;padding-left:12px;border-left:6px solid var(--c-green);margin-bottom:14px}
.tags-page .sec-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tags-page .sec-h .more,.tags-page .sec-h .btn{margin-left:auto}
.tags-page .sec-h .btn{min-height:40px;font-size:.9rem}
.tags-page .cnt{font-size:.85rem;color:var(--c-muted);font-weight:400;margin-left:6px}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags .tag{display:inline-flex;align-items:baseline;gap:6px;min-height:40px;padding:6px 14px;border-radius:var(--r-pill);background:var(--c-tint);color:var(--c-ink);font-weight:700;text-decoration:none;line-height:1.3}
.tags .tag small{font-size:.75rem;color:var(--c-muted);font-weight:400}
.tags .tag:hover{background:var(--c-line)}
.tags .tag.dim{background:transparent;border:1.5px solid var(--c-line);color:var(--c-muted);font-weight:400}
.tags-page details.rest{margin-top:12px}
.tags-page details.rest>summary{cursor:pointer;font-size:.9rem;color:var(--c-muted);min-height:36px;display:flex;align-items:center}
.tags-page details.rest .tags{margin-top:8px}
.tags-page .none{color:var(--c-muted);padding:16px 18px;border:2px dashed var(--c-line);border-radius:var(--r-l);margin:0}
.tags-page .pcards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:899px){ .tags-page .pcards{grid-template-columns:1fr 1fr} }
@media (max-width:640px){ .tags-page h1{font-size:1.35rem} .tags-page .sec{padding-top:28px} .tags-page .pcards{grid-template-columns:1fr} }