/* More room for comparison; all original values stay in view. */
.tutoras #scene-estacionalidad,.tutoras #scene-cierres,.tutoras #scene-cobertura,.tutoras #scene-ambiente,.tutoras #scene-evolucion{padding:49px 5vw 115px}
.tutoras .scene-inner.comparison-layout{height:calc(100dvh - 164px);min-height:0;max-width:none;justify-content:flex-start}
.comparison-layout>.eyebrow{flex:none;font-size:12px;line-height:17px}
.comparison-layout .result-heading{flex:none;margin:9px 0 12px;gap:20px}
.comparison-layout .result-heading h2{font-size:clamp(34px,3.3vw,54px);line-height:1.08}
.comparison-layout .result-toolbar{flex:none;margin-bottom:9px}
.comparison-layout .result-toolbar .phase-buttons button{padding:7px 13px;font-size:15px}
.comparison-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px}
.comparison-legend{display:flex;align-items:center;justify-content:center;gap:8px 22px;flex-wrap:wrap;font-size:15px;line-height:1.3}
.comparison-legend>span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.comparison-legend i{display:block;width:21px;border-top:3px solid var(--series);position:relative}
.comparison-legend i:after{content:'';position:absolute;left:8px;top:-4px;width:5px;height:5px;border-radius:50%;background:var(--series)}
.comparison-legend i.galicia-key{border-top:3px dashed #35434a;width:27px}
.comparison-legend i.galicia-key:after{background:var(--paper);border:1px solid #35434a;border-radius:0;transform:rotate(45deg);top:-5px;left:10px}
.comparison-toolbar .quiet-button{flex:none;font-size:15px}
.comparison-svg{display:block;width:100%;height:100%;overflow:visible}
.comparison-svg text,.environment-panel text{font:18px var(--sans);fill:var(--muted);font-variant-numeric:tabular-nums}
.comparison-svg .cmp-unit{font-size:17px;fill:var(--ink)}
.cmp-grid{stroke:var(--line);stroke-width:.8}
.comparison-svg path,.environment-panel path{stroke-linejoin:round;stroke-linecap:round}
#estacionalidad-stage{flex:1;min-height:0}
.comparison-layout .finding-line{flex:none;font-size:18px;line-height:1.3;margin-top:9px}
.comparison-layout .finding-line>span{font-size:15px}
.comparison-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:10px}
.comparison-foot .quiet-button,.board-bottom .quiet-button{font-size:14px;white-space:nowrap}
.comparison-layout .caption{font-size:13px;line-height:1.35;margin-top:7px}
.comparison-foot .caption{margin:0}
.closures-tutoras .comparison-legend{margin:0 0 10px}
.tutoras #closures-stage{flex:1;min-height:0;overflow:visible;padding:0}
.closure-period rect{fill:#154c6b25;transition:x .8s cubic-bezier(.2,.8,.2,1)}
.closure-period{transition:opacity .5s}
.comparison-layout .discussion{flex:none;margin-top:10px;padding-top:9px;gap:14px;grid-template-columns:82px 1fr}
.comparison-layout .discussion p{font-size:17px;line-height:1.3}
.comparison-layout .discussion>span{font-size:12px}
.comparison-layout .discussion .citation{font-size:13px;margin-top:2px}
.tutoras #scene-ambiente #environment-stage{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0;overflow:visible;padding:0}
.tutoras #scene-ambiente .pca-experience #pca-biplot{max-height:46vh}
.tutoras #scene-ambiente .t-contributions{width:100%}
.tutoras #scene-cobertura .coverage-chart-wrap{flex:1;min-height:0;display:flex;align-items:center}
.tutoras #scene-cobertura #coverage-plot{height:100%;max-height:none;min-height:0}
.coverage-tutoras .coverage-summary{margin-top:10px;padding-top:10px}
.coverage-tutoras .river-legend{flex:none;margin:9px 0}
.coverage-tutoras .figure-bottom{flex:none}
.coverage-tutoras .quiet-button{font-size:14px}
.sweep-controls{display:flex;align-items:center;gap:22px;font-size:15px}
#environment-clock{min-width:94px;color:var(--green);text-align:right;font-variant-numeric:tabular-nums}
#evolucion-stage{flex:1;min-height:0;margin-top:5px}
.environment-board{height:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:16px 22px}
.environment-card{grid-column:span 2;min-width:0;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:7px}
.environment-card:nth-child(4),.environment-card:nth-child(5){grid-column:span 3}
.environment-card h3{display:flex;align-items:center;gap:8px;font:500 21px var(--sans);letter-spacing:-.025em;line-height:25px;margin:0 0 4px}
.environment-card h3 i{width:8px;height:8px;border-radius:50%}
.environment-panel{width:100%;flex:1;min-height:0;display:block;overflow:visible}
.environment-panel .cmp-unit{font-size:15px}
.environment-panel .env-tick{font-size:16px}
.env-cursor{stroke-width:1.2;stroke-dasharray:3 5;opacity:0;transition:opacity .6s}
.board-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px;flex:none;color:var(--muted);font-size:15px}
.environment-together>.caption{flex:none;margin-top:9px}
@media(max-height:800px) and (min-width:901px){
 .tutoras #scene-estacionalidad,.tutoras #scene-cierres,.tutoras #scene-cobertura,.tutoras #scene-ambiente,.tutoras #scene-evolucion{padding-top:39px;padding-bottom:110px}
 .tutoras .scene-inner.comparison-layout{height:calc(100dvh - 149px)}
 .comparison-layout .result-heading{margin:7px 0 9px}
 .comparison-layout .result-heading h2{font-size:37px}
 .comparison-layout .comparison-legend{font-size:14px;gap:7px 17px}
 .comparison-layout .finding-line{font-size:16px;margin-top:7px}
 .comparison-layout .finding-line>span{font-size:14px}
 .comparison-layout .discussion{margin-top:7px;padding-top:7px}
 .comparison-layout .discussion p{font-size:15px}
 .comparison-layout .caption{font-size:12px}
 .environment-board{gap:10px 18px}
 .environment-card h3{font-size:19px;line-height:22px;margin-bottom:2px}
 .board-bottom{font-size:14px;margin-top:9px}
 .sweep-controls{font-size:14px;gap:14px}
 .tutoras #scene-ambiente .pca-experience #pca-biplot{max-height:44vh}
}
@media(max-width:900px){
 .tutoras #scene-estacionalidad,.tutoras #scene-cierres,.tutoras #scene-cobertura,.tutoras #scene-ambiente,.tutoras #scene-evolucion{padding:65px 6vw 140px}
 .tutoras .scene-inner.comparison-layout{height:auto;min-height:calc(100dvh - 205px)}
 .comparison-layout .result-heading h2{font-size:34px}
 .comparison-toolbar,.comparison-foot{align-items:flex-start;flex-direction:column}
 .comparison-legend{justify-content:flex-start;font-size:14px}
 #estacionalidad-stage,.tutoras #closures-stage{overflow-x:auto;min-height:0;flex:none;width:100%}
 .comparison-svg{min-width:1000px;height:auto}
 .comparison-layout .result-toolbar{flex-wrap:wrap}
 .comparison-layout .result-toolbar .phase-buttons button{font-size:13px}
 #evolucion-stage{flex:none;margin-top:12px}
 .environment-board{display:grid;grid-template-columns:1fr;gap:20px}
 .environment-card,.environment-card:nth-child(4),.environment-card:nth-child(5){grid-column:1;height:255px}
 .environment-panel{min-height:0}
 .board-bottom{flex-direction:column;align-items:flex-start}
 .comparison-layout .discussion{grid-template-columns:1fr}
 .comparison-layout .discussion p{font-size:18px}
 .tutoras #scene-cobertura .coverage-chart-wrap{overflow-x:auto;min-height:300px}
 .tutoras #scene-cobertura #coverage-plot{min-width:900px;height:auto}
}
.reduce-motion .closure-period,.reduce-motion .closure-period rect,.reduce-motion .env-cursor{transition:none!important}
/* The same marks rescale continuously; visibility controls never rebuild the series. */
.season-together>.comparison-legend{margin-bottom:10px}
.comparison-legend [data-legend-ria]{transition:opacity .35s}
#scene-estacionalidad[data-season-view="detail"] [data-legend-ria="Arousa"]{opacity:.25}
.closure-control-groups{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.period-tabs{border-left:0;padding-left:0}
.closure-toolbar .phase-buttons{gap:5px}
.closure-toolbar .quiet-button{white-space:nowrap}
[data-closure-series]{transition:opacity .45s}
.closures-tutoras[data-closure-view="galicia"] [data-closure-series]:not([data-closure-series="Galicia"]){opacity:0;pointer-events:none}
.closures-tutoras[data-closure-view="galicia"] [data-legend-ria]:not([data-legend-ria="Galicia"]){opacity:.23}
.tutoras #scene-cobertura .coverage-draw .coverage-bar{animation-duration:.8s;animation-delay:calc(var(--row-delay) * .4)}
.tutoras #scene-ambiente .pca-draw .pca-ria{animation-duration:.55s;animation-delay:calc(var(--point-delay) * .3)}
.tutoras #scene-ambiente .pca-experience[data-biplot-stage="1"] .pca-vector path{animation-duration:.6s;animation-delay:calc(var(--arrow-delay) * .3)}
.tutoras #scene-ambiente .pca-experience[data-biplot-stage="1"] .pca-vector text{animation-duration:.35s;animation-delay:calc(var(--arrow-delay) * .3 + .1s)}
@media(max-width:900px){.period-tabs{padding-left:0;border-left:0}.closure-control-groups{gap:9px}.closure-toolbar{gap:9px}}
.reduce-motion [data-closure-series],.reduce-motion .comparison-legend [data-legend-ria]{transition:none!important}

/* Slide 10: use the space released by the hidden navigation bar.
   Only text labels move; scores, loading endpoints and axis proportions do not. */
.tutoras #scene-ambiente{padding-bottom:28px}
.tutoras #scene-ambiente .scene-inner.comparison-layout{height:calc(100dvh - 77px)}
.tutoras #scene-ambiente #environment-stage>.pca-experience{height:100%;min-height:0}
.tutoras #scene-ambiente .pca-experience #pca-biplot.pca-roomy{height:100%;max-height:none;min-width:0;overflow:visible}
#pca-biplot.pca-roomy .pca-vector text{font-size:20px!important;stroke-width:4px}
#pca-biplot.pca-roomy .t-pca-context text{font-size:18px!important}
#pca-biplot.pca-roomy .t-pca-context .pca-four{font-size:47px!important}
#pca-biplot.pca-roomy .biplot-tick{font-size:18px}
#pca-biplot.pca-roomy .biplot-axis{font-size:21px}
#pca-biplot.pca-roomy .pca-label-link{stroke:currentColor;stroke-width:.9;stroke-dasharray:2 3;opacity:.5}
#scene-ambiente .pca-experience:not(.pca-draw) .pca-vector path,#scene-ambiente .pca-experience:not(.pca-draw) .pca-vector text{animation:none}
@media(max-height:800px) and (min-width:901px){
 .tutoras #scene-ambiente .scene-inner.comparison-layout{height:calc(100dvh - 67px)}
}
@media(max-width:900px){
 .tutoras #scene-ambiente .scene-inner.comparison-layout{height:auto;min-height:calc(100dvh - 125px)}
 .tutoras #scene-ambiente #environment-stage{min-height:0;overflow-x:auto;overflow-y:hidden}
 .tutoras #scene-ambiente #environment-stage>.pca-experience{height:auto;min-width:980px}
 .tutoras #scene-ambiente .pca-experience #pca-biplot.pca-roomy{height:auto;min-width:980px}
}

#pca-biplot.pca-roomy .pca-vector .pca-vector-halo{stroke:var(--paper);stroke-width:4.5;marker-end:none}
#scene-ambiente .pca-experience[data-biplot-stage="2"] .pca-vector .pca-vector-halo{stroke-width:5.5}
#pca-biplot.pca-roomy .pca-label{cursor:default;outline:none}
#pca-biplot.pca-roomy:has(.pca-label:is(:hover,:focus)) .pca-vector{opacity:.12}
#pca-biplot.pca-roomy .pca-label:is(:hover,:focus) text{font-weight:650}
#pca-biplot.pca-roomy:has([data-pca-label="Temperatura"]:is(:hover,:focus)) :is([data-pca-variable="Temperatura"],[data-pca-label="Temperatura"]){opacity:1}
#pca-biplot.pca-roomy:has([data-pca-label="Salinidad"]:is(:hover,:focus)) :is([data-pca-variable="Salinidad"],[data-pca-label="Salinidad"]){opacity:1}
#pca-biplot.pca-roomy:has([data-pca-label="pH"]:is(:hover,:focus)) :is([data-pca-variable="pH"],[data-pca-label="pH"]){opacity:1}
#pca-biplot.pca-roomy:has([data-pca-label="Oxígeno"]:is(:hover,:focus)) :is([data-pca-variable="Oxígeno"],[data-pca-label="Oxígeno"]){opacity:1}
#pca-biplot.pca-roomy:has([data-pca-label="Transmitancia"]:is(:hover,:focus)) :is([data-pca-variable="Transmitancia"],[data-pca-label="Transmitancia"]){opacity:1}
#pca-biplot.pca-roomy:has([data-pca-label="Irradiancia"]:is(:hover,:focus)) :is([data-pca-variable="Irradiancia"],[data-pca-label="Irradiancia"]){opacity:1}
#pca-biplot.pca-roomy:has([data-pca-label="Fluorescencia UV"]:is(:hover,:focus)) :is([data-pca-variable="Fluorescencia UV"],[data-pca-label="Fluorescencia UV"]){opacity:1}
#pca-biplot.pca-roomy:has([data-pca-label="Fluorescencia"]:is(:hover,:focus)) :is([data-pca-variable="Fluorescencia"],[data-pca-label="Fluorescencia"]){opacity:1}
#pca-biplot.pca-roomy:has([data-pca-label="Densidad"]:is(:hover,:focus)) :is([data-pca-variable="Densidad"],[data-pca-label="Densidad"]){opacity:1}
#pca-biplot.pca-roomy:has([data-pca-label="Conductividad"]:is(:hover,:focus)) :is([data-pca-variable="Conductividad"],[data-pca-label="Conductividad"]){opacity:1}

/* 5 November: the same environmental series, with the existing correlation results. */
.tutoras #scene-evolucion{padding-bottom:28px}
.tutoras #scene-evolucion .scene-inner.comparison-layout{height:calc(100dvh - 77px)}
.environment-integrated .board-bottom{margin-top:7px;font-size:14px}
.environment-significance{flex:none;margin-top:7px;font-size:14px;line-height:1.4}
.environment-significance p{margin:0 0 3px}
.environment-significance strong,.environment-significance b{font-weight:600;color:var(--ink)}
#environment-correlation-detail{min-height:20px;color:var(--muted)}
.environment-support{flex:none;border-top:1px solid var(--line);margin-top:4px;padding-top:5px;font-size:14px;line-height:1.4}
.environment-support p{margin:0 0 3px}
.environment-support .citation{display:inline;margin-left:5px;font-size:13px;white-space:nowrap}
.environment-integrated>.caption{margin-top:4px;font-size:12px;line-height:1.3}
.environment-panel .environment-star{fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round}
.environment-panel .environment-star-outline{fill:none;stroke:var(--significance-dark);stroke-width:4.1;stroke-linecap:round}
/* Fixed-size symbol; only the inner ring rotates about local (0,0). */
.environment-marker-pulse,.environment-marker-orbit{transform-box:view-box;transform-origin:0 0}
.environment-marker-pulse{transform:none}
.environment-marker-background{fill:#fff;animation:significanceBackground 1.8s ease-in-out infinite}
.environment-marker-orbit{animation:significanceOrbit 2.8s linear infinite}
.environment-marker-orbit circle{stroke:var(--significance-dark)}
@keyframes significanceOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes significanceColor{0%,100%{color:var(--significance-color)}50%{color:#fff}}
@keyframes significanceBackground{0%,100%{fill:#fff}50%{fill:var(--significance-color)}}
.scene:not(.active) :is(.environment-significant-point,.environment-marker-background,.environment-marker-orbit){animation-play-state:paused}
body.reduce-motion :is(.environment-significant-point,.environment-marker-background,.environment-marker-orbit){animation:none!important}
@media(prefers-reduced-motion:reduce){body:not(.force-motion) :is(.environment-significant-point,.environment-marker-background,.environment-marker-orbit){animation:none!important}}
.environment-panel .environment-star-period{font-size:12px;font-weight:500;fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:3px}
.environment-significant-point{cursor:pointer;outline:none;color:var(--significance-color);animation:significanceColor 1.8s ease-in-out infinite}
.environment-significant-point:focus .environment-mark-target{stroke:var(--muted);stroke-width:1;stroke-dasharray:2 2;rx:4}
@media(max-height:800px) and (min-width:901px){
 .tutoras #scene-evolucion .scene-inner.comparison-layout{height:calc(100dvh - 67px)}
 .environment-significance,.environment-support{font-size:13px;line-height:1.3}
 .environment-support .citation{font-size:12px}
 .environment-integrated>.caption{font-size:11px}
}
@media(max-width:900px){
 .tutoras #scene-evolucion .scene-inner.comparison-layout{height:auto;min-height:calc(100dvh - 125px)}
 .environment-significance,.environment-support{font-size:15px}
 .environment-support p{margin-bottom:7px}
}

/* Keep the point colours identifiable in both PCA views. */
.tutoras #scene-ambiente .pca-region-legend{flex:none;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 24px;margin:5px 0 2px}
.tutoras #scene-ambiente .pca-region-legend>strong{font-size:14px;font-weight:500;color:var(--muted)}
.tutoras #scene-ambiente .pca-region-legend>span{font-size:16px;line-height:1.3;white-space:nowrap}
.tutoras #scene-ambiente .pca-region-legend i{width:9px;height:9px;border-radius:50%;flex:none}
@media(max-height:800px) and (min-width:901px){.tutoras #scene-ambiente .pca-region-legend{gap:7px 20px}.tutoras #scene-ambiente .pca-region-legend>span{font-size:14px}}
@media(max-width:900px){.tutoras #scene-ambiente .pca-region-legend{justify-content:flex-start;margin:10px 0}}

/* Final sample beneath the original coverage figure. */
.coverage-final-sample{flex:none;border-top:1px solid var(--line);margin-top:12px;padding-top:13px;font-size:clamp(19px,1.35vw,25px);line-height:1.45;color:var(--ink)}
.coverage-final-sample p{margin:0 0 5px}
.coverage-final-sample strong{font-weight:600}
@media(max-width:900px){.coverage-final-sample{font-size:19px;line-height:1.5}}

/* Keep Galicia legible above the five rías in the full-series opening. */
#closures-combined [data-closure-series="Galicia"] .galicia-halo{stroke-width:9.4}
#closures-combined [data-closure-series="Galicia"] .closure-series-line{stroke-width:4.8}
#closures-combined [data-closure-series="Galicia"]>g>path{stroke-width:2.2}
#scene-cierres [data-legend-ria="Galicia"]{font-weight:600}
#scene-cierres .galicia-key{border-top-width:4px}

/* Move the dash pattern only; data paths and points stay fixed. */
#scene-cierres.active [data-closure-series="Galicia"]>.closure-series-line,
#scene-cierres.active [data-closure-series="Galicia"]>.galicia-halo{animation:galicia-dash-flow 1.8s linear infinite}
@keyframes galicia-dash-flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-16}}
@media(prefers-reduced-motion:reduce){#scene-cierres.active [data-closure-series="Galicia"]>.closure-series-line,#scene-cierres.active [data-closure-series="Galicia"]>.galicia-halo{animation:none}}
.reduce-motion #scene-cierres.active [data-closure-series="Galicia"]>.closure-series-line,
.reduce-motion #scene-cierres.active [data-closure-series="Galicia"]>.galicia-halo{animation:none}