/* Round 8 Phase 15 — reusable summary-first result framework. */
.ao-summary-first{margin:16px 0 18px;padding:16px 17px;border:1px solid #dde5e2;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(24,45,54,.045)}
.ao-summary-first__head{display:grid;gap:3px;margin-bottom:10px}
.ao-summary-first__head small{color:#5e7771;font-size:.7rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.ao-summary-first__head h2{margin:0;color:#203d49;font-size:clamp(1.02rem,2.3vw,1.28rem);line-height:1.35}
.ao-summary-first__list{display:grid;gap:7px;margin:0;padding:0;list-style:none;counter-reset:none}
.ao-summary-first__item{display:grid;grid-template-columns:31px minmax(0,1fr);gap:10px;align-items:start;min-width:0;padding:9px 0;border-top:1px solid #edf1ef}
.ao-summary-first__item:first-child{border-top:0;padding-top:4px}
.ao-summary-first__number{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#eef5f2;color:#315f58;font-size:.75rem;font-weight:950;line-height:1}
.ao-summary-first__copy{min-width:0}
.ao-summary-first__copy strong{display:block;color:#203d49;font-size:.88rem;line-height:1.4;overflow-wrap:anywhere}
.ao-summary-first__copy p{margin:3px 0 0;color:#64736f;font-size:.77rem;line-height:1.55;overflow-wrap:anywhere}
.ao-summary-first__details{display:inline-flex;align-items:center;gap:5px;min-height:44px;margin-top:9px;padding:7px 10px;border-radius:10px;color:#315f58;font-size:.76rem;font-weight:850;text-decoration:none}
.ao-summary-first__details:hover,.ao-summary-first__details:focus-visible{background:#eef5f2}
.ao-summary-first__details:focus-visible{outline:3px solid rgba(49,95,88,.22);outline-offset:2px}
@media(max-width:520px){.ao-summary-first{margin:12px 0 14px;padding:13px 12px;border-radius:16px}.ao-summary-first__item{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:8px 0}.ao-summary-first__number{width:27px;height:27px}.ao-summary-first__copy strong{font-size:.84rem}.ao-summary-first__copy p{font-size:.74rem;line-height:1.5}}

/* Round 8 Phase 17 — long-form Free Tools use the same numbered answer-first hierarchy. */
.ao-summary-first[data-summary-first-context="free-tool"]{margin-top:14px;margin-bottom:16px}
.ao-summary-first[data-summary-first-context="free-tool"] .ao-summary-first__head h2{font-size:clamp(1rem,2.2vw,1.2rem)}
.ao-summary-first[data-summary-first-context="free-tool"] .ao-summary-first__item{padding-block:8px}
@media(max-width:520px){.ao-summary-first[data-summary-first-context="free-tool"]{margin-top:10px;margin-bottom:13px}}