/* Moved Manufactured Home: on the move. A transport permit made calm: road-sand paper, asphalt
   bands, Overpass (drawn from the highway sign alphabet) set heavy and tight, and one flag red
   kept for what you act on. The motif is the broken lane line, used at three edges only: where
   the hero meets the fact strip, along the route of the three steps, and under inner page heads.
   Loaded after app.css and the config tokens, so it only states what differs. */
.site-movedmanufacturedhome{
  --asphalt:var(--ink);
  --asphalt-2:oklch(0.27 0.01 65);
  --asphalt-line:oklch(0.37 0.012 65);
  --asphalt-text:oklch(0.86 0.018 80);
  --lane:oklch(0.9 0.03 85);
  --lane-dash:repeating-linear-gradient(90deg,var(--lane) 0 36px,transparent 36px 60px);
  --shade:oklch(0.17 0.008 65);
}

/* Type: heavy and tight, sentence case */
.site-movedmanufacturedhome h1,.site-movedmanufacturedhome h2,.site-movedmanufacturedhome h3{font-weight:800;letter-spacing:-.02em}
.site-movedmanufacturedhome .sec-head h2,.site-movedmanufacturedhome .split > div > h2,.site-movedmanufacturedhome .closer h2{font-size:clamp(2rem,1.1rem + 2.9vw,3.25rem);line-height:1;letter-spacing:-.03em}
.site-movedmanufacturedhome .kicker{font-family:var(--display);font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--ink-2)}
.site-movedmanufacturedhome .sec .kicker{color:var(--ink-2)}

/* Header: solid sand, the brand as a placard */
.site-movedmanufacturedhome .top{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:var(--rule-2)}
.site-movedmanufacturedhome .brand-mark{background:var(--ink);color:var(--paper);font-weight:900;letter-spacing:.02em;padding-top:9px;border-radius:3px 0 0 3px}
.site-movedmanufacturedhome .brand-word{border:2px solid var(--ink);border-left:0;font-weight:800;letter-spacing:.14em;padding-top:8px;border-radius:0 3px 3px 0}
.site-movedmanufacturedhome .top-nav{font-family:var(--display);font-weight:700}
.site-movedmanufacturedhome .top-nav > a.on,.site-movedmanufacturedhome .nav-group > a.on{box-shadow:inset 0 -3px 0 var(--accent)}
.site-movedmanufacturedhome .nav-menu{border-radius:4px}
.site-movedmanufacturedhome .top-phone{font-family:var(--display);font-weight:800}

/* Buttons: square-shouldered, set in the display face */
.site-movedmanufacturedhome .btn{border-radius:3px;font-family:var(--display);font-weight:800;letter-spacing:.005em;padding-top:2px}
.site-movedmanufacturedhome .btn-solid{background:var(--accent);color:oklch(0.99 0.004 85)}
.site-movedmanufacturedhome .btn-solid:hover{background:var(--accent-deep)}
.site-movedmanufacturedhome .btn-line{border-width:2px}

/* Hero: the photo stays a photo; a warm asphalt shade carries the words on the left */
.site-movedmanufacturedhome .hero-warm{background:var(--shade)}
.site-movedmanufacturedhome .hero-warm::before{background:linear-gradient(90deg,oklch(0.17 0.008 65 / .9) 0%,oklch(0.17 0.008 65 / .82) 40%,oklch(0.17 0.008 65 / .3) 64%,oklch(0.17 0.008 65 / .4) 100%)}
.site-movedmanufacturedhome .hero-warm h1{font-size:clamp(2.45rem,1.15rem + 4vw,4.35rem);font-weight:900;line-height:.98;letter-spacing:-.035em;text-shadow:0 2px 24px oklch(0.12 0.008 65 / .7)}
.site-movedmanufacturedhome .hero-warm .lede,.site-movedmanufacturedhome .hero-warm .hero-ticks,.site-movedmanufacturedhome .hero-warm .hero-call{text-shadow:0 1px 12px oklch(0.12 0.008 65 / .9)}
.site-movedmanufacturedhome .hero-warm .kicker{display:inline-block;padding:5px 9px 3px;border:1.5px solid var(--lane);border-radius:2px;color:var(--lane);text-shadow:none;font-size:12.5px}
.site-movedmanufacturedhome .hero-warm .lede{color:var(--asphalt-text)}
/* ticks as the boxes on a permit, checked */
.site-movedmanufacturedhome .hero-ticks li{padding-left:32px}
.site-movedmanufacturedhome .hero-ticks li::before{top:3px;width:20px;height:20px;border-radius:2px;background:none;border:1.5px solid var(--lane)}
.site-movedmanufacturedhome .hero-ticks li::after{left:6px;top:8px;width:9px;height:5px;border-color:var(--lane)}
.site-movedmanufacturedhome .hero-warm .form-card{border-radius:4px;box-shadow:0 30px 70px -30px oklch(0.1 0.008 65 / .9)}
@media (max-width:980px){
  .site-movedmanufacturedhome .hero-warm::before{background:linear-gradient(180deg,oklch(0.17 0.008 65 / .7) 0%,oklch(0.17 0.008 65 / .9) 55%,oklch(0.17 0.008 65 / .96) 100%)}
}

