.article-categories a.panel{padding:16px 32px;display:flex;align-items:center;gap:16px;color:#fff;font-size:24px;text-align:left;min-height:58px;border-radius:12px;text-decoration:none}
.article-categories a[aria-current=page]{background:linear-gradient(110deg,#b58a49,#e8c48b)}
.article-categories a:focus-visible,.material-card a:focus-visible{outline:2px solid #e8c48b;outline-offset:4px}
.material-card{min-width:0;min-height:0;padding:6px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.material-card .article-card__image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px}
.material-card .article-card__body{padding:20px 14px;gap:12px;min-width:0}
.material-card h3{margin:0;font-size:22px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.material-card h3 a::after{content:none}
.material-card p{margin:0;font-size:15px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.material-card__bottom{margin-top:auto;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.material-card .material-card__bottom time{margin:0;padding:0}
.material-card__link{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,#a8834f,#cfaf7c)}
.material-card__link img{width:24px;height:24px;transform:rotate(180deg)}
.material-card__link:hover{filter:brightness(1.1)}
.page-article .article-content ul{padding-left:22px;list-style:disc}
.page-article .article-content li,.page-article .article-content li:nth-child(n+4){display:list-item}
#materials-grid [hidden],#materials-loading[hidden],#materials-error[hidden],#materials-sentinel[hidden]{display:none!important}
.article-content figure{margin:0 0 32px}.article-content figure img{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:20px}.article-content figcaption{font-size:13px;color:#aaa;margin-top:8px}
.article-content .article-sources{padding-top:24px;border-top:1px solid #555;margin-top:32px}.article-content a{overflow-wrap:anywhere}.article-content .article-note{font-size:14px;color:#aaa}
@media(max-width:1100px){.article-categories a.panel{padding:16px 20px;white-space:nowrap;font-size:18px;flex-shrink:0}.material-card h3{font-size:20px}}
@media(max-width:600px){.article-categories a.panel{padding:12px 16px;font-size:16px}.material-card .article-card__body{padding:14px 10px}.material-card h3{font-size:18px}.material-card p{font-size:14px}.material-card__bottom{padding-top:12px}}
