/* Homepage spacing refinement around the digital document section. */
.home .lpmpp-home-pre-doc-section {
    margin-bottom: 0 !important;
    padding-bottom: 18px !important;
}

.home .lpmpp-home-doc-section {
    margin-top: 0 !important;
    padding-top: 22px !important;
}

.home .lpmpp-home-doc-section .section-head,
.home .lpmpp-home-doc-section .wp-block-group:first-child {
    margin-top: 0 !important;
}

.home .lpmpp-home-doc-section .section-head__kicker,
.home .lpmpp-home-doc-section p:first-child {
    margin-top: 0 !important;
}

/* Make only the four cards immediately above Pusat Dokumen more compact. */
.home .lpmpp-home-compact-card {
    min-height: 118px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    box-sizing: border-box !important;
}

.home .lpmpp-home-compact-card h2,
.home .lpmpp-home-compact-card h3,
.home .lpmpp-home-compact-card h4 {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    line-height: 1.2 !important;
}

.home .lpmpp-home-compact-card p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.5 !important;
}

@media (max-width: 900px) {
    .home .lpmpp-home-pre-doc-section {
        padding-bottom: 14px !important;
    }

    .home .lpmpp-home-doc-section {
        padding-top: 18px !important;
    }

    .home .lpmpp-home-compact-card {
        min-height: 104px !important;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
}

@media (max-width: 640px) {
    .home .lpmpp-home-pre-doc-section {
        padding-bottom: 10px !important;
    }

    .home .lpmpp-home-doc-section {
        padding-top: 14px !important;
    }

    .home .lpmpp-home-compact-card {
        min-height: 0 !important;
    }
}


/* Homepage modern about section: "Mengawal mutu, menggerakkan perubahan." */
.home .lpmpp-home-about-section {
    position: relative !important;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(121, 0, 30, .08);
    background:
        radial-gradient(circle at 88% 16%, rgba(232, 185, 79, .16) 0, rgba(232, 185, 79, 0) 28%),
        radial-gradient(circle at 8% 86%, rgba(121, 0, 30, .10) 0, rgba(121, 0, 30, 0) 31%),
        linear-gradient(135deg, #fffdfb 0%, #fff8f4 48%, #fbf5f7 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 18px 50px rgba(52, 28, 34, .045);
}

.home .lpmpp-home-about-section::before,
.home .lpmpp-home-about-section::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    border-radius: 999px;
}

.home .lpmpp-home-about-section::before {
    width: 310px;
    height: 310px;
    right: -120px;
    top: -150px;
    border: 1px solid rgba(121,0,30,.10);
    box-shadow:
        0 0 0 34px rgba(121,0,30,.025),
        0 0 0 70px rgba(232,185,79,.022);
}

.home .lpmpp-home-about-section::after {
    width: 180px;
    height: 180px;
    left: -90px;
    bottom: -100px;
    background: linear-gradient(145deg, rgba(121,0,30,.08), rgba(232,185,79,.05));
    filter: blur(1px);
}

.home .lpmpp-home-about-section > * {
    position: relative;
    z-index: 1;
}

.home .lpmpp-home-about-section a {
    transition: transform .2s ease, color .2s ease, box-shadow .2s ease !important;
}

.home .lpmpp-home-about-section a:hover {
    transform: translateY(-2px);
}

.home .lpmpp-home-about-section [class*="card"],
.home .lpmpp-home-about-section article {
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

@media (max-width: 780px) {
    .home .lpmpp-home-about-section::before {
        width: 230px;
        height: 230px;
        right: -120px;
        top: -110px;
    }

    .home .lpmpp-home-about-section::after {
        width: 140px;
        height: 140px;
    }
}


/* Compact homepage news list. */
.home .home-news-compact{
    padding-top:56px!important;
    padding-bottom:56px!important;
    background:linear-gradient(180deg,#fff9fa 0%,#fff 100%)!important;
}
.home .home-news-shell{
    width:min(1160px,calc(100vw - 44px))!important;
    max-width:1160px!important;
    margin-inline:auto!important;
}
.home .home-news-shell>h2{
    margin:0 0 4px!important;
    font-size:clamp(25px,2.4vw,32px)!important;
    line-height:1.2!important;
    letter-spacing:-.025em!important;
}
.home .home-news-subtitle{
    margin:0 0 22px!important;
    color:#758094!important;
    font-size:13.5px!important;
}
.home .home-news-query{
    overflow:hidden;
    margin:0!important;
    border:1px solid #eadfe2;
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 28px rgba(45,0,13,.04);
}
.home .home-news-query .wp-block-post-template{
    display:block!important;
    gap:0!important;
    row-gap:0!important;
    margin:0!important;
    padding:0!important;
}
.home .home-news-item{
    display:grid!important;
    grid-template-columns:145px minmax(0,1fr)!important;
    gap:16px!important;
    align-items:center!important;
    margin:0!important;
    padding:14px 16px!important;
    border-top:1px solid #eee8ea;
    background:#fff;
    transition:background .18s ease;
}
.home .home-news-item:first-child{border-top:0}
.home .home-news-item:hover{background:#fdf9fa}
.home .home-news-thumb{
    width:145px!important;
    height:94px!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:9px!important;
    background:#f5eff1!important;
}
.home .home-news-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
.home .home-news-copy{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
}
.home .home-news-meta{
    display:flex!important;
    gap:7px!important;
    align-items:center!important;
    margin:0 0 5px!important;
}
.home .home-news-meta,
.home .home-news-meta a,
.home .home-news-meta time,
.home .home-news-meta p{
    font-size:11.5px!important;
    line-height:1.2!important;
}
.home .home-news-category a{
    display:inline-flex!important;
    padding:4px 7px!important;
    border-radius:4px!important;
    background:#f6e7eb!important;
    color:#8b001f!important;
    font-size:10.5px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
}
.home .home-news-dot{margin:0!important;color:#8b94a4!important}
.home .home-news-meta time{color:#748094!important}
.home .home-news-title{
    margin:0 0 5px!important;
    font-size:18px!important;
    line-height:1.35!important;
    letter-spacing:-.01em!important;
}
.home .home-news-title a{
    color:#182033!important;
    text-decoration:none!important;
}
.home .home-news-title a:hover{color:#8b001f!important}
.home .home-news-excerpt{margin:0!important}
.home .home-news-excerpt p{
    display:-webkit-box;
    margin:0!important;
    overflow:hidden;
    color:#6f7a8c!important;
    font-size:13.5px!important;
    line-height:1.55!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.home .home-news-more{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:18px 18px 4px!important;
    border-top:1px solid #eee8ea;
    text-align:center!important;
}
.home .home-news-more a{
    color:#8b001f!important;
    font-size:14px!important;
    font-weight:800!important;
    text-decoration:none!important;
}
.home .home-news-more span{
    display:inline-block;
    margin-left:7px;
    font-size:18px;
    line-height:1;
    transition:transform .2s ease;
}
.home .home-news-more a:hover span{transform:translateX(3px)}

@media(max-width:700px){
    .home .home-news-compact{
        width:100%!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
        padding-top:38px!important;
        padding-right:0!important;
        padding-bottom:38px!important;
        padding-left:0!important;
        box-sizing:border-box!important;
    }
    .home .home-news-compact > .home-news-shell,
    .home .home-news-shell{
        width:calc(100% - 28px)!important;
        max-width:none!important;
        margin-left:auto!important;
        margin-right:auto!important;
        padding-left:0!important;
        padding-right:0!important;
        box-sizing:border-box!important;
    }
    .home .home-news-shell>h2{
        margin-bottom:5px!important;
        font-size:26px!important;
        line-height:1.18!important;
    }
    .home .home-news-subtitle{
        margin-bottom:18px!important;
        font-size:12.5px!important;
        line-height:1.55!important;
    }
    .home .home-news-query{
        width:100%!important;
        max-width:100%!important;
        margin-left:auto!important;
        margin-right:auto!important;
        border-radius:15px!important;
        box-sizing:border-box!important;
    }
    .home .home-news-query .wp-block-post-template{
        display:block!important;
        gap:0!important;
        row-gap:0!important;
        margin:0!important;
        padding:0!important;
    }
    .home .home-news-item{
        display:grid!important;
        grid-template-columns:92px minmax(0,1fr)!important;
        gap:12px!important;
        align-items:start!important;
        min-height:112px!important;
        margin:0!important;
        padding:14px 12px!important;
        border-top:1px solid #eee8ea!important;
    }
    .home .home-news-item:first-child{
        border-top:0!important;
    }
    .home .home-news-thumb{
        width:92px!important;
        height:72px!important;
        margin:2px 0 0!important;
        border-radius:8px!important;
    }
    .home .home-news-copy{
        display:flex!important;
        flex-direction:column!important;
        justify-content:flex-start!important;
        min-width:0!important;
        min-height:74px!important;
        padding:0!important;
    }
    .home .home-news-meta{
        flex-wrap:nowrap!important;
        gap:6px!important;
        margin:0 0 5px!important;
        white-space:nowrap!important;
    }
    .home .home-news-meta,
    .home .home-news-meta a,
    .home .home-news-meta time,
    .home .home-news-meta p{
        font-size:9.5px!important;
        line-height:1.15!important;
    }
    .home .home-news-category a{
        padding:4px 7px!important;
        font-size:9px!important;
    }
    .home .home-news-title{
        margin:0 0 4px!important;
        font-size:14.5px!important;
        line-height:1.32!important;
        letter-spacing:-.005em!important;
    }
    .home .home-news-excerpt{
        min-width:0!important;
        margin:0!important;
    }
    .home .home-news-excerpt p{
        overflow:hidden!important;
        font-size:11.5px!important;
        line-height:1.45!important;
        white-space:nowrap!important;
        text-overflow:ellipsis!important;
        display:block!important;
    }
    .home .home-news-more{
        width:100%!important;
        margin:10px auto 0!important;
        padding:14px 12px 0!important;
        border-top:0!important;
        text-align:center!important;
    }
    .home .home-news-more a{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:6px!important;
        font-size:13px!important;
        line-height:1.2!important;
    }
    .home .home-news-more span{
        margin-left:0!important;
        font-size:17px!important;
    }
}

@media(max-width:430px){
    .home .home-news-compact > .home-news-shell,
    .home .home-news-shell{
        width:calc(100% - 24px)!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }
    .home .home-news-item{
        grid-template-columns:86px minmax(0,1fr)!important;
        gap:11px!important;
        min-height:106px!important;
        padding:13px 11px!important;
    }
    .home .home-news-thumb{
        width:86px!important;
        height:68px!important;
    }
    .home .home-news-title{
        font-size:14px!important;
        line-height:1.3!important;
    }
    .home .home-news-meta,
    .home .home-news-meta a,
    .home .home-news-meta time,
    .home .home-news-meta p{
        font-size:9px!important;
    }
}