/* l01-v2 (Oct 10, desktop-v2): one Blender scene is the source of truth (desktop-v2/blend/scene_v2.py).
   The hero floor is the rendered slab strip; L01 is the rendered underground with the station; every word, field and
   button is live HTML laid over the clear inset. Positions come from desktop-v2/guides/guides-render.json. */
.ground{aspect-ratio:2560/184!important;height:auto!important;margin:0!important;min-width:0;width:100%}
.ground__slab{clip-path:none!important;filter:none!important;background:url(img/earth/v2-slab-desk.webp) center top/100% 100% no-repeat!important}
.ground__slab::before,.ground__slab::after,.ground__dirt,.ground__wire{display:none!important}

#audit.mk{min-height:0!important;padding:0!important;background:#0d0906!important}
#audit.mk > .slab,#audit.mk > .datum,#audit.mk .au-floorhead,#audit.mk .au-svg{display:none!important}
#audit.mk .au-art{position:relative!important;display:block!important;min-height:0!important;margin:0!important;padding:0!important;max-width:none!important;
  aspect-ratio:2560/1435;background:url(img/earth/v2-under-desk.webp) 0 0/100% 100% no-repeat!important;container-type:inline-size}
#audit.mk .mk-unit{position:absolute;inset:0;pointer-events:none}
#audit.mk .au-lamp{display:block!important;position:absolute!important;left:55.47%!important;top:12.68%!important;width:0!important;height:0!important}
#audit.mk .au-lamp img{display:none!important}
#audit.mk .au-lamp__glow{position:absolute;left:0;top:0;width:24cqw;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,190,100,.30),rgba(255,160,70,.08) 55%,rgba(255,150,60,0));mix-blend-mode:screen;animation:v2-breathe 5s ease-in-out infinite}
@keyframes v2-breathe{0%,100%{transform:translate(-50%,-50%) scale(.92);filter:brightness(.85)}50%{transform:translate(-50%,-50%) scale(1.06);filter:brightness(1.12)}}
@media (prefers-reduced-motion:reduce){#audit.mk .au-lamp__glow{animation:none!important}}

/* title column, left */
#audit.mk .au-head{position:absolute!important;left:4.6%!important;top:17%!important;width:17.5%!important;margin:0!important;padding:0!important}
#audit.mk .au-lab{display:block!important;margin:0 0 .9cqw!important;color:#c9a465!important;font:600 max(11px,.85cqw)/1 var(--text)!important;letter-spacing:.22em;text-transform:uppercase}
#audit.mk .au-h{margin:0!important;color:#f2f2ee!important;font:800 2.55cqw/1 var(--display,inherit)!important;text-transform:uppercase;max-width:none!important}
#audit.mk .au-head .au-lede,#audit.mk .au-lede2{display:block;margin:1.1cqw 0 0!important;color:#e2dccf!important;font:400 max(14px,1.05cqw)/1.45 var(--text)!important}

/* the form sits exactly on the rendered inset */
#audit.mk .au-form{position:absolute!important;left:37.5%!important;top:23%!important;width:35.94%!important;height:23.34%;margin:0!important;
  padding:1.15cqw 1.3cqw!important;background:none!important;border:0!important;box-shadow:none!important;display:flex;flex-direction:column;gap:.75cqw;overflow:hidden}

#audit.mk .au-fields{display:grid!important;grid-template-columns:1fr 1fr;gap:1cqw;margin:0!important}
#audit.mk .au-f{margin:0!important}
#audit.mk .au-l{display:block;margin:0 0 .35cqw!important;color:#c9a465!important;font:600 max(10px,.72cqw)/1 var(--text)!important;letter-spacing:.2em;text-transform:uppercase}
#audit.mk .au-in{width:100%;height:max(30px,2.35cqw)!important;padding:0 .8cqw!important;font:400 max(13px,.95cqw)/1 var(--text)!important;
  background:rgba(4,3,2,.85)!important;border:1px solid #6d5430!important;border-radius:2px;color:#f2f2ee!important}
