.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{top:50%;transform:translate(-50%,-50%);width:clamp(380px,46vw,580px);height:clamp(520px,64vw,800px);z-index:0;color:var(--madinah);opacity:.12}.cs-arch,.cs-finial{position:absolute;left:50%;pointer-events:none}.cs-finial{top:-28px;transform:translateX(-50%);width:2px;height:24px;background:linear-gradient(180deg,transparent,#c8a046 30%,#c8a046 70%,transparent)}.cs-finial:before{top:-6px;width:7px;height:7px;box-shadow:0 0 12px rgba(200,160,70,.6)}.cs-finial:after,.cs-finial:before{content:"";position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;background:#c8a046}.cs-finial:after{bottom:-4px;width:6px;height:6px}.cs-cipher-wrap{position:relative;display:inline-flex}.cs-cipher{color:var(--jazla-accent)}.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)}