.mission-section { margin: 0 0 1rem; }
.mission-home-card { width: 100%; display: grid; grid-template-columns: 3.25rem minmax(0, 1fr) auto auto; gap: .85rem; align-items: center; padding: 1rem; border: 1px solid color-mix(in srgb, #c68200 32%, var(--line, #ddd)); border-radius: 1.15rem; background: linear-gradient(135deg, color-mix(in srgb, #c68200 12%, var(--surface, #fff)), var(--surface, #fff)); color: inherit; text-align: left; box-shadow: 0 .5rem 1.4rem rgba(55, 37, 73, .08); cursor: pointer; }
.mission-home-icon, .mission-list-icon { display: grid; place-items: center; color: #8c5a00; background: color-mix(in srgb, #fbb306 20%, white); border-radius: 1rem; }
.mission-home-icon { width: 3.25rem; height: 3.25rem; }
.mission-home-icon .app-icon { width: 1.65rem; height: 1.65rem; }
.mission-home-icon img { display: none; }
.mission-home-icon::before { content: ""; display: block; width: 2.5rem; height: 2.5rem; background: #8c5a00; -webkit-mask: url('../images/missions/Missions.png') center / contain no-repeat; mask: url('../images/missions/Missions.png') center / contain no-repeat; }
.mission-home-copy { display: grid; gap: .18rem; min-width: 0; }
.mission-home-copy strong { font-size: 1.15rem; }
.mission-home-copy small { color: var(--muted, #625a67); }
.mission-home-count { min-width: 2.25rem; height: 2.25rem; display: grid; place-items: center; border-radius: 999px; background: #c68200; color: white; font-weight: 700; }
.mission-home-arrow, .mission-card-arrow { color: #8c5a00; font-size: 1.7rem; }
.mission-hero { background: linear-gradient(145deg, #372549, #7d5200); }
.mission-search { display: grid; gap: .35rem; margin: 1rem 0 .8rem; }
.mission-search label { font-size: .8rem; font-weight: 700; color: var(--muted, #625a67); }
.mission-search input { width: 100%; box-sizing: border-box; border: 1px solid var(--line, #d8d3da); border-radius: .85rem; padding: .78rem .9rem; background: var(--surface, #fff); color: inherit; }
.mission-category-filters { display: flex; gap: .5rem; overflow-x: auto; padding: .1rem 0 .8rem; scrollbar-width: none; }
.mission-category-filters button { flex: 0 0 auto; border: 1px solid var(--line, #d8d3da); border-radius: 999px; padding: .55rem .75rem; background: var(--surface, #fff); color: inherit; font-weight: 650; cursor: pointer; }
.mission-category-filters button.active { border-color: #c68200; background: color-mix(in srgb, #fbb306 18%, var(--surface, #fff)); color: #704800; }
.mission-category-filters span { display: inline-grid; place-items: center; min-width: 1.35rem; height: 1.35rem; margin-left: .25rem; border-radius: 999px; background: color-mix(in srgb, #c68200 18%, transparent); font-size: .75rem; }
.mission-card { grid-template-columns: auto minmax(0, 1fr) auto; }
.mission-list-icon { width: 2.8rem; height: 2.8rem; }
.mission-list-icon .app-icon { width: 1.4rem; height: 1.4rem; }
.mission-objective { margin: 1rem 0; padding: 1rem; border: 1px solid var(--line, #ddd); border-radius: 1rem; background: color-mix(in srgb, #fbb306 8%, var(--surface, #fff)); }
.mission-objective p { margin: .75rem 0 0; color: var(--muted, #625a67); line-height: 1.5; }
.mission-treatment { display: grid; gap: 1rem; }

@media (max-width: 460px) {
  .mission-home-card { grid-template-columns: 2.8rem minmax(0, 1fr) auto; padding: .85rem; }
  .mission-home-icon { width: 2.8rem; height: 2.8rem; }
  .mission-home-arrow { display: none; }
  .mission-home-copy small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}