.bp-rulo-hero figure img{width:100%;height:auto;display:block}
.bp-rulo-hero figcaption{font-size:.85rem;padding:.45rem .7rem;color:#48494b}
.bp-rulo-summary,.bp-rulo-related{box-sizing:border-box;margin:1.5rem auto;padding-block:1.2rem}
.bp-rulo-summary{border-left:4px solid #403c58;background:#f2f1f6;border-radius:12px;padding-inline:clamp(1.15rem,3vw,2rem)}
.bp-rulo-summary h2,.bp-rulo-related h2{font-size:clamp(1.3rem,3vw,1.9rem);margin:0 0 .55rem}
.bp-rulo-summary p:last-child{margin-bottom:0}
.bp-rulo-editorial{margin:1.6rem auto}
.bp-rulo-article>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;background:#292b35;color:#fff;padding:1.15rem 1.4rem;cursor:pointer;border-radius:10px}
.bp-rulo-article>summary::-webkit-details-marker{display:none}
.bp-rulo-article>summary::after{content:none}
.bp-rulo-article>summary :is(strong,small){display:block;color:inherit}
.bp-rulo-article>summary small{margin-bottom:.35rem;letter-spacing:.09em}
.bp-rulo-article>summary:focus-visible{outline:3px solid #5d5077;outline-offset:3px}
.bp-rulo-toggle{border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;width:2rem;height:2rem;flex:0 0 2rem}
.bp-rulo-toggle::before{content:"+"}
.bp-rulo-article[open] .bp-rulo-toggle::before{content:"−"}
.bp-rulo-related>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem}
.bp-rulo-related h3{font-size:1.05rem}
.bp-rulo-related ul{padding-left:1.2rem}
.bp-rulo-related li{padding:.25rem 0}
.bp-rulo-related a{text-decoration:underline;text-underline-offset:.16em}
