/* r20 Oct 15: reviewer notes + desktop cleanup. Palette, fonts, glow unchanged. */
/* more breathing room between sections */
main .v5-sec,main section.alt,main .ka-gc-tease{padding-top:clamp(3.25rem,6vw,5.5rem)!important;padding-bottom:clamp(3.25rem,6vw,5.5rem)!important}
main .v5-sec h2,main section h2{margin-bottom:1.1rem}
main .wrap>p,main .wrap>ul{margin-bottom:1.15rem}
/* desktop: centered top nav */
@media(min-width:760px){.levelnav ul{justify-content:center}.levelnav{padding-left:1rem;padding-right:1rem}}
/* hero check list: clean aligned two-column list, centered as a block */
.v5-hero ul.checks.trust{display:grid!important;grid-template-columns:repeat(2,minmax(15rem,22rem));justify-content:center;gap:.6rem 2.4rem;max-width:860px;margin:1.4rem auto 0!important;padding:0;text-align:left}
.v5-hero ul.checks.trust li{display:flex;align-items:flex-start;gap:.6rem;margin:0!important;padding:0!important;text-align:left;line-height:1.45}
.v5-hero ul.checks.trust li::before{position:static!important;flex:0 0 18px;width:18px;height:18px;margin-top:.2em;transform:none!important}
@media(max-width:620px){.v5-hero ul.checks.trust{grid-template-columns:1fr;max-width:22rem;gap:.6rem}}
/* "What do you need help with": 6 tiles, the rest behind See more */
.quest-top{margin-bottom:1rem}
.more-quests{margin:1.25rem 0 0;border:2px solid var(--cart-line,#3b2f7a);border-radius:12px;background:rgba(20,16,58,.55)}
.more-quests>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;min-height:56px;padding:.8rem 1rem;font-weight:700;font-size:1.1rem;color:#ffd23f}
.more-quests>summary::-webkit-details-marker{display:none}
.more-quests>summary::after{content:"";width:12px;height:12px;border-right:3px solid #ffd23f;border-bottom:3px solid #ffd23f;transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.more-quests[open]>summary::after{transform:rotate(-135deg) translateY(-3px)}
.more-quests>summary small{font-weight:400;color:#cfc8f5;font-size:.95rem}
.more-quests>.quest-grid,.more-quests>.task-hub{padding:0 1rem 1rem;margin-top:0}
/* service area box: done state */
.fx-serve.done .sv-fill{width:100%!important;animation:none!important}
.fx-serve.done .sv-towns b,.fx-serve.done .sv-towns i{opacity:1!important;transform:none!important;animation:none!important}
.fx-serve.done .sv-towns i{display:none}
.fx-serve.done .sv-towns b:not(:first-of-type)::before{content:"· ";color:#2de2e6}
/* desktop: consistent max widths, centered content column, aligned grids */
@media(min-width:1100px){
  main .wrap{max-width:1140px;margin-left:auto;margin-right:auto}
  main .wrap>p,main .lead{max-width:46rem}
  .v5-hero .wrap>p,.v5-hero .lead{margin-left:auto;margin-right:auto}
  .quest-top>li,.quest-more>li{flex:0 0 calc(33.333% - 1rem);max-width:340px}
}
@media(min-width:1600px){main .wrap{max-width:1240px}html{font-size:106.25%}}
/* smoother motion: ease instead of linear for hover lifts */
.btn,.quest-btn,.task,.levelnav a{transition:transform .18s cubic-bezier(.22,.8,.3,1),box-shadow .18s ease,background-color .18s ease}
/* first-visit Senior mode prompt */
.ka-sm{position:fixed;inset:0;z-index:2147482000;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(6,6,24,.72)}
.ka-sm-box{max-width:30rem;width:100%;background:#fffdf7;color:#0b1a4a;border:4px solid #ff3ea5;border-radius:14px;box-shadow:6px 6px 0 #000;padding:1.5rem 1.4rem;font-family:"Atkinson Hyperlegible",Arial,sans-serif;text-align:center}
.ka-sm-box h2{font-size:1.6rem;line-height:1.25;margin:0 0 .6rem;color:#0b1a4a;font-family:inherit}
.ka-sm-box p{font-size:1.2rem;line-height:1.5;margin:0 0 1.2rem}
.ka-sm-box .row{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.ka-sm-box button{min-height:56px;min-width:9rem;font:700 1.2rem "Atkinson Hyperlegible",Arial,sans-serif;border-radius:10px;cursor:pointer;padding:.6rem 1.2rem}
.ka-sm-box .yes{background:#ffd23f;color:#111;border:3px solid #111}
.ka-sm-box .no{background:#fff;color:#0b1a4a;border:3px solid #0b1a4a}
.fx-serve.done .sv-label{font-size:0!important}
.fx-serve.done .sv-label *{display:none!important}
.fx-serve.done .sv-label::after{content:"\2713  HOME VISITS IN:";font-size:12.8px;color:#ffd23f;-webkit-text-fill-color:#ffd23f;background:none;display:block;white-space:nowrap;visibility:visible;opacity:1}
main p{max-width:72ch}main .page-head p,main .page-head .lead{max-width:46rem}main [class*="grid"] p,main .card p,main td p{max-width:none}