
/* Solar Glass extensions list */
.extensions-section{margin-top:33px;padding-top:14px;border-top:1px solid rgba(255,205,151,.2)}
.extension-intro{font-size:11px;line-height:1.65;color:#c3c9d8;margin:0 0 15px}
.extensions-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:13px}
.extension-card{--ext-color:#ffdaa7;--ext-glow:rgba(255,174,91,.2);min-width:0;display:flex;flex-direction:column;padding:17px;border-radius:20px;border:1px solid color-mix(in srgb,var(--ext-color) 48%,transparent);border-bottom-color:#0b101b;background:radial-gradient(ellipse at 97% 0%,var(--ext-glow),transparent 65%),linear-gradient(150deg,#484052,#252b40 45%,#172438);box-shadow:inset 0 1px 0 rgba(255,248,223,.55),inset 0 -6px 12px #05091685,0 5px 0 #09101a,0 12px 21px #0008}
.extension-sky{--ext-color:#a4dbff;--ext-glow:rgba(100,201,255,.3)}
.extension-mint{--ext-color:#a0f2cb;--ext-glow:rgba(75,228,167,.29)}
.extension-coral{--ext-color:#ffb1a5;--ext-glow:rgba(255,119,136,.31)}
.extension-violet{--ext-color:#d6bdff;--ext-glow:rgba(161,118,255,.32)}
.extension-head{display:flex;gap:12px;align-items:center}
.extension-icon{width:40px;height:40px;display:grid;place-items:center;flex:none;border:1px solid color-mix(in srgb,var(--ext-color) 52%,transparent);border-radius:12px;color:var(--ext-color);background:linear-gradient(140deg,color-mix(in srgb,var(--ext-color) 22%,#26384f),#1a283b);box-shadow:inset 0 1px 0 #fffa,0 4px 8px #0008}
.extension-icon svg{height:20px;width:20px}
.extension-name{min-width:0;flex:1}
.extension-name h3{margin:0;color:#fff5e8;font-size:15px;overflow-wrap:anywhere}
.extension-name span{color:var(--ext-color);font-size:10px;font-weight:680}
.extension-description{color:#cad3e1;font-size:11px;line-height:1.55;margin:13px 0 12px}
.extension-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.extension-badge{border-radius:99px;padding:5px 8px;font-size:9px;font-weight:700;color:#dbe5f0;border:1px solid #ffffff25;background:#ffffff0a}
.extension-badge.status{color:var(--ext-color);border-color:color-mix(in srgb,var(--ext-color) 33%,transparent)}
.extension-action{display:flex;flex-direction:column;gap:7px;margin-top:auto}
.extension-source{display:flex;min-height:44px;gap:7px;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(130deg,color-mix(in srgb,var(--ext-color) 90%,white),color-mix(in srgb,var(--ext-color) 74%,#bcb2c6));color:#161b2b;text-decoration:none;font-weight:760;font-size:11px;box-shadow:inset 0 1px 0 #fff9,0 4px 10px #0008}
.extension-source svg{width:15px;height:15px}
.extension-source:focus-visible{outline:2px solid #ffe7b5;outline-offset:3px}
.extension-unreleased{font-size:10px;font-weight:650;color:#ffd59f}
.extension-filename{padding:9px;border-radius:9px;overflow-wrap:anywhere;font:10px/1.4 ui-monospace,Consolas,monospace;color:#c3d5e6;background:#090f1e8c;border:1px solid #ffffff19}
.extension-guide{margin-top:22px;padding:17px;border:1px solid #ffc68247;border-radius:17px;background:linear-gradient(145deg,#493749,#232b43 56%,#122136)}
.extension-guide strong{font-size:13px;color:#ffe0b1}
.extension-guide p{font-size:11px;line-height:1.65;color:#c4cfde;margin:7px 0 0}
.extension-guide code{color:#b9e6ff}
@media(min-width:700px){.extensions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.extension-card{min-height:224px}}

/* Extension release, verified asset & project provenance */
.extension-release-ref{display:inline-flex;align-items:center;align-self:flex-start;color:#c3e6ff;font-weight:700;font-size:10px;text-decoration:underline;text-decoration-color:#c3e6ff55;text-underline-offset:4px;min-height:27px}
.extension-release-ref:focus-visible{outline:2px solid #f8cf92;outline-offset:3px}
.extension-checksum{font-size:10px;color:#d0d8e5}
.extension-checksum summary{cursor:pointer;color:#a9d9c0;min-height:30px;display:flex;align-items:center}
.extension-checksum code{display:block;font:10px/1.4 ui-monospace,Consolas,monospace;overflow-wrap:anywhere;word-break:break-all;color:#c4f6d6;background:#070d19a1;border:1px solid #ffffff22;border-radius:10px;padding:9px}
