/* Scoped adaptation of ritm-interactive.html. No body/main/global control rules. */
#method .ritm{width:min(100%,580px);margin:0 auto;color:var(--ink);font-family:var(--font-primary,'Source Sans 3'),sans-serif}
#method .ritm *{box-sizing:border-box}
#method .ritm svg{display:block;width:100%;height:auto;overflow:visible}
#method .ritm .path-base{fill:none;stroke:var(--rule);stroke-width:2.5;stroke-linecap:round}
#method .ritm .path-system,#method .ritm .path-human{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:5.5}
#method .ritm .path-system{stroke:var(--ui-accent)}
#method .ritm .path-human{stroke:var(--ink)}
#method .ritm .axis{stroke:var(--rule);stroke-width:1.5}
#method .ritm .guide{stroke:var(--rule);stroke-width:1.4;stroke-dasharray:3 5}
#method .ritm .gap{stroke:var(--ui-accent);stroke-width:7;stroke-linecap:round}
#method .ritm .marker{fill:var(--surface);stroke-width:4}
#method .ritm .marker.system{stroke:var(--ui-accent)}
#method .ritm .marker.human{stroke:var(--ink)}
#method .ritm .controls{display:grid;gap:16px;margin:0 22px 0 42px}
#method .ritm .control{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;font:400 16px/1.5 var(--font-primary,'Source Sans 3'),sans-serif;letter-spacing:normal}
#method .ritm .control span{display:flex;align-items:center;gap:10px;white-space:nowrap}
#method .ritm .swatch{width:12px;height:12px;border-radius:50%;border:3px solid currentColor;flex:none}
#method .ritm .control.system{color:var(--ui-accent)}
#method .ritm .control.human{color:var(--ink)}
#method .ritm input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:0;background:transparent;cursor:ew-resize;color:inherit}
#method .ritm input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--rule)}
#method .ritm input[type=range]::-moz-range-track{height:2px;background:var(--rule)}
#method .ritm input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--surface);border:4px solid currentColor;margin-top:-10px}
#method .ritm input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--surface);border:4px solid currentColor}
#method .ritm .ritm-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:25px 22px 0 42px;min-height:44px;flex-wrap:wrap}
#method .ritm output{font-size:14px;color:var(--muted);line-height:1.35}
#method .ritm button{border:1px solid var(--rule);border-radius:999px;padding:7px 14px;background:transparent;color:var(--ink);font:inherit;font-size:14px;white-space:nowrap;cursor:pointer;min-height:44px}
#method .ritm :focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}
#method .ritm .ritm-note{margin:20px 22px 0 42px;color:var(--muted);font:400 14px/21px var(--font-primary,'Source Sans 3'),sans-serif}
@media(max-width:600px){#method .ritm .controls{margin:0 8px}#method .ritm .control{grid-template-columns:104px minmax(0,1fr);gap:10px;font-size:14px}#method .ritm .ritm-footer{margin:18px 8px 0}#method .ritm .ritm-note{margin:18px 8px 0}}
@media(prefers-reduced-motion:reduce){#method .ritm *{animation:none!important;transition:none!important}}