.mdtd-directory{--mdtd-accent:#6754e8;--mdtd-ink:#1b2336;--mdtd-muted:#64748b;--mdtd-border:#e4e8f2;box-sizing:border-box;color:var(--mdtd-ink);font-family:inherit;max-width:1200px;margin:0 auto 70px;padding:0 14px}
.mdtd-directory *{box-sizing:border-box}.mdtd-directory .mdtd-hero{text-align:center;background:linear-gradient(135deg,#f7f6ff 0%,#f4f9ff 100%);border:1px solid var(--mdtd-border);border-radius:24px;padding:54px 22px 46px;margin:18px 0 24px}
.mdtd-directory .mdtd-eyebrow{display:block;font-size:12px;letter-spacing:.13em;font-weight:800;color:var(--mdtd-accent);margin-bottom:16px}
.mdtd-directory .mdtd-title{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.04em;margin:0 0 15px;font-weight:800;color:var(--mdtd-ink)}
.mdtd-directory .mdtd-subtitle{font-size:16px;line-height:1.7;max-width:650px;margin:0 auto 26px;color:var(--mdtd-muted)}
.mdtd-directory .mdtd-search-wrap{display:flex;align-items:center;max-width:640px;margin:auto;border:1px solid #d9ddeb;background:#fff;border-radius:13px;box-shadow:0 8px 25px rgba(44,50,86,.06);padding:0 15px;gap:12px}
.mdtd-directory .mdtd-search-icon{font-size:30px;line-height:1;color:var(--mdtd-muted)}
.mdtd-directory .mdtd-search{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;width:100%;height:58px;color:var(--mdtd-ink);font-family:inherit;font-size:15px;padding:0!important;margin:0;outline:0!important}
.mdtd-directory .mdtd-search:focus-visible{outline:2px solid var(--mdtd-accent)!important;outline-offset:3px!important}
.mdtd-directory .mdtd-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}
.mdtd-directory .mdtd-filter,.mdtd-directory .mdtd-reset{appearance:none;cursor:pointer;border:1px solid var(--mdtd-border);color:#475569;background:#fff;padding:10px 15px;border-radius:999px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;transition:background .15s,border-color .15s,color .15s}
.mdtd-directory .mdtd-filter span{margin-left:5px;opacity:.7}.mdtd-directory .mdtd-filter.is-active{background:var(--mdtd-accent);color:#fff;border-color:var(--mdtd-accent)}
.mdtd-directory .mdtd-filter:focus-visible,.mdtd-directory .mdtd-reset:focus-visible,.mdtd-directory .mdtd-card:focus-visible{outline:3px solid #b8b2ff;outline-offset:3px}
.mdtd-directory .mdtd-result-status{color:var(--mdtd-muted);margin:0 0 20px;font-size:13px}
.mdtd-directory .mdtd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mdtd-directory .mdtd-card{display:flex;flex-direction:column;position:relative;min-width:0;min-height:208px;border:1px solid var(--mdtd-border);border-radius:18px;background:#fff;padding:23px;text-decoration:none!important;color:var(--mdtd-ink)!important;box-shadow:0 4px 18px rgba(36,43,70,.035);transition:transform .2s,box-shadow .2s,border-color .2s}
.mdtd-directory .mdtd-card:hover{transform:translateY(-3px);border-color:#c6bffc;box-shadow:0 12px 32px rgba(66,59,130,.1)}
.mdtd-directory .mdtd-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#f0edff;border-radius:14px;font-size:27px;margin-bottom:18px}
.mdtd-directory .mdtd-card h2{font-size:19px!important;line-height:1.3!important;letter-spacing:-.02em;color:var(--mdtd-ink)!important;margin:0 25px 8px 0!important;padding:0!important;font-weight:750}
.mdtd-directory .mdtd-card p{font-size:14px!important;line-height:1.65!important;margin:0!important;color:var(--mdtd-muted)!important}
.mdtd-directory .mdtd-card-arrow{position:absolute;right:24px;bottom:24px;font-size:21px;color:#9aa4b7}
.mdtd-directory .mdtd-empty{text-align:center;background:#f8fafc;padding:36px;border:1px dashed var(--mdtd-border);border-radius:18px;margin-top:18px;color:var(--mdtd-muted)}
.mdtd-directory .mdtd-empty[hidden],.mdtd-directory .mdtd-card[hidden]{display:none!important}
.mdtd-directory .mdtd-empty strong{display:block;color:var(--mdtd-ink);font-size:18px}.mdtd-directory .mdtd-empty-symbol{font-size:35px}
.mdtd-directory .mdtd-admin-hint{color:var(--mdtd-muted);margin-top:24px}.mdtd-directory .mdtd-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:860px){.mdtd-directory .mdtd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.mdtd-directory{padding:0 6px}.mdtd-directory .mdtd-hero{border-radius:17px;padding:34px 18px}.mdtd-directory .mdtd-grid{grid-template-columns:1fr;gap:12px}.mdtd-directory .mdtd-card{min-height:160px;padding:19px}.mdtd-directory .mdtd-icon{width:43px;height:43px;font-size:24px;margin-bottom:12px}.mdtd-directory .mdtd-card h2{font-size:18px!important}.mdtd-directory .mdtd-search{height:52px}.mdtd-directory .mdtd-filter{padding:9px 12px}}


/* Related tools: independent card section on individual tool pages. */
.mdtd-related{--mdtd-accent:#6754e8;--mdtd-ink:#1b2336;--mdtd-muted:#64748b;--mdtd-border:#e4e8f2;box-sizing:border-box;max-width:1200px;margin:48px auto 55px;padding:27px;border:1px solid var(--mdtd-border);border-radius:22px;background:#f9faff;color:var(--mdtd-ink);font-family:inherit}
.mdtd-related *{box-sizing:border-box}
.mdtd-related-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}
.mdtd-related-heading h2{font-size:clamp(22px,2.6vw,29px)!important;line-height:1.25!important;letter-spacing:-.025em;font-weight:800!important;margin:0 0 7px!important;color:var(--mdtd-ink)!important;padding:0!important}
.mdtd-related-heading p{font-size:14px!important;line-height:1.6!important;color:var(--mdtd-muted)!important;margin:0!important}
.mdtd-related-all{color:#5a44d7!important;text-decoration:none!important;font-size:14px;font-weight:750;white-space:nowrap}
.mdtd-related-all:hover{text-decoration:underline!important}
.mdtd-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.mdtd-related-card{display:flex;gap:13px;align-items:center;position:relative;min-width:0;background:#fff;color:var(--mdtd-ink)!important;text-decoration:none!important;border:1px solid var(--mdtd-border);border-radius:14px;padding:16px;transition:transform .2s,border-color .2s,box-shadow .2s}
.mdtd-related-card:hover{transform:translateY(-2px);border-color:#c7bcfb;box-shadow:0 8px 20px rgba(44,40,95,.075)}
.mdtd-related-icon{display:flex;flex:0 0 46px;align-items:center;justify-content:center;width:46px;height:46px;background:#f0edff;border-radius:12px;font-size:25px}
.mdtd-related-copy{display:flex;flex-direction:column;min-width:0;padding-right:12px}
.mdtd-related-copy strong{font-size:15px;line-height:1.4;color:var(--mdtd-ink);font-weight:750}
.mdtd-related-copy small{font-size:12px;line-height:1.6;color:var(--mdtd-muted)}
.mdtd-related-arrow{margin-left:auto;align-self:center;color:#8790ac;font-size:20px}
.mdtd-related-all-bottom{display:none;margin-top:19px;text-align:center;padding:12px 16px;border:1px solid #d9d4fa;border-radius:11px;background:#fff}
.mdtd-related-card:focus-visible,.mdtd-related-all:focus-visible{outline:3px solid #b8b2ff;outline-offset:3px}
@media(max-width:650px){.mdtd-related{padding:19px 14px;border-radius:16px;margin:30px auto}.mdtd-related-grid{grid-template-columns:1fr;gap:10px}.mdtd-related-card{padding:13px}.mdtd-related-all-top{display:none}.mdtd-related-all-bottom{display:block}.mdtd-related-heading{margin-bottom:16px}}