header nav{display:flex;flex-wrap:wrap;gap:18px}.activity-fields{border:1px solid #9eaf9b;border-radius:10px;padding:18px}.activity-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px}.activity-gallery figure{margin:0}.activity-gallery img{width:100%;height:220px;object-fit:cover;border-radius:10px}.activity-gallery figcaption{font-size:16px;line-height:1.5}.activity-video{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:10px}.admin-types,.article-pagination{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:24px 0}.admin-types a{padding:10px 15px;border:1px solid #71866c;border-radius:30px}.admin-types a[aria-current]{background:#23402e;color:white}.article-search{margin:28px 0;max-width:760px}.article-search label{font-size:18px}.article-search-row{display:flex;gap:12px;align-items:center}.article-search input{min-width:0;flex:1;margin:0}.article-search .button{width:auto;flex-shrink:0}.gallery-admin{display:flex;flex-wrap:wrap;gap:12px}.gallery-admin img{width:130px;height:100px;object-fit:cover}.blog-form [hidden]{display:none!important}@media(max-width:600px){header nav{gap:12px}.article-search-row{flex-wrap:wrap}.article-search input{flex-basis:100%}.article-search .button{width:100%}}

@media(max-width:700px){header{flex-wrap:wrap}header nav{display:flex!important;order:3;width:100%;justify-content:center;gap:12px 20px;font-size:16px}header nav a{white-space:nowrap}}

/* Navigasi utama sebagai tombol yang mudah dikenali. */
header nav[aria-label="Navigasi utama"],header nav[aria-label="Navigasi"]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}
header nav[aria-label="Navigasi utama"] a,header nav[aria-label="Navigasi"] a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 17px;border:1px solid #58715d;border-radius:999px;background:#fffef8;color:#243e30;font-size:16px;font-weight:600;line-height:1.35;text-align:center;text-decoration:none;white-space:nowrap;box-sizing:border-box;box-shadow:0 2px 5px #243e300a;transition:background .15s,color .15s,box-shadow .15s}
header nav[aria-label="Navigasi utama"] a:hover,header nav[aria-label="Navigasi"] a:hover{background:#243e30;color:#fff;box-shadow:0 3px 9px #243e3020}
header nav[aria-label="Navigasi utama"] a:focus-visible,header nav[aria-label="Navigasi"] a:focus-visible{outline:3px solid #849d3f;outline-offset:3px;background:#e4e9c9;color:#243e30}
header nav[aria-label="Navigasi utama"] a:active,header nav[aria-label="Navigasi"] a:active{background:#dce7d5}
@media(max-width:1200px){header{flex-wrap:wrap}header nav[aria-label="Navigasi utama"],header nav[aria-label="Navigasi"]{order:3;width:100%;gap:9px}}
@media(max-width:700px){header nav[aria-label="Navigasi utama"] a,header nav[aria-label="Navigasi"] a{min-height:46px;padding:10px 14px;font-size:16px}header nav[aria-label="Navigasi utama"],header nav[aria-label="Navigasi"]{gap:8px}}
@media(prefers-reduced-motion:reduce){header nav a{transition:none!important}}