*{box-sizing:border-box} :root{--navy:#102b49;--gold:#bb8b32;--muted:#627184;--line:#dce3eb}body{margin:0;background:#f3f6f9;color:#172e45;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;background:var(--navy);color:white;border:1px solid var(--navy);border-radius:5px;cursor:pointer;font-size:14px;font-weight:650;text-decoration:none;gap:6px}.button:hover,button:hover{background:#21496e;text-decoration:none}.secondary{background:white;color:var(--navy);border-color:#bdc9d5}.danger{background:#fff;color:#a42b38;border-color:#dec1c6}.utility{background:var(--navy);color:#fff;padding:9px 4%;font-size:12px;letter-spacing:1.5px;display:flex;justify-content:space-between;border-bottom:3px solid var(--gold)}.utility span{letter-spacing:0;color:#cdd9e6}header{display:flex;align-items:center;justify-content:space-between;gap:22px;background:white;padding:23px 3%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:800;letter-spacing:-.8px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:600}.monogram{background:var(--navy);color:#f3c876;border:2px solid var(--gold);border-radius:50%;width:49px;height:49px;display:grid;place-items:center;font-family:Georgia,serif}nav,.header-actions{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600}.layout{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;max-width:1600px;margin:auto;align-items:stretch;min-height:calc(100vh - 260px)}.sidebar{background:white;padding:28px 19px;border-right:1px solid var(--line)}.right{border-right:0;border-left:1px solid var(--line)}main{min-width:0;padding:32px}.eyebrow{display:block;font-size:12px;font-weight:750;letter-spacing:1.5px;color:#697788}.navtitle{font-size:12px;font-weight:700;letter-spacing:1.3px;color:var(--muted);margin:26px 10px 10px}.navitem{display:flex;justify-content:space-between;padding:10px 12px;font-size:14px;border-radius:4px;margin:2px 0}.navitem.active{background:#eaf0f6;color:var(--navy);font-weight:700;border-left:3px solid var(--gold)}.aside-rule{border-top:1px solid var(--line);margin:24px 0}h1{font:700 33px/1.2 Georgia,serif;margin:12px 0 14px;letter-spacing:-.5px}h2{font-size:21px;line-height:1.35;margin:10px 0}h3{font-size:16px;margin:12px 0}p{margin:12px 0}.page-heading{border-left:3px solid var(--gold);padding-left:20px;margin-bottom:26px}.page-heading p{color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:7px;padding:25px}.search{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:12px;align-items:end;padding:19px}label{display:block;font-size:14px;font-weight:650}input,select,textarea{width:100%;border:1px solid #becbd8;background:#fff;color:#18304a;border-radius:4px;padding:11px;margin-top:6px;font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:2px}form>label,form>.form-row{margin-bottom:18px}.search label{margin:0}.results-head{display:flex;justify-content:space-between;align-items:center;margin:25px 0 18px}.results-head>span{font-size:14px;color:var(--muted)}.ad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ad-card{background:white;border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:transform .2s}.ad-card:hover{transform:translateY(-3px);text-decoration:none;box-shadow:0 5px 18px #102b4912}.ad-image{height:170px;background:#e5ecf3;position:relative;display:grid;place-items:center;color:#60758b;font-family:Georgia,serif}.ad-image img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;top:12px;left:12px;background:white;padding:3px 8px;border-radius:3px;font:600 12px system-ui;border:1px solid #d4dce4}.ad-copy{padding:17px}.ad-copy h3{font-size:17px;margin:8px 0 12px}.ad-copy .eyebrow{font-size:10px}.ad-copy p{font-size:12px;margin-bottom:0}.ad-copy strong{font-size:20px}.muted{color:var(--muted)}.side-feature h2{font:700 23px/1.3 Georgia,serif}.side-feature p,.right p{font-size:14px;color:var(--muted)}.side-feature .button{width:100%;margin-top:9px}.outline-icon{font-size:28px;color:var(--gold)}.mini-plan{display:flex;justify-content:space-between;font-size:14px;margin:15px 0}.mini-plan strong{color:var(--navy)}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:4px}.empty{text-align:center;padding:55px 25px}.empty h2{font-family:Georgia,serif;font-size:28px}.empty p{color:var(--muted)}.notice{background:#fff8e5;border-left:4px solid var(--gold);padding:16px;margin-bottom:20px}.form-panel{max-width:550px;margin:20px auto}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.management{margin:20px 0}.actions{display:flex;gap:10px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.detail-image{width:100%;max-height:500px;object-fit:contain;background:#eef2f7}.review-image{max-width:200px;max-height:150px}.description{white-space:pre-wrap;overflow-wrap:anywhere}.contact{background:#edf2f7;padding:18px;margin-top:28px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{border-top:3px solid var(--gold)}.plan h2{font-size:34px}.plan small{font-size:14px}.plan p{font-size:14px}.steps li{padding:8px 0 18px}.pagination{display:flex;gap:8px;margin:24px 0}footer{background:var(--navy);border-top:3px solid var(--gold);color:white;padding:25px 4%;display:flex;gap:25px;flex-wrap:wrap;font-size:14px}footer div{display:flex;gap:25px}footer p{flex-basis:100%;font-size:12px;color:#bdcbd9;margin:0}.install{max-width:620px;margin:45px auto}.menu{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1500px){.layout{grid-template-columns:240px minmax(0,1fr) 240px}main{padding:40px}}@media(max-width:1150px){nav{display:none}.layout{grid-template-columns:190px minmax(0,1fr) 190px}main{padding:24px}.ad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search{grid-template-columns:1fr 1fr}.plans{grid-template-columns:1fr}}@media(max-width:850px){.layout{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{display:block;border-bottom:1px solid var(--line)}.right{display:block;border-left:0;border-top:1px solid var(--line);padding:24px}.menu{display:inline-flex}header{padding:16px;gap:10px}.header-actions{gap:10px}.header-actions>a:first-child{display:none}.brand{font-size:24px}.brand small{font-size:8px}.monogram{width:40px;height:40px}.utility{font-size:10px}.utility span{font-size:11px}main{padding:24px 16px}h1{font-size:29px}.form-row{grid-template-columns:1fr}.install{margin:20px 12px}.right .side-feature{max-width:500px}.search{grid-template-columns:1fr 1fr}.search label:first-child{grid-column:1/-1}.search button{width:100%}.panel{padding:20px}.results-head{gap:10px}.ad-grid{gap:12px}.ad-image{height:145px}.ad-copy{padding:12px}}@media(max-width:420px){.ad-grid{grid-template-columns:1fr}.search{grid-template-columns:1fr}.header-actions .button{padding:10px}.brand small{letter-spacing:1px}.utility span{display:none}}

.header-actions .button{white-space:nowrap}

/* Ontady 1.1: a brighter civic marketplace with balanced, centered typography. */
:root{--navy:#123c64;--gold:#d4a23b;--muted:#566b82;--line:#d7e3ef}body{background:#eef5fb}main{text-align:center;background:linear-gradient(160deg,#edf5fe,#f9fbfd 55%,#eef8f6)}header{border-bottom:3px solid #dbe9f5}.utility{background:linear-gradient(100deg,#123451,#126572)}.sidebar .navitem{justify-content:center;text-align:center}.sidebar{text-align:center}.navitem.active{background:#dfeffc}.page-heading{border-left:0;border-top:4px solid var(--gold);padding:28px 20px;background:linear-gradient(120deg,#163d67,#147282);color:white;border-radius:8px;box-shadow:0 8px 22px #153d6410}.page-heading .eyebrow,.page-heading p{color:#d9eaf4}.page-heading h1{font-size:clamp(27px,2.5vw,36px)}.panel{box-shadow:0 3px 15px #1a497509}.search{border-top:3px solid #1d8a9b}.search input,.search select{text-align:center}.sidebar.right{background:linear-gradient(180deg,#fff,#f1f8ff)}.side-feature{background:#edf7f6;padding:16px 10px;border-radius:6px;border-top:3px solid #28928c}.outline-icon{font-size:30px;color:#1b828c}.mini-plan{padding:9px 8px;background:#f0f5fb;border-radius:4px}.mini-plan:nth-of-type(2){background:#e4f5f2}.mini-plan:nth-of-type(3){background:#fff4dd}.ad-copy{text-align:center}.badge-label{display:inline-block;font-size:12px;font-weight:700;color:#785300;background:#fff0ca;padding:4px 10px;border-radius:20px}.ad-image{aspect-ratio:3/2;height:auto;min-height:120px}.detail-image{aspect-ratio:3/2;object-fit:contain}.form-panel label,.panel form>label,.form-row label{text-align:center}.actions{justify-content:center}.panel form button{margin-top:8px}.results-head{gap:16px}.results-head h2{margin:0}.plans .plan:nth-child(2){border-top-color:#258d91}.plans .plan:nth-child(3){border-top-color:#507ccc}.device-panel{margin-bottom:24px}.device-panel form{margin:14px auto}.ticker{display:flex;align-items:center;background:#fff0c9;border-block:1px solid #ead39e;gap:12px;padding:9px 3%;font-size:14px}.ticker-label{font-size:12px;font-weight:800;color:#79520a;letter-spacing:1px;white-space:nowrap}.ticker-toggle{font-size:12px;padding:4px 9px;background:transparent;color:#694b12;border-color:#b89956}.ticker-window{overflow:hidden;flex:1;min-width:0}.ticker-track{display:flex;width:max-content;animation:ontady-marquee 45s linear infinite}.ticker-group{display:flex;gap:45px;padding-right:45px;align-items:center}.ticker-group span{white-space:nowrap}.ticker-group small{padding:2px 6px;border:1px solid #ba9958;border-radius:3px;font-size:11px}.ticker:hover .ticker-track,.ticker:focus-within .ticker-track,.ticker.paused .ticker-track{animation-play-state:paused}@keyframes ontady-marquee{to{transform:translateX(-50%)}}.alert-strip{display:flex;overflow-x:auto;gap:18px;padding:6px 0 12px;scroll-snap-type:x mandatory}.alert-card{flex:0 0 320px;padding:0;overflow:hidden;scroll-snap-align:start;text-align:center}.alert-card img,.alert-card video{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:#173a5b}.alert-card video{object-fit:contain}.alert-caption{padding:18px}.alert-caption p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.gallery-controls{margin:14px 0 26px}.notices-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.notices-grid .alert-card{width:auto;min-width:0}.crop-editor{margin:16px 0 24px;padding:18px}.crop-editor canvas{display:block;width:100%;max-height:400px;object-fit:contain;background:#dbe7f2;margin:18px auto;border:2px solid #cdddea}.crop-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.crop-controls input{padding:0}.crop-status{color:#1a6b60;font-size:14px}button:disabled{opacity:.6;cursor:wait}footer{text-align:center;justify-content:center}footer p{max-width:1100px;margin:0 auto}footer div{flex-wrap:wrap;justify-content:center}.install{text-align:center}.description{text-align:center}.check{justify-content:center}.sidebar .navitem span{margin-left:8px}@media(max-width:850px){.ticker{flex-wrap:wrap;padding:9px 16px}.ticker-window{flex-basis:100%}.page-heading{padding:24px 16px}.alert-card{flex-basis:min(300px,85vw)}.notices-grid{grid-template-columns:1fr}.crop-controls{grid-template-columns:1fr}.results-head{flex-wrap:wrap;justify-content:center}.right .side-feature{margin:auto}.brand{text-align:left}.utility{justify-content:center}.utility span{margin-left:16px}}@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;width:auto}.ticker-group{flex-wrap:wrap;gap:10px;padding:0}.ticker-group span{white-space:normal}.ticker-group[aria-hidden]{display:none}.ad-card{transition:none}}
.brand{min-width:0;flex-shrink:1}.brand>span:last-child{min-width:0;overflow-wrap:anywhere}.monogram,.header-actions{flex-shrink:0}@media(max-width:850px){.brand{font-size:21px;gap:8px}.header-actions{gap:8px}.header-actions .button{padding:10px 12px}.header-actions .menu{padding:10px 12px}}
.urgent-title{color:#ffe059!important;background:#182c43;padding:.4rem;border-radius:4px}.paid-window{overflow-x:auto;padding:1rem 0}.paid-track{display:flex;gap:1rem;width:max-content}.paid-track .ad-card{width:240px;flex:0 0 240px}.paid-window:focus-within{outline:2px solid #ad8737}@media(prefers-reduced-motion:reduce){.paid-window{scroll-behavior:auto}}
/* 1.2.1: consistent centered typography across public and private pages. */
body,header,nav,.utility,.brand,.sidebar,main,footer,form,label,input,select,textarea,button,table,th,td{text-align:center}
h1,h2,h3,h4,h5,h6,.side-feature h2,.badge{font-family:inherit}
header,nav,.header-actions,.utility,.results-head,.actions,.pagination,footer,footer div{justify-content:center}
header{flex-wrap:wrap}.brand{text-align:center}.utility{gap:16px}.mini-plan{justify-content:center;gap:14px}
.panel form:not(.search){max-width:960px;margin-left:auto;margin-right:auto}
.description,p,h1,h2,h3,label{overflow-wrap:anywhere}.steps{list-style-position:inside;padding-left:0}.steps li{max-width:760px;margin:auto}
.review-image{display:block;margin:12px auto}.navitem{justify-content:center}.results-head>div{flex:1}.pagination{flex-wrap:wrap}
@media(max-width:850px){header{gap:14px}.brand{justify-content:center}.header-actions{justify-content:center;flex-wrap:wrap}.utility{flex-wrap:wrap}.utility span{margin-left:0}}
input[type=checkbox],input[type=radio]{width:auto;vertical-align:middle;margin-right:8px}input[type=file]{max-width:100%}
[hidden]{display:none!important}
