/* ridgefill guide: layout + svg styling; theme from /index.css */
.rf{max-width:860px}
.lede2{color:var(--ink-soft);font-size:18px;line-height:1.7;margin-top:18px;max-width:74ch}
.rf-figure{margin:30px 0 34px}
.rf-svg{display:block;width:100%;height:auto;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius-sm)}
.rf-figure figcaption{margin-top:12px;font-size:13.5px;line-height:1.6;color:var(--ink-mute);max-width:70ch}

.rf-svg text{font-family:var(--font-sans);font-size:13px}
.rf-floor rect{fill:var(--surface);stroke:var(--line)}
.rf-floor text{fill:var(--ink-soft)}
.rf-floor-real rect{fill:var(--surface-tint);stroke:var(--line)}
.rf-parcel rect{fill:var(--accent)}
.rf-arrow{stroke:var(--ink-mute);fill:none;stroke-width:2}
.rf-flow{stroke:var(--accent-2);stroke-width:2;fill:none;stroke-linecap:round}
.rf-split{stroke:var(--accent);stroke-width:2;stroke-dasharray:7 5}
.rf-map{stroke:var(--accent-2);stroke-width:2;stroke-dasharray:5 4;fill:none}
.rf-sheet{fill:var(--accent-2-soft);stroke:var(--accent-2)}
.rf-sheet-t{fill:var(--ink);font-family:var(--font-mono);font-size:12px}
.rf-cap{fill:var(--ink-mute);font-size:12px}
.rf-cap-a{fill:var(--accent-2)}
.rf-rule{stroke:var(--line);stroke-width:2}
.rf-pointer{stroke:var(--accent-2);stroke-width:2;fill:none}
.rf-dot circle{stroke:none}
.rf-dot-fill circle{fill:var(--ink-mute);opacity:.45}
.rf-dot-exact circle{fill:var(--accent)}
.rf-dot-tail circle{fill:var(--accent-2)}
.rf-curve{stroke:var(--accent);stroke-width:3;fill:none;stroke-linecap:round}
.rf-dot-node{fill:var(--accent);stroke:var(--surface);stroke-width:2}

.rf-list{margin:26px 0;padding:0;list-style:none}
.rf-list li{margin:0 0 14px;padding-left:22px;position:relative;color:var(--ink-soft);line-height:1.65}
.rf-list li:before{content:"";position:absolute;left:0;top:.72em;width:9px;height:2px;background:var(--ink-mute)}
.rf-list b{color:var(--ink)}