.mission-hero { padding: clamp(1.25rem, 4vw, 3rem) 0; background: #e3ece3; }
.mission-back { display: inline-block; margin-bottom: 1.5rem; color: var(--pine); }
.mission-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 1.5rem; }
.mission-hero h1 { font-size: clamp(2.5rem, 7vw, 5.5rem); margin: .35rem 0 1rem; }
.mission-hero-grid img { width: 100%; height: auto; }
.mission-badge { display: inline-block; padding: .3rem .7rem; margin: 0 0 1.1rem; border-radius: 100px; color: #593c12; background: #f0dfb7; font-weight: 700; font-size: .86rem; }
.mission-hero .wrap { display: grid; grid-template-columns: 1.3fr 1fr; column-gap: clamp(1.5rem, 5vw, 4rem); align-items: center; }
.mission-hero .mission-back { grid-column: 1 / -1; justify-self: start; }
.mission-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: 0; }
.mission-facts div { padding: 1rem; border-radius: 8px; background: #fffdf6; }
.mission-preview dt { font-weight: 700; }
.mission-preview dd { margin: .25rem 0 0; }
.mission-layout { display: grid; grid-template-columns: minmax(10rem, 1fr) minmax(0, 3fr); gap: clamp(1.5rem, 6vw, 5rem); align-items: start; padding-block: 2.5rem 4rem; }
.mission-side { position: sticky; top: 7rem; }
.mission-nav { display: grid; border-inline-start: 2px solid var(--rule); padding-inline-start: 1rem; }
.mission-nav a { padding-block: .5rem; color: var(--pine); }
.mission-content { max-width: 46rem; }
.mission-content section { padding-block: 1.4rem 2rem; scroll-margin-top: 7rem; }
.mission-content section:first-child { padding-top: 0; }
.mission-content h2 { font-size: clamp(1.65rem, 4vw, 2.8rem); margin: .3rem 0 1rem; }
.mission-content li + li { margin-top: .5rem; }
.mission-deliverables { display: grid; gap: .4rem; }
.mission-terms div { padding: .75rem 0; }
.mission-content .mission-apply { margin-top: 1.5rem; border: 0; border-radius: 9px; background: #e3ece3; padding: clamp(1rem, 4vw, 2rem); }
.mission-apply button:disabled { color: #32493b; background: #d0ded2; cursor: default; }
@media (max-width: 720px) {
  .mission-hero-grid { grid-template-columns: minmax(0, 1fr); }
  .mission-hero-grid img { display: none; }
  .mission-hero .wrap { grid-template-columns: minmax(0, 1fr); }
  .mission-facts { margin-top: 1.5rem; }
  .mission-layout { grid-template-columns: minmax(0, 1fr); }
  .mission-side { position: static; }
  .mission-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 .5rem; }
}

.a-completer{background:none;color:inherit;padding:0;font-weight:inherit}

.mission-content h3 { font-size: 1.1rem; margin: 1.2rem 0 .3rem; }
.mission-content h3:first-of-type { margin-top: 0; }
.mission-share { margin-top: 1.75rem; padding-inline-start: 1rem; }
.mission-share b { display: block; margin-bottom: .6rem; }
.mission-share a { display: inline-flex; margin-inline-end: .85rem; color: var(--pine); }
.mission-share a:hover, .mission-share a:focus-visible { color: var(--ink); }
.mission-share svg { width: 1.7rem; height: 1.7rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mission-share [role=status] { display: block; min-height: 1.2em; margin-top: .4rem; font-size: .9rem; }
.mission-preview :is(p, li, dd, dt, h1, h2, h3) { white-space: pre-line; }
.mission-facts div:last-child:nth-child(odd) { grid-column: 1 / -1; }