/* Wajah bawah beranda berdasarkan rancangan editorial 2026. */

/* Hero tanpa lapisan hitam; keterbacaan dijaga dengan drop shadow teks. */
.aks-hero-slide__shade { background:transparent!important; }
.aks-hero-slide__title {
    color:#fff!important;
    text-shadow:0 2px 3px rgba(0,0,0,.98),0 5px 14px rgba(0,0,0,.9)!important;
}
.aks-hero-slide__excerpt {
    color:#fff!important;
    text-shadow:0 2px 3px rgba(0,0,0,.98),0 4px 10px rgba(0,0,0,.88)!important;
}
.aks-hero-slide__content .aks-chip,
.aks-hero-slide__content .aks-hero-button { text-shadow:0 1px 2px rgba(0,0,0,.55); }

.akl-section { width:100%; padding:4px 16px 28px; box-sizing:border-box; }
.akl-layout { width:100%; max-width:1180px; margin:0 auto; display:grid; grid-template-columns:minmax(0,3.25fr) minmax(235px,1fr); gap:24px; align-items:start; }
.akl-main { min-width:0; display:flex; flex-direction:column; gap:22px; }
.akl-sidebar { min-width:0; display:flex; flex-direction:column; gap:12px; padding-left:18px; border-left:1px dashed #d7cec0; }
.akl-block { min-width:0; }
.akl-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:12px; border-bottom:1px solid #d9cfc1; }
.akl-heading h2 { margin:0!important; color:#342018!important; font-family:Georgia,"Times New Roman",serif!important; font-size:19px!important; line-height:1.2; font-weight:700; text-transform:uppercase; }
.akl-heading div>span { display:block; width:38px; height:2px; margin-top:6px; background:#b8871b; }
.akl-heading>a { padding-bottom:7px; color:#9a6810!important; font:700 9px Arial,sans-serif; text-decoration:none; text-transform:uppercase; white-space:nowrap; }
.akl-empty { grid-column:1/-1; margin:0; padding:18px; border:1px dashed #d8cdbc; border-radius:8px; color:#817268; font:12px Arial,sans-serif; text-align:center; }

/* Berita terkini */
.akl-news-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.akl-news-card { min-width:0; overflow:hidden; border:1px solid #e1d9cd; border-radius:8px; background:#fff; transition:transform .2s ease,box-shadow .2s ease; }
.akl-news-card:hover { transform:translateY(-2px); box-shadow:0 7px 18px rgba(50,29,18,.09); }
.akl-news-card__media { position:relative; display:block; width:100%; aspect-ratio:2.25/1; overflow:hidden; background:#291d17; }
.akl-news-card__media img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.akl-news-card:hover img { transform:scale(1.035); }
.akl-news-card__media span { position:absolute; left:7px; top:7px; max-width:calc(100% - 14px); padding:4px 6px; border-radius:3px; background:#a87816; color:#fff; font:700 7px/1 Arial,sans-serif; text-transform:uppercase; }
.akl-news-card__body { padding:9px 9px 10px; }
.akl-news-card h3 { display:-webkit-box; min-height:30px; margin:0 0 6px!important; overflow:hidden; color:#34261e!important; font:700 11px/1.28 Arial,sans-serif!important; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.akl-news-card h3 a { color:inherit!important; text-decoration:none; }
.akl-news-card time { display:block; margin-bottom:7px; color:#92877e; font:9px Arial,sans-serif; }
.akl-more { color:#95670f!important; font:700 9px Arial,sans-serif; text-decoration:none; }

/* Warisan digital */
.akl-digital-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.akl-digital-card { position:relative; display:block; min-height:150px; overflow:hidden; border-radius:8px; background:#29180f; color:#fff!important; text-decoration:none; }
.akl-digital-card>img,.akl-digital-card>i { position:absolute; inset:0; display:block; width:100%; height:100%; }
.akl-digital-card>img { object-fit:cover; opacity:.76; transition:transform .35s ease; }
.akl-digital-card>i { background:linear-gradient(90deg,rgba(24,13,8,.96),rgba(28,14,8,.7) 58%,rgba(28,14,8,.1)); }
.akl-digital-card:hover>img { transform:scale(1.035); }
.akl-digital-card__content { position:relative; z-index:2; display:grid; grid-template-columns:45px minmax(0,1fr); gap:12px; align-items:start; padding:23px 20px; }
.akl-round-icon { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border:2px solid #d3aa4b; border-radius:50%; color:#e8bd55; font:700 20px Georgia,serif; }
.akl-digital-card h3 { margin:0 0 7px!important; color:#fff!important; font:700 17px/1.15 Georgia,serif!important; text-transform:uppercase; }
.akl-digital-card p { max-width:270px; margin:0 0 12px; color:#eee3da; font:10px/1.4 Arial,sans-serif; }
.akl-digital-card strong { color:#d9a52c; font:700 10px Arial,sans-serif; }

/* Srawung dan agenda */
.akl-bottom-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr); gap:22px; }
.akl-community-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.akl-community-card { display:grid; grid-template-columns:58px minmax(0,1fr); gap:9px; min-width:0; padding:7px; border:1px solid #e5ddd2; border-radius:7px; background:#fff; color:#34261e!important; text-decoration:none; }
.akl-community-card img { display:block; width:58px; height:78px; border-radius:5px; object-fit:cover; }
.akl-community-card h3 { display:-webkit-box; margin:1px 0 4px!important; overflow:hidden; color:#34261e!important; font:700 10px/1.22 Arial,sans-serif!important; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.akl-community-card p { display:-webkit-box; margin:0 0 7px; overflow:hidden; color:#81756c; font:8px/1.3 Arial,sans-serif; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.akl-community-card small { color:#397694; font:700 7px Arial,sans-serif; }
.akl-agenda-list { display:flex; flex-direction:column; gap:8px; }
.akl-agenda-item { display:grid; grid-template-columns:47px minmax(0,1fr); gap:11px; align-items:center; padding:7px; border:1px solid #e2d8ca; border-radius:7px; background:#fff; color:#34261e!important; text-decoration:none; }
.akl-agenda-item>time { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:54px; border-radius:5px; background:#9b6d15; color:#fff; }
.akl-agenda-item>time b { font:700 20px/1 Georgia,serif; }
.akl-agenda-item>time span { margin-top:4px; font:700 8px Arial,sans-serif; }
.akl-agenda-item h3 { display:-webkit-box; margin:0 0 4px!important; overflow:hidden; color:#34261e!important; font:700 10px/1.25 Arial,sans-serif!important; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.akl-agenda-item p,.akl-agenda-item small { display:block; margin:0; overflow:hidden; color:#81756c; font:8px/1.35 Arial,sans-serif; text-overflow:ellipsis; white-space:nowrap; }

/* Sidebar */
.akl-social-list { display:flex; flex-direction:column; gap:7px; }
.akl-social-link { display:grid; grid-template-columns:22px minmax(0,1fr) auto; gap:8px; align-items:center; min-height:37px; padding:7px 11px; border-radius:5px; color:#fff!important; font:700 10px Arial,sans-serif; text-decoration:none; }
.akl-social-link>b { display:flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:4px; background:rgba(255,255,255,.15); font-size:8px; }
.akl-social-link>strong { font-size:15px; }
.akl-social-link--instagram { background:linear-gradient(90deg,#a431b1,#e45052,#f3a947); }
.akl-social-link--facebook { background:#3c63a3; }
.akl-social-link--youtube { background:#ca2c2c; }
.akl-social-link--tiktok { background:#080808; }
.akl-social-link--twitter { background:#17191b; }
.akl-calendar-card { position:relative; display:block; min-height:125px; overflow:hidden; border-radius:8px; color:#fff!important; text-decoration:none; }
.akl-calendar-card>img,.akl-calendar-card>i { position:absolute; inset:0; display:block; width:100%; height:100%; }
.akl-calendar-card>img { object-fit:cover; }
.akl-calendar-card>i { background:linear-gradient(90deg,rgba(35,19,12,.82),rgba(35,19,12,.25)); }
.akl-calendar-card>strong { position:absolute; left:18px; top:50%; z-index:2; transform:translateY(-50%); font:700 14px/1.25 Georgia,serif; }
.akl-calendar-card>b { position:absolute; right:16px; bottom:15px; z-index:2; display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; background:#fff; color:#2d1d15; font-size:16px; }

@media (max-width:960px) {
    .akl-layout { grid-template-columns:minmax(0,1fr) 210px; gap:17px; }
    .akl-news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .akl-bottom-grid { grid-template-columns:1fr; }
    .akl-community-card { grid-template-columns:54px minmax(0,1fr); }
    .akl-community-card img { width:54px; }
}
@media (max-width:700px) {
    .akl-section { padding:18px 12px 26px; }
    .akl-layout { display:block; }
    .akl-main { gap:24px; }
    .akl-sidebar { margin-top:25px; padding:0; border-left:0; }
    .akl-heading h2 { font-size:17px!important; }
    .akl-news-grid { grid-template-columns:1fr; gap:11px; }
    .akl-news-card { display:grid; grid-template-columns:120px minmax(0,1fr); }
    .akl-news-card__media { height:100%; min-height:116px; aspect-ratio:auto; }
    .akl-news-card h3 { min-height:0; }
    .akl-digital-grid { grid-template-columns:1fr; }
    .akl-digital-card { min-height:165px; }
    .akl-community-grid { grid-template-columns:1fr; }
    .akl-community-card { grid-template-columns:78px minmax(0,1fr); }
    .akl-community-card img { width:78px; height:82px; }
    .akl-community-card h3 { font-size:12px!important; }
    .akl-community-card p { font-size:10px; }
    .akl-ad-slot { width:min(100%,360px); margin-left:auto; margin-right:auto; }
    .akl-calendar-card { width:min(100%,360px); margin:0 auto; }
}
@media (max-width:390px) {
    .akl-digital-card__content { grid-template-columns:36px minmax(0,1fr); padding:20px 15px; }
    .akl-round-icon { width:33px; height:33px; font-size:16px; }
    .akl-digital-card h3 { font-size:14px!important; }
}