body.front-ui.selfmedia-ui.cms-design.page-keywords .tag-directory{width:calc(100% - 48px);max-width:1240px;margin:28px auto 48px;color:#273b58}
.tag-directory-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 36px;border:1px solid #dfe7f4;border-radius:16px;background:linear-gradient(110deg,#edf3ff,#f9fbff);overflow:hidden}
.tag-directory-kicker{font-size:11px;font-weight:600;letter-spacing:2px;color:#5476aa}
.tag-directory-hero h1{font-size:32px;line-height:1.4;margin:10px 0;color:#213959}
.tag-directory-hero p{font-size:14px;line-height:1.8;margin:0;color:#6b7c93}
.tag-directory-symbol{flex-shrink:0;font:600 90px/1 monospace;color:#b4c9ee;transform:rotate(-12deg);padding:0 20px}
.tag-directory-tools{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:21px 24px;margin:22px 0;background:#fff;border:1px solid #e2e8f0;border-radius:12px}
.tag-directory-tools h2{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;color:#2a3d57}
.tag-directory-tools h2 span{font-size:12px;padding:3px 9px;background:#edf3ff;color:#4b70b3;border-radius:16px}
.tag-directory-tools p{font-size:12px;color:#8592a4;margin:7px 0 0}
.tag-directory-tools form{display:flex;gap:8px;align-items:center;width:410px;max-width:100%;padding:5px 6px 5px 13px;border:1px solid #dce5f1;background:#f8fafd;border-radius:9px}
.tag-directory-tools input[type=search]{width:100%;min-width:0;flex:1;padding:7px 0;border:0;background:transparent;font:inherit;font-size:13px;box-shadow:none}
.tag-directory-tools button{flex-shrink:0;border:0;border-radius:6px;background:#2c61d6;color:#fff;padding:10px 15px;font-size:12px;cursor:pointer}
.tag-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.tag-directory-card{display:flex;align-items:center;gap:13px;min-width:0;padding:19px 17px;border:1px solid #e1e7ef;border-radius:11px;background:#fff;text-decoration:none;color:#314763;transition:border-color .15s,box-shadow .15s}
.tag-directory-card:hover{border-color:#a8c2ef;box-shadow:0 5px 16px #294e8710}
.tag-directory-icon{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:11px;background:#edf3ff;color:#7292c5;font:500 22px monospace}
.tag-directory-card:nth-child(4n+2) .tag-directory-icon{background:#edf6f3;color:#77a197}.tag-directory-card:nth-child(4n+3) .tag-directory-icon{background:#f3effa;color:#a18dbd}.tag-directory-card:nth-child(4n+4) .tag-directory-icon{background:#faf3e9;color:#b39a71}
.tag-directory-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.tag-directory-info strong{font-size:14px;font-weight:600;color:#314763;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.tag-directory-info small{font-size:11px;color:#91a0b2}
.tag-directory-arrow{font-size:14px;color:#a9b7ca;flex-shrink:0}.tag-directory-card:hover .tag-directory-arrow{color:#2c61d6}
.tag-directory-card:focus-visible{outline:3px solid #3568cd;outline-offset:3px}
.tag-directory-empty{grid-column:1/-1;text-align:center;padding:40px;background:#fff;border:1px dashed #dfe7f1;border-radius:12px}
.tag-directory .ui-pagination{margin-top:25px}
@media(max-width:1000px){.tag-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body.front-ui.selfmedia-ui.cms-design.page-keywords .tag-directory{width:calc(100% - 28px);margin:18px auto 30px}.tag-directory-hero{padding:24px 20px;border-radius:13px}.tag-directory-hero h1{font-size:27px}.tag-directory-hero p{font-size:13px}.tag-directory-symbol{font-size:56px;padding:0}.tag-directory-tools{display:flex;flex-direction:column;align-items:stretch;gap:15px;padding:18px 15px;margin:16px 0}.tag-directory-tools h2{font-size:16px}.tag-directory-tools form{width:100%;box-sizing:border-box}.tag-directory-tools input[type=search]{font-size:12px}.tag-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tag-directory-card{padding:15px 12px;gap:9px}.tag-directory-icon{width:28px;height:28px;flex-basis:28px;border-radius:8px;font-size:18px}.tag-directory-info strong{font-size:13px}.tag-directory-info small{font-size:10px}.tag-directory-arrow{display:none}}
@media(max-width:360px){.tag-directory-icon{display:none}}
@media(prefers-reduced-motion:reduce){.tag-directory-card{transition:none}}