/* Was Moved?: the case file. Night slate for the hero and the dark bands, warm paper and manila
   for the light ones, and an amber highlighter for what you act on and the words that matter.
   Headings are set in Martian Mono, narrowed, like a typed record. Kickers are file tabs, the
   hero's kicker is a stamp, the checker is a folder, and step numbers are exhibit tags. Amber is
   never used as text on a light ground. Loaded after app.css and the config tokens. */
.site-wasmoved{
  --slate:var(--ink);
  --slate-deep:oklch(0.195 0.028 258);
  --slate-2:oklch(0.28 0.028 258);
  --slate-line:oklch(0.38 0.026 258);
  --slate-text:oklch(0.86 0.014 85);
  --manila:var(--paper-2);
  --hl:var(--accent);
  --mark:linear-gradient(transparent 56%,color-mix(in oklch,var(--accent) 72%,transparent) 56%,color-mix(in oklch,var(--accent) 72%,transparent) 94%,transparent 94%);
}
.site-wasmoved :focus-visible{outline-color:var(--ink)}

/* Type: the typed record */
.site-wasmoved h1,.site-wasmoved h2,.site-wasmoved h3{font-weight:700;letter-spacing:-.035em;line-height:1.08}
.site-wasmoved h3{font-weight:650;letter-spacing:-.03em}
.site-wasmoved .sec-head h2,.site-wasmoved .split > div > h2,.site-wasmoved .closer h2{font-size:clamp(1.75rem,1.05rem + 2.2vw,2.75rem);line-height:1.04;letter-spacing:-.045em}
/* the file tab: a label sitting on the line of the folder */
.site-wasmoved .kicker,.site-wasmoved .sec .kicker{display:inline-block;margin-bottom:var(--s4);padding:6px 12px 5px;background:var(--manila);color:var(--ink);border-radius:5px 5px 0 0;box-shadow:inset 0 -1px 0 var(--ink);font-family:var(--display);font-stretch:100%;font-size:11.5px;font-weight:600;letter-spacing:.1em}
.site-wasmoved .sec-tint .kicker{background:var(--card)}

/* Header: solid paper; the brand typed */
.site-wasmoved .top{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:var(--rule-2)}
.site-wasmoved .brand{font-stretch:100%}
.site-wasmoved .brand-mark{background:var(--ink);color:var(--paper);font-weight:700;font-size:14px;letter-spacing:0;border-radius:3px 0 0 3px}
.site-wasmoved .brand-word{border-color:var(--ink);font-weight:600;font-size:14px;letter-spacing:.02em;text-transform:none;border-radius:0 3px 3px 0}
.site-wasmoved .top-nav > a.on,.site-wasmoved .nav-group > a.on{box-shadow:inset 0 -2px 0 var(--ink)}
.site-wasmoved .nav-menu{border-radius:4px}

/* Buttons: amber, ink type, a hairline so the shape holds on paper */
.site-wasmoved .btn{border-radius:3px;font-family:var(--display);font-stretch:87.5%;font-size:15px;font-weight:650;letter-spacing:-.01em}
.site-wasmoved .btn-sm{font-size:14px}
.site-wasmoved .btn-solid{background:var(--hl);color:var(--ink);border-color:var(--ink)}
.site-wasmoved .btn-solid:hover{background:var(--accent-deep)}
.site-wasmoved .btn-line{border-color:var(--ink)}

