.regulasi-root{min-height:100vh;background-color:#F8FAFC;color:#0F172A;font-family:var(--font-inter),system-ui,-apple-system,sans-serif;display:flex;flex-direction:column}.regulasi-header{height:4rem;background-color:#ffffff;border-bottom:2px solid #9b1b30;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.03)}.regulasi-logo-wrap{display:flex;align-items:center;gap:.75rem;text-decoration:none}.regulasi-logo-icon-box{width:2.5rem;height:2.5rem;border-radius:.75rem;overflow:hidden;background-color:#ffffff;padding:.2rem;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.05);flex-shrink:0}.regulasi-logo-img{width:100%;height:100%;object-fit:contain}.regulasi-brand{font-size:1.15rem;font-weight:800;color:#0A2540;letter-spacing:-.02em;display:block;line-height:1.1}.regulasi-brand-sub{font-size:.65rem;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:.08em;display:block;margin-top:2px}.regulasi-hero{background:linear-gradient(135deg,#881337,#9B1B30 50%,#4C0519);color:#ffffff;padding:2.5rem 1.5rem;text-align:center;position:relative;overflow:hidden;box-shadow:inset 0 -4px 12px rgba(0,0,0,.15)}.regulasi-hero:after{content:"⚖️";position:absolute;right:-1rem;bottom:-2rem;font-size:12rem;opacity:.06;pointer-events:none}.regulasi-hero h1{font-size:1.65rem;font-weight:900;margin:0;letter-spacing:-.03em;color:#ffffff}@media (min-width:640px){.regulasi-hero h1{font-size:2.125rem}}.regulasi-main{max-width:1100px;width:100%;margin:0 auto;padding:2rem 1.25rem;flex:1}.regulasi-controls{display:flex;flex-direction:column;gap:.75rem}@media (min-width:640px){.regulasi-controls{flex-direction:row;align-items:center;justify-content:space-between}}.search-box{position:relative;flex:1;max-width:420px}.search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);font-size:.9rem;color:#94A3B8}.search-input{width:100%;padding:.65rem 1rem .65rem 2.4rem;border-radius:9999px;border:1.5px solid #cbd5e1;background-color:#ffffff;font-size:.85rem;font-weight:500;color:#0F172A;outline:none;transition:all .2s}.search-input:focus{border-color:#9B1B30;box-shadow:0 0 0 3px rgba(155,27,48,.12)}.category-filters{display:flex;gap:.375rem;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.category-filters::-webkit-scrollbar{display:none}.category-btn{padding:.4rem .85rem;border-radius:9999px;border:1px solid #cbd5e1;background-color:#ffffff;color:#475569;font-size:.75rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:all .2s}.category-btn.active,.category-btn:hover{background-color:#0F172A;color:#ffffff;border-color:#0F172A}.document-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width:640px){.document-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.document-grid{grid-template-columns:repeat(2,1fr)}}.document-card{transition:all .25s ease}.document-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.06)!important;border-color:#CBD5E1!important}.document-header{display:flex;align-items:flex-start}.document-info{flex:1}.document-category{font-size:.7rem;font-weight:700;color:#64748B;background-color:#F1F5F9;padding:.15rem .5rem;border-radius:.375rem;border:1px solid #e2e8f0;text-transform:uppercase}.document-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.document-actions{display:flex;align-items:center}.empty-state{text-align:center;padding:3.5rem 1.5rem;background-color:#ffffff;border-radius:1.5rem;border:1.5px dashed #cbd5e1;max-width:500px;margin:2rem auto}.empty-state h3{font-size:1.1rem;font-weight:800;margin:.5rem 0 .25rem}.empty-state p{font-size:.85rem;color:#64748B;margin:0}