.oat-svn{--oat-ink:#242424;--oat-line:#aaa9a5;--oat-paper:#fff;--oat-accent:#e77e6c;color:var(--oat-ink);font-family:inherit;max-width:1200px;margin:2rem auto}
.oat-svn-heading{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.15;margin:0 0 .75rem;text-align:center}
.oat-svn-intro{max-width:760px;margin:0 auto 1.5rem;text-align:center}
.oat-svn-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,460px);gap:clamp(1rem,4vw,3rem);align-items:center}
.oat-svn-panel{position:relative;min-width:0;border:1px solid var(--oat-line);padding:clamp(1.2rem,3vw,2rem);background:var(--oat-paper);max-height:75vh;overflow:auto;box-sizing:border-box}
.oat-svn-panel[hidden]{display:none}.oat-svn-layout:has(.oat-svn-panel[hidden]){grid-template-columns:1fr}.oat-svn-layout:has(.oat-svn-panel[hidden]) .oat-svn-graphic{grid-column:1;max-width:520px;width:100%;margin:auto}
.oat-svn-close{position:absolute;right:.65rem;top:.45rem;border:0;background:transparent;font-size:1.8rem;line-height:1;cursor:pointer;color:inherit;padding:.2rem .45rem}
.oat-svn-panel h3{font-size:1.5rem;margin:0 2rem 1rem 0}.oat-svn-panel h4{font-size:1.08rem;margin:.8rem 0}.oat-svn-panel p:first-child{margin-top:0}
.oat-svn-panel a{color:inherit;text-decoration:underline;text-decoration-color:var(--oat-accent);text-underline-offset:3px}.oat-svn-read-more{display:inline-block;margin:0 0 .8rem;font-size:.9rem;font-weight:600}
.oat-svn-accordion{border-top:1px solid #d7d6d2}.oat-svn-accordion:last-child{border-bottom:1px solid #d7d6d2}.oat-svn-accordion summary{cursor:pointer;list-style:none;padding:.8rem 2rem .8rem 0;position:relative;font-weight:600}.oat-svn-accordion summary::-webkit-details-marker{display:none}.oat-svn-accordion summary:after{content:'+';position:absolute;right:.25rem;top:.65rem;font-size:1.2rem;font-weight:400}.oat-svn-accordion[open]>summary:after{content:'−'}.oat-svn-accordion-content{padding:0 0 1rem}.oat-svn-accordion-content>*:first-child{margin-top:0}
.oat-svn-graphic{width:100%;max-width:460px;margin:auto}.oat-svn-triangle{width:100%;height:auto;overflow:visible;display:block}.oat-svn-outline{fill:none;stroke:var(--oat-line);stroke-width:1.5;vector-effect:non-scaling-stroke}.oat-svn-node{cursor:pointer;outline:none}.oat-svn-node rect,.oat-svn-node circle{fill:var(--oat-paper);stroke:var(--oat-line);stroke-width:1.25;vector-effect:non-scaling-stroke;transition:fill .15s,stroke .15s}.oat-svn-node text{font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.035em;text-anchor:middle;fill:var(--oat-ink);pointer-events:none}.oat-svn-node:hover rect,.oat-svn-node:hover circle,.oat-svn-node:focus rect,.oat-svn-node:focus circle,.oat-svn-node.is-active rect,.oat-svn-node.is-active circle{fill:#f5f1ed;stroke:var(--oat-accent);stroke-width:2}.oat-svn-site text{font-size:12px}.oat-svn-site text:last-child{font-size:15px;fill:var(--oat-accent)}
.oat-svn .oat-svn-error{padding:.8rem;border-left:3px solid #b32d2e;background:#fff4f4}
@media(max-width:760px){.oat-svn-layout,.oat-svn-layout:has(.oat-svn-panel[hidden]){grid-template-columns:1fr;gap:1.25rem}.oat-svn-panel{grid-row:2;max-height:none}.oat-svn-graphic{grid-row:1;max-width:420px}.oat-svn-layout:has(.oat-svn-panel:not([hidden])) .oat-svn-panel{grid-row:2}.oat-svn-layout:has(.oat-svn-panel:not([hidden])) .oat-svn-graphic{grid-row:1}}