/* Hero: the photo kept, a slate shade on the side of the words */
.site-wasmoved .hero-warm{background:var(--slate-deep)}
.site-wasmoved .hero-warm::before{background:linear-gradient(90deg,oklch(0.16 0.028 258 / .9) 0%,oklch(0.16 0.028 258 / .8) 40%,oklch(0.16 0.028 258 / .3) 64%,oklch(0.16 0.028 258 / .45) 100%)}
.site-wasmoved .hero-warm h1{font-size:clamp(2.1rem,1rem + 3.2vw,3.5rem);line-height:1.04;letter-spacing:-.05em;text-shadow:0 2px 24px oklch(0.12 0.03 258 / .7)}
.site-wasmoved .hero-warm .lede{color:var(--slate-text)}
.site-wasmoved .hero-warm .lede,.site-wasmoved .hero-warm .hero-ticks,.site-wasmoved .hero-warm .hero-call{text-shadow:0 1px 12px oklch(0.12 0.03 258 / .9)}
/* the stamp */
.site-wasmoved .hero-warm .kicker{padding:6px 11px 5px;background:none;color:var(--paper);border:2px solid var(--paper);border-radius:3px;box-shadow:0 0 0 2px oklch(0.16 0.028 258 / .5),0 0 0 3px color-mix(in oklch,var(--paper) 60%,transparent);text-shadow:none;font-weight:700;letter-spacing:.14em}
.site-wasmoved .hero-ticks li{padding-left:28px}
.site-wasmoved .hero-ticks li::before{top:8px;width:12px;height:12px;border-radius:1px;background:var(--hl)}
.site-wasmoved .hero-ticks li::after{display:none}
.site-wasmoved .hero-warm :focus-visible,.site-wasmoved .page-head :focus-visible,.site-wasmoved .closer :focus-visible,.site-wasmoved .facts-band :focus-visible{outline-color:var(--hl)}
@media (max-width:980px){
  .site-wasmoved .hero-warm::before{background:linear-gradient(180deg,oklch(0.16 0.028 258 / .72) 0%,oklch(0.16 0.028 258 / .9) 55%,oklch(0.16 0.028 258 / .96) 100%)}
}

/* Forms: a clean sheet */
.site-wasmoved .form-card{border-radius:4px;border-color:var(--rule-2);box-shadow:0 1px 0 var(--rule)}
.site-wasmoved .form-card .form-head h2{font-size:1.35rem;letter-spacing:-.04em}
.site-wasmoved .fld input,.site-wasmoved .fld select,.site-wasmoved .fld textarea{border-radius:3px}
.site-wasmoved .fld input:focus,.site-wasmoved .fld select:focus,.site-wasmoved .fld textarea:focus{outline-color:var(--ink);border-color:var(--ink)}
.site-wasmoved .hero-warm .form-card :focus-visible{outline-color:var(--ink)}

/* The checker: a manila folder with its tab, the questions numbered like a form */
.site-wasmoved .hero-warm .check{position:relative;margin-top:30px;background:var(--manila);border:0;border-radius:0 6px 6px 6px;box-shadow:0 30px 70px -30px oklch(0.1 0.03 258 / .9)}
.site-wasmoved .hero-warm .check::before{content:"";position:absolute;left:0;bottom:100%;width:44%;height:22px;background:var(--manila);border-radius:7px 7px 0 0}
.site-wasmoved .check .form-head{padding-bottom:var(--s4);border-bottom:1px solid var(--rule-2)}
.site-wasmoved .check .form-head p{color:var(--ink-2)}
.site-wasmoved .check{counter-reset:q}
.site-wasmoved .check-q{counter-increment:q}
.site-wasmoved .check-q legend{display:flex;gap:10px;align-items:baseline;color:var(--ink)}
.site-wasmoved .check-q legend::before{content:"Q" counter(q);flex:none;padding:2px 5px 1px;background:var(--ink);color:var(--paper);border-radius:2px;font-family:var(--display);font-size:11.5px;font-weight:700;letter-spacing:.04em}
.site-wasmoved .check-opts span{border-color:var(--rule-2);border-radius:3px;background:var(--card);color:var(--ink);font-weight:600}
.site-wasmoved .check-opts label:hover span{border-color:var(--ink)}
.site-wasmoved .check-opts input:checked + span{background:var(--hl);border-color:var(--ink);color:var(--ink)}
.site-wasmoved .check-opts input:focus-visible + span{outline-color:var(--ink)}
.site-wasmoved .check-results{border-top-color:var(--rule-2)}
.site-wasmoved .check-wait{color:var(--ink-2)}
.site-wasmoved .check-result h3{font-size:1.15rem}
.site-wasmoved .check-result p{color:var(--ink-2)}
.site-wasmoved .check-result + .check-result{border-top-color:var(--rule-2)}

