.aaf-search-card {
max-width:none;
background:var(--card)
}

.hero-content > .aaf-logo {
max-width:500px
}

.aaf-search-form {
width:100%;
max-width:560px;
margin-inline:auto
}

.aaf-logo {
display:block;
width:100%;
max-width:320px;
height:auto;
margin:0 auto 2rem;
border:0;
box-shadow:none
}

.aaf-search-card > .aaf-logo {
max-width:320px
}

.aaf-detail-link {
position:relative;
margin-inline:-1rem;
padding:.9rem 2.25rem .9rem 1rem;
color:inherit;
text-decoration:none
}

.aaf-detail-link::after {
content:'';
position:absolute;
right:1rem;
top:50%;
width:.45rem;
height:.45rem;
border-right:1px solid var(--green);
border-bottom:1px solid var(--green);
transform:translateY(-65%) rotate(45deg)
}

.aaf-detail-link:hover {
background:#00fff20a
}

.aaf-detail-link:hover .info-label {
color:var(--cyan)
}

.aaf-detail-link:focus-visible {
outline:2px solid var(--cyan);
outline-offset:2px
}

.aaf-explanation {
padding:1.25rem 0;
border-bottom:1px solid var(--border);
scroll-margin-top:6rem
}

.aaf-explanation:last-child {
border-bottom:none
}

.aaf-explanation h3 {
margin:0 0 .5rem;
font-size:.9rem;
text-transform:uppercase;
color:var(--green)
}

.aaf-explanation p {
max-width:none;
margin:0;
color:var(--text);
font-size:.95rem;
line-height:1.8
}

.aaf-safety-list {
padding-left:1.25rem;
color:var(--muted);
line-height:1.8
}

.aaf-safety-list li + li {
margin-top:.75rem
}

.aaf-feature-panel {
display:grid;
grid-template-columns:minmax(0, 280px) minmax(0, 1fr);
align-items:center;
gap:2rem;
padding:2rem;
background:var(--card);
border:1px solid var(--border);
border-radius:12px
}

.aaf-feature-image-link {
display:block;
width:100%;
max-width:280px;
justify-self:center;
border-radius:12px;
line-height:0
}

.aaf-feature-image {
display:block;
width:100%;
height:auto;
border:1px solid #00ff8873;
border-radius:12px;
box-shadow:0 0 36px #00ff8829
}

.aaf-feature-image-link:focus-visible {
outline:2px solid var(--cyan);
outline-offset:5px
}

.aaf-feature-kicker {
display:inline-block;
margin-bottom:.75rem;
color:var(--cyan);
font-size:.7rem;
text-transform:uppercase;
letter-spacing:.12em
}

.aaf-feature-copy h2 {
margin:.25rem 0 .75rem;
font-size:1.2rem;
letter-spacing:.04em;
color:var(--text-hi)
}

.aaf-feature-copy p {
max-width:none;
color:var(--muted);
line-height:1.8
}

.aaf-feature-copy .view-all {
display:inline-block;
margin-top:.25rem
}

@media(max-width:700px) {
.aaf-detail-link {
grid-template-columns:1fr;
gap:.4rem
}

.aaf-feature-panel {
grid-template-columns:1fr;
gap:1.5rem;
padding:1.25rem
}

.aaf-feature-image-link {
max-width:280px
}
}