/* A fine luminous edge and restrained halo keep the space visible through the glass. */
.island-left{--rim:#ff993f}
.island-center{--rim:#edc65d}
.island-right{--rim:#a361ee}
.sky-island{--rim:#8975e4}
.control-deck{--rim:#a49bcc}
.content-island>.side-manifesto{--rim:#ffa334}
.content-island>.side-proof{--rim:#ae5bff}
.top-navigation .discovery-banner{--rim:#ffdc69}
.top-navigation .subscription-banner{--rim:#fb4167}
.island-right>.refund-banner{--rim:#59ed9b}
.guide-card{--rim:#e8b949}
.guide-card:nth-child(2){--rim:#ef647b}
.guide-card:nth-child(3){--rim:#ac60f1}
.guide-card:nth-child(4){--rim:#65b8db}
.provider-card{--rim:var(--provider-color)}
.account-card{--rim:#ad79e3}

.content-island,.sky-island,.control-deck,
.content-island>.side-manifesto,.content-island>.side-proof,
.top-navigation .discovery-banner,.top-navigation .subscription-banner,
.island-right>.refund-banner,.guide-card,.provider-card,.account-card{
 border-color:color-mix(in srgb,var(--rim) 65%,#24232b);
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rim) 8%,transparent),
 inset 0 0 18px color-mix(in srgb,var(--rim) 4%,transparent),
 0 0 3px color-mix(in srgb,var(--rim) 28%,transparent),
 0 0 23px color-mix(in srgb,var(--rim) 12%,transparent),
 0 12px 35px #0003;
}
.content-island>.side-manifesto:before,.content-island>.side-proof:before{
 background:linear-gradient(140deg,color-mix(in srgb,var(--rim) 85%,white),var(--rim) 40%,color-mix(in srgb,var(--rim) 35%,transparent) 68%,var(--rim));
 opacity:.75;
}
/* Retain the red banner's shimmer without replacing its luminous edge. */
@keyframes subscription-glow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(max-width:760px){
 .content-island,.sky-island,.control-deck,.guide-card,.provider-card{box-shadow:inset 0 0 12px color-mix(in srgb,var(--rim) 4%,transparent),0 0 14px color-mix(in srgb,var(--rim) 12%,transparent)}
}