/* Fact strip: slate, the figures highlighted */
.site-wasmoved .facts-band{background:var(--slate-deep);color:var(--paper);border-top:1px solid var(--slate-line)}
.site-wasmoved .facts>div{padding:var(--s5);border-left-color:var(--slate-line)}
.site-wasmoved .facts>div:first-child{padding-left:0}
.site-wasmoved .facts dt{font-stretch:80%;font-weight:700;font-size:clamp(19px,1.65vw,23px);letter-spacing:-.04em;color:var(--hl)}
.site-wasmoved .facts dd{margin-top:8px;opacity:1;color:var(--slate-text)}
@media (max-width:900px){.site-wasmoved .facts>div{padding:var(--s4) var(--s4) var(--s4) 0;border-top-color:var(--slate-line)}}

/* Bands: paper, manila, and slate where the two starting points sit like files on a desk */
.site-wasmoved .sec-tint{background:var(--manila);border-color:var(--rule-2)}
.site-wasmoved .hero-warm ~ .sec-tint:not(#guides){background:var(--slate);color:var(--paper);border-color:var(--slate)}
.site-wasmoved .hero-warm ~ .sec-tint:not(#guides) .kicker{background:var(--slate-2);color:var(--paper);box-shadow:inset 0 -1px 0 var(--slate-text)}
.site-wasmoved .hero-warm ~ .sec-tint:not(#guides) .sec-head p:not(.kicker){color:var(--slate-text)}
.site-wasmoved .hero-warm ~ .sec-tint:not(#guides) .paths{border-color:var(--slate-line);color:var(--ink)}
.site-wasmoved .hero-warm ~ .sec-tint:not(#guides) :focus-visible{outline-color:var(--hl)}

/* Situation cards */
.site-wasmoved .paths{border-radius:4px;border-color:var(--rule-2)}
.site-wasmoved .path:hover{background:var(--accent-wash)}
.site-wasmoved .path .photo{border-radius:2px}
.site-wasmoved .path h3{font-size:1.2rem}
.site-wasmoved .path-go{font-family:var(--display);font-stretch:87.5%;font-weight:650;letter-spacing:-.01em}
.site-wasmoved .path-go span,.site-wasmoved .svc-go,.site-wasmoved .tile-ask > span span{color:var(--ink)}

/* Lists: key words highlighted, a small square for each entry */
.site-wasmoved .signs li{border-color:var(--rule-2);padding-left:28px}
.site-wasmoved .signs li::before{left:2px;top:23px;width:8px;height:8px;background:var(--ink)}
.site-wasmoved .signs strong{background:var(--mark);padding-inline:2px;margin-inline:-2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.site-wasmoved .ticks li::before{top:19px;width:7px;height:7px;background:var(--ink-2)}
.site-wasmoved .prose li::marker{color:var(--ink)}
.site-wasmoved .prose strong{background:var(--mark);-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* Links: ink, underlined in a deeper amber; the highlighter comes on when you point at one */
.site-wasmoved .more{font-family:var(--display);font-stretch:87.5%;font-weight:650;border-bottom-color:var(--ink)}
.site-wasmoved .prose a,.site-wasmoved .block-text a,.site-wasmoved .ticks a,.site-wasmoved .signs a,.site-wasmoved .sec-sub a,.site-wasmoved .sec-cta a,.site-wasmoved .qa a,.site-wasmoved .sec-head a.inline{text-decoration-color:var(--ink-3);text-decoration-thickness:1px;text-underline-offset:3px}
.site-wasmoved .prose a:hover,.site-wasmoved .block-text a:hover,.site-wasmoved .ticks a:hover,.site-wasmoved .signs a:hover,.site-wasmoved .sec-sub a:hover,.site-wasmoved .sec-cta a:hover,.site-wasmoved .qa a:hover{background:var(--mark)}

/* Steps: numbers as exhibit tags */
.site-wasmoved .steps li{border-top:1px solid var(--ink)}
.site-wasmoved .step-n{display:inline-grid;place-items:center;min-width:46px;height:46px;padding:0 8px;border:1.5px solid var(--ink);border-radius:3px;font-weight:700;font-size:1.35rem}
.site-wasmoved .steps h2,.site-wasmoved .steps h3{margin-top:var(--s4);font-size:1.2rem}

/* Photos */
.site-wasmoved .photo{border-radius:3px}

/* Guides */
.site-wasmoved .guide-card{border-radius:4px;border-color:var(--rule-2)}
.site-wasmoved .guide-card:hover{border-color:var(--ink)}
.site-wasmoved .guide-card h2,.site-wasmoved .guide-card h3{font-size:1.02rem;line-height:1.25;letter-spacing:-.035em}
.site-wasmoved .guide-list-all{border-top-color:var(--ink)}
.site-wasmoved .guide-list-all .guide-card{border-radius:0}
.site-wasmoved .guide-list-all .guide-card h3{font-size:1.15rem}
.site-wasmoved .guide-list-all .guide-card:hover h3,.site-wasmoved .link-rows a:hover strong{text-decoration-color:var(--ink)}

/* Service pages: the opening answer on a manila sheet */
.site-wasmoved .answer{background:var(--manila);border:1px solid var(--rule-2);border-radius:0 4px 4px 4px}
.site-wasmoved .answer h2{font-size:1.2rem}
.site-wasmoved .answer .answer-where{border-top-color:var(--rule-2)}
.site-wasmoved .block h2{font-size:1.25rem;border-bottom-color:var(--ink)}
.site-wasmoved .svc-group h2{font-size:1.5rem}
.site-wasmoved .svc-row h3{font-size:1.25rem}
.site-wasmoved .svc-row:hover,.site-wasmoved .cond a:hover{background:var(--accent-wash)}
.site-wasmoved .link-rows strong{font-size:1rem;font-weight:650;letter-spacing:-.03em}
.site-wasmoved .side-box{border-radius:4px;border-color:var(--rule-2)}
.site-wasmoved .side-box h2{font-size:1.05rem}
.site-wasmoved .qa h3{font-size:1.02rem;line-height:1.3}
.site-wasmoved .prose h2{font-size:1.35rem}
.site-wasmoved .prose h3{font-size:1.08rem}
.site-wasmoved .area h2,.site-wasmoved .area h3{border-bottom-width:1px}

/* Inner page heads: slate, the trail typed */
.site-wasmoved .page-head{background:var(--slate)}
.site-wasmoved .page-head h1{font-size:clamp(2rem,1.1rem + 2.6vw,3.1rem);line-height:1.04;letter-spacing:-.05em}
.site-wasmoved .page-head-grid h1{font-size:clamp(1.8rem,1.1rem + 1.9vw,2.6rem)}
.site-wasmoved .page-head .lede{color:var(--slate-text)}
.site-wasmoved .page-head .guide-updated{color:oklch(0.78 0.016 85)}
.site-wasmoved .page-head .crumbs{font-family:var(--display);font-size:12.5px;letter-spacing:.02em;color:oklch(0.74 0.016 85)}
.site-wasmoved .page-head .crumbs a{color:var(--slate-text)}
.site-wasmoved .page-head-grid .photo{box-shadow:none;border-radius:3px}

/* Closing band */
.site-wasmoved .closer{background:var(--slate-deep)}
.site-wasmoved .closer p{color:var(--slate-text)}
.site-wasmoved .closer .btn-light{background:var(--hl);color:var(--ink);border-color:var(--hl)}
.site-wasmoved .closer .btn-light:hover{background:var(--accent-deep)}
.site-wasmoved .closer .btn-ghost{border-color:oklch(0.66 0.016 85);color:var(--paper)}
.site-wasmoved .closer .btn-ghost:hover{border-color:var(--paper)}

/* Footer */
.site-wasmoved .foot{border-top:0}
.site-wasmoved .foot h2{font-family:var(--display);font-size:11.5px;letter-spacing:.1em;color:var(--ink-2)}
.site-wasmoved .foot-fine{border-top-color:var(--rule-2);color:var(--ink-2)}

@media (max-width:620px){
  .site-wasmoved .hero-warm .kicker{justify-self:start}
  .site-wasmoved .hero-warm .check{margin-top:calc(var(--s5) + 22px)}
  /* app.css's .paths.paths-2 outranks its own one-column phone rule; restate it here */
  .site-wasmoved .paths.paths-2{grid-template-columns:1fr}
  .site-wasmoved .paths-2 .path{border-right:0;border-bottom:1px solid var(--rule)}
  .site-wasmoved .paths-2 .path:last-child{border-bottom:0}
  .site-wasmoved .paths-2 .photo{aspect-ratio:3 / 2}
  .site-wasmoved .path h3{font-size:1rem;letter-spacing:-.04em}
}