@font-face{font-family:HomeSerif;src:url('../Assets_Home/Font_home/Judul_dan_Identitas/LibreBaskerville.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:Poppins;src:url('../Assets_Home/Font_home/Teks_dan_Navigasi/PoppinsRegular.ttf') format('truetype');font-display:swap}
:root{--green:#143e35;--muted:#526b62;--lime:#d5eb88;--paper:#f6f7f2;--line:#d6dfd3}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--green);font:14px/1.7 Poppins,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #678e2b;outline-offset:5px}[hidden]{display:none!important}.wrap{max-width:1320px;margin:auto;padding-left:64px;padding-right:64px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:116px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px}.brand img{object-fit:contain}.brand span{font:26px HomeSerif,Georgia,serif}.brand small{display:block;font:11px Poppins,sans-serif;letter-spacing:1px;margin-top:8px;color:var(--muted)}.header nav{display:flex;gap:32px}.header nav a{padding:14px 0}.header [aria-current=page]{border-bottom:3px solid #809f3c}.breadcrumb{display:flex;gap:14px;color:var(--muted);font-size:12px;margin-bottom:32px}.breadcrumb a:hover{text-decoration:underline}.intro{padding-top:30px;padding-bottom:42px}.intro-copy{display:grid;grid-template-columns:1.4fr 1fr;gap:65px;align-items:center;margin-bottom:32px}h1{font:400 clamp(32px,3.3vw,48px)/1.25 HomeSerif,Georgia,serif;letter-spacing:-1.5px;margin:0}.intro-copy p{font-size:15px;color:var(--muted);max-width:370px;margin:0}#search-tools label{display:block;font-size:12px;margin-bottom:9px}.search-box{display:flex;align-items:center;gap:16px;background:white;border:1px solid #9eafa2;border-radius:14px;max-width:770px;padding:8px 20px;min-height:62px}.search-box>span{font:34px Georgia,serif}.search-box input{width:100%;min-width:0;border:0;background:none;color:var(--green);padding:8px 0;outline-offset:2px}.search-box button{border:0;background:var(--paper);color:var(--green);padding:8px;border-radius:6px}.directory{display:grid;grid-template-columns:235px minmax(0,1fr);gap:46px;padding-bottom:48px}.directory h2{font-size:14px;margin:0 0 19px}.categories{display:flex;flex-direction:column;gap:5px}.categories button{text-align:left;border:0;background:transparent;color:var(--muted);padding:13px 16px;border-radius:9px;line-height:1.6}.categories button:hover{background:#e9eee3}.categories [aria-pressed=true]{background:var(--green);color:white}.category-note{font-size:11px;color:var(--muted);margin-top:22px;padding:0 16px}.results{min-width:0}.results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid var(--green)}.results-heading p{margin:0;font-size:12px;color:var(--muted)}.service-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.service-content{max-width:470px}.service-category{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#5b735a;margin:0 0 6px}.service-card h3{font:400 23px/1.4 HomeSerif,Georgia,serif;margin:0 0 8px}.service-content>p:last-child{font-size:12px;color:var(--muted);margin:0}.service-action{white-space:nowrap;font-size:11px;border:1px solid #a7b7a5;border-radius:24px;padding:10px 15px;display:flex;gap:16px;align-items:center;min-height:44px}.service-action:hover{background:var(--lime);border-color:var(--lime)}.service-action span{font-size:19px}.planned{font-size:10px;white-space:nowrap;color:#786137;background:#efeadd;padding:7px 12px;border-radius:20px}.empty{padding:40px 20px;text-align:center;background:#edf1e7;margin-top:20px;border-radius:14px}.empty h3{font:24px HomeSerif,serif}.empty button{border:0;border-radius:25px;background:var(--green);color:white;padding:12px 20px}.help{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:32px;padding-bottom:32px;background:var(--green);color:var(--paper)}.help h2{font:22px/1.5 HomeSerif,serif;margin:0 0 7px}.help p{font-size:12px;color:#d0dcd2;margin:0}.help a{flex-shrink:0;font-size:12px;color:var(--lime);padding:12px 0}.footer{display:flex;justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:28px;font-size:10px;color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;background:var(--lime);padding:12px;z-index:10}.skip:focus{top:10px}
.directory:has(>aside[hidden]){display:block}
@media(max-width:850px){.wrap{padding-left:25px;padding-right:25px}.intro-copy{gap:25px}.directory{grid-template-columns:190px minmax(0,1fr);gap:25px}.service-card{align-items:flex-start;flex-direction:column;gap:15px}.help{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:600px){.wrap{padding-left:20px;padding-right:20px}.header{min-height:105px;flex-wrap:wrap;gap:10px;padding-top:18px;padding-bottom:13px}.brand span{font-size:20px}.brand small{font-size:9px}.brand img{width:33px;height:42px}.header nav{gap:22px;font-size:12px}.intro{padding-top:22px;padding-bottom:28px}.breadcrumb{margin-bottom:25px}.intro-copy{display:block;margin-bottom:24px}h1{font-size:33px;letter-spacing:-1px}.intro-copy p{margin-top:20px;font-size:13px}.search-box{gap:10px;padding:8px 12px}.search-box input{font-size:12px}.directory{display:block}.categories{flex-direction:row;flex-wrap:wrap;gap:7px}.categories button{font-size:11px;border:1px solid var(--line);padding:9px 12px}.category-note{padding:0;margin:13px 0 25px}.directory h2{margin-bottom:14px}.service-card h3{font-size:22px}.service-card{padding:22px 0}.footer{flex-direction:column;gap:8px}.help h2{font-size:21px}}