/* Form */
.site-movedmanufacturedhome .form-card{border-radius:4px;border-color:var(--rule-2);box-shadow:0 1px 0 var(--rule)}
.site-movedmanufacturedhome .form-card .form-head h2{font-size:1.6rem;font-weight:900;letter-spacing:-.025em}
.site-movedmanufacturedhome .fld input,.site-movedmanufacturedhome .fld select,.site-movedmanufacturedhome .fld textarea{border-radius:3px;border-color:var(--rule-2)}
.site-movedmanufacturedhome .fld select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%232b2724' stroke-width='1.8'/%3E%3C/svg%3E")}

/* Fact strip: asphalt, with the lane line where it meets the hero */
.site-movedmanufacturedhome .facts-band{position:relative;background:var(--asphalt);color:var(--paper)}
.site-movedmanufacturedhome .facts-band::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--lane-dash);opacity:.85}
.site-movedmanufacturedhome .facts{padding-block:var(--s4) var(--s2)}
.site-movedmanufacturedhome .facts>div{padding:var(--s5) var(--s5);border-left-color:var(--asphalt-line)}
.site-movedmanufacturedhome .facts>div:first-child{padding-left:0}
.site-movedmanufacturedhome .facts dt{font-weight:900;font-size:clamp(22px,2vw,28px);letter-spacing:-.025em;line-height:1;color:var(--paper)}
.site-movedmanufacturedhome .facts dd{margin-top:8px;opacity:1;color:var(--asphalt-text);font-size:14.5px}
@media (max-width:900px){.site-movedmanufacturedhome .facts>div{padding:var(--s4) var(--s4) var(--s4) 0;border-top-color:var(--asphalt-line)}}

/* Bands: sand, a deeper sand, and asphalt for the route to a report */
.site-movedmanufacturedhome .sec-tint{background:var(--paper-2);border-color:var(--rule)}
.site-movedmanufacturedhome .hero-warm ~ .sec:has(.steps){background:var(--asphalt);color:var(--paper)}
.site-movedmanufacturedhome .hero-warm ~ .sec:has(.steps) .kicker{color:var(--asphalt-text)}
.site-movedmanufacturedhome .hero-warm ~ .sec:has(.steps) .sec-head p:not(.kicker){color:var(--asphalt-text)}
.site-movedmanufacturedhome .hero-warm ~ .sec:has(.steps) a.inline{color:var(--paper);text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}
.site-movedmanufacturedhome .hero-warm ~ .sec:has(.steps) .step-n{color:var(--paper)}
.site-movedmanufacturedhome .hero-warm ~ .sec:has(.steps) .steps p{color:var(--asphalt-text)}
.site-movedmanufacturedhome .hero-warm ~ .sec:has(.steps) .steps li{border-top:0;background:var(--lane-dash) top left / 100% 4px no-repeat}

/* Steps: big numerals on the route */
.site-movedmanufacturedhome .steps{gap:var(--s7)}
.site-movedmanufacturedhome .steps li{position:relative;padding-top:var(--s6);border-top:0;background:repeating-linear-gradient(90deg,var(--ink) 0 36px,transparent 36px 60px) top left / 100% 4px no-repeat}
.site-movedmanufacturedhome .step-n{display:block;font-weight:900;font-size:clamp(3rem,2rem + 2.4vw,4.25rem);letter-spacing:-.05em;line-height:.9}
.site-movedmanufacturedhome .steps h2,.site-movedmanufacturedhome .steps h3{margin-top:var(--s4);font-size:1.45rem;font-weight:800;letter-spacing:-.02em}
@media (max-width:760px){.site-movedmanufacturedhome .steps{gap:var(--s6)}}

/* Situation cards */
.site-movedmanufacturedhome .paths{border-radius:4px;border-color:var(--rule-2)}
.site-movedmanufacturedhome .path:hover{background:var(--paper-2)}
.site-movedmanufacturedhome .path h3{font-size:1.3rem;font-weight:800}
.site-movedmanufacturedhome .path .photo{border-radius:2px}
.site-movedmanufacturedhome .path-go{font-family:var(--display);font-weight:800}
.site-movedmanufacturedhome .path-go span,.site-movedmanufacturedhome .svc-go{color:var(--accent)}

/* Lists: a short heavy bar like a road mark */
.site-movedmanufacturedhome .signs li{border-color:var(--rule-2);padding-left:34px}
.site-movedmanufacturedhome .signs li::before{left:2px;top:23px;width:18px;height:4px;background:var(--ink)}
.site-movedmanufacturedhome .signs strong{font-family:var(--display);font-weight:800}
.site-movedmanufacturedhome .ticks li::before{top:19px;width:14px;height:3px;background:var(--ink-2)}
.site-movedmanufacturedhome .prose li::marker{color:var(--ink)}

