.ds-tags-page { padding: 0 0 64px; }
.ds-tags-breadcrumb { display:flex; gap:10px; padding:25px 0 18px; color:var(--ds-home-muted); font-size:13px; }
.ds-tags-breadcrumb a:hover { text-decoration:underline; text-underline-offset:4px; }
.ds-tags-intro { padding:30px 0 34px; border-bottom:1px solid var(--ds-home-line); }
.ds-tags-intro h1 { margin:7px 0 10px; font-size:clamp(32px,4vw,52px); line-height:1.08; letter-spacing:-1.8px; }
.ds-tags-intro p:not(.ds-home-kicker) { max-width:650px; margin:0; color:var(--ds-home-muted); font-size:17px; }
.ds-tags-total { display:block; margin-top:17px; color:var(--ds-home-teal); font-size:13px; font-weight:650; }
.ds-tags-controls,.ds-tags-article-controls { display:flex; align-items:end; gap:14px; padding:25px 0 18px; }
.ds-tags-controls label,.ds-tags-article-controls label { display:grid; gap:6px; color:var(--ds-home-muted); font-size:13px; font-weight:650; }
.ds-tags-controls label:first-child,.ds-tags-article-controls label { flex:1; }
.ds-tags-controls input,.ds-tags-controls select,.ds-tags-article-controls input { width:100%; min-height:44px; padding:10px 13px; border:1px solid #bacfc7; border-radius:8px; background:#fff; color:var(--ds-home-ink); font:inherit; }
.ds-tags-controls button,.ds-tags-type-filters button,.ds-tags-empty button { min-height:44px; padding:10px 15px; border:1px solid var(--ds-home-line); border-radius:8px; background:#fff; color:var(--ds-home-ink); cursor:pointer; font:inherit; }
.ds-tags-controls button:hover,.ds-tags-type-filters button:hover,.ds-tags-empty button:hover { border-color:var(--ds-home-teal); }
.ds-tags-letters { display:flex; flex-wrap:wrap; gap:6px; padding:0 0 25px; }
.ds-tags-letters a { min-width:31px; padding:5px 8px; border:1px solid var(--ds-home-line); border-radius:6px; color:var(--ds-home-teal); font-size:13px; text-align:center; }
.ds-tags-letters a[aria-current="page"] { border-color: var(--ds-home-teal); background:#edf7f3; color:var(--ds-home-ink); }
.ds-tags-letters a[aria-disabled="true"] { opacity:0.45; pointer-events:none; cursor:default; }
.ds-tags-section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:15px; }
.ds-tags-section-heading h2,.ds-tags-related h2 { margin:0; font-size:25px; line-height:1.25; }
.ds-tags-section-heading > p { margin:0; color:var(--ds-home-muted); font-size:13px; }
.ds-tags-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ds-tags-card { display:flex; align-items:center; justify-content:space-between; gap:15px; min-width:0; padding:18px; border:1px solid var(--ds-home-line); border-radius:9px; }
.ds-tags-card:hover { border-color:#8db7a9; background:#f7faf8; }
.ds-tags-card strong { min-width:0; overflow-wrap:anywhere; font-size:16px; }
.ds-tags-card span { flex:none; color:var(--ds-home-muted); font-size:12px; }
.ds-tags-related { margin:32px 0 40px; padding:22px; border:1px solid var(--ds-home-line); border-radius:9px; background:var(--ds-home-soft); }
.ds-tags-related div { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.ds-tags-related a { padding:7px 11px; border:1px solid var(--ds-home-line); border-radius:999px; background:#fff; color:var(--ds-home-teal); font-size:13px; }
.ds-tags-article-list { display:grid; gap:0; }
.ds-tags-article { display:flex; justify-content:space-between; gap:20px; padding:20px 0; border-top:1px solid var(--ds-home-line); }
.ds-tags-article:hover strong { text-decoration:underline; text-underline-offset:4px; }
.ds-tags-article > span:first-child { min-width:0; }
.ds-tags-article small { display:block; margin-bottom:5px; color:var(--ds-home-teal); font-size:11px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; }
.ds-tags-article strong { display:block; margin-bottom:5px; font-size:19px; line-height:1.35; }
.ds-tags-article span span { display:block; color:var(--ds-home-muted); font-size:14px; line-height:1.45; }
.ds-tags-empty { padding:28px; border:1px dashed #a9c1b8; border-radius:9px; background:var(--ds-home-soft); text-align:center; }
.ds-tags-empty h2 { margin:0 0 8px; font-size:20px; }
.ds-tags-empty p { margin:0 0 15px; color:var(--ds-home-muted); }
.ds-tags-pagination { display:flex; flex-wrap:wrap; gap:7px; margin-top:25px; }
.ds-tags-pagination a,.ds-tags-pagination span { padding:8px 12px; border:1px solid var(--ds-home-line); border-radius:6px; font-size:13px; }
.ds-tags-pagination span { background:var(--ds-home-teal); color:#fff; }
.ds-tags-back { margin:32px 0 0; color:var(--ds-home-teal); font-weight:650; }
.ds-tags-type-filters { display:flex; flex-wrap:wrap; gap:7px; }
.ds-tags-type-filters button[aria-pressed="true"] { border-color:var(--ds-home-teal); background:var(--ds-home-teal); color:#fff; }
.ds-tags-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
[data-tags-directory] .ds-tags-controls,[data-tags-term] .ds-tags-article-controls { position:relative; }
@media (max-width:900px) { .ds-tags-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px) { .ds-tags-intro { padding:24px 0 28px; } .ds-tags-intro h1 { font-size:36px; } .ds-tags-intro p:not(.ds-home-kicker) { font-size:15px; } .ds-tags-controls,.ds-tags-article-controls { align-items:stretch; flex-direction:column; } .ds-tags-grid { grid-template-columns:1fr; } .ds-tags-section-heading { align-items:start; flex-direction:column; gap:5px; } .ds-tags-article strong { font-size:17px; } }