.article-directory-page .page-hero{padding:48px 0;background:linear-gradient(100deg,rgba(9,24,47,.92),rgba(9,24,47,.65)),url("https://www.lynxenv.com/cdn/shop/files/Page_1_demo_1400x.jpg?v=1683921636") center 45%/cover no-repeat}
.article-directory-page .page-hero h1{max-width:850px;font-size:clamp(27px,3.2vw,40px);line-height:1.3;word-break:normal}
.article-directory-page .page-hero p{font-size:15px;line-height:1.7;word-break:normal}
.article-directory-page .page-hero .eyebrow{color:#9fceff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.article-directory-page .breadcrumb{margin-bottom:22px;color:#b5c8e2;font-size:12px;font-weight:400}
.article-directory-page .breadcrumb a{color:#fff}
.article-directory-page .article-directory-section{padding:36px 0 48px;background:#f4f6fa}
.article-directory-page .article-layout{grid-template-columns:minmax(0,1fr) 280px;gap:28px}
.article-directory-list{display:grid;gap:18px;min-width:0}
.article-directory-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:2px}
.article-directory-heading h2{margin:0;color:#1b2a40;font-size:22px;line-height:1.4}
.article-directory-heading>span{color:#738096;font-size:12px}
.directory-card{display:grid;grid-template-columns:210px minmax(0,1fr);overflow:hidden;border:1px solid #e4e9f1;border-radius:12px;background:#fff;box-shadow:0 5px 18px #17345b06}
.directory-card-image{position:relative;display:block;min-height:190px;overflow:hidden;background:#e5eaf1}
.directory-card-image img{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;object-fit:cover}
.directory-card-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:20px}
.directory-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;margin-bottom:10px;color:#748196;font-size:11px;line-height:1.5;word-break:normal}
.directory-category{padding:3px 8px;border-radius:5px;background:#edf4ff;color:#215aab;font-weight:700}
.directory-card-content h2{margin:0 0 10px;font-size:19px;line-height:1.4;word-break:normal;overflow-wrap:anywhere}
.directory-card-content h2 a{color:#1b2a40;text-decoration:none}
.directory-card-content h2 a:hover{color:#145db6}
.directory-card-content p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 16px;color:#657187;font-size:13px;line-height:1.7;word-break:normal;overflow-wrap:anywhere}
.directory-read-more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:#bd2539;font-size:12px;font-weight:700;text-decoration:none}
.directory-read-more:hover{text-decoration:underline}
.article-directory-page .article-sidebar{top:20px;gap:18px}
.article-directory-page .side-box{padding:22px;border:1px solid #e4e9f1;border-radius:12px;background:#fff;box-shadow:none}
.article-directory-page .side-box h3{color:#1b2a40;font-size:17px}
.article-directory-page .side-box a{color:#4b5d77;font-size:13px;line-height:1.6;font-weight:600;word-break:normal}
.article-directory-page .contact-box{border:0;background:linear-gradient(140deg,#122d50,#174883);color:#fff}
.article-directory-page .contact-box h3{color:#fff}
.article-directory-page .contact-box p{margin-bottom:16px;color:#c4d5eb;font-size:13px;line-height:1.7;word-break:normal}
.article-directory-page .contact-box a{padding:11px 16px;background:#d92e43;color:#fff;border-radius:7px}
.directory-empty{padding:36px 24px;border:1px dashed #cbd7e7;border-radius:12px;background:#fff;text-align:center}
.directory-empty h2{font-size:20px;color:#1b2a40}
.directory-empty p{color:#657187;font-size:14px}
.directory-empty a{color:#145db6;font-weight:700}
.article-directory-page main a:focus-visible{outline:3px solid #2683df;outline-offset:3px;border-radius:4px}
@media(max-width:980px){.article-directory-page .article-layout{grid-template-columns:minmax(0,1fr)}.article-directory-page .article-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}}
@media(max-width:600px){.article-directory-page .page-hero{padding:30px 0}.article-directory-page .article-directory-section{padding:24px 0 32px}.article-directory-heading{align-items:flex-start;flex-direction:column;gap:4px}.directory-card{grid-template-columns:minmax(0,1fr)}.directory-card-image{height:200px;min-height:0}.directory-card-image img{min-height:0}.directory-card-content{padding:18px}.article-directory-page .article-sidebar{grid-template-columns:minmax(0,1fr)}}

.article-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:stretch;margin-top:8px}
.article-pagination a,.article-pagination .pagination-disabled{padding:12px 18px;border:1px solid #e4e9f1;border-radius:8px;background:#fff;font-size:14px;line-height:1.5;font-weight:600}
.article-pagination a{color:#215aab;text-decoration:none}
.article-pagination a:hover{border-color:#215aab;background:#edf4ff}
.article-pagination .pagination-disabled{color:#8491a5;background:#eef1f6}

