:root{
  --brand-orange:#ff6a00;
  --brand-teal:#0ea5a5;
  --text:#121417;--muted:#5c6670;--card-bg:#ffffff;--border:#eceff3;
  --logo-opacity:.12;
  --logo-size:70%;
  --desc-size:1rem;
}
.ds-wrap{max-width:1200px;margin:0 auto}
.ds-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.ds-card{position:relative;grid-column:span 12;display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;padding:24px 22px 22px;border-radius:18px;background:var(--card-bg);border:1px solid var(--border);box-shadow:0 1px 2px rgba(16,24,40,.06);text-decoration:none;color:inherit;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.ds-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(16,24,40,.10);border-color:rgba(14,165,165,.35)}
.ds-card:focus{outline:none}
.ds-card:focus-visible{box-shadow:0 0 0 3px rgba(14,165,165,.3),0 10px 20px rgba(16,24,40,.08)}
.ds-card::after{content:"";position:absolute;inset:-20% -10% auto -10%;top:0;background-repeat:no-repeat;background-position:right -40px top -40px;background-size:var(--logo-size);opacity:0;transition:opacity .25s ease;pointer-events:none;z-index:0;filter:grayscale(1);background-image:var(--ds-logo-url)}
.ds-card > *{position:relative;z-index:1}
.ds-card:hover::after{opacity:var(--logo-opacity,.12)}
.ds-icon{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:var(--brand-orange);overflow:hidden}
.ds-icon svg{width:28px;height:28px;fill:#fff;display:block}
.ds-icon img{max-width:28px;max-height:28px;display:block}
.ds-icon i{font-size:24px;line-height:1;color:#fff;display:block}
.ds-title{font-size:20px;font-weight:800;letter-spacing:-.01em;margin:4px 0 0;color:var(--brand-teal)}
.ds-subtitle{margin:0;color:var(--muted);font-weight:600}
.ds-desc{color:var(--muted);margin:0;font-size:var(--desc-size)}
.ds-cta{margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--brand-orange)}
@media(min-width:580px){.ds-card{grid-column:span 6}}
@media(min-width:960px){.ds-card{grid-column:span 4}}
.block-editor-rich-text__editable.ds-title{outline:none}
.ds-grid .block-editor-block-list__block{margin:0}

/* FA Picker modal */
.ds-fa-picker { padding: 12px 16px; }
.ds-fa-toolbar { display: flex; gap: 8px; align-items: center; margin-bottom: 12px; }
.ds-fa-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(92px,1fr)); gap: 10px; max-height: 420px; overflow: auto; }
.ds-fa-item { border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px 8px; background:#fff; display:grid; place-items:center; gap:6px; cursor:pointer; text-align:center; transition: border-color .15s ease, box-shadow .15s ease; }
.ds-fa-item i { font-size:22px; }
.ds-fa-item .ds-fa-label { font-size:11px; color:#667085; line-height:1.1; word-break:break-all; }
.ds-fa-item:hover { border-color: rgba(14,165,165,.45); box-shadow: 0 2px 10px rgba(2, 132, 199, 0.08); }