.webksibu-hub { display: grid; grid-template-columns: 320px 1fr; gap: 18px; margin-top: 16px; }
.webksibu-hub-left { background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; padding: 14px; }
.webksibu-modules-heading { margin-top: 0; }
.webksibu-mod-card { display: block; padding: 12px; border-radius: 12px; border: 1px solid #eef2f7; text-decoration: none; margin-bottom: 10px; color: #111827; transition: 0.2s ease; }
.webksibu-mod-card:hover { border-color:#cbd5e1; transform: translateY(-1px); }
.webksibu-mod-card.is-active { border-color:#60a5fa; box-shadow: 0 8px 20px rgba(96,165,250,0.18); }
.webksibu-mod-title { font-weight: 800; margin: 0 0 4px; }
.webksibu-mod-desc { margin: 0; color:#64748b; font-size: 13px; }
.webksibu-hub-right { background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; padding: 18px; }
@media (max-width: 960px) { .webksibu-hub { grid-template-columns: 1fr; } }