.cs{background:var(--paper-cream);color:var(--ink);--accent:var(--jazla-accent);--accent-deep:var(--jazla-accent-deep);--accent-quiet:var(--jazla-accent-quiet);--madinah:#2d4a3e;--madinah-soft:#4a6b5a;position:relative}.cs:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.22;background-image:radial-gradient(2px 2px at 20% 30%,rgba(74,40,20,.18),transparent 60%),radial-gradient(1.5px 1.5px at 80% 60%,rgba(74,40,20,.1),transparent 60%),radial-gradient(1px 1px at 40% 80%,rgba(74,40,20,.12),transparent 60%),radial-gradient(2px 2px at 65% 18%,rgba(74,40,20,.1),transparent 60%)}.cs-arch{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(380px,46vw,580px);height:clamp(520px,64vw,800px);z-index:0;pointer-events:none;color:var(--madinah);opacity:.12}.cs-twin-rule{display:flex;flex-direction:column;align-items:center;gap:6px}.cs-twin-rule .a{width:1px;height:32px;background:var(--accent)}.cs-twin-rule .b{width:28px;height:1px;background:var(--madinah)}