.havsvik-relations{--havsvik-orange:#c8621b;color:var(--ink);min-width:0;margin:32px 0 0}[data-theme=dark] .havsvik-relations{--havsvik-orange:#e8914f}.havsvik-relations__drawing{aspect-ratio:1.15;background:var(--surface);border-radius:10px;width:100%;min-height:460px;position:relative;overflow:hidden}.havsvik-relations canvas{width:100%;height:calc(100% - 64px);display:block;position:absolute;inset:0}.havsvik-relations__controls{gap:8px;display:flex;position:absolute;bottom:20px;left:20px}.havsvik-relations__controls button{border:1px solid var(--control-line);background:var(--surface);min-width:44px;min-height:44px;color:var(--ink);font:500 12px/1.4 var(--font-mono);cursor:pointer;border-radius:6px;padding:10px 12px}.havsvik-relations__controls button:hover{background:var(--spec-ground)}.havsvik-relations__controls button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.havsvik-relations figcaption{margin-top:18px}.havsvik-relations__legend{color:var(--ink-muted);flex-wrap:wrap;gap:12px 24px;font-size:12px;display:flex}.havsvik-relations__legend span{align-items:center;gap:8px;display:flex}.havsvik-relations__legend i{border-top:1px solid var(--ink-muted);width:22px}.havsvik-relations__legend i.possible{border-top-style:dashed}.havsvik-relations__legend b{color:var(--havsvik-orange);font:600 27px/16px var(--font-sans);width:16px;transform:translateY(4px)}.havsvik-relations figcaption p{margin:10px 0 4px;font-size:14px;line-height:1.6}.havsvik-relations figcaption small{color:var(--ink-muted);font-size:12px}@media (max-width:540px){.havsvik-relations__drawing{aspect-ratio:2/3;min-height:560px}.havsvik-relations__controls{bottom:12px;left:10px}.havsvik-relations__legend{gap:12px 18px}}.havsvik-relations .havsvik-relations__hint{margin:0 0 12px;font-size:14px;line-height:1.6}.havsvik-relations__perspectives{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.havsvik-relations__perspectives button{border:1px solid var(--control-line);background:var(--surface);max-width:100%;min-height:44px;color:var(--ink);font:500 14px/1.5 var(--font-sans);text-align:left;cursor:pointer;border-radius:6px;padding:10px 14px}.havsvik-relations__perspectives button:hover{background:var(--spec-ground)}.havsvik-relations__perspectives button[aria-pressed=true]{background:var(--spec-ground);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.havsvik-relations__perspectives button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.havsvik-relations__perspectives .havsvik-relations__reset{font-weight:400}.havsvik-relations__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}