.a6-supplement,
.a6-supplement * { box-sizing: border-box; }

.a6-supplement {
  min-width: 0;
  padding: 0;
  color: var(--a6-ink, #253f47);
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
  text-align: start;
  overflow-wrap: break-word;
}
.a6-supplement h2,
.a6-supplement h3,
.a6-supplement p { margin: 0; font-family: inherit; }
.a6-supplement h2 { color: var(--a6-ink, #253f47); font-size: 22px; font-weight: 700; line-height: 1.4; }
.a6-supplement .a6-supplement-kicker { color: var(--a6-teal, #11736e); font-size: 12px; font-weight: 700; letter-spacing: .12em; line-height: 1.6; }
.a6-supplement .a6-company-title,
.a6-supplement .a6-benefits-title,
.a6-supplement .a6-disclaimer-title { margin-block-start: 8px; }

/* Company background in the continuous report flow. */
.a6-supplement .a6-company-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-block-start: 24px; }
.a6-supplement .a6-company-fact { min-width: 0; padding: 18px; border: 1px solid #e0ebe5; border-radius: 12px; background: var(--a6-pale, #eef5f1); }
.a6-supplement .a6-fact-label { color: #60767b; font-size: 12px; line-height: 1.6; }
.a6-supplement .a6-company-fact strong { display: block; margin-block-start: 7px; font-size: 23px; line-height: 1.4; }
.a6-supplement .a6-fact-note { margin-block-start: 8px; color: #60767b; font-size: 12px; line-height: 1.65; }
.a6-supplement .a6-company-story { margin-block-start: 25px; }
.a6-supplement .a6-company-story p { font-size: 14px; line-height: 1.85; }
.a6-supplement .a6-company-story p + p { margin-block-start: 14px; }
.a6-supplement .a6-company-ratings { margin-block-start: 28px; }
.a6-supplement .a6-rating-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-block-start: 12px; }
.a6-supplement .a6-rating-card { min-width: 0; padding: 20px; border: 1px solid #e0ebe5; border-radius: 12px; background: var(--a6-pale, #eef5f1); }
.a6-supplement .a6-rating-agency { color: #60767b; font-size: 13px; font-weight: 700; line-height: 1.6; }
.a6-supplement .a6-rating-value { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin-block-start: 7px; color: var(--a6-teal, #11736e); font-size: 30px; font-weight: 700; line-height: 1.4; }
.a6-supplement .a6-rating-value span { color: #60767b; font-size: 12px; font-weight: 400; }
.a6-supplement .a6-rating-scale { display: grid; align-items: center; margin-block-start: 15px; }
.a6-supplement .a6-rating-track,
.a6-supplement .a6-rating-fill,
.a6-supplement .a6-rating-dot { grid-area: 1 / 1; }
.a6-supplement .a6-rating-track,
.a6-supplement .a6-rating-fill { block-size: 6px; border-radius: 999px; }
.a6-supplement .a6-rating-track { background: linear-gradient(90deg, #2b8880, #dce9e5); }
.a6-supplement .a6-rating-fill { justify-self: start; background: var(--a6-teal, #11736e); }
.a6-supplement .a6-rating-fill-best { inline-size: 6.6667%; }
.a6-supplement .a6-rating-fill-moodys { inline-size: 20%; }
.a6-supplement .a6-rating-dot { justify-self: start; inline-size: 14px; block-size: 14px; border: 3px solid var(--a6-teal, #11736e); border-radius: 50%; background: #fff; }
.a6-supplement .a6-rating-dot-best { margin-inline-start: calc(6.6667% - 7px); }
.a6-supplement .a6-rating-dot-moodys { margin-inline-start: calc(20% - 7px); }
.a6-supplement .a6-rating-caption { margin-block-start: 8px; color: #60767b; font-size: 12px; line-height: 1.65; }
.a6-supplement .a6-company-source,
.a6-supplement .a6-benefits-source,
.a6-supplement .a6-disclaimer-footer { margin-block-start: 24px; padding-block-start: 16px; border-block-start: 1px solid #dfe9e5; color: #70858a; font-size: 12px; line-height: 1.75; }

/* Living benefit cards expand naturally with their content. */
.a6-supplement .a6-benefits-subtitle { margin-block-start: 12px; color: var(--a6-teal, #11736e); font-size: 14px; font-weight: 700; line-height: 1.7; }
.a6-supplement .a6-benefits-intro { margin-block-start: 14px; font-size: 14px; line-height: 1.85; }
.a6-supplement .a6-benefits-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-block-start: 24px; }
.a6-supplement .a6-benefit-card { min-width: 0; padding: 22px; border: 1px solid #e0ebe5; border-radius: 12px; background: var(--a6-pale, #eef5f1); }
.a6-supplement .a6-benefit-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.a6-supplement .a6-benefit-code,
.a6-supplement .a6-benefit-new { display: inline-flex; align-items: center; justify-content: center; padding: 4px 10px; border-radius: 7px; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .04em; line-height: 1.6; }
.a6-supplement .a6-benefit-code { background: var(--a6-teal, #11736e); }
.a6-supplement .a6-benefit-new { background: #bb8434; }
.a6-supplement .a6-benefit-name { margin-block-start: 12px; color: var(--a6-ink, #253f47); font-size: 18px; font-weight: 700; line-height: 1.5; }
.a6-supplement .a6-benefit-english { margin-block-start: 4px; color: #70858a; font-size: 12px; line-height: 1.7; }
.a6-supplement .a6-benefit-card p { margin-block-start: 12px; font-size: 14px; line-height: 1.8; }
.a6-supplement .a6-benefit-ad { margin-block-start: 16px; }
.a6-supplement .a6-benefits-expansion { margin-block-start: 22px; font-size: 14px; line-height: 1.85; }
.a6-supplement .a6-benefits-limits { margin-block-start: 18px; padding: 16px 18px; border: 1px solid #eee4d2; border-radius: 10px; background: #faf6ed; color: #79643d; font-size: 12px; line-height: 1.85; }

/* Compact introduction to the source illustrations. */
.a6-supplement .a6-appendix-divider h2 { margin-block-start: 8px; }
.a6-supplement .a6-appendix-plan { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 16px; margin-block-start: 20px; padding: 16px 20px; border: 1px solid #e0ebe5; border-radius: 10px; background: var(--a6-pale, #eef5f1); font-size: 14px; line-height: 1.8; }
.a6-supplement .a6-appendix-plan strong { flex: 0 0 auto; color: var(--a6-teal, #11736e); }
.a6-supplement .a6-appendix-plan span { min-width: 0; }
.a6-supplement .a6-appendix-description { margin-block-start: 16px; font-size: 14px; line-height: 1.8; }
.a6-supplement .a6-appendix-source { margin-block-start: 8px; color: #70858a; font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }

/* Disclosures and their source metadata use ordinary document flow. */
.a6-supplement .a6-disclaimer-copy { margin-block-start: 22px; }
.a6-supplement .a6-disclaimer-copy p { font-size: 14px; line-height: 1.85; }
.a6-supplement .a6-disclaimer-copy p + p { margin-block-start: 14px; }
.a6-supplement .a6-disclaimer-copy strong { font-weight: 700; }
.a6-supplement .a6-disclaimer-table { width: 100%; margin-block-start: 24px; border-collapse: collapse; text-align: start; font-size: 12px; line-height: 1.7; }
.a6-supplement .a6-disclaimer-table th,
.a6-supplement .a6-disclaimer-table td { padding: 12px; border-block-end: 1px solid #dfe9e5; text-align: start; vertical-align: top; white-space: nowrap; }
.a6-supplement .a6-disclaimer-table th { background: var(--a6-pale, #eef5f1); color: #60767b; font-weight: 700; }
.a6-supplement .a6-disclaimer-table td { color: #60767b; }
.a6-supplement .a6-disclaimer-table td strong { color: var(--a6-ink, #253f47); }

@media (max-width: 900px) {
  .a6-supplement .a6-company-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .a6-supplement .a6-disclaimer-table { display: block; overflow-x: auto; overscroll-behavior-inline: contain; }
}

@media (max-width: 600px) {
  .a6-supplement h2 { font-size: 21px; }
  .a6-supplement .a6-company-facts,
  .a6-supplement .a6-rating-grid { gap: 10px; }
  .a6-supplement .a6-company-fact,
  .a6-supplement .a6-rating-card { padding: 15px 13px; }
  .a6-supplement .a6-company-fact strong { font-size: 21px; }
  .a6-supplement .a6-rating-value { font-size: 26px; }
  .a6-supplement .a6-benefits-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .a6-supplement .a6-benefit-card { padding: 18px; }
  .a6-supplement .a6-benefit-ad { margin-block-start: 12px; }
  .a6-supplement .a6-appendix-plan { padding: 14px 16px; }
}

/* Pacific Life: fourth-highest on a 21-level financial-strength scale. */
.a6-supplement .a6-rating-fill-fourth { inline-size: 15%; }
.a6-supplement .a6-rating-dot-fourth { margin-inline-start: calc(15% - 7px); }

.a6-supplement .a6-rating-fill-symetra-best{inline-size:13.3333%}.a6-supplement .a6-rating-dot-symetra-best{margin-inline-start:calc(13.3333% - 7px)}
.a6-supplement .a6-rating-fill-symetra-sp{inline-size:25%}.a6-supplement .a6-rating-dot-symetra-sp{margin-inline-start:calc(25% - 7px)}

/* Corebridge reference: four facts in 2×2; ratings in 3+1, on the same page. */
.a6-supplement.a6-corebridge-company .a6-company-title { font-family: Georgia, "Songti SC", serif; font-size: 25px; }
.a6-supplement.a6-corebridge-company .a6-company-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
.a6-supplement.a6-corebridge-company .a6-rating-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.a6-supplement.a6-corebridge-company .a6-rating-card { padding: 14px; border: 0; border-radius: 7px; }
.a6-supplement.a6-corebridge-company .a6-rating-value { font-family: Georgia, "Songti SC", serif; font-size: 28px; gap: 5px; }
.a6-supplement.a6-corebridge-company .a6-rating-value span { font-size: 10px; }
.a6-supplement.a6-corebridge-company .a6-rating-caption { font-size: 10px; }

.a6-supplement.a6-corebridge-company .a6-company-title { font-size: 20px; line-height: 1.5; }
.a6-supplement.a6-corebridge-company .a6-company-fact { padding: 14px; border-radius: 7px; }
.a6-supplement.a6-corebridge-company .a6-company-fact strong { font-family: Georgia,"Songti SC",serif; font-size: 17px; margin-block-start: 5px; }
.a6-supplement.a6-corebridge-company .a6-fact-note { font-size: 11px; margin-block-start: 5px; }

.a6-corebridge-company .a6-corebridge-fill-3 { inline-size:16.6667%; }
.a6-corebridge-company .a6-corebridge-fill-5 { inline-size:20%; }
.a6-corebridge-company .a6-corebridge-fill-6 { inline-size:25%; }
.a6-corebridge-company .a6-corebridge-dot-3 { margin-inline-start:calc(16.6667% - 7px); }
.a6-corebridge-company .a6-corebridge-dot-5 { margin-inline-start:calc(20% - 7px); }
.a6-corebridge-company .a6-corebridge-dot-6 { margin-inline-start:calc(25% - 7px); }


/* Reference pages rebuilt entirely with selectable HTML text and CSS shapes. */
.a6-web-section:has(> .a6-nlg-company-reference),
.a6-web-section:has(> .a6-nlg-benefits-reference) { padding: 0; }
.a6-report .a6-nlg-company-reference,
.a6-report .a6-nlg-benefits-reference {
  width: 100%; margin: 0 auto; background: white;
  font-family: "Times New Roman", "Songti SC", "STSong", serif;
  color: #334340; --a6-ink: #093e3a; --a6-teal: #11736e; --a6-pale: #e9f4f2;
  font-size: 12px; line-height: 1.6;
}
.a6-report .a6-nlg-company-reference { max-width: 631px; min-height: 787px; padding: 30px 39px 6px; display: flex; flex-direction: column; }
.a6-report .a6-nlg-benefits-reference { max-width: 652px; padding: 50px 40px 4px 67px; }
.a6-report :is(.a6-nlg-company-reference,.a6-nlg-benefits-reference) .a6-supplement-kicker { font-size: 9px; letter-spacing: 2px; line-height: 15px; }
.a6-report :is(.a6-nlg-company-reference,.a6-nlg-benefits-reference) h2 { font-family: inherit; font-size: 24px; line-height: 30px; font-weight: 700; color: #093e3a; margin-top: 7px; }
.a6-report .a6-nlg-company-reference .a6-company-facts { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 20px; margin-top: 24px; }
.a6-report .a6-nlg-company-reference .a6-company-fact { border: 0; border-radius: 8px; padding: 12px 15px; min-height: 82px; }
.a6-report .a6-nlg-company-reference .a6-fact-label { font-size: 10px; line-height: 15px; }
.a6-report .a6-nlg-company-reference .a6-company-fact strong { margin-top: 6px; font-size: 14px; line-height: 18px; }
.a6-report .a6-nlg-company-reference .a6-fact-note { margin-top: 5px; font-size: 9px; line-height: 13px; }
.a6-report .a6-nlg-company-reference .a6-company-story { margin-top: 20px; }
.a6-report .a6-nlg-company-reference .a6-company-story p { font-size: 12px; line-height: 19px; }
.a6-report .a6-nlg-company-reference .a6-company-story p + p { margin-top: 10px; }
.a6-report .a6-nlg-company-reference .a6-company-ratings { margin-top: 22px; }
.a6-report .a6-nlg-company-reference .a6-rating-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 7px; }
.a6-report .a6-nlg-company-reference .a6-rating-card { padding: 14px; border: 0; border-radius: 10px; min-height: 105px; }
.a6-report .a6-nlg-company-reference .a6-rating-agency { font-size: 10px; line-height: 15px; letter-spacing: 1px; }
.a6-report .a6-nlg-company-reference .a6-rating-value { color: #093e3a; font-size: 24px; margin-top: 1px; line-height: 30px; gap: 7px; }
.a6-report .a6-nlg-company-reference .a6-rating-value span { font-size: 9px; }
.a6-report .a6-nlg-company-reference .a6-rating-scale { margin-top: 5px; }
.a6-report .a6-nlg-company-reference :is(.a6-rating-track,.a6-rating-fill) { block-size: 4px; }
.a6-report .a6-nlg-company-reference .a6-rating-dot { inline-size: 11px; block-size: 11px; border-width: 2px; }
.a6-report .a6-nlg-company-reference .a6-rating-dot-best { margin-inline-start: calc(6.6667% - 5.5px); }
.a6-report .a6-nlg-company-reference .a6-rating-dot-moodys { margin-inline-start: calc(20% - 5.5px); }
.a6-report .a6-nlg-company-reference .a6-rating-caption { font-size: 8px; line-height: 13px; margin-top: 7px; }
.a6-report .a6-nlg-company-reference .a6-company-source { margin-top: auto; padding-top: 12px; font-size: 9px; line-height: 15px; }
.a6-report .a6-nlg-benefits-reference .a6-benefits-subtitle { margin-top: 8px; font-size: 11px; line-height: 18px; }
.a6-report .a6-nlg-benefits-reference .a6-benefits-intro { margin-top: 12px; font-size: 12px; line-height: 20px; }
.a6-report .a6-nlg-benefits-reference .a6-benefits-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 20px; }
.a6-report .a6-nlg-benefits-reference .a6-benefit-card { border: 0; border-radius: 10px; padding: 15px 16px; min-height: 156px; }
.a6-report .a6-nlg-benefits-reference :is(.a6-benefit-cr,.a6-benefit-cj) { min-height: 172px; }
.a6-report .a6-nlg-benefits-reference .a6-benefit-badges { gap: 7px; }
.a6-report .a6-nlg-benefits-reference :is(.a6-benefit-code,.a6-benefit-new) { border-radius: 5px; padding: 3px 8px; font-size: 10px; line-height: 16px; }
.a6-report .a6-nlg-benefits-reference .a6-benefit-new { background: #ca842b; }
.a6-report .a6-nlg-benefits-reference .a6-benefit-name { font-family: inherit; font-size: 14px; line-height: 21px; margin-top: 7px; font-weight: 700; color: #093e3a; }
.a6-report .a6-nlg-benefits-reference .a6-benefit-english { font-size: 10px; line-height: 15px; margin-top: 4px; letter-spacing: .3px; }
.a6-report .a6-nlg-benefits-reference .a6-benefit-card p { font-size: 11px; line-height: 18px; margin-top: 7px; }
.a6-report .a6-nlg-benefits-reference .a6-benefit-ad { margin-top: 12px; min-height: 138px; }
.a6-report .a6-nlg-benefits-reference .a6-benefits-expansion { margin-top: 12px; font-size: 11px; line-height: 18px; }
.a6-report .a6-nlg-benefits-reference .a6-benefits-limits { margin-top: 10px; padding: 10px 14px; border: 0; border-radius: 8px; background: #fbf4e7; font-size: 10px; line-height: 17px; }
.a6-report .a6-nlg-benefits-reference .a6-benefits-source { margin-top: 12px; padding-top: 0; border: 0; font-size: 9px; line-height: 15px; }
@media(max-width: 600px) {
 .a6-report .a6-nlg-company-reference { padding-inline: 22px; }
 .a6-report .a6-nlg-benefits-reference { padding: 30px 22px 12px; }
}

/* Match the surrounding A6 report scale; keep reference card hierarchy. */
.a6-web-section:has(> .a6-nlg-company-reference),
.a6-web-section:has(> .a6-nlg-benefits-reference) { padding: 34px 38px; }
.a6-report :is(.a6-nlg-company-reference,.a6-nlg-benefits-reference) { max-width: none; min-height: 0; padding: 0; font-size: 14px; }
.a6-report :is(.a6-nlg-company-reference,.a6-nlg-benefits-reference) h2 { font-size: 23px; line-height: 1.5; }
.a6-report :is(.a6-nlg-company-reference,.a6-nlg-benefits-reference) .a6-supplement-kicker { font-size: 12px; line-height: 1.6; }
.a6-report .a6-nlg-company-reference .a6-company-fact { padding: 18px; min-height: 104px; }
.a6-report .a6-nlg-company-reference .a6-company-fact strong { font-size: 20px; line-height: 1.4; }
.a6-report .a6-nlg-company-reference .a6-fact-label { font-size: 12px; line-height: 1.6; }
.a6-report .a6-nlg-company-reference .a6-fact-note { font-size: 12px; line-height: 1.65; }
.a6-report .a6-nlg-company-reference .a6-company-story p { font-size: 14px; line-height: 1.9; }
.a6-report .a6-nlg-company-reference .a6-rating-card { padding: 20px; }
.a6-report .a6-nlg-company-reference .a6-rating-agency { font-size: 13px; }
.a6-report .a6-nlg-company-reference .a6-rating-value { font-size: 30px; line-height: 1.4; }
.a6-report .a6-nlg-company-reference :is(.a6-rating-value span,.a6-rating-caption,.a6-company-source) { font-size: 12px; line-height: 1.75; }
.a6-report .a6-nlg-company-reference .a6-company-source { margin-top: 24px; }
.a6-report .a6-nlg-benefits-reference :is(.a6-benefits-subtitle,.a6-benefits-intro,.a6-benefit-card p,.a6-benefits-expansion) { font-size: 14px; line-height: 1.85; }
.a6-report .a6-nlg-benefits-reference .a6-benefit-card { padding: 22px; min-height: 0; }
.a6-report .a6-nlg-benefits-reference .a6-benefit-name { font-size: 17px; line-height: 1.6; }
.a6-report .a6-nlg-benefits-reference :is(.a6-benefit-code,.a6-benefit-new,.a6-benefit-english,.a6-benefits-limits,.a6-benefits-source) { font-size: 12px; line-height: 1.75; }
@media(max-width:720px) {
 .a6-web-section:has(> .a6-nlg-company-reference), .a6-web-section:has(> .a6-nlg-benefits-reference) { padding:25px 18px; }
}