:root{
  --cream:#f6f1e7;
  --green:#1f3b2e;
  --ink:#262821;
  --muted:#70736c;
  --orange:#f16522;
  --yellow:#f3cd45;
  --line:rgba(31,59,46,.20);
}
.codnewcity{background:var(--cream);color:var(--ink);font-family:Poppins,Arial,sans-serif}
.codnewcity-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:58px 0 62px}
.codnewcity-hero .codnewcity-wrap{padding:72px 0 64px}
.codnewcity-meta{display:flex;gap:18px;margin-bottom:36px;padding-bottom:16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.codnewcity-meta span:first-child{color:var(--orange)}
.codnewcity h1{max-width:1000px;margin:0;color:var(--green);font-size:clamp(52px,8vw,102px);font-weight:900;letter-spacing:-.065em;line-height:.87}
.codnewcity-lead{max-width:820px;margin:26px 0 32px;color:var(--muted);font-size:clamp(19px,2vw,23px);line-height:1.55}
.codnewcity-hero-image{width:100%;height:clamp(280px,34vw,460px);margin:0;overflow:hidden;background:var(--green)}
.codnewcity-hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.codnewcity h2{max-width:920px;margin:0;font-size:clamp(39px,5vw,62px);font-weight:900;letter-spacing:-.055em;line-height:.95}
.codnewcity h3{margin:0;color:var(--green);font-size:22px;line-height:1.15}
.codnewcity-eye{margin:0 0 14px!important;color:var(--orange);font-size:12px!important;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.codnewcity-green{background:var(--green);color:#fff}
.codnewcity-yellow{background:var(--yellow)}
.codnewcity-orange{background:var(--orange);color:#fff}
.codnewcity-paper{background:var(--cream);border-bottom:1px solid var(--line)}
.codnewcity-paper h2,.codnewcity-yellow h2{color:var(--green)}
.codnewcity-green .codnewcity-eye,.codnewcity-orange .codnewcity-eye{color:var(--yellow)}
.codnewcity-green p:not(.codnewcity-eye),.codnewcity-orange p:not(.codnewcity-eye),.codnewcity-paper p:not(.codnewcity-eye){max-width:880px;font-size:18px;line-height:1.65}
.codnewcity-btn{display:flex;width:min(100%,590px);min-height:60px;padding:0 24px;margin-top:28px;align-items:center;justify-content:space-between;background:var(--green);border:1px solid var(--green);color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.codnewcity-btn-light{background:var(--cream);border-color:var(--cream);color:var(--green)!important}
.codnewcity-fee-row{display:flex;max-width:780px;align-items:center;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.codnewcity-fee-row strong{color:var(--green);font-size:clamp(38px,5vw,58px);font-weight:900}
.codnewcity-link{display:inline-block;margin-top:18px;color:var(--green)!important;font-weight:900;text-decoration:none!important}
.codnewcity-yellow .codnewcity-link{color:var(--ink)!important}
.codnewcity-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:28px}
.codnewcity-steps>div{padding:20px 0;border-top:1px solid rgba(38,40,33,.25)}
.codnewcity-steps span{display:block;margin-bottom:6px;color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.12em}
.codnewcity-steps strong{font-size:18px}.codnewcity-steps p{margin:7px 0 0;font-size:15px;line-height:1.5}
.codnewcity-copygrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:30px}
.codnewcity-copygrid article{padding-top:20px;border-top:1px solid var(--line)}
.codnewcity-copygrid p{font-size:16px!important}
.codnewcity-category-links,.codnewcity-navlinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:28px}
.codnewcity-category-links a,.codnewcity-navlinks a{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;color:inherit!important;font-weight:900;text-decoration:none!important}
.codnewcity-navlinks{grid-template-columns:repeat(3,minmax(0,1fr))}
.codnewcity-paper .codnewcity-navlinks a{color:var(--green)!important;border-color:var(--line)}
@media(max-width:680px){
 .codnewcity-wrap{width:calc(100% - 48px);padding:44px 0 48px}
 .codnewcity-hero .codnewcity-wrap{padding:50px 0 48px}
 .codnewcity h1{font-size:clamp(42px,11.5vw,56px);line-height:.9}
 .codnewcity h2{font-size:clamp(37px,10.5vw,49px)}
 .codnewcity-meta{font-size:10px}
 .codnewcity-hero-image{height:240px}
 .codnewcity-steps,.codnewcity-copygrid,.codnewcity-category-links,.codnewcity-navlinks{grid-template-columns:1fr}
 .codnewcity-btn{width:100%}
}


/* ============================================================
   v2.0.1 — TYPOGRAPHY MATCH TO FINAL COD CATEGORY SYSTEM
   Typography only. Layout, copy, fees, SEO fields, links and logic unchanged.
   ============================================================ */

.codnewcity,
.codnewcity button,
.codnewcity input,
.codnewcity select,
.codnewcity textarea{
  font-family:Poppins,Arial,sans-serif!important;
}

.codnewcity h1,
.codnewcity h2,
.codnewcity h3,
.codnewcity strong,
.codnewcity .codnewcity-btn,
.codnewcity .codnewcity-eye,
.codnewcity .codnewcity-meta{
  font-family:Poppins,Arial,sans-serif!important;
}

.codnewcity h1{
  font-weight:900!important;
  letter-spacing:-.065em!important;
}

.codnewcity h2{
  font-weight:900!important;
  letter-spacing:-.055em!important;
}

.codnewcity h3{
  font-weight:900!important;
  letter-spacing:-.035em!important;
}

.codnewcity p,
.codnewcity a,
.codnewcity .codnewcity-lead{
  font-family:Poppins,Arial,sans-serif!important;
}

.codnewcity p{
  font-weight:400!important;
}

.codnewcity .codnewcity-meta,
.codnewcity .codnewcity-eye,
.codnewcity .codnewcity-btn{
  font-weight:900!important;
  letter-spacing:.14em!important;
}

.codnewcity .codnewcity-lead{
  font-weight:400!important;
  letter-spacing:0!important;
}

.codnewcity .codnewcity-steps strong,
.codnewcity .codnewcity-category-links a,
.codnewcity .codnewcity-navlinks a{
  font-weight:800!important;
}

@media(max-width:680px){
  .codnewcity h1{
    font-size:clamp(42px,11.5vw,56px)!important;
    line-height:.90!important;
  }

  .codnewcity h2{
    font-size:clamp(37px,10.5vw,49px)!important;
    line-height:.96!important;
  }

  .codnewcity .codnewcity-lead{
    font-size:19px!important;
    line-height:1.55!important;
  }
}


/* ============================================================
   v2.0.2 — MOBILE BODY COPY POLISH
   Long-form mobile copy only. Headings/layout/SEO/fees/links unchanged.
   ============================================================ */
@media(max-width:680px){
  .codnewcity-green p:not(.codnewcity-eye),
  .codnewcity-orange p:not(.codnewcity-eye),
  .codnewcity-paper p:not(.codnewcity-eye){
    font-size:17px!important;
    line-height:1.58!important;
  }

  .codnewcity-copygrid p{
    font-size:15.5px!important;
    line-height:1.58!important;
  }

  .codnewcity-steps p{
    font-size:14.5px!important;
    line-height:1.48!important;
  }

  .codnewcity-category-links a,
  .codnewcity-navlinks a{
    font-size:16px!important;
  }
}