.br-bio .diagram-scroll{overflow-x:auto;max-width:100%;padding:4px}.br-bio .diagram-scroll svg{min-width:640px;max-height:none}.br-bio .reading{min-width:0}.br-bio .navgroup{font-size:16px;font-weight:bold;background:var(--bg);padding:8px}.br-bio .navsub{font-size:14px;font-weight:bold;margin:12px 0 3px}.br-bio aside a{padding-left:12px}.br-bio header h1,.br-bio header p{color:white!important;-webkit-text-fill-color:white}

.br-bio{--p:#35165C;--s:#7545BD;--a:#C5A8F0;--bg:#F5F0FC;font:17px/1.75 Poppins,Arial,sans-serif;color:#222;background:var(--bg);padding:20px;box-sizing:border-box}.br-bio *{box-sizing:border-box}.br-bio .shell{display:grid;grid-template-columns:260px minmax(0,820px);gap:26px;max-width:1110px;margin:auto}.br-bio aside{align-self:start;position:sticky;top:100px;background:white;border:1px solid var(--a);border-radius:12px;padding:16px;max-height:78vh;overflow:auto}.br-bio main{min-width:0}.br-bio section,.br-bio header{background:white;border-radius:14px;padding:28px;margin-bottom:20px}.br-bio header{background:var(--p);color:white}.br-bio h1{font-size:36px;line-height:1.2;color:white}.br-bio h2,.br-bio h3{color:var(--p);line-height:1.35}.br-bio h2{font-size:26px}.br-bio h3{font-size:22px}.br-bio a{color:var(--p);text-underline-offset:3px}.br-bio aside a{display:block;padding:8px 6px;line-height:1.5;font-size:14px}.br-bio aside a[aria-current]{background:var(--bg);font-weight:bold;border-left:4px solid var(--s)}.br-bio summary{cursor:pointer;font-weight:bold;min-height:44px}.br-bio nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;margin:20px 0}.br-bio figure{margin:20px 0}.br-bio svg{display:block;width:100%;height:auto;max-height:760px}.br-bio figcaption{font-size:14px}.br-bio .q{padding:22px;border:1px solid var(--a);border-radius:12px;margin:24px 0}.br-bio fieldset{border:0;padding:0;min-width:0}.br-bio legend{font-weight:bold;color:var(--p);font-size:19px}.br-bio label{display:flex;gap:12px;padding:12px;border:1px solid #d9cce8;margin:10px 0;border-radius:8px;min-height:48px;cursor:pointer}.br-bio input{width:20px;height:20px;flex-shrink:0;accent-color:var(--s);margin-top:5px}.br-bio button{font:700 16px Arial,sans-serif;background:var(--p);color:white;border:2px solid var(--p);padding:12px 16px;border-radius:8px;min-height:48px;cursor:pointer;margin:4px}.br-bio button.retry{background:var(--s);border-color:var(--s)}.br-bio :focus-visible{outline:3px solid #b37400;outline-offset:3px}.br-bio .feedback:not(:empty){padding:16px;border:2px solid var(--s);background:var(--bg);margin-top:16px}.br-bio .feedback[data-result=correct]{border-color:#237747}.br-bio .feedback[data-result=incorrect]{border-color:#a52b3b}.br-bio [id]{scroll-margin-top:110px}.br-bio .table{overflow:auto}.br-bio table{border-collapse:collapse;width:100%}.br-bio td,.br-bio th{border:1px solid #d9cce8;padding:10px;text-align:left}.br-bio .tag{font-size:14px}.br-bio .notice{border-left:4px solid var(--s);padding:12px;background:var(--bg)}
@media(max-width:850px){.br-bio{padding:12px}.br-bio .shell{display:block}.br-bio aside{position:static;max-height:none;margin-bottom:16px}.br-bio h1{font-size:28px}.br-bio section,.br-bio header{padding:20px 16px}.br-bio button{max-width:100%}.br-bio label{line-height:1.5}}

.br-bio{font:17px/1.75 Poppins,Arial,sans-serif;color:#222;background:#F5F0FC;--brpub-header-offset:110px}
.br-bio *{box-sizing:border-box}
.br-bio aside{overflow:visible!important;max-height:none!important;top:var(--brpub-header-offset)!important;padding:16px!important}
.br-bio .brpub-panel{max-height:calc(100dvh - var(--brpub-header-offset) - 70px);overflow:auto;overscroll-behavior:contain;scroll-padding-top:16px}
.br-bio .brpub-panel::after{content:"";display:block;height:var(--brpub-tail,0px);flex-shrink:0}
.br-bio aside nav{display:block!important;margin:0!important;padding:0!important}
.br-bio aside a{display:block!important;padding:10px!important;min-height:44px;color:#35165C;text-decoration:none;line-height:1.5;font-size:14px}
.br-bio aside a[aria-current="page"]{background:#F5F0FC!important;border-left:4px solid #7545BD;color:#35165C!important;font-weight:700}
.br-bio .brpub-group{font-weight:700;background:#F5F0FC;padding:8px;margin:16px 0 4px}
.br-bio summary{cursor:pointer;min-height:44px;font-weight:700}
.br-bio .brpub-adjacent{display:block!important;padding:16px!important;clear:both}
.br-bio .brpub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.br-bio .brpub-card{display:block!important;border:1px solid #C5A8F0;border-radius:12px;padding:16px!important;min-height:80px;background:white;color:#35165C;text-decoration:none}
.br-bio .brpub-card small,.br-bio .brpub-card strong{display:block}
.br-bio .brpub-card small{color:#53316e}
.br-bio .brpub-diagram{max-width:100%;overflow-x:auto}
.br-bio .brpub-diagram img{width:680px;min-width:640px;max-width:none}
.br-bio :focus-visible{outline:3px solid #b37400!important;outline-offset:3px}
.br-bio [id]{scroll-margin-top:var(--brpub-header-offset)}
.br-bio header h1,.br-bio header p{color:white!important;-webkit-text-fill-color:white}
.br-bio .brpub-skip{position:absolute;left:-10000px} .br-bio .brpub-skip:focus{left:16px;top:10px;background:white;z-index:20;padding:12px}
.br-bio.brpub > header,.br-bio.brpub > section{padding:24px;border-radius:12px;margin:20px;background:white}
.br-bio.brpub > header{background:#35165C;color:white}
@media(max-width:850px){.br-bio .brpub-panel{max-height:65dvh} .br-bio .brpub-grid{grid-template-columns:1fr} .br-bio aside{position:static!important;margin-bottom:16px} .br-bio h1{font-size:28px!important}}