/* Mastermind benefits: shared Ink tokens, native accessible disclosure controls. */
.aaa-reasons-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:64px;align-items:start}
.aaa-reasons-intro{position:sticky;top:120px}
.aaa-reasons h2{font-size:clamp(30px,3.3vw,48px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.aaa-page .aaa-reasons-list{list-style:none;margin:0;padding:0;display:grid;gap:16px;min-width:0}
.aaa-reasons-list>li{min-width:0}
.aaa-reason{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.aaa-reason[open]{background:var(--surface-alt);border-color:var(--border-strong)}
.aaa-reason summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none}
.aaa-reason summary::-webkit-details-marker{display:none}
.aaa-reason summary::marker{content:""}
.aaa-reason h3{font-size:clamp(19px,1.5vw,22px);font-weight:700;line-height:1.35;text-wrap:pretty}
.aaa-reason-toggle{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:999px;background:var(--accent);color:var(--accent-ink)}
.aaa-reason-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;transition:transform .2s ease}
.aaa-reason[open] .aaa-reason-toggle svg{transform:rotate(45deg)}
.aaa-reason-copy{padding-top:24px;padding-right:60px}
.aaa-reason-copy p{font-size:16px;line-height:1.75;color:var(--text-muted)}
.aaa-reason-copy p+p{margin-top:16px}
.aaa-reason summary:focus-visible{outline:3px solid var(--accent);outline-offset:8px;border-radius:var(--radius-sm)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.aaa-reason:hover{transform:translateY(-6px);box-shadow:var(--shadow)}}
@media(max-width:1023px){.aaa-reasons-grid{grid-template-columns:1fr;gap:36px}.aaa-reasons-intro{position:static}.aaa-reasons h2{max-width:850px}}
@media(max-width:600px){.aaa-reasons-grid{gap:28px}.aaa-reason{padding:24px 20px}.aaa-reason summary{gap:16px}.aaa-reason-copy{padding-top:20px;padding-right:0}.aaa-reason-toggle{flex-basis:32px;width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.aaa-reason,.aaa-reason-toggle svg{transition:none}}
