:root{--sidebar-width: 320px;--bg: #ffffff;--bg-sidebar: #f5f6f8;--border: #dce0e5;--text: #1a1a2e;--text-muted: #6b7280;--accent: #2563eb;--accent-light: #dbeafe;--selected-bg: #e8edf5;--hover-bg: #eef1f6;--badge-municode: #1e40af;--badge-ecode360: #047857;--badge-amlegal: #7c3aed;--badge-icc: #b45309}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}.top-bar{display:flex;align-items:center;height:40px;padding:0 16px;border-bottom:1px solid var(--border);background:var(--bg)}.back-button{background:none;border:none;font:inherit;font-size:13px;color:var(--accent);cursor:pointer;padding:4px 8px;border-radius:4px}.back-button:hover{background:var(--accent-light)}.hamburger-button{display:none;background:none;border:none;font-size:20px;cursor:pointer;padding:4px 8px;margin-left:auto;color:var(--text);border-radius:4px}.hamburger-button:hover{background:var(--hover-bg)}.app-layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:calc(100vh - 40px)}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#e8eaed 25%,#f3f4f6,#e8eaed 75%);background-size:200px 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px}.skeleton-line{height:14px;margin:10px 16px}.skeleton-heading{height:24px;width:60%;margin-bottom:16px}.skeleton-text{height:14px;width:100%;margin-bottom:12px}.retry-button{display:inline-block;margin-top:12px;padding:8px 20px;font:inherit;font-size:13px;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .15s}.retry-button:hover{opacity:.9}.sidebar-overlay{display:none}.picker{max-width:720px;margin:80px auto;padding:0 24px}.picker h1{font-size:28px;margin-bottom:8px}.picker-subtitle{color:var(--text-muted);margin-bottom:32px}.picker-group{margin-bottom:32px}.picker-publisher{font-size:16px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.picker-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.picker-card{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border:1px solid var(--border);border-radius:8px;background:var(--bg);cursor:pointer;text-align:left;font:inherit;transition:border-color .15s,box-shadow .15s}.picker-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #2563eb1a}.picker-card-name{font-weight:600;font-size:15px}.picker-card-meta{font-size:13px;color:var(--text-muted)}.picker-card-date{font-size:12px;color:var(--text-muted);opacity:.7}.picker-loading,.picker-error,.picker-empty{text-align:center;padding:80px 24px;color:var(--text-muted);font-size:16px}.picker-error{color:#dc2626}.picker-search-link{display:inline-block;margin-bottom:24px;padding:10px 20px;font-size:14px;font-weight:600;background:var(--accent);color:#fff;text-decoration:none;border-radius:6px;transition:opacity .15s}.picker-search-link:hover{opacity:.9}@media (max-width: 768px){.hamburger-button{display:block}.app-layout{grid-template-columns:1fr}.sidebar{position:fixed;top:40px;left:0;bottom:0;width:var(--sidebar-width);z-index:100;transform:translate(-100%);transition:transform .25s ease}.sidebar.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:40px;right:0;bottom:0;left:0;z-index:99;background:#0000004d}.picker{margin:40px auto}.picker-cards{grid-template-columns:1fr}}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.metadata-bar{position:sticky;top:0;z-index:1;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-sidebar);display:flex;flex-direction:column;gap:4px;font-size:13px;flex-shrink:0}.publisher-badge{display:inline-block;align-self:flex-start;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--badge-municode);margin-bottom:4px}.publisher-badge[data-publisher=ecode360]{background:var(--badge-ecode360)}.publisher-badge[data-publisher=amlegal]{background:var(--badge-amlegal)}.publisher-badge[data-publisher=icc]{background:var(--badge-icc)}.meta-stats{color:var(--text-muted)}.meta-date{color:var(--text-muted);font-size:12px}.search-box{padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.search-box input{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;outline:none;background:var(--bg)}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.tree-container{flex:1;overflow-y:auto;padding:4px 0}.tree-root,.tree-children{list-style:none}.tree-item{-webkit-user-select:none;user-select:none}.tree-row{display:flex;align-items:flex-start;gap:4px;padding:4px 12px;cursor:pointer;border-radius:4px;line-height:1.4;outline:none}.tree-row:hover{background:var(--hover-bg)}.tree-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tree-row.selected{background:var(--selected-bg);font-weight:600}.tree-arrow{flex-shrink:0;width:14px;text-align:center;color:var(--text-muted);font-size:12px;line-height:1.4;cursor:pointer}.tree-type{flex-shrink:0;display:inline-block;padding:1px 5px;border-radius:3px;font-size:10px;font-weight:600;line-height:1.4;color:var(--text-muted);background:var(--hover-bg)}.tree-row[data-node-type=title] .tree-type,.tree-row[data-node-type=chapter] .tree-type{color:#1d4ed8;background:#dbeafe}.tree-row[data-node-type=article] .tree-type,.tree-row[data-node-type=division] .tree-type{color:#15803d;background:#dcfce7}.tree-row[data-node-type=section] .tree-type{color:#6b7280;background:#f3f4f6}.tree-row[data-node-type=title] .tree-label,.tree-row[data-node-type=chapter] .tree-label{font-weight:600}.tree-row[data-node-type=article] .tree-label,.tree-row[data-node-type=division] .tree-label{font-weight:500}.tree-row[data-node-type=section] .tree-label{font-weight:400;font-size:12px}.tree-label{font-size:13px;word-break:break-word}.sidebar-loading{padding:16px 0;color:var(--text-muted)}.sidebar-error{padding:24px 16px;text-align:center;color:#dc2626;font-size:14px}.content-pane{overflow-y:auto;padding:0}.content-scroll{overflow-y:auto;height:100%;padding:32px 48px;max-width:960px}.content-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:16px}.content-loading{padding:48px;color:var(--text-muted)}.content-skeleton{padding:32px 48px;max-width:960px}.content-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#dc2626;font-size:15px}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:12px;font-size:12px}.breadcrumb-link{background:none;border:none;font:inherit;color:var(--accent);cursor:pointer;padding:2px 4px;border-radius:3px}.breadcrumb-link:hover{background:var(--accent-light);text-decoration:underline}.breadcrumb-sep{color:var(--text-muted);margin:0 2px}.content-node-type{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;background:#f3f4f6;margin-bottom:6px}.content-heading{font-size:22px;margin-bottom:8px;line-height:1.3}.content-children-links{list-style:none;padding:0;margin:16px 0}.content-children-links li{margin-bottom:2px}.content-children-links button{background:none;border:none;font:inherit;font-size:14px;color:var(--accent);cursor:pointer;padding:6px 10px;border-radius:4px;text-align:left;width:100%;display:flex;align-items:center;gap:8px}.content-children-links button:hover{background:var(--hover-bg);text-decoration:underline}.content-children-links .child-type{flex-shrink:0;font-size:10px;font-weight:600;color:var(--text-muted);background:var(--hover-bg);padding:1px 5px;border-radius:3px}.content-source-link{display:inline-block;font-size:12px;color:var(--accent);margin-bottom:24px;text-decoration:none}.content-source-link:hover{text-decoration:underline}.content-text{white-space:pre-wrap;font-family:inherit;font-size:14px;line-height:1.6}.content-no-text{color:var(--text-muted);font-style:italic}.content-html{font-size:14px;line-height:1.7}.content-html p{margin-bottom:.8em}.content-html .p0{margin:0 0 .5em}.content-html .incr0{margin-left:0}.content-html .incr1,.content-html .content1{margin-left:2em}.content-html .incr2,.content-html .content2{margin-left:4em}.content-html .incr3,.content-html .content3{margin-left:6em}.content-html .incr4,.content-html .content4{margin-left:8em}.content-html .ital{font-style:italic}.content-html .bold{font-weight:700}.content-html .bc{font-weight:600;font-size:15px;margin:1em 0 .5em}.content-html .historynote0{font-size:12px;color:var(--text-muted);margin-top:1em;padding-top:.5em;border-top:1px solid var(--border)}.content-html .editornote0{font-size:12px;color:var(--text-muted);font-style:italic;margin-top:.5em}.content-html table{border-collapse:collapse;margin:1em 0;font-size:13px;width:100%}.content-html th,.content-html td{border:1px solid var(--border);padding:6px 10px;text-align:left;vertical-align:top}.content-html th{background:var(--bg-sidebar);font-weight:600}.content-html a{color:var(--accent);text-decoration:none}.content-html a:hover{text-decoration:underline}.content-html ul,.content-html ol{margin:.5em 0 .5em 2em}.content-html li{margin-bottom:.3em}.content-html h1,.content-html h2,.content-html h3,.content-html h4{margin:1em 0 .5em}.content-html img{max-width:100%;height:auto}mark.search-highlight{background:#fef08a;color:var(--text);padding:1px 2px;border-radius:2px}@media (max-width: 768px){.content-scroll,.content-skeleton{padding:20px 16px}}.search-page{max-width:800px;margin:0 auto;padding:40px 24px 80px}.search-header{margin-bottom:24px}.search-back{font-size:13px;color:var(--accent);text-decoration:none;display:inline-block;margin-bottom:12px}.search-back:hover{text-decoration:underline}.search-header h1{font-size:24px;margin:0}.search-form{display:flex;gap:8px;margin-bottom:12px}.search-input{flex:1;padding:10px 14px;font:inherit;font-size:15px;border:1px solid var(--border);border-radius:6px;outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-button{padding:10px 20px;font:inherit;font-size:14px;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .15s}.search-button:hover{opacity:.9}.search-filters{display:flex;gap:8px;margin-bottom:20px}.search-filter-select{padding:8px 12px;font:inherit;font-size:13px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);cursor:pointer}.search-loading,.search-error{text-align:center;padding:40px 0;color:var(--text-muted);font-size:15px}.search-error{color:#dc2626}.search-summary{font-size:14px;color:var(--text-muted);margin-bottom:16px}.search-result-card{display:block;padding:16px 20px;border:1px solid var(--border);border-radius:8px;margin-bottom:10px;text-decoration:none;color:var(--text);transition:border-color .15s,box-shadow .15s}.search-result-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #2563eb1a}.search-result-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.search-badge{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:4px;color:#fff}.search-badge--municode{background:var(--badge-municode)}.search-badge--ecode360{background:var(--badge-ecode360)}.search-badge--amlegal{background:var(--badge-amlegal)}.search-badge--icc{background:var(--badge-icc)}.search-result-jurisdiction{font-size:13px;color:var(--text-muted)}.search-result-heading{font-weight:600;font-size:15px;margin-bottom:4px}.search-result-snippet{font-size:13px;color:var(--text-muted);line-height:1.5}.search-result-snippet mark{background:#fef08a;color:var(--text);padding:1px 2px;border-radius:2px}.search-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.search-page-btn{padding:8px 16px;font:inherit;font-size:13px;background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--accent);transition:background .15s}.search-page-btn:hover:not(:disabled){background:var(--accent-light)}.search-page-btn:disabled{opacity:.4;cursor:default}.search-page-info{font-size:13px;color:var(--text-muted)}
