.bbv-bars,.bbv-flow{direction:rtl;gap:.75rem;min-width:0;display:grid}.bbv-group,.bbv-flow li{color:#e4f8f6;overflow-wrap:anywhere;background:#0c2936;border:1px solid #315563;border-radius:14px;padding:.85rem}.bbv-series{margin-top:.5rem;font-size:.9rem}.bbv-track{background:#203d48;border-radius:1rem;height:.55rem;margin-top:.25rem;overflow:hidden}.bbv-track i{transform-origin:100%;border-radius:inherit;background:#57d9cd;height:100%;display:block}.bbv-series:nth-child(3) i{background:#efc788}.bbv-series:nth-child(4) i{background:#a2b9ff}.bbv-flow{padding:0;list-style:none}.bbv-flow li{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;display:grid}.bbv-flow span{color:#83ded7;max-width:8em}.stage-comparison .lesson-table tbody tr:nth-child(2n){background:#193947}.stage-comparison .lesson-table th{color:#e3fff9;background:#17434b}@media (prefers-reduced-motion:no-preference){.bbv-panel[data-seen=true] .bbv-track i{animation:.42s ease-out both bbvFill}.bbv-panel[data-seen=true] .bbv-flow li{animation:.25s ease-out both bbvAppear}}@keyframes bbvFill{0%{transform:scaleX(0)}}@keyframes bbvAppear{0%{opacity:.65;transform:translateY(3px)}}.stage-comparison.bbv-panel{box-sizing:border-box;inline-size:min(100%,48rem);min-inline-size:0;box-shadow:none;background:linear-gradient(140deg,#113241,#0b2332 70%);border-radius:18px;place-self:center;margin-inline:auto;padding:clamp(12px,2vw,20px);container-type:inline-size}.bbv-panel>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 0 12px;display:flex}.bbv-panel>header h3{border-inline-start:3px solid #67ded0;margin:0;padding-inline-start:9px;font-size:1.06rem;line-height:1.6}.bbv-panel>header button{border-radius:12px;min-height:42px;padding:4px 12px;font-size:.84rem}.bbv-panel .bbv-bars{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:9px}.bbv-panel .bbv-group{background:#0a2230;border-color:#244554;padding:10px 13px}.bbv-panel .bbv-group strong{font-size:.98rem}.bbv-panel .bbv-series{font-size:.86rem;line-height:1.55}.bbv-panel .bbv-track{background:repeating-linear-gradient(270deg,#294753 0 1px,#0000 1px 25%),#193441;height:7px}.bbv-panel .bbv-track i{background:linear-gradient(270deg,#379d9a,#74ead5)}.bbv-panel .bbv-series:nth-child(3) i{background:linear-gradient(270deg,#b78950,#ffda91)}.bbv-panel .bbv-series:nth-child(4) i{background:#a2b9ff}.bbv-panel .lesson-table-scroll{border-radius:10px;max-inline-size:100%;overflow-x:auto}.bbv-panel table.lesson-table{border-collapse:collapse;width:100%;font-size:.92rem}.bbv-panel table.lesson-table :is(th,td){text-align:start;border-bottom:1px solid #32515e;padding:8px 12px;line-height:1.65}.bbv-panel table.lesson-table td{background:0 0}.bbv-panel table.lesson-table tbody tr{background:#102d3b}.bbv-panel table.lesson-table tbody tr:nth-child(2n){background:#163644}.bbv-panel .bbv-flow strong{background:#103945;border:1px solid #345c67;border-radius:9px;padding:5px}.bbv-panel .bbv-flow li{padding:8px;font-size:.9rem}@container (max-width:22rem){.bbv-panel .bbv-flow li{grid-template-columns:1fr}.bbv-panel table.lesson-table :is(th,td){padding:7px 8px}}.bbv-panel .lesson-table td{text-align:right!important}.bbv-panel .lesson-table td code{color:#9ef1df;unicode-bidi:isolate;background:#0c2833;border:1px solid #37545c;border-radius:.4em;padding:.05em .48em;font:.93em/1.5 monospace;display:inline-block}@media (prefers-reduced-motion:no-preference){.bbv-panel[data-seen=true] tbody tr{animation:.4s ease-out backwards bbvRowReveal}@keyframes bbvRowReveal{0%{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}}@media (hover:hover){.bbv-panel .lesson-table tbody tr:hover{background:#204551}}.vs-plot{color:#dff9f5;background:#0b2634;border-radius:14px;padding:12px}.vs-plot svg{width:min(100%,32rem);margin:auto;display:block}.vs-plot svg.vs-ring{width:9rem}.vs-values{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.vs-values>div{background:#173745;border-radius:8px;gap:3px;padding:6px 10px;font-size:.84rem;display:grid}.vs-values strong{border-inline-start:3px solid #477080;padding-inline-start:6px}.bbv-panel table.lesson-table th{color:#cef5ed;background:#173c4c;border-block-end:2px solid #4ca69b}.bbv-panel table.lesson-table td:first-child{color:#a9eadf;border-inline-start:3px solid #397773;font-weight:700}.bbv-panel table.lesson-table td+td{border-inline-start:1px solid #375361}.bbv-panel .lesson-table-scroll{border:1px solid #375765}@media (prefers-reduced-motion:no-preference){.bbv-panel[data-seen=true] .vs-plot svg{animation:.4s ease-out both bbvAppear}}