.citizen-public{padding-top:35px;padding-bottom:55px}.citizen-public-heading{max-width:760px;margin-bottom:35px}.citizen-public-heading>span{color:#c96239;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}html[data-theme=dark] .citizen-public-heading>span{color:#e77d54}.citizen-public-heading h1{margin:12px 0;font-size:42px;font-weight:800}.citizen-public-heading p{color:#76818d;font-size:15px;line-height:1.9}html[data-theme=dark] .citizen-public-heading p{color:#7c8793}.citizen-public-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:32px;display:grid}.citizen-public-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.citizen-public-card{background:linear-gradient(155deg,#f7fafb,#fff);border:1px solid #e1e7ed;border-radius:15px;flex-direction:column;padding:24px;transition:box-shadow .2s;display:flex}html[data-theme=dark] .citizen-public-card{background:linear-gradient(155deg,#17191a,#161616);border:1px solid #1f2428;border-radius:15px}.citizen-public-card:hover,html[data-theme=dark] .citizen-public-card:hover{box-shadow:0 8px 26px #17364512}.citizen-public-card>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.citizen-public-mark{color:#3c6b60;background:#eaf0ef;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}html[data-theme=dark] .citizen-public-mark{color:#7fb0a3;background:#1a201f}.citizen-public-card small{color:#8b949e;font-size:11px}html[data-theme=dark] .citizen-public-card small{color:#6d767f}.citizen-public-card h2{overflow-wrap:anywhere;margin:20px 0 12px;font-size:21px;font-weight:700}.citizen-public-card p{color:#78828d;overflow-wrap:anywhere;font-size:13px;line-height:1.9}html[data-theme=dark] .citizen-public-card p{color:#7c8691}.citizen-public-card footer{color:#9a754c;border:0;justify-content:space-between;gap:12px;margin-top:auto;padding:22px 0 0;font-size:11px;display:flex}html[data-theme=dark] .citizen-public-card footer{color:#bd966c;border:0}.citizen-public-card footer span{align-items:center;gap:5px;display:flex}.citizen-public-empty{text-align:center;color:#7d8c96;background:#f7fafb;border:1px dashed #d4dfe4;border-radius:15px;padding:60px 22px}html[data-theme=dark] .citizen-public-empty{color:#717f89;background:#17191a;border:1px dashed #222a2e;border-radius:15px}.citizen-public-empty svg{margin:0 auto 18px}.citizen-public-empty h2{color:#3e5260;margin-bottom:12px;font-size:22px}html[data-theme=dark] .citizen-public-empty h2{color:#a3baca}.citizen-public-empty p{font-size:14px}.citizen-public-pages{justify-content:center;gap:25px;padding:25px;font-size:14px;display:flex}.citizen-detail{max-width:850px}.citizen-back{color:#7c8894;align-items:center;gap:8px;margin:5px 0 30px;font-size:12px;display:flex}html[data-theme=dark] .citizen-back{color:#75818d}.citizen-detail-label{color:#bd6b45;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}html[data-theme=dark] .citizen-detail-label{color:#da865f}.citizen-detail-label span{color:#89949e;margin-left:auto}html[data-theme=dark] .citizen-detail-label span{color:#6c7680}.citizen-detail h1{overflow-wrap:anywhere;margin:20px 0;font-size:38px;font-weight:800}.citizen-detail-meta{color:#7e8d98;flex-wrap:wrap;gap:20px;margin-bottom:30px;font-size:13px;display:flex}html[data-theme=dark] .citizen-detail-meta{color:#707e89}.citizen-detail-meta span{align-items:center;gap:7px;display:flex}.citizen-detail-audio{background:#f1f6f7;border-radius:12px;margin:25px 0;padding:22px}html[data-theme=dark] .citizen-detail-audio{background:#181c1d}.citizen-detail-audio b{margin-bottom:12px;font-size:14px;display:block}.citizen-detail-audio audio{width:100%}.citizen-detail article p{overflow-wrap:anywhere;margin:22px 0;font-size:18px;line-height:2}.citizen-detail-note{color:#8b8177;background:#faf8f5;border-left:3px solid #c19267;margin-top:40px;padding:20px;font-size:12px;line-height:1.9}html[data-theme=dark] .citizen-detail-note{color:#8b8177;background:#1b1917;border-left:3px solid #c19267}@media (max-width:850px){.citizen-public-layout{grid-template-columns:1fr}.citizen-public-layout>aside{display:block}.citizen-public-heading h1{font-size:32px}}@media (max-width:500px){.citizen-public-grid{grid-template-columns:1fr}.citizen-detail h1{font-size:28px}.citizen-detail article p{font-size:16px}.citizen-public-card h2{font-size:20px}}