.bi-brand-widget,.bi-brand-widget *{box-sizing:border-box}
.bi-brand-widget{font-family:inherit}
.bi-brand-widget .bi-intro{background:linear-gradient(115deg,#123f35 0%,#1d6252 62%,#236a79 100%);border-radius:22px;padding:clamp(28px,5vw,64px);color:#fff;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr);gap:20px;align-items:center;overflow:hidden}
.bi-brand-widget .bi-intro__eyebrow{color:#c5e4da;font-size:12px;font-weight:700;letter-spacing:.1em;margin:0 0 12px}
.bi-brand-widget .bi-intro__brand{font-size:clamp(22px,3vw,34px);font-weight:850;line-height:1.2;color:#fff;margin:0 0 28px}
.bi-brand-widget .bi-intro__brand span{font-size:.54em;font-weight:600;vertical-align:middle;margin-left:8px;color:#d7efd7}
.bi-brand-widget .bi-intro h2{font-size:clamp(26px,3.7vw,48px);font-weight:800;line-height:1.28;letter-spacing:-.045em;color:#fff;margin:0 0 16px}
.bi-brand-widget .bi-intro__description{color:#e1eeeb;font-size:clamp(15px,1.4vw,18px);line-height:1.75;margin:0;max-width:620px;word-break:keep-all}
.bi-brand-widget .bi-intro__links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.bi-brand-widget .bi-intro__links a{border-radius:10px;padding:12px 18px;font-size:15px;font-weight:750;display:inline-flex;gap:10px;align-items:center;justify-content:center;line-height:1.5;text-decoration:none!important;transition:transform .15s ease,background-color .15s ease,border-color .15s ease;opacity:1!important;box-shadow:none}
.bi-brand-widget .bi-intro__links a:hover{transform:translateY(-2px)}
.bi-brand-widget .bi-intro__links .bi-intro__primary,.bi-brand-widget .bi-intro__links .bi-intro__primary:visited{background:#c9ec95!important;color:#163e32!important;border:1px solid #c9ec95!important}
.bi-brand-widget .bi-intro__links .bi-intro__primary:hover,.bi-brand-widget .bi-intro__links .bi-intro__primary:focus-visible{background:#e1f7bf!important;color:#163e32!important}
.bi-brand-widget .bi-intro__links .bi-intro__secondary,.bi-brand-widget .bi-intro__links .bi-intro__secondary:visited{background:transparent!important;color:#fff!important;border:1px solid #b6d4ca!important}
.bi-brand-widget .bi-intro__links .bi-intro__secondary:hover,.bi-brand-widget .bi-intro__links .bi-intro__secondary:focus-visible{background:rgba(255,255,255,.13)!important;color:#fff!important}
.bi-brand-widget a:focus-visible{outline:3px solid #b9e88d;outline-offset:3px}
.bi-brand-widget .bi-intro__visual svg{display:block;width:100%;height:auto}
.bi-brand-widget .bi-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 28px;scroll-margin-top:100px}
.bi-brand-widget .bi-principles__card{background:#f4f8f5;border:1px solid #dce8e0;border-radius:12px;padding:18px 14px;display:flex;flex-direction:column;gap:8px;min-width:0;text-decoration:none!important}
.bi-brand-widget .bi-principles__card strong{color:#214e3a!important;font-size:17px;font-weight:700}
.bi-brand-widget .bi-principles__card span{color:#4e6258;font-size:13px;line-height:1.55;word-break:keep-all}
.bi-brand-widget .bi-principles__card .bi-principles__arrow{font-size:14px;margin-left:7px;color:#31734b}
.bi-brand-widget .bi-principles__card--link{transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;cursor:pointer}
.bi-brand-widget .bi-principles__card--link:hover{transform:translateY(-2px);border-color:#76ac86;box-shadow:0 5px 16px rgba(18,60,40,.10)}
@media(max-width:760px){.bi-brand-widget .bi-intro{grid-template-columns:1fr;border-radius:14px;padding:27px 22px}.bi-brand-widget .bi-intro__visual{display:none}.bi-brand-widget .bi-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.bi-brand-widget .bi-intro__brand{margin-bottom:18px}.bi-brand-widget .bi-intro__links a{font-size:14px}}
@media(max-width:420px){.bi-brand-widget .bi-principles{grid-template-columns:1fr}.bi-brand-widget .bi-intro__links{flex-direction:column}.bi-brand-widget .bi-intro__links a{width:100%}}
@media(prefers-reduced-motion:reduce){.bi-brand-widget .bi-intro__links a,.bi-brand-widget .bi-principles__card--link{transition:none}}

/* v1.2 recent research -- styling scoped to this plugin only */
.bi-brand-widget .bi-latest{padding:20px 22px 24px;margin:18px 0 28px;background:#fff;border:1px solid #dce8e0;border-radius:15px}
.bi-brand-widget .bi-latest__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.bi-brand-widget .bi-latest__head h2{font-size:clamp(20px,2.4vw,27px);line-height:1.35;font-weight:800;color:#204e3b;margin:0}
.bi-brand-widget .bi-latest__head a{font-size:14px;color:#246c4a;text-decoration:none;font-weight:700}
.bi-brand-widget .bi-latest__body{max-width:100%;overflow-x:auto}
.bi-brand-widget .bi-latest__admin-note{font-size:13px;color:#555;padding:14px;background:#f4f8f5;border:1px dashed #aac9b4;border-radius:10px}
@media(max-width:760px){.bi-brand-widget .bi-latest{padding:16px 12px}}
