.rb{gap:16px;padding-top:14px}.rb-tabs{scroll-margin-top:calc(var(--mast-h) + 8px);margin-bottom:0}.rb-tabs button{font-size:var(--fs-body);align-items:center;gap:7px;padding:11px 13px;display:inline-flex}.rb-tabs button svg{color:var(--text-3)}.rb-tabs [aria-selected=true] svg{color:var(--accent-ink)}.rb-n{font:600 var(--fs-mark)/1 var(--font-mono);background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:3px 6px}.rb-panel{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px 24px;display:grid}.rb-panel.has-aside{grid-template-columns:minmax(0,1fr) 340px}.rb-panel[hidden]{display:none}.rb-main,.rb-aside{align-content:start;gap:14px;min-width:0;display:grid}.rb-panel:not(.has-aside) .rb-aside{display:none}.rb-next{grid-column:1/-1;justify-content:space-between;gap:12px;padding-top:4px;display:flex}.rb-intro p{max-width:78ch;color:var(--text-2);font-size:var(--fs-h3);margin:0;line-height:1.55}.rb-h{font-size:var(--h2-size)}.rb code{font:500 .88em var(--font-mono);background:var(--surface-2);color:var(--text);white-space:nowrap;border-radius:4px;padding:1px 5px}.rb code.long{white-space:normal;overflow-wrap:anywhere}.band-stats div>a{gap:2px;display:grid}.rb a[data-rule]{font:600 .9em var(--font-mono);border-bottom:1px dotted;text-decoration:none}.rb-rules{columns:330px 3;column-gap:14px}.rb-panel.has-aside .rb-rules{columns:330px 2}.rb h3[id]{scroll-margin-top:calc(var(--mast-h) + 40px)}.rule{break-inside:avoid;background:var(--surface);border:var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);scroll-margin-top:calc(var(--mast-h) + 20px);margin:0 0 14px;padding:15px 18px 14px}.rule.flash{animation:rb-flash 1.6s var(--ease-settle)}@keyframes rb-flash{0%,30%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:0 0 #0000}}.rule h3{font-size:calc(16.5px * var(--rs-text,1));align-items:baseline;gap:10px;margin:0 0 8px;line-height:1.25;display:flex}.r-no{font:500 var(--fs-mark)/1 var(--font-mono);letter-spacing:.04em;background:var(--accent-soft);color:var(--accent-ink);border-radius:5px;flex:none;padding:4px 7px;transform:translateY(-2px)}.rule p{font-size:var(--fs-body);margin:0 0 10px;line-height:1.55}.rule ul{border-top:var(--border-rule);gap:6px;margin:0;padding:10px 0 0;list-style:none;display:grid}.rule li{font-size:var(--fs-body);color:var(--text-2);grid-template-columns:52px minmax(0,1fr);align-items:baseline;gap:8px;line-height:1.45;display:grid}.rule li strong{font:500 var(--fs-overline)/1.9 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.rule li.r-do strong{color:var(--green-ink)}.rule li.r-dont strong{color:var(--red-ink)}.rule li.r-why{color:var(--text)}.rule pre{border-radius:var(--radius);font:500 var(--fs-mark)/1.45 var(--font-mono);color:var(--text-2);margin:0 0 10px;padding:10px 12px;overflow-x:auto;background:var(--surface-2)!important}.rule pre code,.rule pre span{display:revert;white-space:pre;font:inherit;border:0;padding:0;color:inherit!important;background:0 0!important}.rule ol{font-size:var(--fs-body);gap:4px;margin:0 0 10px;padding-left:20px;line-height:1.5;display:grid}.rule ol li{color:var(--text);font-size:var(--fs-body);display:list-item}.rb-panel[data-ch=gaps] .rb-rules{display:none}.rb-panel[data-ch=gaps] .rb-intro ol{counter-reset:gap;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin:14px 0 0;padding:0;list-style:none;display:grid}.rb-panel[data-ch=gaps] .rb-intro li{counter-increment:gap;background:var(--surface);border:var(--border-card);border-radius:var(--radius-lg);font-size:var(--fs-body);color:var(--text-2);padding:14px 16px 14px 48px;line-height:1.5;position:relative}.rb-panel[data-ch=gaps] .rb-intro li:before{content:counter(gap);width:calc(22px * var(--rs-icon,1));height:calc(22px * var(--rs-icon,1));font:500 var(--fs-mark) var(--font-mono);background:var(--amber-soft);color:var(--amber-ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:13px;left:14px}.rb-panel[data-ch=gaps] .rb-intro li strong{color:var(--text)}.rb-sum{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (width<=1240px){.rb-sum{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.rb-sum{grid-template-columns:minmax(0,1fr)}}.rb-sc{appearance:none;text-align:left;width:100%;height:100%;color:var(--text);font:inherit;cursor:pointer;transition:border-color var(--dur-state) var(--ease-settle), transform var(--dur-hover) var(--ease-settle);align-content:start;gap:8px;padding:14px 16px;display:grid}.rb-sc:hover{border-color:var(--accent);transform:translateY(-1px)}.rb-sc-top{align-items:center;gap:8px;display:flex}.rb-sc-top svg{color:var(--accent-ink)}.rb-sc-top b{font-size:var(--fs-h3)}.rb-sc-top .faint{font-size:var(--fs-mark);margin-left:auto}.rb-sc-t{font-size:var(--fs-body);color:var(--text-2);line-height:1.5}.rb-using{align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.rb-using svg{color:var(--green-ink);flex:none;margin-top:2px}.rb-using p{font-size:var(--fs-body);color:var(--text-2);margin:0;line-height:1.55}.demo{gap:10px;padding:14px 16px;display:grid}.demo-h{font-weight:var(--fw-title);font-size:var(--fs-body);align-items:baseline;gap:8px;margin:0;display:flex}.demo-h .overline{white-space:nowrap}.demo-h a{font-size:var(--fs-mark);margin-left:auto}.demo-note{font-size:var(--fs-code);color:var(--text-2);margin:0;line-height:1.45}.dm-btns{flex-wrap:wrap;gap:8px;display:flex}.dm-btns .btn{gap:6px}.dm-box{border-radius:var(--radius);background:var(--surface-2);padding:10px}.dm-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dm-chips li{background:var(--surface);border:var(--border-card);font-size:var(--fs-code);color:var(--text);transform-origin:50%;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 6px;font-weight:600;display:inline-flex}.dm-chips li svg{color:var(--art-line)}.dm-chips li.leaving{pointer-events:none}.dm-seg{isolation:isolate;background:var(--surface-2);border-radius:999px;gap:2px;width:max-content;max-width:100%;padding:3px;display:flex;position:relative}.dm-seg button{appearance:none;font:600 var(--fs-code)/1 var(--font-sans);color:var(--text-2);cursor:pointer;transition:color var(--dur-state) var(--ease-settle), background var(--dur-state) var(--ease-settle);background:0 0;border:0;border-radius:999px;padding:7px 12px}.dm-seg:not(.dm-models) [aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.dm-models [aria-checked=true]{color:var(--text)}.dm-thumb{z-index:-1;background:var(--surface);width:0;box-shadow:0 0 0 1px var(--line);transition:transform var(--dur-morph) var(--ease-settle), width var(--dur-morph) var(--ease-settle);border-radius:999px;position:absolute;top:3px;bottom:3px;left:0}.dm-hold{border:var(--border-card);border-radius:var(--radius);background:var(--surface);padding:8px 10px}.dm-lines{font-size:var(--fs-support);gap:6px;margin:0;padding:0;list-style:none;display:grid}.dm-lines li{align-items:center;gap:8px;display:flex}.dm-sw{font-size:var(--fs-support);cursor:pointer;align-items:center;gap:8px;font-weight:600;display:inline-flex}.dm-checks{gap:7px;margin:0;padding:0;list-style:none;display:grid}.dm-checks li{grid-template-columns:calc(14px * var(--rs-icon,1)) minmax(0, 1fr) auto;font-size:var(--fs-support);align-items:center;gap:10px;display:grid}.dm-checks small{font-size:var(--fs-mark)}.dm-stage{padding:6px 10px}.dm-stage .model-art{max-height:150px}.dm-states{gap:8px;margin:0;padding:0;list-style:none;display:grid}.dm-states li{grid-template-columns:calc(44px * var(--rs-icon,1)) minmax(0, 1fr) calc(14px * var(--rs-icon,1));border-radius:var(--radius);border:var(--border-card);background:var(--surface);align-items:center;gap:10px;padding:7px 10px;display:grid}.dm-states li.rs-radiate{background:color-mix(in srgb, var(--red) 7%, var(--surface))}.dm-states .dm-g{color:var(--art-line);place-items:center;display:grid}.dm-states b{font-size:var(--fs-support);display:block}.dm-states small{font-size:var(--fs-code);color:var(--text-2);display:block}.dm-pills{flex-wrap:wrap;gap:6px;margin:0;display:flex}.dm-sig{gap:6px 14px}.dm-arch{gap:6px;margin:0;padding:0;list-style:none;display:grid}.dm-arch li{border-radius:var(--radius);background:var(--surface);border:var(--border-card);font-size:var(--fs-support);justify-content:space-between;align-items:center;gap:8px;padding:6px 6px 6px 10px;display:flex}.rb .dm-arch .btn.btn{font-size:var(--fs-code);padding:5px 10px}.dm-empty{font-size:var(--fs-support);color:var(--text-2);margin:0}.dm-toast{border-radius:var(--radius);background:var(--ink);color:var(--on-ink);font-size:var(--fs-support);justify-content:space-between;align-items:center;gap:10px;margin:0;padding:8px 8px 8px 12px;display:flex}.rb .dm-toast .btn.btn{border-color:color-mix(in srgb, var(--on-ink) 55%, transparent);color:var(--on-ink);font-size:var(--fs-code);background:0 0;padding:5px 10px}.rb .dm-toast .btn.btn:hover{background:color-mix(in srgb, var(--on-ink) 14%, transparent);color:var(--on-ink)}.linkish{appearance:none;color:var(--accent-ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.dm-see{gap:4px;margin:0;padding:0;list-style:none;display:grid}.dm-see a{border-radius:var(--radius);color:var(--text);transition:background var(--dur-hover) var(--ease-settle);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 8px;margin:0 -9px;padding:7px 9px;text-decoration:none;display:grid}.dm-see a:hover{background:var(--surface-2);color:var(--text)}.dm-see b{font-size:var(--fs-body)}.dm-see small{font-size:var(--fs-code);color:var(--text-2);grid-column:1}.dm-see svg{color:var(--text-3);grid-area:1/2/3}@media (width<=1100px){.rb-panel.has-aside{grid-template-columns:minmax(0,1fr)}.rb-aside{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));position:static}}@media (width<=760px){.rb-tabs{margin-inline:-16px;padding-inline:12px}.rb-rules,.rb-panel.has-aside .rb-rules{columns:1}.rb-aside{grid-template-columns:minmax(0,1fr)}.rule li{grid-template-columns:calc(46px * var(--rs-icon,1)) minmax(0, 1fr)}}@media (prefers-reduced-motion:reduce){.dm-thumb,.rule.flash{transition:none;animation:none}}:where(:root:is([data-motion=reduced],[data-motion=off])) .dm-thumb,:where(:root:is([data-motion=reduced],[data-motion=off])) .rule.flash{transition:none;animation:none}
