/* Basic styles inspired by the video layout */
.scp-root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.scp-tabs { display: flex; gap: 8px; margin-bottom: 16px; }
.scp-tab { border: 1px solid #cfd4d9; background: #f5f7f8; padding: 10px 14px; border-radius: 6px; cursor: pointer; font-weight: 600; }
.scp-tab.active { background: #0b5ea8; color: #fff; border-color: #0b5ea8; }
.scp-panel { border: 1px solid #e2e6ea; border-radius: 8px; padding: 16px; background: #fff; }

.scp-search-row { display:flex; gap: 12px; align-items: center; margin-bottom: 12px; }
.scp-search { flex:1; padding: 10px; border:1px solid #cfd4d9; border-radius:6px; }
.scp-muted { color:#5d6a76; font-size: 14px; }

.scp-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.scp-card { border:1px solid #dfe5ea; border-radius:8px; padding:14px; text-align:left; background:#fff; cursor:pointer; text-decoration:none; color: inherit; }
.scp-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.scp-card-title { font-weight:700; margin-bottom:6px; }
.scp-card-sub { font-size: 13px; color:#5d6a76; }

.scp-list { display:flex; flex-direction:column; gap:8px; }
.scp-qa summary { font-weight:600; cursor:pointer; }
.scp-answer { padding: 8px 12px; border-left:3px solid #0b5ea8; background:#f7f9fb; margin-top:6px; }

.scp-breadcrumbs { font-size: 14px; margin-bottom: 10px; }
.scp-link { border:none; background:none; color:#0b5ea8; text-decoration:underline; cursor:pointer; padding:0; }

/* Form */
.scp-form { margin-top: 16px; border-top:1px solid #e2e6ea; padding-top: 16px; }
.scp-form-row { display:flex; flex-direction: column; gap:6px; margin-bottom: 12px; }
.scp-form input[type="text"], .scp-form input[type="email"], .scp-form textarea, .scp-form input[type="file"] { 
  border:1px solid #cfd4d9; border-radius:6px; padding:10px; width:100%;
}
.scp-primary { background:#0b5ea8; color:#fff; border:none; padding:10px 14px; border-radius:6px; cursor:pointer; font-weight:600; }
.scp-success { background:#e7f5e8; border:1px solid #bfe3c3; padding:12px; border-radius:6px; }