/* Supplement review framework only; retain the shared Customer Care-width container. */
.ag-supplements { --supplements-ink:#102c40; --supplements-muted:#53626b; --supplements-navy:#062547; --supplements-gold:#ffbd21; --supplements-line:#dce3e7; padding:24px 0 8px; color:var(--supplements-ink); font-size:16px; line-height:1.75; overflow-wrap:anywhere; }
.ag-supplements *, .ag-supplements *::before, .ag-supplements *::after { box-sizing:border-box; }
.ck-content .ag-supplements h1, .ck-content .ag-supplements h2, .ck-content .ag-supplements h3 { color:var(--supplements-ink); font-weight:600; line-height:1.2; letter-spacing:-.025em; text-align:left; }
.ck-content .ag-supplements h1 { font-size:clamp(36px,4.4vw,60px); margin:0 0 24px; }
.ck-content .ag-supplements h2 { font-size:clamp(27px,2.7vw,36px); margin:0 0 20px; }
.ck-content .ag-supplements h3 { font-size:22px; margin:0 0 16px; }
.ck-content .ag-supplements p { margin:0 0 18px; }
.ag-supplements a { color:inherit; text-decoration:underline; text-underline-offset:4px; }
.ag-supplements a:hover { color:#805700; }
.ag-supplements a:focus-visible, .ag-supplements summary:focus-visible { outline:3px solid #805700; outline-offset:5px; border-radius:3px; }
.ck-content .ag-supplements .ag-supplements__eyebrow { color:#735300; font-size:12px; font-weight:700; line-height:1.5; letter-spacing:.09em; text-transform:uppercase; margin-bottom:18px; }
.ag-supplements__hero { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:clamp(32px,5vw,76px); align-items:center; padding:16px 0 64px; }
.ag-supplements__intro > p:not(.ag-supplements__eyebrow) { max-width:59ch; color:var(--supplements-muted); }
.ag-supplements__lead { font-size:20px; line-height:1.6; }
.ag-supplements__actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px 24px; margin-top:28px; }
.ck-content .ag-supplements a.ag-supplements__button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; max-width:100%; padding:12px 20px; border:1px solid #b2bdc4; border-radius:5px; background:white; color:var(--supplements-ink); font-size:15px; font-weight:600; line-height:1.5; text-align:center; text-decoration:none; }
.ck-content .ag-supplements a.ag-supplements__button--primary { background:var(--supplements-gold); border-color:var(--supplements-gold); }
.ck-content .ag-supplements a.ag-supplements__button:hover { background:#fff3cc; border-color:#805700; }
.ag-supplements__text-link { font-size:15px; font-weight:600; }
.ag-supplements__notice { padding:clamp(26px,3vw,40px); background:var(--supplements-navy); border-radius:8px; border-top:4px solid var(--supplements-gold); }
.ck-content .ag-supplements .ag-supplements__notice h2 { color:white; font-size:30px; line-height:1.3; }
.ck-content .ag-supplements .ag-supplements__notice p { color:#e7eef3; }
.ck-content .ag-supplements .ag-supplements__notice .ag-supplements__eyebrow { color:#ffcf60; font-size:11px; }
.ck-content .ag-supplements .ag-supplements__notice-note { border-top:1px solid #37516a; padding-top:20px; font-size:14px; margin-bottom:0; }
.ag-supplements__section { padding:52px 0; border-top:1px solid var(--supplements-line); }
.ag-supplements__section-heading { max-width:83ch; margin-bottom:32px; }
.ag-supplements__section-heading p:not(.ag-supplements__eyebrow), .ag-supplements__process p, .ag-supplements__source p, .ag-supplements__review-list p, .ag-supplements__copy p, .ag-supplements__standards p:not(.ag-supplements__eyebrow), .ag-supplements__feedback p { color:var(--supplements-muted); }
.ck-content .ag-supplements .ag-supplements__muted { color:var(--supplements-muted); }
.ck-content .ag-supplements .ag-supplements__process { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; margin:0; padding:0; list-style:none; counter-reset:supplement-stage; }
.ck-content .ag-supplements .ag-supplements__process > li { margin:0; padding:0; counter-increment:supplement-stage; }
.ag-supplements__process > li::before { content:"0" counter(supplement-stage); display:inline-flex; width:38px; height:38px; align-items:center; justify-content:center; background:#fff1c9; color:#735300; border-radius:50%; font-size:13px; font-weight:600; margin-bottom:20px; }
.ag-supplements__sources { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.ag-supplements__source { border-top:3px solid #d9af48; padding:24px 0 4px; }
.ck-content .ag-supplements .ag-supplements__label { color:#735300; font-size:12px; font-weight:600; letter-spacing:.045em; text-transform:uppercase; }
.ck-content .ag-supplements .ag-supplements__detail-note { padding:24px 28px; background:#f3f6f7; border-radius:6px; color:var(--supplements-muted); margin:20px 0; }
.ck-content .ag-supplements .ag-supplements__small { font-size:14px; line-height:1.65; color:var(--supplements-muted); }
.ag-supplements__split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.55fr); gap:clamp(32px,4vw,64px); }
.ag-supplements__review-list > div { border-bottom:1px solid var(--supplements-line); margin-bottom:24px; padding-bottom:6px; }
.ag-supplements__review-list > div:last-child { margin-bottom:0; border:0; padding-bottom:0; }
.ag-supplements__standards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(32px,5vw,76px); padding:36px 40px 20px; background:#f3f6f7; border-radius:8px; margin-bottom:52px; }
.ag-supplements__feedback { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:clamp(32px,5vw,76px); padding:40px; margin:0 0 52px; background:#f4f5ef; border-radius:8px; border-top:3px solid var(--supplements-gold); }
.ck-content .ag-supplements .ag-supplements__checklist { padding:0 0 0 20px; margin:24px 0; }
.ck-content .ag-supplements .ag-supplements__checklist li { padding-left:4px; margin:0 0 16px; color:var(--supplements-muted); }
.ag-supplements__contact { padding-left:36px; border-left:1px solid #d8ddd6; }
.ck-content .ag-supplements .ag-supplements__email { font-size:14px; margin:18px 0 26px; }
.ag-supplements__questions { padding:0 0 48px; }
.ag-supplements .ag-content-block { margin:0; font-family:inherit; }
.ag-supplements .ag-content-heading { margin-bottom:28px; }
.ag-supplements .ag-content-faq-items { border-top:1px solid var(--supplements-line); }
.ag-supplements .ag-content-faq-item { border:0; border-bottom:1px solid var(--supplements-line); background:transparent; border-radius:0; margin:0; }
.ag-supplements .ag-content-faq-question { min-height:64px; padding:20px 44px 20px 0; font-size:16px; font-weight:400; line-height:1.5; }
.ag-supplements .ag-content-faq-answer { max-width:90ch; padding:0 44px 24px 0; color:var(--supplements-muted); }
.ag-supplements__related { display:grid; grid-template-columns:1fr 1fr; gap:60px; padding:32px 0; border-top:1px solid var(--supplements-line); }
.ck-content .ag-supplements .ag-supplements__related h3 { font-size:20px; }
.ck-content .ag-supplements .ag-supplements__related ul { list-style:none; padding:0; margin:0; }
.ck-content .ag-supplements .ag-supplements__related li { margin:0; padding:0; }
.ag-supplements__related li a { display:inline-block; padding:7px 0; font-size:15px; }
.ag-supplements__footer { border-top:1px solid var(--supplements-line); padding-top:26px; color:var(--supplements-muted); font-size:13px; }
.ck-content .ag-supplements .ag-supplements__footer p { max-width:110ch; margin-bottom:12px; }
.ag-supplements [id] { scroll-margin-top:160px; }
@media(max-width:991.98px) { .ag-supplements__hero { gap:28px; grid-template-columns:1.1fr 1fr; } .ck-content .ag-supplements .ag-supplements__process { grid-template-columns:repeat(2,minmax(0,1fr)); } .ag-supplements__split { grid-template-columns:1fr 1.25fr; gap:28px; } .ag-supplements__sources { gap:24px; } .ag-supplements__feedback { padding:28px; gap:28px; grid-template-columns:1.2fr 1fr; } .ag-supplements__contact { padding-left:24px; } .ag-supplements__standards { padding:28px; gap:28px; } }
@media(max-width:767.98px) { .ag-supplements__hero, .ag-supplements__split, .ag-supplements__sources, .ag-supplements__feedback, .ag-supplements__standards, .ag-supplements__related { grid-template-columns:1fr; gap:24px; } .ag-supplements__hero { padding-bottom:36px; } .ag-supplements__section { padding:36px 0; } .ag-supplements__feedback, .ag-supplements__standards { margin-bottom:36px; } .ag-supplements__contact { padding:28px 0 0; border-left:0; border-top:1px solid #d8ddd6; } .ag-supplements__section-heading { margin-bottom:24px; } .ag-supplements__related { gap:28px; } }
@media(max-width:575.98px) { .ck-content .ag-supplements .ag-supplements__process { grid-template-columns:1fr; gap:18px; } }
@media(max-width:399.98px) { .ag-supplements { padding-top:12px; } .ag-supplements__lead { font-size:18px; } .ag-supplements__notice, .ag-supplements__feedback, .ag-supplements__standards { padding:24px; } .ag-supplements .ag-content-faq-answer { padding-right:0; } }
.ag-supplements__navigation { display:flex; flex-wrap:wrap; gap:4px 28px; padding:12px 0; border-top:1px solid var(--supplements-line); }
.ag-supplements__navigation a { display:inline-flex; align-items:center; min-height:44px; font-size:14px; }
.ag-supplements__criteria { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 40px; }
.ag-supplements__criteria > div { border-top:1px solid var(--supplements-line); padding-top:24px; }
.ck-content .ag-supplements .ag-supplements__criteria p { color:var(--supplements-muted); }
.ag-supplements__contact a { display:inline-block; max-width:100%; }
@media(max-width:991.98px) { .ag-supplements__criteria { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 32px; } }
@media(max-width:575.98px) { .ag-supplements__criteria { grid-template-columns:1fr; gap:16px; } }