.bb-learning-example{margin:14px 0;border:1px solid #bfd2c3;border-radius:10px;background:#f3f6ef;color:#173d2b;overflow:hidden;font:inherit}.bb-learning-example>summary{cursor:pointer;min-height:44px;padding:12px 14px;font-weight:750;line-height:1.5;color:#14532d}.bb-learning-example>summary:focus-visible{outline:3px solid #a44d20;outline-offset:-3px}.bb-learning-example figure{margin:0;padding:0 14px 14px;max-width:none}.bb-learning-example img,.bb-learning-example svg{display:block;width:100%;height:auto;max-width:100%;border-radius:6px;background:#eaf1e5}.bb-learning-example figcaption{font:400 .92rem/1.6 system-ui,sans-serif;margin:10px 0 0;color:#344b3c}.bb-learning-example a{display:block}.bb-learning-example a:focus-visible{outline:3px solid #a44d20;outline-offset:3px}@media print{.bb-learning-example{break-inside:avoid}.bb-learning-example:not([open]){display:none}}@media(forced-colors:active){.bb-learning-example{border-color:CanvasText}.bb-learning-example>summary:focus-visible{outline-color:Highlight}}.bb-relay-roles{list-style:none;padding:0;margin:0;font-family:system-ui,sans-serif}.bb-relay-roles li{position:relative;text-align:center;padding:12px 10px;margin:0 0 26px;border:1px solid #14532d;border-radius:8px;background:white}.bb-relay-roles strong{display:block;font-size:1rem;line-height:1.4}.bb-relay-roles li>span{display:block;font-size:.875rem;line-height:1.5;margin-top:3px}.bb-relay-roles li:not(:last-child)::after{content:'↓';position:absolute;left:0;right:0;bottom:-26px;font-size:23px;line-height:24px;color:#a44d20}.bb-relay-roles li:nth-last-child(2)::after{content:'┊';color:#486553}.bb-relay-roles li:last-child{margin-bottom:0;border-style:dashed;background:#edf2e9}