.content-topics,.content-breadcrumbs,.content-related{--content-ink:#dce4f7;--content-link:#b7caff;--content-rule:#465879;box-sizing:border-box;color:var(--content-ink);font-family:inherit}
[data-tone=light].content-topics,[data-tone=light].content-breadcrumbs,[data-tone=light].content-related{--content-ink:#334155;--content-link:#253d9b;--content-rule:#c4cfe0}
.content-topics{display:flex;flex-wrap:wrap;gap:0 22px;max-width:1050px;margin:0 auto;padding:4px 24px;font-size:12px}
.content-topics a{display:inline-flex;align-items:center;min-height:44px;color:var(--content-link);text-decoration:none;font-weight:600;white-space:nowrap}
.content-topics a:hover{text-decoration:underline;text-underline-offset:4px}
.content-topics-compact{font-size:11px;gap:0 12px;padding:0;margin:0;max-width:210px}
.content-topics-compact a{min-height:28px}
.content-breadcrumbs{max-width:1050px;margin:0 auto;padding:10px 24px;font-size:11px;line-height:1.5}
.content-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;list-style:none;padding:0;margin:0}
.content-breadcrumbs li{display:flex;gap:8px;align-items:center;margin:0}
.content-breadcrumbs li+li::before{content:'›';opacity:.7}
.content-breadcrumbs a{display:inline-flex;align-items:center;min-height:30px;color:var(--content-link);text-decoration:underline;text-underline-offset:3px}
.content-related{max-width:1000px;margin:26px auto;padding:22px 24px;border-top:1px solid var(--content-rule);text-align:left}
.content-related h2{font-family:inherit;font-size:18px;font-weight:650;line-height:1.35;letter-spacing:-.015em;margin:0 0 12px;text-wrap:balance;color:var(--content-ink)}
.content-related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px;list-style:none;padding:0;margin:0}
.content-related li{margin:0;min-width:0;font-size:13px;line-height:1.5}
.content-related li a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;color:var(--content-link);text-decoration:none}
.content-related li a:hover{text-decoration:underline;text-underline-offset:4px}
.content-topic-back{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;font-size:12px;color:var(--content-link);text-decoration:underline;text-underline-offset:3px}
:is(.content-topics,.content-breadcrumbs,.content-related) a:focus-visible{outline:2px solid var(--content-link);outline-offset:3px}
.content-hub{max-width:950px;margin:0 auto;padding:30px 24px 40px;color:#dce4f7}
.content-hub h1{font-size:clamp(28px,4vw,44px);font-weight:750;line-height:1.15;letter-spacing:-.03em;margin:0 0 15px}
.content-hub>p{max-width:65ch;line-height:1.7;margin:0 0 28px}
.content-hub-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}
.content-hub-list a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:10px 0;border-bottom:1px solid #465879;color:#b7caff;font-size:14px;font-weight:600;text-decoration:none}
.content-hub-list a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:560px){.content-topics{font-size:11px;gap:0 15px;padding-left:20px;padding-right:20px}.content-topics-compact{padding:0;max-width:none;flex-wrap:nowrap;gap:12px}.content-topics-compact a{min-height:36px}.content-related{margin-top:18px;padding:20px}.content-related ul,.content-hub-list{grid-template-columns:1fr}.content-breadcrumbs{padding:8px 20px;font-size:10px}.content-related h2{font-size:17px}}
.content-footer-navigation{max-width:1000px;margin:0 auto 16px;text-align:left}
.content-footer-navigation .content-breadcrumbs{padding:8px 0;max-width:none}
.content-footer-navigation .content-topics{padding:0;max-width:none}
