.article-directory{max-width:1200px;padding-top:36px;padding-bottom:64px}.article-directory h1{font-size:clamp(28px,4vw,38px);line-height:1.35;margin:8px 0 30px}.article-directory-heading{background:#171714;color:#fff;border-radius:6px;font-size:17px;line-height:1.5;padding:14px 20px;margin:0 0 8px}.article-directory-list{border:1px solid #e8e5de;border-radius:9px;overflow:hidden;background:#fff}.article-directory-row{display:grid;grid-template-columns:minmax(0,1.5fr) 130px minmax(0,1fr);gap:24px;align-items:center;padding:22px 24px;min-height:100px;border-bottom:1px solid #e8e5de}.article-directory-row:last-child{border-bottom:0}.article-directory-topic{display:flex;align-items:center;gap:20px;min-width:0}.article-directory-icon{font-size:32px;color:#c0a35c;flex:none;line-height:1}.article-directory-topic h3{font-size:16px;margin:0 0 6px;line-height:1.5;overflow-wrap:anywhere}.article-directory-topic p{font-size:12px;line-height:1.7;color:#77746f;margin:0;overflow-wrap:anywhere}.article-directory-stats{font-size:12px;line-height:1.8;color:#77746f}.article-directory-stats span{display:block}.article-directory-stats strong{color:#171714;font-weight:700}.article-directory-latest{min-width:0;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.article-directory-latest small,.article-directory-latest time{display:block;color:#77746f;font-size:11px}.article-directory-latest a{display:block;margin:3px 0}.article-directory a:hover{color:#c6312b;text-decoration:underline}.article-directory a:focus-visible{outline:2px solid #c0a35c;outline-offset:4px}
@media(max-width:800px){.article-directory-row{grid-template-columns:minmax(0,1fr) 105px;gap:14px;padding:20px}.article-directory-latest{grid-column:1/-1;padding-left:44px}}
@media(max-width:480px){.article-directory{padding-top:26px;padding-bottom:44px}.article-directory h1{margin-bottom:24px}.article-directory-row{padding:18px 14px;grid-template-columns:minmax(0,1fr) 90px;gap:12px}.article-directory-topic{gap:12px}.article-directory-topic h3{font-size:14px}.article-directory-topic p,.article-directory-stats{font-size:11px}.article-directory-icon{font-size:26px}.article-directory-latest{padding-left:34px}.article-directory-heading{padding:12px 16px;font-size:16px}}