#audit.mk .au-in:focus{outline:2px solid #c9a465;outline-offset:1px}
#audit.mk .au-row{margin:0!important}
#audit.mk .au-go{width:100%;height:max(30px,2.35cqw);padding:0!important;background:linear-gradient(#d8bd85,#b8975a)!important;color:#15110b!important;border:0!important;
  font:700 max(11px,.8cqw)/1 var(--text)!important;letter-spacing:.18em;text-transform:uppercase}
#audit.mk .au-note{margin:0!important;color:#c4bba9!important;font:400 max(10.5px,.74cqw)/1.4 var(--text)!important}
#audit.mk .au-note a{color:#d8bd85!important}
#audit.mk .au-strip{display:none}
#audit.mk .au-msg,#audit.mk .au-err{font-size:max(11px,.75cqw)!important;margin:0!important}
#audit.mk .au-msg:empty,#audit.mk .au-err[hidden]{display:none}
#audit.mk .au-details{position:absolute!important;left:50.04%!important;top:65.37%!important;width:14.96%!important;height:14.29%;margin:0!important;
  display:flex;align-items:center;justify-content:center;background:none;border:0;color:#e9d9b4;font:600 max(11px,.85cqw)/1.2 var(--text);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
#audit.mk .au-details[hidden]{display:none!important}
@media (min-width:820px){#audit.mk .au-res{margin:0 auto}}

/* ---------- mobile: same scene, stacked (lamp, form, inspection box), title below ---------- */
@media (max-width:819px){
  .ground{aspect-ratio:1080/184!important}
  .ground__slab{background-image:url(img/earth/v2-slab-mob.webp)!important}
  .dig{display:none!important}
  .hero{min-height:0!important;grid-template-rows:auto auto auto auto!important}
  #audit.mk .au-art{aspect-ratio:auto;display:flex!important;flex-direction:column;background:none!important}
  #audit.mk .mk-unit{position:relative;inset:auto;order:1;aspect-ratio:1080/2165;background:url(img/earth/v2-under-mob.webp) 0 0/100% 100% no-repeat}
  #audit.mk .au-lamp{left:50%!important;top:26.56%!important}
  #audit.mk .au-lamp__glow{width:62cqw}
  #audit.mk .au-form{left:9.26%!important;top:calc(33.4% * 2165 / 2165)!important;width:81.48%!important;height:auto;padding:14px!important;gap:9px;
    top:calc(100cqw * 2165 / 1080 * .334)!important;max-height:calc(100cqw * 2165 / 1080 * .318)}
  #audit.mk .au-fields{grid-template-columns:1fr;gap:8px}
  #audit.mk .au-l{font-size:10.5px!important;margin-bottom:4px!important}
  #audit.mk .au-in,#audit.mk .au-go{height:38px!important}
  #audit.mk .au-in{padding:0 10px!important;font-size:14px!important}
  #audit.mk .au-note{font-size:10.5px!important}
  #audit.mk .au-details{left:33.7%!important;top:calc(100cqw * 2165 / 1080 * .785)!important;width:45.1%!important;height:calc(100cqw * 2165 / 1080 * .109)}
  #audit.mk .au-head{position:relative!important;order:2;left:auto!important;top:auto!important;width:auto!important;padding:22px 20px 44px!important}
  #audit.mk .au-h{font-size:min(10vw,44px)!important}
  #audit.mk .au-lab{font-size:11px!important;margin-bottom:10px!important}
}
/* the underground runs under the side shaft too, so it lines up with the hero slab edge to edge */
@media (min-width:820px){html.glass-on #audit.mk .au-art{--sr:calc((var(--shaft-w) + var(--shaft-right)) * var(--shaft-reserve));margin-right:calc(-1 * var(--sr))!important}
  #audit.mk{overflow-x:clip}}
#audit.mk .au-details{transform:none!important;flex-direction:row!important;z-index:4;padding:0!important;max-width:none!important}
#audit.mk.is-done .au-details:not([hidden]){display:flex!important}

/* Keep submission feedback usable inside the fixed instrument at every width. */
#audit.mk .au-form{overflow-y:auto}
#audit.mk .au-form > *{flex-shrink:0}
#audit.mk.is-reading .au-note{display:none}