/* Category 199 layout. Shared fag-* components and the existing brand tokens
   supply the visual language. No global selectors or new palette.
   Calculated contrasts: acc/white 4.97:1, acc/surf 4.56:1, mut/white 6.10:1. */
#fa-letter-overview{max-width:1200px;padding:24px}
#fa-letter-overview>section{margin:0;padding:0;background:var(--bg)!important;position:static;z-index:auto}
#fa-letter-overview h1{font-size:52px;font-weight:700;line-height:1.1;text-wrap:balance}
#fa-letter-overview h2{font-size:36px;font-weight:600;line-height:1.2;text-wrap:balance}
#fa-letter-overview p{line-height:1.6;max-width:68ch}
#fa-letter-overview a:focus-visible,#fa-letter-overview summary:focus-visible{outline:3px solid var(--brand)!important;outline-offset:4px}
#fa-letter-overview .fag-intro{grid-template-columns:1fr 1fr;align-items:end;gap:48px;margin-bottom:24px}
#fa-letter-overview .fag-intro p{font-size:17px;color:var(--mut);margin:0}
#fa-letter-overview .fag-eyebrow{display:block;font-size:14px;margin-bottom:8px}
#fa-letter-overview .flo-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18em),1fr));gap:24px}
#fa-letter-overview .fag-product{padding:0;border-radius:var(--r-card);overflow:hidden;container-type:inline-size}
#fa-letter-overview .flo-picture{display:flex;align-items:center;justify-content:center;height:224px;flex:none;padding:16px;background:var(--surf)}
#fa-letter-overview .flo-picture img{display:block;width:100%;height:100%!important;object-fit:contain;border:0;border-radius:var(--r)}
#fa-letter-overview .flo-card-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding:24px}
#fa-letter-overview .flo-card-copy p{font-size:15px;color:var(--mut);margin:12px 0 24px}
#fa-letter-overview .flo-card-copy h2{overflow-wrap:anywhere}
#fa-letter-overview .fag-cta{display:flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 16px;font-size:15px;line-height:1.5;white-space:normal}
#fa-letter-overview .fag-cta:hover{background:var(--acc);text-decoration:underline}
#fa-letter-overview .flo-support{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px;margin-top:24px;background:var(--surf);border:1px solid var(--line);border-radius:var(--r-card)}
#fa-letter-overview .flo-support img{display:block;width:96px;height:auto;object-fit:contain}
#fa-letter-overview .flo-support h2{font-size:26px;margin-bottom:8px}
#fa-letter-overview .flo-support p{font-size:15px;color:var(--mut);margin:0}
#fa-letter-overview .flo-textlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:600}
#fa-letter-overview .flo-choice,#fa-letter-overview .flo-questions{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;padding:48px 0}
#fa-letter-overview .flo-choice{border-bottom:1px solid var(--line)}
#fa-letter-overview .flo-choice p,#fa-letter-overview .flo-questions p{color:var(--mut)}
#fa-letter-overview .flo-choice-list{display:grid;gap:24px}
#fa-letter-overview .flo-choice-row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:24px}
#fa-letter-overview .flo-choice-row strong{color:var(--brand);font-size:16px}
#fa-letter-overview .flo-choice-row p{font-size:15px;margin:0}
#fa-letter-overview .flo-choice-row a,#fa-letter-overview .flo-faq p a{text-decoration:underline;text-underline-offset:3px}
#fa-letter-overview .flo-questions>a[href^="tel:"],#fa-letter-overview .flo-questions .flo-textlink{font-family:var(--mono);font-variant-numeric:tabular-nums}
#fa-letter-overview .flo-faq p{font-size:15px}
@media(max-width:992px){
 #fa-letter-overview .flo-category-grid{gap:16px}
 #fa-letter-overview .flo-card-copy{padding:16px}
 #fa-letter-overview .flo-card-copy h2{font-size:30px}
 #fa-letter-overview .flo-support{grid-template-columns:80px minmax(0,1fr);gap:16px}
 #fa-letter-overview .flo-support img{width:80px}
 #fa-letter-overview .flo-support .flo-textlink{grid-column:2}
}
@media(max-width:768px){
 #fa-letter-overview{padding:16px}
 #fa-letter-overview h1{font-size:34px}
 #fa-letter-overview h2,#fa-letter-overview .flo-card-copy h2{font-size:26px}
 #fa-letter-overview .fag-intro{grid-template-columns:1fr;gap:16px}
 #fa-letter-overview .fag-intro p{font-size:16px}
 #fa-letter-overview .flo-category-grid{grid-template-columns:1fr}
 #fa-letter-overview .fag-product{display:flex;flex-direction:column}
 #fa-letter-overview .flo-picture{height:auto;padding:12px}
 #fa-letter-overview .flo-picture img{height:auto!important;max-height:280px}
 #fa-letter-overview .flo-card-copy{padding:16px}
 #fa-letter-overview .flo-card-copy p{margin:8px 0 16px}
 #fa-letter-overview .flo-choice,#fa-letter-overview .flo-questions{grid-template-columns:1fr;gap:24px;padding:32px 0}
 #fa-letter-overview .flo-support{padding:16px}
}
@media(max-width:420px){
 #fa-letter-overview .flo-card-copy{padding:12px}
 #fa-letter-overview .flo-card-copy h2{overflow-wrap:break-word}
 #fa-letter-overview .flo-card-copy .fag-eyebrow{font-size:14px;letter-spacing:0}
 #fa-letter-overview .fag-cta{font-size:14px;padding:12px 8px}
 #fa-letter-overview .flo-choice-row{grid-template-columns:1fr;gap:8px}
}
/* An enlarged card font raises the threshold, allowing a single-column card. */
@container(max-width:18em){
 #fa-letter-overview .flo-picture{grid-column:1/-1;height:160px}
 #fa-letter-overview .flo-card-copy{grid-column:1/-1}
}
@media(max-width:20rem){
 #fa-letter-overview .fag-product{grid-template-columns:1fr}
 #fa-letter-overview .flo-picture{height:160px}
}