/* R20 — Public Formal Edge: wonder-first, never a quiz. */
.rayo-room[data-rayo-mode="public-wonder"] .rayo-hero{min-height:62vh;padding:78px 0 58px}
.rayo-room[data-rayo-mode="public-wonder"] .rayo-hero-copy{max-width:1040px}
.rayo-room[data-rayo-mode="public-wonder"] .rayo-hero h1{font-size:clamp(46px,7.4vw,96px);max-width:1000px}
.rayo-public-promise{display:inline-flex;align-items:center;gap:9px;margin:16px 0 0;padding:9px 12px;border:1px solid rgba(121,208,230,.26);background:rgba(121,208,230,.035);color:#c8e8ee;font:700 10px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;text-transform:uppercase}
.rayo-public-promise:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--r-cyan);box-shadow:0 0 18px rgba(121,208,230,.75)}
.rayo-public-guide{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:880px}
.rayo-public-guide div{border-top:1px solid rgba(199,167,95,.38);padding:11px 4px 0;color:#adb7b9;font-size:12px;line-height:1.48}
.rayo-public-guide b{display:block;color:var(--r-gold2);font:600 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.rayo-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rayo-showcase-card{position:relative;isolation:isolate;min-height:230px;border:1px solid rgba(187,199,204,.18);background:radial-gradient(circle at 82% 16%,rgba(121,208,230,.07),transparent 16rem),linear-gradient(145deg,#0d1113,#07090a);padding:22px;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.rayo-showcase-card:after{content:"";position:absolute;inset:-40% -80%;z-index:-1;background:linear-gradient(100deg,transparent 44%,rgba(255,255,255,.05) 50%,transparent 56%);transform:translateX(-55%);transition:transform .8s ease}
.rayo-showcase-card:hover,.rayo-showcase-card:focus-within{transform:translateY(-4px);border-color:rgba(121,208,230,.48);box-shadow:0 24px 65px rgba(0,0,0,.28)}
.rayo-showcase-card:hover:after,.rayo-showcase-card:focus-within:after{transform:translateX(55%)}
.rayo-showcase-no{font:700 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--r-gold2);letter-spacing:.15em;text-transform:uppercase}
.rayo-showcase-card h3{font-size:clamp(27px,3vw,38px);margin:9px 0 8px}
.rayo-showcase-card p{color:#c5cccd;margin:0;max-width:520px}
.rayo-showcase-card a{display:inline-flex;margin-top:20px;text-decoration:none;color:var(--r-cyan2);font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid rgba(121,208,230,.34);padding-bottom:3px}
.rayo-showcase-card .spark{position:absolute;right:22px;bottom:16px;font:400 56px/1 Georgia,serif;color:rgba(199,167,95,.11);pointer-events:none}
.rayo-public-epilogue{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.58fr);gap:22px;align-items:start}
.rayo-public-epilogue .rayo-study-card{margin:0}
.rayo-public-epilogue h2{font-size:clamp(32px,4.6vw,58px)}
.rayo-public-epilogue p{color:#c9cecd;line-height:1.68}
.rayo-public-backstage{border:1px solid rgba(199,167,95,.24);background:linear-gradient(180deg,rgba(199,167,95,.035),#090b0c);padding:22px}
.rayo-public-backstage .rayo-watch{margin-bottom:10px}
.rayo-public-backstage p{margin:0 0 16px;color:#bcc4c5}
.rayo-public-backstage .rayo-action{width:100%}
.rayo-wonder-instrument{isolation:isolate}
.rayo-room[data-rayo-mode="public-wonder"] .rayo-wonder-instrument:after{content:"";position:absolute;inset:-45% -80%;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 44%,rgba(121,208,230,.045) 49%,rgba(226,203,142,.04) 51%,transparent 56%);animation:rayoPublicScan 8s ease-in-out infinite}
.rayo-room[data-rayo-mode="public-wonder"] .rayo-wonder-instrument>*{position:relative;z-index:2}
.rayo-room[data-rayo-mode="public-wonder"] .rayo-wonder-controls .primary{box-shadow:0 0 0 0 rgba(199,167,95,0);animation:rayoPublicPulse 3.6s ease-in-out infinite}
.rayo-room[data-rayo-mode="public-wonder"] .rayo-wonder-copy .rayo-eyebrow{color:var(--r-cyan2)}
.rayo-room[data-rayo-mode="public-wonder"] .rayo-wonder-rule{border-left-color:var(--r-gold);background:rgba(199,167,95,.035);color:#d7cfba}
.rayo-room[data-rayo-mode="public-wonder"] .rayo-wonder-rule b{color:var(--r-gold2)}
.rayo-public-reveal{margin-top:22px;border-top:1px solid rgba(121,208,230,.22);padding-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rayo-public-reveal div{padding:13px;border:1px solid var(--r-line);background:#080b0d;color:#c4cccd;font-size:12px;line-height:1.52}
.rayo-public-reveal b{display:block;color:var(--r-gold2);margin-bottom:5px;font:600 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.rayo-public-deep-link{margin-top:18px;color:#aeb7b9;font-size:12px}.rayo-public-deep-link a{color:var(--r-cyan2)}
.rayo-index-instrument{padding-top:70px}
.rayo-index-instrument .rayo-wonder-grid{grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr)}
.rayo-index-note{font-size:12px;color:var(--r-muted);margin-top:12px}
@keyframes rayoPublicScan{0%,18%{transform:translateX(-50%)}52%,70%{transform:translateX(50%)}100%{transform:translateX(-50%)}}
@keyframes rayoPublicPulse{0%,100%{box-shadow:0 0 0 0 rgba(199,167,95,0)}50%{box-shadow:0 0 24px 1px rgba(199,167,95,.09)}}
@media(max-width:900px){.rayo-showcase-grid,.rayo-public-epilogue{grid-template-columns:1fr}.rayo-public-guide,.rayo-public-reveal{grid-template-columns:1fr}.rayo-index-instrument .rayo-wonder-grid{grid-template-columns:1fr}}
@media(max-width:560px){.rayo-showcase-card{min-height:0}.rayo-room[data-rayo-mode="public-wonder"] .rayo-hero{min-height:auto;padding:58px 0 44px}}
@media(prefers-reduced-motion:reduce){.rayo-showcase-card,.rayo-showcase-card:after,.rayo-room[data-rayo-mode="public-wonder"] .rayo-wonder-instrument:after,.rayo-room[data-rayo-mode="public-wonder"] .rayo-wonder-controls .primary{transition:none!important;animation:none!important}}