/* Shared visual refinements for Linjen och molnet, borrowed by the English deck. */
:root { --color-points: #4c647a; --muted-fg: #505050; --color-identity: #747474; }
.dot { opacity: .82; }
.residual-line { stroke-width: 2.2; opacity: .9; }
.axis text { font-size: 14px; fill: #454545; }
.axis-label { font-size: 15px; fill: #454545; }
.line-identity, .line-true { stroke-width: 2; }
.ba-label, .ba-label-loa { font-size: 14px; }
.ba-loa-line { opacity: .9; stroke-width: 2; }
.bias-trend-active .ba-mean-line, .bias-trend-active .ba-loa-line, .bias-trend-active .ba-label { opacity: .2; }
.reveal .beta-caption { font: 400 .55em/1.45 var(--font-sans); color: var(--muted-fg); margin: .65em auto; max-width: 60em; }
.reveal .beta-message { font: 600 .85em/1.35 var(--font-serif); color: var(--crimson); margin: .5em auto; max-width: 48em; }
.reveal .beta-formula { font: 500 .75em/1.6 var(--font-serif); margin: .6em auto; }
.beta-two-cols { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 70px; max-width: 1500px; margin: 30px auto; }
.beta-two-cols svg { width: 100%; height: auto; overflow: visible; }
.beta-two-cols svg text { font: 19px var(--font-sans); fill: #454545; }
.beta-two-cols h3 { font-size: .9em; margin: 0; }
/* Slide 17: x-axis label is at 340/640, not the SVG midpoint 320. */
.hetero-beta .beta-two-cols h3 { position: relative; left: 3.125%; }
.beta-grid { stroke: #c4c4c4; stroke-width: 1; }
.beta-dot { fill: #4c647a; opacity: .88; }
.beta-methods { display: grid; grid-template-columns: repeat(3, 1fr); gap: 55px; margin: 70px auto 0; max-width: 1680px; text-align: left; }
.beta-methods > div { padding-left: 30px; border-left: 3px solid var(--muted); }
.reveal .beta-methods h3 { font-size: 1em; }
.reveal .beta-methods p { font-size: .7em; line-height: 1.5; }
.reveal .beta-methods .beta-caption { font-size: .56em; }
.ba-beta .viz-container { max-width: 800px; margin-top: 0; }
.ba-beta .beta-caption { margin-top: .2em; font-size: .5em; }
.ba-beta .beta-message { margin-top: .15em; }
.reveal .workflow-beta .workflow-list { max-width: 33em; }
.reveal .workflow-beta .workflow-list li { font-size: .8em; }
.slider-row label { font-size: .53em; }
.ellipse-toggle-btn, .pb-animate-btn { font-size: .48em; }
.reveal input:focus-visible { outline: 3px solid var(--crimson); outline-offset: 5px; }
button:focus, button:focus-visible { outline: none; }

.reveal .workflow-beta .workflow-list li::before { top: .25em; height: 1.6em; line-height: 1.6em; font-size: 1em; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
.reveal .closing-contact { font: 400 .52em/1.7 var(--font-sans); color: var(--muted-fg); margin: .6em auto 0; }

.reveal .r-squared-explanation .body-text { font-size: .65em; line-height: 1.4; }
.reveal .r-squared-explanation .aside-text { font-size: .52em; }