.rotd-directory {
  --rotd-blue:#07569a; --rotd-teal:#22a8ab; --rotd-card-bg:#fff; --rotd-card-border:#e1e8ef;
  --rotd-heading:#16324f; --rotd-description:#5b6b7b; --rotd-link:#07569a; --rotd-button-text:#fff;
  --rotd-button-bg:#07569a; --rotd-search-bg:#fff; --rotd-search-border:#d7e1ea; --rotd-category-bg:#f0f6fa;
  --rotd-category-text:#23445f; --rotd-active-bg:#07569a; --rotd-active-text:#fff;
  --rotd-heading-size:20px; --rotd-description-size:14px; --rotd-link-size:14px; --rotd-button-size:14px;
  --rotd-radius:14px; --rotd-padding:22px; --rotd-columns:3;
  width:100%; max-width:100%; margin:0 auto; color:var(--rotd-heading); box-sizing:border-box;
  font-family:inherit;
}
.rotd-directory *, .rotd-directory *:before, .rotd-directory *:after { box-sizing:border-box; }
.rotd-directory .rotd-section-title { margin:0 0 10px; color:var(--rotd-heading); font-size:clamp(24px,3vw,34px); line-height:1.2; text-align:var(--rotd-title-align,center); }
.rotd-directory .rotd-section-description { margin:0 0 22px; color:var(--rotd-description); text-align:var(--rotd-description-align,center); }
.rotd-controls { width:100%; max-width:760px; margin:0 auto 18px; }
.rotd-search-wrap { display:flex; align-items:center; gap:12px; width:100%; min-height:56px; padding:0 16px; background:var(--rotd-search-bg); border:1px solid var(--rotd-search-border); border-radius:12px; box-shadow:0 6px 24px rgba(7,86,154,.07); }
.rotd-search-wrap:focus-within { border-color:var(--rotd-teal); box-shadow:0 0 0 3px rgba(34,168,171,.14); }
.rotd-search-wrap svg { width:21px; height:21px; flex:0 0 21px; fill:none; stroke:var(--rotd-blue); stroke-width:1.8; stroke-linecap:round; }
.rotd-search { width:100%; min-width:0; border:0!important; outline:0!important; box-shadow:none!important; background:transparent!important; color:var(--rotd-heading)!important; font:inherit; font-size:16px!important; padding:14px 0!important; }
.rotd-search::placeholder { color:#8192a2; opacity:1; }
.rotd-clear { flex:0 0 30px; width:30px; height:30px; border:0; border-radius:50%; background:#edf3f7; color:#3b5268; font-size:23px; line-height:1; cursor:pointer; }
.rotd-categories { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin:0 0 16px; }
.rotd-category { appearance:none; border:1px solid var(--rotd-card-border); border-radius:999px; padding:9px 15px; background:var(--rotd-category-bg); color:var(--rotd-category-text); font:inherit; font-size:14px; line-height:1.3; cursor:pointer; transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease; }
.rotd-category:hover { border-color:var(--rotd-teal); transform:translateY(-1px); }
.rotd-category.is-active { color:var(--rotd-active-text); background:var(--rotd-active-bg); border-color:var(--rotd-active-bg); }
.rotd-category-count { opacity:.8; font-size:.9em; }
.rotd-results-count { margin:0 0 14px; color:var(--rotd-description); font-size:13px; }
.rotd-grid { display:grid; grid-template-columns:repeat(var(--rotd-columns),minmax(0,1fr)); gap:18px; align-items:stretch; }
.rotd-card { display:flex; flex-direction:column; min-width:0; padding:var(--rotd-padding); background:var(--rotd-card-bg); border:1px solid var(--rotd-card-border); border-radius:var(--rotd-radius); box-shadow:0 8px 28px rgba(19,52,79,.055); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.rotd-card:hover { transform:translateY(-3px); border-color:rgba(34,168,171,.55); box-shadow:0 15px 36px rgba(19,52,79,.11); }
.rotd-card-main { flex:1 1 auto; }
.rotd-card-icon { display:flex; align-items:center; justify-content:center; width:48px; height:48px; margin:0 0 16px; border-radius:13px; background:linear-gradient(135deg,var(--rotd-blue),var(--rotd-teal)); color:#fff; font-size:25px; line-height:1; }
.rotd-card-title { margin:0 0 9px; color:var(--rotd-card-heading,var(--rotd-heading)); font-size:var(--rotd-card-heading-size,var(--rotd-heading-size)); font-weight:700; line-height:1.35; overflow-wrap:anywhere; }
.rotd-card-description { margin:0 0 17px; color:var(--rotd-card-description,var(--rotd-description)); font-size:var(--rotd-card-description-size,var(--rotd-description-size)); line-height:1.65; }
.rotd-card-tags { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 18px; }
.rotd-card-tags span { display:inline-flex; padding:4px 8px; border-radius:5px; background:rgba(34,168,171,.1); color:var(--rotd-blue); font-size:11px; line-height:1.35; }
.rotd-card-action { display:inline-flex; align-items:center; justify-content:center; gap:7px; align-self:flex-start; margin-top:18px; text-decoration:none!important; font-weight:600; transition:background .18s ease,color .18s ease,transform .18s ease; }
.rotd-action-button { padding:11px 16px; border-radius:8px; background:var(--rotd-button-bg); color:var(--rotd-button-text)!important; font-size:var(--rotd-button-size); }
.rotd-action-button:hover { background:var(--rotd-teal); color:#fff!important; transform:translateY(-1px); }
.rotd-action-link { padding:2px 0; color:var(--rotd-link)!important; font-size:var(--rotd-link-size); }
.rotd-action-link:hover { color:var(--rotd-teal)!important; }
.rotd-empty, .rotd-no-tools { padding:24px; margin:12px 0; border:1px dashed var(--rotd-card-border); border-radius:12px; text-align:center; color:var(--rotd-description); }
.rotd-card[hidden] { display:none!important; }
@media (max-width:980px) { .rotd-grid { grid-template-columns:repeat(min(2,var(--rotd-columns)),minmax(0,1fr)); } }
@media (max-width:600px) {
  .rotd-grid { grid-template-columns:1fr; gap:13px; }
  .rotd-card { padding:18px; }
  .rotd-categories { gap:7px; }
  .rotd-category { padding:8px 12px; font-size:13px; }
  .rotd-search-wrap { min-height:52px; padding:0 12px; }
}

.rotd-card-icon-image { overflow:hidden; padding:0; background:transparent; }
.rotd-card-icon-image img { display:block; width:100%; height:100%; object-fit:contain; border-radius:inherit; }