/* CORS explainer accordions */
.cors-accordion{display:grid;gap:10px}.cors-accordion details{border:1px solid rgba(255,255,255,.08);border-radius:10px;background:linear-gradient(180deg,#101010,#0a0a0a);overflow:hidden}.cors-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;list-style:none}.cors-accordion summary::-webkit-details-marker{display:none}.cors-accordion summary span{display:flex;align-items:center;gap:11px}.cors-accordion summary span i{color:var(--krs-red);width:18px;text-align:center}.cors-chevron{color:#777;transition:transform .2s ease}.cors-accordion details[open] .cors-chevron{transform:rotate(180deg)}.cors-accordion details[open] summary{border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.015)}.cors-accordion-body{padding:18px 20px 20px}.cors-accordion-body p{margin:0;color:#a7a7a7;font-size:14px;line-height:1.75}.cors-accordion-body p+p{margin-top:12px}.cors-accordion-body code{padding:2px 5px;border-radius:4px;background:#151515;color:#ddd;font-size:.9em}

/* Controlled demo cards */
.cors-demo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cors-demo-card{display:flex;flex-direction:column;min-height:100%;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:linear-gradient(180deg,#101010,#0a0a0a)}.cors-demo-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:16px;border:1px solid rgba(var(--krs-red-rgb),.25);border-radius:9px;background:rgba(var(--krs-red-rgb),.05);color:var(--krs-red)}.cors-demo-kicker{display:block;margin-bottom:7px;color:#777;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cors-demo-card h3{margin-bottom:10px;font-size:19px}.cors-demo-card p{flex:1;margin:0 0 18px;color:#999;font-size:13px;line-height:1.7}.cors-demo-card code{padding:2px 4px;border-radius:4px;background:#161616;color:#ccc;font-size:.88em}.cors-demo-btn{align-self:flex-start;padding:9px 13px;border:1px solid rgba(var(--krs-red-rgb),.48);border-radius:7px;background:rgba(var(--krs-red-rgb),.07);color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease}.cors-demo-btn:hover{border-color:var(--krs-red);background:var(--krs-red);transform:translateY(-1px)}.cors-demo-note{display:flex;align-items:flex-start;gap:13px;margin-top:20px;padding:16px 18px;border:1px solid rgba(var(--krs-red-rgb),.2);border-left:3px solid var(--krs-red);border-radius:9px;background:rgba(var(--krs-red-rgb),.035);color:#9f9f9f;font-size:13px;line-height:1.65}.cors-demo-note i{margin-top:3px;color:var(--krs-red)}.cors-demo-note strong{color:#fff}

/* Active controlled demo indicator */
.cors-active-demo{display:flex;align-items:center;gap:13px;margin-bottom:14px;padding:14px 16px;border:1px solid rgba(var(--krs-red-rgb),.26);border-radius:10px;background:linear-gradient(90deg,rgba(var(--krs-red-rgb),.07),rgba(var(--krs-red-rgb),.015))}.cors-active-demo[hidden]{display:none}.cors-active-demo>i{color:var(--krs-red);font-size:18px}.cors-active-demo>div{flex:1;min-width:0}.cors-active-demo strong{display:block;margin-bottom:2px;color:#fff;font-size:13px}.cors-active-demo span{display:block;color:#969696;font-size:12px;line-height:1.5}.cors-active-demo button{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:rgba(255,255,255,.025);color:#ccc;font-size:11px;font-weight:700;cursor:pointer}.cors-active-demo button:hover{border-color:rgba(var(--krs-red-rgb),.4);color:#fff}.cors-help-btn{padding:0;border:0;background:transparent;color:#777;cursor:pointer}.cors-help-btn:hover{color:var(--krs-red)}

@media(max-width:1199px){.cors-demo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.cors-demo-grid{grid-template-columns:1fr}.cors-active-demo{align-items:flex-start;flex-wrap:wrap}.cors-active-demo button{margin-left:31px}.cors-accordion summary{padding:16px;font-size:14px}.cors-accordion-body{padding:16px}}