@import url('./top-blog.css');
@import url('./top-blog-detail.css');
/* Resource layouts follow the reference list and article geometry while using this site's brand assets. */
.resource-container{width:100%;max-width:1440px;margin:0 auto;padding:0 30px;box-sizing:border-box}
.resource-banner{position:relative;min-height:240px;height:clamp(240px,25vw,480px);background:#1c3046;color:#fff;overflow:hidden;font-family:Arial,sans-serif}
.resource-banner-image{width:100%;height:100%;object-fit:cover;display:block}.resource-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.42));pointer-events:none}
.resource-banner h1{position:absolute;z-index:1;inset:36% 30px auto;text-align:center;color:white;font:600 clamp(30px,3vw,52px)/1.2 Arial,sans-serif;margin:0}
.resource-breadcrumb{position:absolute;bottom:22px;left:30px;right:30px;z-index:1;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;font-size:14px;line-height:1.5;text-align:center}.resource-breadcrumb a{color:inherit}
.resource-title-band{background:var(--primary-color,#204879);padding:50px 0;text-align:center}.resource-title-band h1{color:white;font:700 34px/1.35 Arial,sans-serif;margin:0}
.resource-list-section{margin:5% 0}.resource-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-top:10px;padding-bottom:10px}
.resource-card{border:0;border-radius:3px;box-shadow:0 0 10px #00000026;background:white;overflow:hidden;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-width:0}
.resource-card-main{display:flex;flex-direction:column;flex:1;color:#222;text-align:center}.resource-card-image{aspect-ratio:5/3;overflow:hidden}.resource-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.resource-card-main:hover img{transform:scale(1.06)}
.resource-card-info{padding:25px 30px 0;display:flex;flex-direction:column;flex:1}.resource-card h2{font:600 21px/1.5 Arial,sans-serif;margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;min-height:2lh;-webkit-box-orient:vertical;overflow:hidden}.resource-card p{font-size:14px;line-height:1.5;color:#777;margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;min-height:2lh;-webkit-box-orient:vertical;overflow:hidden}.resource-read-more{font-size:12px;font-weight:700;letter-spacing:.5px;line-height:32px;text-transform:uppercase;color:var(--primary-color);margin-top:auto}
.resource-card-author{border-top:1px solid #eaeaea;padding:5px 10px;display:flex;align-items:center;color:#777;font-size:14px;line-height:1.3;gap:10px;min-height:52px}.resource-avatar{flex:none;width:40px;height:40px;border-radius:50%;object-fit:contain;background:#f1f3f5;display:grid;place-items:center;padding:4px;box-sizing:border-box}
.resource-detail-section{margin:30px 0 60px}.resource-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:5px;align-items:start;font-family:Arial,sans-serif}.resource-sidebar{position:sticky;top:110px;padding:14px 7px}.resource-toc{background:#f5f5f5;padding:5px}.resource-toc details{border:0}.resource-toc summary{padding:20px 15px;border-bottom:1px solid #dadddf;font-size:20px;font-weight:600;cursor:pointer}.resource-toc details>div{padding:20px 15px;max-height:65vh;overflow:auto}.resource-toc a{display:block;padding:7px 0;color:var(--primary-color);font-size:15px;line-height:1.5}.resource-toc a[aria-current]{font-weight:bold;text-decoration:underline}.resource-reading-progress{display:block;width:100%;height:8px;border:0;accent-color:#61ce70}
.resource-article{min-width:0;font-size:16px;line-height:1.8;font-family:Arial,sans-serif}.resource-article-content{padding:20px 25px;background:#f5f5f5}.resource-article section{margin:32px 0;scroll-margin-top:125px}.resource-article h2{font:700 28px/1.35 Arial,sans-serif;margin:0 0 18px}.resource-article p{margin:0 0 20px}.resource-article ul{padding-left:24px}.resource-article-image{display:block;width:100%;max-height:540px;object-fit:contain;margin:25px auto;background:white}.resource-author-box{background:#f5f5f5;margin-top:20px;padding:25px;display:flex;gap:20px;align-items:center}.resource-author-box .resource-avatar{width:80px;height:80px}.resource-author-box h2{font-size:22px;margin:0 0 8px}.resource-author-box p{margin:0}.resource-author-box time{font-size:14px;color:#777}.resource-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.resource-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:35px auto}.resource-pagination a{border:1px solid #ddd;padding:8px 15px;font-family:Arial,sans-serif}.resource-pagination [aria-current]{background:var(--primary-color);color:white}.resource-empty{grid-column:1/-1;text-align:center;padding:65px 20px;background:#f5f5f5}.resource-empty p{margin:18px 0}.resource-contact{font-family:Arial,sans-serif;padding:40px;background:#f5f5f5;margin-bottom:65px;text-align:center}.resource-contact h2{font-family:inherit;font-size:28px}.resource-contact p{margin:16px 0 24px}
@media(max-width:1200px){.resource-list{gap:20px}.resource-card-info{padding:20px 20px 0}.resource-card h2{font-size:19px}.resource-title-band{padding:40px 0}.resource-title-band h1{font-size:32px}}
@media(max-width:980px){.resource-list{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-layout{grid-template-columns:1fr;gap:20px}.resource-sidebar{position:static;padding:0}.resource-toc details>div{max-height:260px}.resource-title-band{padding:25px 0}.resource-title-band h1{font-size:24px}.resource-card h2{font-size:18px}}
@media(max-width:640px){.resource-container{padding-left:15px;padding-right:15px}.resource-list{grid-template-columns:1fr}.resource-list-section{margin:30px 0}.resource-article-content{padding:20px 16px}.resource-article h2{font-size:23px}.resource-related{grid-template-columns:1fr}.resource-breadcrumb{left:15px;right:15px;font-size:12px}.resource-contact{padding:28px 18px}.resource-author-box{padding:20px 16px;gap:12px}.resource-author-box .resource-avatar{width:52px;height:52px}}