/* Shared component presentation: usable with SBU Light or another WP theme. */
.sbu-icon{flex:none;color:#315d89;vertical-align:middle}
.sbu-resource{display:flex;align-items:flex-start;gap:13px;text-decoration:none;color:#213b61;line-height:1.45;min-width:0}
.sbu-resource>span:not(.sbu-chevron){flex:1;min-width:0}.sbu-resource strong{display:block;font-size:14px;font-weight:700;line-height:1.4}.sbu-resource small{display:block;margin-top:5px;font-size:12px;color:#596b82;line-height:1.5}.sbu-chevron{color:#315d89;font-size:22px;line-height:1}.sbu-resource:hover strong{text-decoration:underline;text-underline-offset:3px}.sbu-resource:hover{color:#315d89}.sbu-resources .sbu-resource{padding:12px 0}.sbu-resources .sbu-resource+.sbu-resource{border-top:1px solid #edf1f6}.sbu-resources .sbu-chevron{display:none}.sbu-resources h2{margin-bottom:8px}.sbu-resources .sbu-icon{margin-top:2px}
.sbu-path{list-style:none;counter-reset:lesson;margin:0;padding:0}.sbu-path li{counter-increment:lesson;display:flex;gap:10px;padding:5px 0;align-items:flex-start}.sbu-path li:before{content:counter(lesson,decimal-leading-zero);background:#edf3f9;color:#315d89;border-radius:50%;font-size:11px;font-weight:700;line-height:28px;text-align:center;width:28px;flex:none;margin-top:3px}.sbu-path a{font-size:13px;padding:6px 8px;line-height:1.5;flex:1;border-radius:4px}.sbu-path a[aria-current]{background:#eaf1f9;color:#213b61}.sbu-toc a{line-height:1.55}.sbu-toc a:hover{background:#f1f5fa}
.sbu-setup{border:1px dashed #a9bcd1;background:#f3f7fb;border-radius:6px;padding:17px;font-size:13px;line-height:1.6;margin:20px 0}.sbu-setup strong{display:block;margin-bottom:5px}
.sbu-portal{padding:0}.sbu-hero{position:relative;isolation:isolate;min-height:380px;margin:0 calc(50% - 50vw);padding:45px max(24px,calc((100vw - 1192px)/2)) 70px;overflow:hidden;background:#edf3f9}.sbu-hero-image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}.sbu-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#f5f9fdfc 0%,#f5f9fdf5 23%,#f5f9fdad 40%,#f5f9fd08 72%)}.sbu-hero-copy{max-width:520px}.sbu-hero-copy h1{font-size:46px;line-height:1.12;letter-spacing:-.04em;max-width:510px;margin:10px 0 18px;color:#17395c}.sbu-hero-copy>p:not(.sbu-eyebrow){font-size:18px;font-weight:500;line-height:1.55;color:#354f6b;margin:0 0 22px}.sbu-hero .sbu-eyebrow{color:#315d89;font-size:11px;font-weight:700}.sbu-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.sbu-hero-actions .sbu-button{font-size:13px;font-weight:700}.sbu-shortcuts{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid #dce3eb;background:#ffffffed;border-radius:7px;margin:-32px 0 30px;box-shadow:0 9px 28px #213b6109;overflow:hidden}.sbu-shortcuts .sbu-resource{display:block;padding:22px 18px}.sbu-shortcuts .sbu-resource+.sbu-resource{border-left:1px solid #e6ecf3}.sbu-shortcuts .sbu-icon{width:29px;height:29px;margin-bottom:13px}.sbu-shortcuts .sbu-chevron{display:none}
.sbu-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 17px}.sbu-section-heading h2{margin:0;font-size:26px}.sbu-section-heading>a{font-size:12px;font-weight:600;text-decoration:none;flex-shrink:0}.sbu-section-heading>a:hover{text-decoration:underline}.sbu-broker-grid{margin-top:0;align-items:stretch}.sbu-broker-card{position:relative;display:flex;flex-direction:column;min-width:0;margin-bottom:0}.sbu-broker-card h3{font-size:27px;margin:12px 0}.sbu-broker-card .sbu-badge{align-self:flex-start;line-height:1.5}.sbu-broker-card .sbu-score{margin:6px 0;font-size:27px;color:#213b61}.sbu-broker-card>p:not(.sbu-score){font-size:13px;line-height:1.6}.sbu-broker-card .sbu-card-actions{margin-top:auto;padding-top:14px}.sbu-card-highlights ul{list-style:none;padding:0;margin:8px 0 12px}.sbu-card-highlights li{font-size:13px;line-height:1.6;padding-left:21px;position:relative;margin:7px 0}.sbu-card-highlights li:before{content:"✓";position:absolute;left:0;font-weight:700;color:#315d89}.sbu-broker-card.sbu-featured{border-top:3px solid #ad4458;background:linear-gradient(145deg,#fff,#fcf1f3)}.sbu-broker-card.sbu-top{border-top:3px solid #418567;background:linear-gradient(145deg,#fff,#eef8f2)}.sbu-broker-card.sbu-top .sbu-badge.sbu-green{background:#326e50;color:#fff}.sbu-broker-card.sbu-featured>.sbu-badge{background:#a43e53;color:#fff}.sbu-broker-card .sbu-demo{font-size:11px!important;color:#677488}
.sbu-broker-intro{display:flex;align-items:center;gap:22px;background:#f1f5fa;padding:26px;border-radius:7px;margin:28px 0}.sbu-broker-intro>div{flex:1}.sbu-broker-intro h2{font-size:23px;margin:0 0 8px}.sbu-broker-intro p{margin:0;font-size:14px}.sbu-broker-intro>.sbu-icon{width:40px;height:40px}.sbu-broker-intro .sbu-button{font-size:13px}
.sbu-learning-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin:18px 0 26px}.sbu-learning-tiles .sbu-resource{display:flex;flex-direction:column;padding:20px 17px;border:1px solid #dce3eb;border-radius:6px;background:linear-gradient(145deg,#fff,#f5f8fc);min-height:190px;gap:12px}.sbu-learning-tiles .sbu-chevron{align-self:flex-end}.sbu-learning-tiles .sbu-icon{width:27px;height:27px}.sbu-directory{gap:18px;margin-bottom:26px}.sbu-directory>.sbu-card{padding:22px;background:#f4f7fb;margin:0}.sbu-directory .sbu-section-heading{margin:0 0 14px;align-items:flex-start;gap:8px}.sbu-directory h2{font-size:17px;line-height:1.4}.sbu-directory .sbu-section-heading>a{font-size:10px;margin-top:4px}.sbu-directory .sbu-resource{padding:10px 0;gap:13px}.sbu-directory .sbu-chevron{display:none}.sbu-directory .sbu-resource small{margin-top:2px}.sbu-editorial>.sbu-resource{padding:22px;border:1px solid #dce3eb;border-radius:6px;background:#f6f8fb;align-items:center}.sbu-editorial{margin-top:18px}
.sbu-table thead th{background:#eaf0f7;color:#213b61}.sbu-table tbody tr:nth-child(even){background:#f7f9fc}.sbu-table tbody tr:last-child td{border-bottom:0}.sbu-table td,.sbu-table th{padding:16px}.sbu-chips span{color:#294f79;background:#f1f6fb}.sbu-card details,.sbu-box{line-height:1.7}.sbu-article details.sbu-card{padding:14px 18px;background:#f3f6fa;margin-bottom:10px}.sbu-article details.sbu-card>summary{font-size:14px}.sbu-article details.sbu-card[open]>summary{margin-bottom:12px}
@media(min-width:1500px){.sbu-hero{min-height:420px;padding-top:55px}.sbu-hero-image{object-position:center 57%}}
@media(max-width:1050px){.sbu-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.sbu-shortcuts .sbu-resource{border:1px solid #edf1f6!important}.sbu-learning-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.sbu-directory{grid-template-columns:1fr}.sbu-directory .sbu-section-heading h2{font-size:20px}.sbu-hero{padding-left:24px;padding-right:24px}.sbu-hero-copy h1{font-size:41px;max-width:450px}.sbu-hero:before{background:linear-gradient(90deg,#f5f9fdfa 0%,#f5f9fddd 44%,#f5f9fd30 100%)}}
@media(max-width:700px){.sbu-hero{min-height:390px;padding:35px 20px 65px}.sbu-hero-copy h1{font-size:36px;max-width:400px}.sbu-hero-copy>p:not(.sbu-eyebrow){font-size:16px}.sbu-hero-image{object-position:70% center}.sbu-hero:before{background:#f5f9fdd9}.sbu-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.sbu-shortcuts .sbu-resource{padding:17px}.sbu-shortcuts .sbu-resource small{font-size:11px}.sbu-shortcuts .sbu-icon{margin-bottom:8px}.sbu-learning-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.sbu-learning-tiles .sbu-resource{min-height:170px}.sbu-section-heading{align-items:flex-start}.sbu-section-heading h2{font-size:23px}.sbu-section-heading>a{font-size:11px;max-width:105px;flex-shrink:1;text-align:right}.sbu-broker-intro{flex-wrap:wrap;padding:20px}.sbu-broker-intro>div{min-width:180px}.sbu-broker-intro .sbu-button{margin-left:0}.sbu-broker-grid{gap:18px}.sbu-editorial{gap:12px}}
.sbu-article .sbu-hero-image{max-width:none;height:100%;width:100%;object-fit:cover}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}