/* Links: ink, with a red underline because they are things you act on */
.site-movedmanufacturedhome .more{font-family:var(--display);font-weight:800;border-bottom-width:3px}
.site-movedmanufacturedhome .prose a,.site-movedmanufacturedhome .block-text a,.site-movedmanufacturedhome .ticks a,.site-movedmanufacturedhome .signs a,.site-movedmanufacturedhome .sec-sub a,.site-movedmanufacturedhome .sec-cta a,.site-movedmanufacturedhome .qa a{text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}

/* Photos: square-cut */
.site-movedmanufacturedhome .photo{border-radius:3px}

/* Guides */
.site-movedmanufacturedhome .guide-card{border-radius:4px;border-color:var(--rule-2)}
.site-movedmanufacturedhome .guide-card h2,.site-movedmanufacturedhome .guide-card h3{font-weight:800;letter-spacing:-.015em}
.site-movedmanufacturedhome .guide-list-photos .guide-card h3{font-size:1.1rem;letter-spacing:-.02em}
.site-movedmanufacturedhome .guide-list-all{border-top:2px solid var(--ink)}
.site-movedmanufacturedhome .guide-list-all .guide-card{border-radius:0}

/* Service pages */
.site-movedmanufacturedhome .answer{background:var(--card);border:1px solid var(--rule-2);border-radius:4px}
.site-movedmanufacturedhome .answer h2{font-weight:800}
.site-movedmanufacturedhome .answer .answer-where{border-top-color:var(--rule)}
.site-movedmanufacturedhome .block h2{font-weight:800;border-bottom:2px solid var(--ink)}
.site-movedmanufacturedhome .svc-rows,.site-movedmanufacturedhome .cond,.site-movedmanufacturedhome .link-rows-2{border-top-width:2px}
.site-movedmanufacturedhome .svc-row h3{font-weight:800}
.site-movedmanufacturedhome .svc-row:hover{background:var(--paper-2)}
.site-movedmanufacturedhome .link-rows strong{font-weight:800}
.site-movedmanufacturedhome .side-box{border-radius:4px;border-color:var(--rule-2)}
.site-movedmanufacturedhome .qa h3{font-weight:800}
.site-movedmanufacturedhome .qa-3 > div{border-top-width:3px}

/* Inner page heads: asphalt, with the lane line along the bottom */
.site-movedmanufacturedhome .page-head{position:relative;background:var(--asphalt)}
.site-movedmanufacturedhome .page-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--lane-dash);opacity:.85}
.site-movedmanufacturedhome .page-head h1{font-size:clamp(2.2rem,1.25rem + 3vw,3.6rem);font-weight:900;line-height:1;letter-spacing:-.035em}
.site-movedmanufacturedhome .page-head .lede{color:var(--asphalt-text)}
.site-movedmanufacturedhome .page-head .crumbs{font-family:var(--display);font-weight:700;color:oklch(0.72 0.02 80)}
.site-movedmanufacturedhome .page-head .crumbs a{color:var(--asphalt-text)}
.site-movedmanufacturedhome .page-head-grid .photo{box-shadow:none}
/* a long guide title steps down so it reads as a title, not a slogan */
.site-movedmanufacturedhome .page-head-grid h1{font-size:clamp(2rem,1.2rem + 2.3vw,3rem);letter-spacing:-.03em}

/* Closing band: asphalt, the request as the one red button */
.site-movedmanufacturedhome .closer{background:var(--asphalt-2)}
.site-movedmanufacturedhome .closer p{color:var(--asphalt-text)}
.site-movedmanufacturedhome .closer .btn-light{background:var(--accent);color:oklch(0.99 0.004 85)}
.site-movedmanufacturedhome .closer .btn-light:hover{background:var(--accent-deep)}
.site-movedmanufacturedhome .closer .btn-ghost{border:2px solid oklch(0.62 0.02 80);color:var(--paper)}
.site-movedmanufacturedhome .closer .btn-ghost:hover{border-color:var(--paper)}

/* Footer: back on sand */
.site-movedmanufacturedhome .foot{background:var(--paper-2);border-top:0}
.site-movedmanufacturedhome .foot h2{font-family:var(--display);font-weight:800;letter-spacing:.12em;color:var(--ink-2)}
.site-movedmanufacturedhome .foot-fine{border-top-color:var(--rule-2);color:var(--ink-2)}

/* Focus in ink on sand, in the lane color on asphalt */
.site-movedmanufacturedhome .hero-warm :focus-visible,.site-movedmanufacturedhome .page-head :focus-visible,.site-movedmanufacturedhome .closer :focus-visible,.site-movedmanufacturedhome .hero-warm ~ .sec:has(.steps) :focus-visible{outline-color:var(--lane)}
.site-movedmanufacturedhome .hero-warm .form-card :focus-visible{outline-color:var(--accent)}

@media (max-width:620px){
  .site-movedmanufacturedhome .hero-warm .kicker{justify-self:start}
  .site-movedmanufacturedhome .facts dt{font-size:22px}
  .site-movedmanufacturedhome .step-n{font-size:3rem}
}
