.compound-method{width:100%;max-width:510px;justify-self:center;min-width:0}.compound-method__diagram{width:100%;aspect-ratio:1;position:relative;isolation:isolate}.compound-method__rings{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.compound-method__rings circle{fill:none;stroke:#b7b3aa;stroke-width:1.5;transition:stroke .18s,fill .18s}.compound-method__rings circle.is-active{stroke:var(--onda-accent);fill:#c7483206;stroke-width:3}.compound-method__layer{position:absolute;left:var(--layer-x);top:var(--layer-y);transform:translate(-50%,-50%);width:30%;height:30%;display:grid;place-items:center;padding:8px;border:0;border-radius:50%;color:var(--ink);background:transparent;font-family:inherit;font-size:clamp(12px,1.3vw,17px);font-weight:550;line-height:1.3;cursor:pointer;-webkit-tap-highlight-color:transparent}.compound-method__layer[aria-pressed=true]{color:var(--red-ink)}.compound-method__layer:hover{background:#c7483208}.ar-site .compound-method__layer:focus-visible{outline:2px solid var(--survey-blue);outline-offset:2px}.compound-method__mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14%;height:auto;border-radius:50%;pointer-events:none}.compound-method__hint{text-align:center;margin:0 0 18px;font:10px/1.5 monospace;color:var(--muted-ink)}.compound-method__detail{min-height:136px;padding:18px 0 0;border-top:1px solid var(--rule)}.compound-method__detail h3{margin:0 0 9px;font-size:22px;font-weight:550;line-height:1.2}.compound-method__detail h3 span{font:10px/1.5 monospace;color:var(--red-ink);margin-right:9px}.compound-method__detail p{margin:0;max-width:48ch;font-size:14px;line-height:1.6;color:var(--muted-ink)}@media (max-width:760px){.compound-method{max-width:420px}.compound-method__detail{min-height:150px}.compound-method__layer{font-size:12px}}@media (prefers-reduced-motion:reduce){.compound-method__rings circle{transition:none}}#compounding{scroll-margin-top:96px}