.ppid-announcement-page{background-color:var(--cream);background-image:linear-gradient(rgba(17,107,77,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(17,107,77,.045) 1px,transparent 1px);background-size:72px 72px;color:var(--ink);font:16px/1.65 "Roboto",sans-serif}
.ppid-announcement-page .site-header{position:sticky;top:37px;z-index:20}
.ppid-announcement-page .nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.ppid-announcement-page .brand{display:inline-flex;align-items:center}.ppid-announcement-page .brand-logo{display:block;width:205px;height:58px;object-fit:contain;object-position:left center}
.ppid-announcement-page .back-link{color:var(--green);font-weight:800;text-decoration:none}.ppid-announcement-page .back-link:hover{text-decoration:underline}
.announcement-detail-hero{padding:58px 0 52px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(255,253,248,.96),rgba(230,239,230,.92))}
.announcement-detail-hero .breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;color:var(--muted);font-size:.78rem}.announcement-detail-hero .breadcrumb a{color:var(--green);text-decoration:none}.announcement-detail-hero .breadcrumb strong{color:var(--ink)}
.announcement-detail-hero .eyebrow{margin:0 0 12px;color:#a65a3e;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.announcement-detail-hero h1{max-width:900px;margin:0;font:800 clamp(2rem,5vw,4rem)/1.08 "Poppins",sans-serif;letter-spacing:-.04em}
.announcement-detail-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.announcement-detail-meta span,.announcement-detail-meta time{padding:7px 11px;border:1px solid rgba(17,107,77,.18);border-radius:999px;background:#fff;color:var(--green);font-size:.78rem;font-weight:700}
.announcement-detail-content{padding:54px 0 76px}.announcement-detail-card{max-width:900px;margin:auto;padding:clamp(24px,5vw,54px);border:1px solid var(--line);border-radius:16px;background:#fffdf8;box-shadow:0 18px 50px rgba(7,63,49,.09)}
.announcement-detail-image{margin:0 0 34px}.announcement-detail-image img{display:block;width:100%;height:auto;border-radius:10px}
.announcement-editor-content{color:var(--ink)}.announcement-editor-content>:first-child{margin-top:0}.announcement-editor-content>:last-child{margin-bottom:0}.announcement-editor-content a{color:var(--green);font-weight:700}.announcement-editor-content img{max-width:100%;height:auto}.announcement-editor-content iframe{max-width:100%}
.announcement-footer{padding:24px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}.announcement-footer .container{display:flex;justify-content:space-between;gap:20px}.announcement-footer strong{color:var(--deep)}
html.dark-mode .ppid-announcement-page{background-color:#071c19;background-image:linear-gradient(rgba(225,182,78,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(225,182,78,.025) 1px,transparent 1px);color:#f5f1e8}
html.dark-mode .ppid-announcement-page .site-header{border-color:#294b43;background:rgba(7,28,25,.96)}html.dark-mode .ppid-announcement-page .brand-logo{content:url("../images/logo-ppid-paser-gelap.svg")}html.dark-mode .ppid-announcement-page .back-link{color:#e3bd61}
html.dark-mode .announcement-detail-hero{border-color:#294b43;background:linear-gradient(135deg,#0d2925,#0a211e)}html.dark-mode .announcement-detail-hero .breadcrumb{color:#b5c6bf}html.dark-mode .announcement-detail-hero .breadcrumb a,html.dark-mode .announcement-detail-hero .eyebrow{color:#e3bd61}html.dark-mode .announcement-detail-hero .breadcrumb strong{color:#f5f1e8}
html.dark-mode .announcement-detail-meta span,html.dark-mode .announcement-detail-meta time{border-color:#3a5b52;background:#10322c;color:#efc85f}html.dark-mode .announcement-detail-card{border-color:#315048;background:#0d2925;box-shadow:0 18px 50px rgba(0,0,0,.28)}html.dark-mode .announcement-editor-content{color:#e4ece8}html.dark-mode .announcement-editor-content a{color:#efc85f}html.dark-mode .announcement-footer{border-color:#294b43;color:#b5c6bf}html.dark-mode .announcement-footer strong{color:#f5f1e8}
@media(max-width:1100px){.ppid-announcement-page .topbar{position:relative}.ppid-announcement-page .site-header{top:0}.ppid-announcement-page .brand-logo{width:180px}}
@media(max-width:650px){.ppid-announcement-page .nav{min-height:68px}.ppid-announcement-page .brand-logo{width:148px;height:48px}.ppid-announcement-page .back-link span{display:none}.announcement-detail-hero{padding:38px 0}.announcement-detail-content{padding:30px 0 46px}.announcement-detail-card{padding:22px;border-radius:12px}.announcement-footer .container{display:grid}.announcement-detail-meta{display:grid;grid-template-columns:1fr}.announcement-detail-meta span,.announcement-detail-meta time{text-align:center}}
/* Tampilan detail pengumuman. */