:root{font-family:"Segoe UI",system-ui,sans-serif;color:#163a4b;background:#eaf0f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.wrapper{max-width:960px;margin:auto;min-height:100vh;background:#f6f9f9;box-shadow:0 0 40px #0c26310a}.hero{background:linear-gradient(125deg,#0f2e48,#195a69);color:#fff;padding:33px 25px 37px;position:relative}.brand{font-size:11px;letter-spacing:.12em;font-weight:800;color:#f7d49b}.brand span{color:#e18a72}.hero h1{font-size:clamp(36px,7vw,58px);letter-spacing:-.05em;line-height:1;margin:29px 0 12px}.hero h1 em{color:#f5ca83;font-style:normal}.hero p{max-width:600px;line-height:1.55;color:#dbebf1;margin:0 0 24px}.soft-link{float:right;text-decoration:none;color:#e8d6b8;font-size:12px}.select-wrap{display:flex;flex-direction:column;gap:8px;background:#ffffff16;border:1px solid #ffffff35;padding:16px;border-radius:16px;max-width:620px}.select-wrap label{font-size:12px;color:#deebee;font-weight:700}.select-wrap select{width:100%;min-height:46px;border:0;border-radius:10px;padding:10px 12px;background:#fff;color:#143748;font-size:15px}main{padding:22px 25px 32px}.section-title{display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap}.section-title h2{font-size:22px;margin:4px 0 13px}.section-title span{font-size:12px;color:#4e7887}.message{background:#e8f1f4;padding:13px 16px;border-radius:12px;font-size:13px;line-height:1.5;margin-bottom:15px}.message.warning{background:#fff2d7;color:#705429}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 21px}.metric{background:#fff;padding:15px;border:1px solid #d8e4e8;border-radius:15px}.metric span{font-size:12px;color:#567988;display:block}.metric strong{display:block;font-size:33px;margin:5px 0;color:#115772;letter-spacing:-.04em}.metric small{font-size:11px;color:#768e9b}.panel{background:#fff;border:1px solid #d8e4e8;border-radius:17px;margin-bottom:16px;padding:21px}.panel-title{display:flex;align-items:center;gap:14px}.panel-title h2{margin:0 0 3px}.panel-title p{margin:0;color:#6e8390;font-size:12px}.glyph{width:48px;height:48px;display:grid;place-items:center;background:#e3f4f0;color:#2b846e;border-radius:14px;font-size:26px;font-weight:900}.items{margin-top:16px}.entry{border-top:1px solid #e5edef;padding:14px 0;display:flex;justify-content:space-between;gap:15px;align-items:center}.entry:first-child{border-top:0}.entry b{font-size:14px}.entry small{display:block;color:#708b95;margin-top:5px}.entry .done{font-size:12px;color:#19755f;white-space:nowrap}.empty{color:#7b919b;font-size:13px;padding:9px 0}.two{display:grid;grid-template-columns:2fr 1fr;gap:15px;background:#f9fcfd}.two h2{margin:0 0 9px;font-size:19px}.two p{font-size:13px;line-height:1.6;color:#516d7a;margin:0}.steps{display:flex;flex-direction:column;gap:8px;justify-content:center}.steps span{background:#e7f1f2;padding:11px 13px;border-radius:9px;font-weight:700;font-size:12px;color:#17556a}.privacy{color:#647f8c;font-size:12px;line-height:1.6}.privacy span{color:#36a088}.bottom{border-top:1px solid #dfe8ec;margin-top:22px;padding-top:17px;text-align:center;font-size:11px;letter-spacing:.035em;color:#67838d}.bottom span{color:#db8964}@media(max-width:600px){.hero{padding:23px 16px 25px}.soft-link{float:none;display:block;margin-top:7px}main{padding:18px 14px}.metrics{gap:7px}.metric{padding:11px}.metric strong{font-size:28px}.metric span,.metric small{font-size:10px}.panel{padding:15px}.two{grid-template-columns:1fr}.steps{flex-direction:row;flex-wrap:wrap}.steps span{flex:1;text-align:center}}[hidden]{display:none!important}

.topic-follow{background:#e2f2f2;color:#126379;border:1px solid #b5d3d6;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:750;font-size:12px}.topic-follow[aria-pressed="true"]{background:#17677a;color:#fff}.alert-source{color:#15728b;text-decoration:underline;font-size:12px;white-space:nowrap}.meta{display:flex;flex-wrap:wrap;gap:7px;color:#708b95;font-size:11px;margin-top:6px}.alert-entry{align-items:flex-start}.alert-entry b{line-height:1.45}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #eea95b;outline-offset:2px}
.bairro-pref-form{display:flex;flex-direction:column;gap:13px;margin-top:12px}.bairro-pref-form label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.bairro-pref-form input[type=checkbox]{width:18px;height:18px}.bairro-pref-form fieldset{border:1px solid #d8e4e8;border-radius:12px;padding:12px;display:flex;flex-wrap:wrap;gap:12px}.bairro-pref-form legend{font-weight:700;font-size:13px}.bairro-pref-form .quiet{display:flex;gap:12px;flex-wrap:wrap}.bairro-pref-form input[type=time]{border:1px solid #a8c6cf;border-radius:6px;padding:7px}.bairro-pref-form button{align-self:flex-start}[hidden]{display:none!important}


.p18-civic-league{border-color:#b6d8d0;background:#f9fffd}
.p18-civic-league h3{margin:12px 0;font-size:17px;color:#175c64}
.p18-civic-league h4{margin:0 0 6px;color:#164e56;font-size:15px}
.p18-choice,.p18-membership-form{margin-top:17px;background:#f0f8f6;padding:14px;border:1px solid #d0e4e0;border-radius:12px;display:flex;flex-direction:column;gap:8px}
.p18-choice>label,.p18-membership-form>label:not(.p18-consent){font-size:13px;font-weight:750;color:#1b5863}
.p18-choice select,.p18-membership-form input[type=text],#p18-period{border-radius:9px;border:1px solid #a6cac8;background:#fff;color:#154e5c;padding:10px;min-height:48px;width:100%;font-size:14px}
.p18-consent{font-size:13px;line-height:1.5;display:flex;gap:10px;align-items:flex-start}
.p18-consent input{height:19px;width:19px;flex-shrink:0;margin:2px 0}
.p18-actions{display:flex;flex-wrap:wrap;gap:8px}
.p18-actions button,.p18-league-head button{min-height:48px}
.p18-league-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:23px 0 13px}
.p18-league-head label{font-size:13px;font-weight:750}
.p18-league-head select{width:auto;min-width:140px}
.p18-rankings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.p18-board{background:#fff;border:1px solid #ccdfdc;padding:15px;border-radius:12px}
.p18-rank-row{border-top:1px solid #e6efec;padding:12px 0;display:flex;justify-content:space-between;align-items:center;gap:7px}
.p18-rank-row strong{font-size:13px;line-height:1.4}.p18-rank-row small{font-size:11px;display:block;color:#557983;margin-top:3px}
.p18-score{font-size:12px;font-weight:900;color:#0f665d;white-space:nowrap}
.p18-empty{font-size:13px;color:#5d7b78;line-height:1.5}
@media(max-width:650px){.p18-rankings{grid-template-columns:1fr}.p18-league-head h3{width:100%}}
