
.panel{display:block!important;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.94))!important;border:1px solid #e2eaf2!important;border-radius:22px!important;padding:28px 28px 24px!important;box-shadow:0 12px 28px rgba(148,163,184,.1)!important;position:relative!important;overflow:hidden!important}
.panel::before{content:""!important;position:absolute!important;inset:0 0 auto 0!important;height:5px!important;pointer-events:none!important;background:linear-gradient(90deg,#64b5f6 0%,#81c784 35%,#ffb74d 68%,#e57373 100%)!important}
.mem-row{display:flex;gap:4px;margin:14px 0;flex-wrap:wrap;align-items:flex-start}
.mem-block{display:flex;flex-direction:column;align-items:center}
.mem-cell{width:52px;height:40px;border:2px solid #90caf9;background:#e3f2fd;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:11px;font-weight:700;color:#1565c0}
.mem-label{font-size:10px;color:#5f6f82;margin-top:4px;font-family:monospace}
.mem-tag{font-size:11px;color:#455a64;font-weight:800;margin-bottom:4px}
.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
.vs-a{background:#e3f2fd;border:2px solid #64b5f6;border-radius:14px;padding:14px}
.vs-b{background:#fff3e0;border:2px solid #ffb74d;border-radius:14px;padding:14px}
.vs-a h3,.vs-b h3{margin-top:0;font-size:14px;font-weight:800}
.vs-a h3{color:#1565c0}.vs-b h3{color:#e65100}
@media(max-width:720px){.vs-grid{grid-template-columns:1fr}}

@media(max-width:720px){.learn-grid{grid-template-columns:1fr!important}}
