.at-hero{background:linear-gradient(135deg,#FEFCF3 0%,#D8F3DC 50%,#B7E4C7 100%);padding:clamp(2.5rem,6vw,4.5rem) clamp(1.25rem,4vw,2.5rem)}
.at-hero-inner{max-width:52rem}
.at-hero-badge{display:inline-block;background:#1B4332;color:#D8F3DC;font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;padding:0.3rem 0.75rem;border-radius:0.25rem;margin-bottom:1rem}
.at-hero h1{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;color:#1B4332;line-height:1.15;margin-bottom:0.75rem}
.at-hero p{font-size:clamp(0.9375rem,1.5vw,1.125rem);color:#2D6A4F;max-width:36rem;line-height:1.65}

.at-section{padding:clamp(1.5rem,4vw,3rem) clamp(1.25rem,4vw,2.5rem)}
.at-section-title{font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#1B4332;margin-bottom:1.25rem;padding-bottom:0.5rem;border-bottom:2px solid #1B4332;display:inline-block}

/* Featured 3-column grid */
.at-featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.5vw,1.5rem)}
.at-fcard{background:#fff;border-left:3px solid #1B4332;overflow:hidden;transition:box-shadow 0.2s}
.at-fcard:hover{box-shadow:0 4px 20px rgba(27,67,50,0.1)}
.at-fcard img{width:100%;aspect-ratio:16/9;object-fit:cover}
.at-fcard-body{padding:1rem 1.125rem}
.at-fcard-cat{font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#2D6A4F;margin-bottom:0.375rem}
.at-fcard-body h3{font-size:1rem;font-weight:700;color:#1B4332;line-height:1.35;margin-bottom:0.375rem}
.at-fcard-body h3 a{color:inherit}
.at-fcard-body h3 a:hover{color:#2D6A4F}
.at-fcard-date{font-size:0.75rem;color:#6B7280}

/* Content area with sidebar */
.at-content-wrap{display:grid;grid-template-columns:1fr 18rem;gap:clamp(1.5rem,4vw,2.5rem);align-items:start}

/* Recent: list with thumbnail on LEFT */
.at-recent-list{display:flex;flex-direction:column;gap:1rem}
.at-recent-item{display:flex;gap:1rem;align-items:flex-start;padding-bottom:1rem;border-bottom:1px solid #E8E4D9}
.at-recent-item:last-child{border-bottom:none;padding-bottom:0}
.at-recent-thumb{width:7rem;min-width:7rem;aspect-ratio:4/3;object-fit:cover;border-left:3px solid #2D6A4F}
.at-recent-body{flex:1;min-width:0}
.at-recent-body h3{font-size:0.9375rem;font-weight:600;color:#1B4332;line-height:1.35;margin-bottom:0.25rem}
.at-recent-body h3 a{color:inherit}
.at-recent-body h3 a:hover{color:#2D6A4F}
.at-recent-meta{font-size:0.75rem;color:#6B7280;margin-bottom:0.25rem}
.at-recent-summary{font-size:0.8125rem;color:#4B5563;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Sidebar: trending tags */
.at-sidebar-box{background:#fff;border-left:3px solid #1B4332;padding:1.25rem}
.at-sidebar-box h4{font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#1B4332;margin-bottom:0.75rem}
.at-tag-pills{display:flex;flex-wrap:wrap;gap:0.5rem}
.at-pill{display:inline-block;padding:0.3rem 0.75rem;background:#EDF6F0;color:#1B4332;font-size:0.75rem;font-weight:600;border-radius:0.25rem;transition:background 0.15s}
.at-pill:hover{background:#D8F3DC;color:#1B4332}
.at-sidebar-box + .at-sidebar-box{margin-top:1.25rem}

@media(max-width:64rem){
    .at-content-wrap{grid-template-columns:1fr}
    .at-featured-grid{grid-template-columns:1fr}
    .at-featured-grid .at-fcard:nth-child(3){grid-column:span 1}
}
@media(max-width:40rem){
    .at-recent-thumb{width:5.5rem;min-width:5.5rem}
}