/* The guide hub reuses the calculator's daytime flow, with a compact pause control. */
.guide-energy { display:flex; flex-direction:column; width:100%; min-width:0; padding:0; }
.guide-energy .energy-art { margin:0; background:transparent; }
.guide-energy .energy-art img { mix-blend-mode:multiply; }
.guide-energy .energy-junction {
    padding:7px 11px; font-size:11px; border-color:#bed2ed; border-radius:12px;
    background:linear-gradient(150deg,#fff,#edf4ff);
}
.guide-energy figcaption { order:1; font-size:12px; line-height:1.6; padding:14px 8px 8px; }
.guide-energy .energy-ui { order:2; display:flex; justify-content:center; padding:0; }
/* The fixed daytime example is explained by the visible caption. */
.guide-energy .energy-readouts,
.guide-energy .energy-scenes,
.guide-energy .energy-narrative { display:none; }
.guide-energy .energy-controls { justify-content:center; }
.guide-energy .energy-motion {
    margin:0; min-height:44px; padding:9px 15px; border:1px solid #b6cdea;
    border-radius:8px; background:#e9f1fd; color:#174b97; font-size:12px;
    font-weight:600; text-decoration:none;
}
.guide-energy .energy-motion:hover { background:#dce9fc; }
.guide-energy .energy-motion:disabled { color:#526477; background:#edf2f7; cursor:default; }
@media(max-width:480px) {
    .guide-energy .energy-junction { padding:5px 7px; font-size:10px; }
}