/* CSWerk project notices and an opt-in preview. */
.project-stage{display:flex;gap:.8rem 1rem;flex-wrap:wrap;align-items:center;padding:.8rem 1rem;margin-block:1rem;border:1px solid #3d5476;border-radius:14px;background:#162336;color:#e9effb;font-size:.94rem;line-height:1.55}
.project-stage strong{color:#f3d698;font-weight:750}
.project-stage a{color:#a9c7ff;text-underline-offset:.2em}
.project-status-page{max-width:58rem;margin:clamp(2rem,7vw,6rem) auto;padding:0 1rem 3rem}
.project-status-page h1{font-size:clamp(2.1rem,5vw,4.1rem);line-height:1.05;margin:.6rem 0 1.2rem}
.project-status-page .project-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;margin-block:2rem}
.project-options a{display:block;background:#162336;color:#e9effb;border:1px solid #3d5476;padding:1.2rem;border-radius:14px;text-underline-offset:.25em}
.csmana-dev-preview{margin-block:2rem}
.csmana-dev-preview figure{margin:1rem 0}
.csmana-dev-preview [data-preview-display]{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #3d5476;background:#101b29}
.csmana-dev-preview figcaption{margin:.6rem 0}
.csmana-dev-preview .csmana-preview-frames{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}
.csmana-preview-frames button{width:min(29%,9rem);padding:.22rem;border-radius:.5rem;border:1px solid #526783;background:#162336}
.csmana-preview-frames button[aria-pressed="true"]{border-color:#a9c7ff;outline:1px solid #a9c7ff}
.csmana-preview-frames img{width:100%;height:auto;display:block;border-radius:.3rem}