/* Calm palette and humanist typography, grounded in the inspected style board. */
html[data-energy=calm]{--paper:#f6f1e8;--ink:#173b3b;--muted:#49615d;--accent:#345e60;--on-accent:#f6f1e8;--line:#173b3b30;--wash:#dce5e0;--art-teal:#4c7e82;--art-warm:#dda05b;--display:'Avenir Next','Avenir','Segoe UI',sans-serif}
html[data-energy=calm][data-theme=dark]{--paper:#102d2d;--ink:#f6f1e8;--muted:#b9cdc5;--accent:#8eb7b4;--on-accent:#102d2d;--line:#f6f1e831;--wash:#1b3e3c;--art-teal:#8eb7b4;--art-warm:#e2b57f}
html[data-energy=calm] body{font-family:'Avenir Next','Avenir','Segoe UI',sans-serif}
html[data-energy=calm] h2{font-weight:400;letter-spacing:-.055em}
html[data-energy=calm] h2 em{font-style:normal;font-weight:400}
html[data-energy=calm] .opening h1{font-family:var(--display);font-weight:300;letter-spacing:-.07em;line-height:.88}
html[data-energy=calm] .opening h1 span{font-style:normal;font-weight:650}
html[data-energy=calm] .hero-grain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.13' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.22}
html[data-energy=calm] .identity-map .map-orbits,html[data-energy=calm] .compact-orbits{display:none}
html[data-energy=calm] .map-lines{stroke-linecap:round;stroke-linejoin:round}
html[data-energy=calm] .key-composition span{font-family:var(--display);font-style:normal;font-size:24px;font-weight:400}
.style-board-link{display:block;font-size:11px;line-height:1.5;text-decoration:underline;text-underline-offset:4px;color:var(--muted);margin-top:4px;flex-basis:100%}