.mice-actions, .mice-facts {display:flex; flex-wrap:wrap; gap:12px 22px; align-items:center}
.mice-actions {margin-top:20px}
.mice-actions .text-link {display:inline-flex; align-items:center; min-height:44px}
.mice-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px}
.mice-card {display:flex; flex-direction:column; gap:9px; min-width:0; padding:20px; background:#fff; border:1px solid var(--line,#d6dfdf); border-radius:12px}
.mice-card[hidden] {display:none}
.mice-card h3, .mice-card p {margin:0}
.mice-card h3 {line-height:1.25}
.mice-card .mice-meta {color:var(--muted,#526875); font-size:13px}
.mice-card .mice-role {margin-bottom:4px; line-height:1.5}
.mice-card > .text-link {margin-top:auto; min-height:44px; display:flex; align-items:center; align-self:flex-start}
.mice-detail .mice-story {display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:clamp(24px,5vw,72px); align-items:start}
.mice-detail .mice-story > div {min-width:0}
.mice-detail .mice-story h2 {margin-bottom:10px; font-size:25px}
.mice-detail .mice-story section + section {margin-top:28px}
.mice-detail .mice-story p {line-height:1.65}
.mice-detail .mice-hero-text {max-width:820px}
.mice-detail .mice-hero-text h1 {max-width:20ch; margin:0 0 18px; line-height:1.13; font-size:clamp(34px,4vw,54px); overflow-wrap:break-word}
.mice-detail .mice-hero-text .hero-intro {max-width:65ch}
.mice-detail .mice-facts {padding:16px 20px; border-radius:12px; background:var(--soft-section,#e6efed); margin:22px 0 0; align-items:flex-start}
.mice-detail .mice-facts dt {font-size:13px; color:var(--muted,#526875)}
.mice-detail .mice-facts dd {margin:4px 0 0; font-weight:600}
.mice-detail .mice-photo {margin:0}
.mice-detail .mice-photo img {display:block; width:100%; height:auto; max-height:520px; object-fit:contain; background:var(--ground,#f5f7f4); border-radius:12px}
.mice-detail .mice-photo figcaption {margin-top:8px; font-size:13px; color:var(--muted,#526875)}
.mice-detail .mice-summary {padding:22px; border-radius:12px; background:var(--soft-section,#e6efed)}
.mice-detail .mice-summary h2 {margin-top:0}
.mice-detail .mice-story:has(> :only-child) {grid-template-columns:minmax(0,760px)}
.mice-detail .mice-quick {margin:18px 0 0}
.mice-detail .mice-quick a {color:inherit}
.mice-partners {margin-top:12px}
.mice-partners p {max-width:70ch}
.mice-archive {display:grid; gap:16px; max-width:760px}
.mice-archive h3, .mice-archive p {margin:0 0 6px}
.mice-filter {display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin:16px 0}
.mice-filter[hidden] {display:none}
.mice-filter select {max-width:100%; min-height:44px; border:1px solid var(--field-line,#a8b9bd); border-radius:7px; padding:5px 10px; color:inherit; background:#fff; font:inherit}
.mice-detail .breadcrumb span {min-width:0; overflow-wrap:anywhere}
@media(max-width:860px){.mice-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .mice-grid, .mice-detail .mice-story {grid-template-columns:minmax(0,1fr)}
  .mice-card {padding:16px}
  .mice-detail .mice-facts {gap:14px}
  .mice-detail .breadcrumb {flex-wrap:wrap}
}