/* Loaded by the standalone rules page and the framework side panel. */
.rvRules { max-width:960px; margin:0 auto; padding:clamp(12px,3%,28px); container-type:inline-size; color:#263e33; background:#faf9f2; font:1rem/1.65 system-ui,sans-serif; overflow-wrap:anywhere; }
.rvRules * { box-sizing:border-box; }
.rvRules h1 { font-size:clamp(1.6rem,10cqw,2.8rem); line-height:1.1; margin:0 0 .5em; color:#24593e; }
.rvRules h2 { margin:1.3em 0 .4em; font-size:1.3rem; color:#24593e; border-bottom:2px solid #b5cbb7; padding-bottom:.25em; }
.rvRules .rvIntro { border-left:4px solid #507e57; background:#e8eee1; padding:10px 12px; }
.rvRules .rvExamples { display:flex; flex-wrap:wrap; gap:16px; }
.rvRules figure { flex:1 1 170px; min-width:0; margin:0; padding:10px; background:#e9edde; border-radius:8px; }
.rvRules img { display:block; max-width:100%; height:auto; margin:auto; }
.rvRules figcaption { text-align:center; margin-top:8px; font-size:.9rem; }