:root{--navy:#123c58;--navy-deep:#0d293e;--gold:#9b7135;--gold-light:#efd5a7;--bg:#f4f6f7;--panel:#fff;--soft:#eaf0f3;--line:#d6e0e5;--text:#173448;--muted:#5e7382;--blue:#215d7e;--city-teal:#207977}:root[data-theme=dark]{--bg:#101c26;--panel:#172936;--soft:#203542;--line:#314956;--text:#e4edf2;--muted:#afc0cc;--navy:#1c506b;--navy-deep:#0b263a;--gold:#e3c083;--blue:#add4e8;--city-teal:#85c6bb}body{font-size:14px}.button{font-size:12px;min-height:38px;padding:9px 14px}.eyebrow{font-size:10px;letter-spacing:.12em}.sidebar-label{font-size:10px!important}.nav-item{font-size:13px}.brand-seal{width:50px!important;height:50px!important;flex-shrink:0}.brand-seal img{width:100%;height:100%;object-fit:contain;border-radius:50%}.city-brand{display:flex;flex-direction:column;gap:6px;min-width:0}.city-brand strong{font:750 17px/1.2 'Segoe UI',sans-serif;letter-spacing:.015em;white-space:nowrap}.city-brand>span{font:650 8px/1.4 'Segoe UI',sans-serif;letter-spacing:.15em;white-space:nowrap}.sidebar .brand{gap:10px;margin-inline:0}.sidebar .brand-seal{width:33px!important;height:33px!important}.sidebar .city-brand strong{font-size:11px}.sidebar .city-brand>span{font-size:6px}.sidebar{overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#6b8a9b #0d293e}.city-wrap{max-width:1320px;margin:auto;padding-inline:5vw}.city-civic{display:flex;justify-content:space-between;align-items:center;background:#0c2d43;color:#d8e6ef;padding:9px 5vw;font-size:9px;letter-spacing:.07em}.city-civic>span,.city-civic>a{display:flex;align-items:center;gap:7px}.city-civic .icon{width:12px;height:12px}.city-header{display:flex;align-items:center;gap:28px;justify-content:space-between;padding:19px 5vw;background:var(--panel);border-bottom:1px solid var(--line)}.city-header nav{display:flex;gap:24px;align-items:center;margin-left:auto;font-size:12px;font-weight:650}.city-header nav a:hover,.city-header nav a:focus-visible{color:var(--city-teal)}.city-header-actions{display:flex;align-items:center;gap:13px}.city-hero{position:relative;isolation:isolate;overflow:hidden;min-height:510px;color:white;display:flex;align-items:center}.city-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 55%;z-index:-2}.city-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#082639e8,#0826399c 44%,#092c3e09 85%);z-index:-1}.city-hero .city-wrap{width:100%;padding-block:55px 85px}.city-hero .eyebrow{color:#f1d6a9}.city-hero h1{font:700 clamp(42px,4.5vw,66px)/1.07 'Segoe UI',sans-serif;letter-spacing:-.035em;margin:22px 0}.city-hero h1 em{font-style:normal;font-weight:350}.city-hero p{color:#e2edf2;font-size:16px;line-height:1.7;margin-bottom:24px}.city-search{width:min(490px,100%);display:flex;align-items:center;gap:14px;background:#fff;border-radius:5px;padding:7px 8px 7px 18px;box-shadow:0 5px 24px #03151c25}.city-search>.icon{width:18px;color:#5c7484}.city-search input{width:100%;min-width:0;border:0;background:transparent;color:#173448;font:14px 'Segoe UI',sans-serif;box-shadow:none;padding:7px 0}.city-search input::placeholder{color:#647684}.city-search button{display:grid;place-items:center;border:0;border-radius:3px;background:#1c627d;color:white;width:39px;height:39px;flex-shrink:0;cursor:pointer}.city-popular{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;margin-top:14px;color:#fff}.city-popular>span{font-size:9px;letter-spacing:.1em;color:#bcd0dd}.city-popular a{text-decoration:underline;text-decoration-color:#ffffff50;text-underline-offset:4px}.city-hero-caption{position:absolute;right:30px;bottom:20px;font-size:9px;letter-spacing:.15em;color:white;text-shadow:0 1px 6px #000}.city-quick{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin-top:-35px;border:1px solid var(--line);border-radius:7px;background:var(--panel);box-shadow:0 7px 22px #1634470b}.city-quick>a{padding:24px 19px;display:flex;gap:12px;align-items:center;border-right:1px solid var(--line);font-size:12px}.city-quick>a:last-child{border:0}.quick-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:7px;background:var(--soft);color:var(--city-teal)}.quick-icon .icon{width:17px}.city-quick>a>.icon{width:14px;margin-left:auto;color:var(--city-teal)}.city-section{margin-block:65px}.city-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.city-section-heading h2{font-size:32px;line-height:1.2;letter-spacing:-.025em;margin-top:11px}.city-section-heading>p{font-size:13px;line-height:1.8;max-width:400px}.city-pathways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.city-pathways>a{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:28px;display:flex;flex-direction:column;gap:15px}.city-pathways>a:hover{border-color:var(--city-teal);transform:translateY(-2px)}.city-pathways>a>div{display:flex;justify-content:space-between;align-items:center;color:var(--city-teal);margin-bottom:12px}.path-number{font-size:12px;font-weight:650}.city-pathways h3{font-size:22px;letter-spacing:-.02em}.city-pathways p{font-size:13px;line-height:1.9}.city-pathways>a>span{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:650;color:var(--city-teal);margin-top:auto}.city-pathways>a>span .icon{width:16px}.city-311{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;align-items:center;background:#103c56;color:white;border-radius:9px;padding:45px}.city-311 .eyebrow{color:#d8bd88}.city-311 h2{font-size:32px;line-height:1.2;margin:15px 0 20px;letter-spacing:-.02em}.city-311 p{font-size:14px;line-height:1.9;color:#cadae4;max-width:560px;margin-bottom:24px}.city-311-number{font-size:clamp(80px,10vw,145px);font-weight:750;line-height:1;letter-spacing:-.05em;color:#e9d09e;border-left:1px solid #ffffff30;padding-left:55px}.city-311-number>span{display:block;font-size:10px;line-height:1.7;letter-spacing:.18em;color:#d7e4ed;margin-top:15px}.city-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.city-link-grid>a{display:flex;align-items:center;gap:13px;background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:21px;font-size:13px;font-weight:600}.city-link-grid>a>.icon{width:17px;color:var(--city-teal)}.city-link-grid>a>.icon:last-child{margin-left:auto}.city-updates article{display:grid;grid-template-columns:110px minmax(0,1fr);gap:25px;padding:26px 0;border-top:1px solid var(--line)}.city-updates time{font-size:11px;color:var(--muted)}.city-updates h3,.city-updates h2{font-size:21px;margin-bottom:12px}.city-updates p{font-size:14px;line-height:1.9;overflow-wrap:anywhere}.city-empty{display:flex;align-items:center;gap:20px;border:1px solid var(--line);padding:24px;border-radius:5px;color:var(--muted);font-size:13px;line-height:1.8}.city-empty>.icon{width:22px;flex:none}.city-footer{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px;padding:45px 5vw 25px;background:#0d293e;color:#e5edf3;border-top:3px solid #b89b66}.city-footer>div{display:flex;flex-direction:column;gap:13px;align-items:start}.city-footer .city-brand strong{font-size:14px}.city-footer .city-brand>span{font-size:6px}.city-footer .brand-seal{width:40px!important;height:40px!important}.city-footer p{color:#adc1cf;font-size:12px;line-height:1.9}.city-footer>div>strong{font-size:13px;margin-bottom:5px}.city-footer>div>a:not(.brand){font-size:12px;color:#c1d1dd}.city-footer>small{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:20px;color:#a4bccb;font-size:10px}.city-guide{padding-top:35px;padding-bottom:65px}.city-breadcrumb{display:flex;gap:12px;font-size:11px;color:var(--muted);margin-bottom:28px}.city-guide-heading{max-width:850px;margin-bottom:38px}.city-guide-heading h1{font-size:clamp(29px,3vw,42px);line-height:1.2;letter-spacing:-.03em;margin:15px 0}.city-guide-heading p{font-size:16px;line-height:1.8;color:var(--muted)}.city-guide-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:65px;margin-bottom:45px}.city-guide-grid article>section{margin-bottom:30px}.city-guide-grid article h2{font-size:22px;margin-bottom:13px}.city-guide-grid article p{font-size:14px;line-height:1.95}.city-guide-grid aside{align-self:start;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--city-teal);padding:26px;display:flex;flex-direction:column;gap:17px;border-radius:4px}.city-guide-grid aside h2{font-size:23px}.city-guide-grid aside p,.city-guide-grid aside small{font-size:12px;line-height:1.8}.city-guide-grid hr{width:100%;border:0;border-top:1px solid var(--line)}.city-directory-search{margin-bottom:30px}.city-directory-search>label{display:block;font-size:12px;font-weight:650;margin-bottom:9px}.city-directory-search>div{display:flex;gap:12px}.city-directory-search input{flex:1;min-width:0}.city-directory-search select{max-width:200px}.city-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.city-service-grid>a{display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:6px}.city-service-grid>a:hover{border-color:var(--city-teal)}.city-service-grid h2,.city-service-grid h3{font-size:21px;line-height:1.3}.city-service-grid p{font-size:13px;line-height:1.85}.city-service-grid .text-link{font-size:12px;margin-top:auto}.city-careers{grid-template-columns:repeat(2,minmax(0,1fr))}.career-status{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:6px 10px;border:1px solid;border-radius:999px;font-size:11px;line-height:1.25;font-weight:650}.career-status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.career-status-open{color:#297251;background:#39845c12;border-color:#39845c45}.career-status-closed{color:#896026;background:#b1873912;border-color:#b1873945}[data-theme=dark] .career-status-open{color:#9bd6b6}[data-theme=dark] .career-status-closed{color:#e5c082}.recruitment-banner{background-image:linear-gradient(90deg,#0d293ef2,#0d293e66),url('/assets/los-santos-panorama.png')}.recruitment-banner h1{font-size:34px}.page-heading h1{font-size:29px}.report-details dt,.form-panel label{font-size:12px}.report-details dd,.form-panel input,.form-panel textarea,.form-panel select{font-size:13px}.pill{font-size:11px}
@media(max-width:1150px){.city-header{padding-inline:3vw;gap:18px}.city-header nav{gap:16px}.city-brand strong{font-size:15px}.city-header-actions{gap:8px}.city-quick>a{padding:21px 13px;gap:9px}.city-guide-grid{gap:35px}.city-service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.city-header{flex-wrap:wrap}.city-header nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:15px;margin:0}.city-header-actions{margin-left:auto}.city-hero{min-height:480px}.city-quick{grid-template-columns:1fr 1fr}.city-quick>a:nth-child(2){border-right:0}.city-quick>a:nth-child(-n+2){border-bottom:1px solid var(--line)}.city-pathways{grid-template-columns:1fr}.city-pathways>a>div{margin-bottom:0}.city-311{gap:25px;padding:32px}.city-311-number{padding-left:25px}.city-footer{grid-template-columns:1fr 1fr}.city-section-heading{align-items:start;gap:20px}.city-guide-grid{grid-template-columns:1fr}.city-guide-grid aside{max-width:none}}
@media(max-width:600px){.city-civic{font-size:8px}.city-civic>a{display:none}.city-header{padding:14px 5vw;gap:12px}.city-header .brand-seal{width:38px!important;height:38px!important}.city-header .city-brand strong{font-size:12px}.city-header .city-brand>span{font-size:5px}.city-header .brand{gap:8px}.city-header-actions .text-link{display:none}.city-header-actions .button{font-size:10px;padding:8px;min-height:34px}.city-header-actions .icon-button{width:31px;height:31px}.city-header nav{gap:17px;flex-wrap:wrap;font-size:11px}.city-hero h1{font-size:44px}.city-hero p{font-size:14px}.city-hero .city-wrap{padding-block:45px 70px}.city-hero-caption{display:none}.city-popular{gap:12px;font-size:10px}.city-quick>a{font-size:11px;gap:9px;padding:20px 13px}.quick-icon{width:27px;height:27px}.city-quick>a>.icon{display:none}.city-section{margin-block:45px}.city-section-heading{display:block}.city-section-heading h2{font-size:28px}.city-section-heading>p,.city-section-heading>a{display:block;margin-top:17px}.city-pathways>a{padding:24px}.city-311{grid-template-columns:1fr;padding:28px}.city-311 h2{font-size:29px}.city-311-number{display:none}.city-link-grid{grid-template-columns:1fr}.city-footer{gap:30px 20px}.city-footer>div:first-child{grid-column:1/-1}.city-footer .city-brand strong{font-size:14px}.city-guide-heading p{font-size:14px}.city-service-grid,.city-careers{grid-template-columns:1fr}.city-directory-search>div{flex-direction:column}.city-directory-search select{max-width:100%}.city-directory-search .button{align-self:start}.city-updates article{grid-template-columns:1fr;gap:12px}}
@media(prefers-reduced-motion:reduce){.city-pathways>a{transform:none!important}}
