:root{--green:#0b7a55;--gold:#ffc857;--dark:#10231d;--soft:#f3faf7;--blue:#0b5e8e}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:#1f2937;background:#f7faf9}.wrap{max-width:1180px;margin:auto;padding:0 18px}.topbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.06)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--dark)}.brand small{display:block;color:#64748b}.logo{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--green),#17a673);color:white;display:grid;place-items:center;font-weight:900;box-shadow:0 12px 22px rgba(11,122,85,.25)}nav{display:flex;flex-wrap:wrap;gap:8px}nav a{color:#334155;text-decoration:none;padding:10px 12px;border-radius:12px;font-weight:700}.login,nav a:hover{background:#e6f6ef;color:var(--green)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,#ffe9a3 0,transparent 24%),linear-gradient(135deg,#064e3b,#0b7a55 48%,#0b5e8e);color:white}.hero:before{content:"";position:absolute;inset:auto -80px -120px auto;width:420px;height:420px;border-radius:50%;border:38px solid rgba(255,200,87,.35)}.hero:after{content:"TUGU KHATULISTIWA • SUNGAI KAPUAS • PONTIANAK";position:absolute;right:-35px;bottom:38px;transform:rotate(-8deg);font-weight:900;letter-spacing:4px;color:rgba(255,255,255,.16);font-size:28px}.hero .wrap{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding-top:62px;padding-bottom:62px}.badge{display:inline-flex;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);padding:8px 12px;border-radius:999px;font-weight:800}.hero h1{font-size:clamp(34px,5vw,64px);line-height:1;margin:18px 0}.hero p{font-size:18px;line-height:1.7;opacity:.94}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-block;border:0;border-radius:14px;padding:12px 18px;font-weight:900;text-decoration:none;cursor:pointer}.btn.primary{background:var(--gold);color:#1f2937}.btn.light{background:white;color:var(--green)}.hero-card{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:28px;padding:22px;box-shadow:0 22px 50px rgba(0,0,0,.18)}.equator{height:260px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.05)),repeating-linear-gradient(90deg,transparent 0 18px,rgba(255,255,255,.08) 18px 20px);display:grid;place-items:center;text-align:center}.equator b{font-size:32px}.section{padding:46px 0}.title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.title h2{margin:0;font-size:30px;color:var(--dark)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border-radius:22px;padding:18px;box-shadow:0 14px 35px rgba(15,23,42,.08);border:1px solid #e7f0ec}.card img{width:100%;height:190px;object-fit:cover;border-radius:16px;background:#dbeafe}.meta{color:#64748b;font-size:13px;font-weight:700}.card h3{margin:10px 0;color:#10231d}.card a{color:var(--green);font-weight:900;text-decoration:none}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick a{background:#fff;border:1px solid #e7f0ec;border-radius:18px;padding:18px;text-decoration:none;color:#10231d;font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.05)}footer{background:#0f231d;color:white;margin-top:46px;padding:34px 0 0}.footergrid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:20px}.copy{text-align:center;padding:16px;background:#091611;color:#a7f3d0;margin-top:22px}.pagehead{background:linear-gradient(135deg,#064e3b,#0b7a55);color:white;padding:38px 0}.formbox{background:white;border-radius:18px;padding:20px;box-shadow:0 12px 28px rgba(0,0,0,.08);margin:25px 0}.input,textarea,select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:12px;margin:6px 0 14px}table{width:100%;border-collapse:collapse;background:white;border-radius:16px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left}.adminbar{background:#10231d;color:white;padding:14px}.adminbar a{color:white;margin-right:12px}.msg{padding:12px;border-radius:12px;background:#dcfce7;color:#166534;margin:12px 0}.danger{background:#fee2e2;color:#991b1b}@media(max-width:800px){.hero .wrap,.grid,.quick,.footergrid{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}nav a{padding:8px}.hero-card{display:none}.title{display:block}.card img{height:170px}}


/* =========================================================
   PATCH FINAL - JUDUL BERITA & KEGIATAN LEBIH KECIL/RAPI
   Upload file ini sebagai assets/css/style.css
   ========================================================= */

.card h3,
.news-card h3,
.berita-card h3,
.kegiatan-card h3,
.card-berita h3,
.card-kegiatan h3{
    font-size:16px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
    color:#10231d !important;
    margin:8px 0 10px !important;

    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}

.card p,
.news-card p,
.berita-card p,
.kegiatan-card p,
.card-berita p,
.card-kegiatan p{
    font-size:14px !important;
    line-height:1.55 !important;
    color:#334155 !important;

    display:-webkit-box !important;
    -webkit-line-clamp:4 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}

.card .meta,
.news-card .meta,
.berita-card .meta,
.kegiatan-card .meta,
.card-berita .meta,
.card-kegiatan .meta,
.meta{
    font-size:12px !important;
    line-height:1.2 !important;
    color:#64748b !important;
    font-weight:700 !important;
}

.card a,
.news-card a,
.berita-card a,
.kegiatan-card a,
.card-berita a,
.card-kegiatan a{
    font-size:14px !important;
    font-weight:800 !important;
}

/* Gambar card tetap rapi */
.card img,
.news-card img,
.berita-card img,
.kegiatan-card img,
.card-berita img,
.card-kegiatan img{
    width:100% !important;
    height:190px !important;
    object-fit:cover !important;
    border-radius:16px !important;
}

/* Responsive HP */
@media(max-width:800px){
    .card h3,
    .news-card h3,
    .berita-card h3,
    .kegiatan-card h3,
    .card-berita h3,
    .card-kegiatan h3{
        font-size:15px !important;
        line-height:1.3 !important;
    }

    .card p,
    .news-card p,
    .berita-card p,
    .kegiatan-card p,
    .card-berita p,
    .card-kegiatan p{
        font-size:13px !important;
    }

    .card img,
    .news-card img,
    .berita-card img,
    .kegiatan-card img,
    .card-berita img,
    .card-kegiatan img{
        height:165px !important;
    }
}
/* =====================================
   CARD BERITA & KEGIATAN PREMIUM
===================================== */

/* kotak hijau atas */
.card img{
    height:140px !important;
    object-fit:cover;
    border-radius:18px 18px 0 0;
}

/* jika pakai div hijau */
.card .thumb,
.card .cover,
.card .image{
    height:120px !important;
    min-height:120px !important;

    border-radius:18px 18px 0 0;

    background:
    linear-gradient(135deg,#1f7a5a,#155e75) !important;

    display:flex;
    align-items:center;
    justify-content:center;
}

/* tulisan berita/kegiatan */
.card .thumb span,
.card .cover span,
.card .image span,
.badge{
    font-size:15px !important;
    padding:8px 18px !important;

    border-radius:999px !important;

    background:rgba(255,255,255,.12) !important;
    backdrop-filter:blur(8px);

    color:white !important;
    font-weight:700 !important;

    border:1px solid rgba(255,255,255,.18);
}

/* card */
.card{
    overflow:hidden;
    border-radius:24px !important;
    transition:.3s;
}

/* hover */
.card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

/* judul */
.card h3{
    font-size:18px !important;
    line-height:1.35 !important;
    margin-top:10px;
}

/* isi */
.card p{
    font-size:14px !important;
    line-height:1.7 !important;
}

/* mobile */
@media(max-width:768px){

    .card .thumb,
    .card .cover,
    .card .image{
        height:95px !important;
        min-height:95px !important;
    }

    .card h3{
        font-size:16px !important;
    }

}
/* =====================================
   STYLE PORTAL BERITA MODERN
===================================== */

.grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:28px !important;
}

/* card */
.card{
    background:transparent !important;
    box-shadow:none !important;
    border:none !important;
    padding:0 !important;
    border-radius:0 !important;
    overflow:hidden;
}

/* gambar */
.card img{
    width:100% !important;
    height:170px !important;
    object-fit:cover !important;
    border-radius:10px !important;
    margin-bottom:12px !important;
}

/* sembunyikan kotak hijau */
.badge,
.card .thumb,
.card .cover,
.card .image{
    display:none !important;
}

/* judul */
.card h3{
    font-size:18px !important;
    line-height:1.35 !important;
    margin:0 0 10px !important;
    color:#111827 !important;
    font-weight:700 !important;
}

/* isi */
.card p{
    display:none !important;
}

/* meta */
.meta{
    font-size:14px !important;
    color:#6b7280 !important;
    margin-top:8px !important;
}

/* link */
.card a{
    text-decoration:none !important;
    color:#111827 !important;
}

/* hover */
.card:hover h3{
    color:#0b7a55 !important;
}

/* section title */
.title h2{
    font-size:38px !important;
    font-weight:900 !important;
}

/* mobile */
@media(max-width:900px){

    .grid{
        grid-template-columns:1fr !important;
    }

    .card img{
        height:200px !important;
    }

}