.detail-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 18px; }
.detail-header nav { display: flex; flex-wrap: wrap; gap: 20px; font-size: .85rem; }
.detail-header nav [aria-current] { color: var(--aqua-dark); text-decoration: underline; text-underline-offset: 5px; }
.detail-main { padding-block: 28px 72px; }
.breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin: 0; color: var(--muted); font-size: .8rem; }
.breadcrumbs li + li::before { content: "/"; margin-right: 10px; }
.detail-intro { max-width: 820px; padding-block: 56px 42px; }
.detail-intro h1 { font-size: 2.8rem; line-height: 1.1; margin-block: 20px 24px; }
.detail-lede { font-size: 1.12rem; color: #44535e; }
.detail-status { font-size: .82rem; color: var(--aqua-dark); margin-top: 22px; }
.detail-layout { display: grid; grid-template-columns: minmax(0, 780px) minmax(200px, 1fr); gap: 64px; border-top: 1px solid var(--line); }
.detail-body section { padding-block: 34px; border-bottom: 1px solid var(--line); }
.detail-body h2, .detail-contact h2 { font-size: 1.7rem; line-height: 1.25; margin-bottom: 18px; }
.detail-body h3 { font-size: 1.08rem; }
.detail-body p + p { margin-top: 16px; }
.detail-body p, .detail-body li, .detail-body dd { font-size: 1rem; line-height: 1.8; }
.detail-body a, .breadcrumbs a { color: var(--aqua-dark); text-decoration: underline; text-underline-offset: 3px; }
.detail-body ul, .detail-steps { padding-left: 24px; margin-block: 20px; }
.detail-body li + li { margin-top: 12px; }
.detail-steps li + li { margin-top: 22px; }
.detail-definitions { margin: 0; }
.detail-definitions div + div { margin-top: 22px; }
.detail-definitions dt { font-weight: 650; }
.detail-definitions dd { margin: 6px 0 0; }
.detail-aside { padding-top: 38px; align-self: start; }
.detail-aside h2 { font-size: 1.1rem; margin-block: 22px 18px; }
.detail-aside nav { display: grid; gap: 16px; margin-bottom: 28px; font-size: .9rem; line-height: 1.5; }
.detail-aside a:hover { color: var(--aqua-dark); text-decoration: underline; }
.detail-aside > .text-link { display: inline-block; line-height: 1.6; }
.detail-contact { padding-block: 56px 0; }
.detail-contact .button { margin-top: 24px; }
.detail-main, .detail-header { overflow-wrap: anywhere; }
@media (max-width: 800px) {
  .detail-layout { grid-template-columns: 1fr; gap: 0; }
  .detail-aside { padding-block: 32px; border-bottom: 1px solid var(--line); }
  .detail-aside > img { display: none; }
  .detail-aside h2 { margin-top: 0; }
}
@media (max-width: 640px) {
  .detail-header { align-items: flex-start; flex-direction: column; gap: 16px; }
  .detail-header nav { gap: 18px; font-size: .78rem; }
  .detail-intro { padding-block: 36px 32px; }
  .detail-intro h1 { font-size: 2.05rem; }
  .detail-lede { font-size: 1rem; }
  .detail-body h2, .detail-contact h2 { font-size: 1.5rem; }
}