/* Unified, closed cloud silhouettes. Decorative only; no pointer/focus targets. */
:root { --cloud-body: #eff6f2; --cloud-edge: #a6bab1; --cloud-glow: #fff; }
html[data-theme="dark"] { --cloud-body: #284f48; --cloud-edge: #679b8d; --cloud-glow: #b2d8c8; }
.scene-clouds { position:absolute; inset:0; pointer-events:none; z-index:2; overflow:hidden; }
.decor-cloud { position:absolute; width:154px; height:auto; color:var(--cloud-edge); overflow:visible; filter:drop-shadow(0 10px 12px rgb(0 0 0 / .08)); }
.decor-cloud-fill { fill:var(--cloud-body); fill-opacity:.78; stroke:var(--cloud-edge); stroke-opacity:.65; stroke-width:1.4; stroke-linejoin:round; }
.decor-cloud-shine { fill:none; stroke:var(--cloud-glow); stroke-opacity:.65; stroke-width:3; stroke-linecap:round; }
.decor-cloud--a { right:0; top:31%; transform:rotate(-7deg); }
.decor-cloud--b { right:20%; bottom:21%; width:95px; opacity:.66; transform:rotate(5deg); }
.decor-cloud--c { right:0; bottom:8%; width:75px; opacity:.52; }
.page-shell { isolation:isolate; }
.page-atmosphere { position:absolute; inset:0; z-index:-1; pointer-events:none; overflow:hidden; border-radius:inherit; }
.page-atmosphere .scene-clouds { z-index:auto; }
.page-atmosphere .decor-cloud--a { top:110px; right:-35px; width:240px; opacity:.24; }
.page-atmosphere .decor-cloud--b { left:-60px; right:auto; top:46%; bottom:auto; width:260px; opacity:.20; }
.page-atmosphere .decor-cloud--c { right:5%; bottom:7%; width:185px; opacity:.18; }
.admin-page .page-atmosphere { display:none; }
@media (max-width:767px) {
  .decor-cloud--a { width:115px; right:1%; top:28%; }
  .decor-cloud--b { width:80px; right:17%; bottom:20%; }
  .decor-cloud--c { width:64px; bottom:6%; }
  .page-atmosphere .decor-cloud--a { width:150px; right:-45px; top:100px; opacity:.18; }
  .page-atmosphere .decor-cloud--b { width:170px; left:-85px; opacity:.14; }
  .page-atmosphere .decor-cloud--c { width:130px; right:-25px; opacity:.12; }
}