/* Reuse Staves' dark navigation, quiet borders and readable work surfaces. */
#mobile-companion{display:none}
@media(max-width:700px){
  body:has(#mobile-companion){overflow:auto!important;height:auto!important;min-height:100dvh;background:#f4f7f8!important}
  body>*:not(#mobile-companion):not(script):not(style):not(link){display:none!important}
  #mobile-companion:not([hidden]){display:block;color:#252832;font-family:Manrope,Archivo,sans-serif;font-size:15px;line-height:1.6;--mobile-line:#dce5e9;--mobile-muted:#566b76}
  #mobile-companion *{box-sizing:border-box}
  #mobile-companion .mobile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;background:#202f39;color:#deebef}
  #mobile-companion .mobile-brand{font-size:27px;font-weight:650;letter-spacing:-1px;text-decoration:none;color:inherit}
  #mobile-companion .mobile-head>span{font-size:12px}
  #mobile-companion main{display:block;padding:30px 22px 16px;margin:0;min-height:0;width:100%;max-width:none;background:transparent}
  #mobile-companion h1{font-size:29px;line-height:1.2;letter-spacing:-.8px;font-weight:600;margin:0 0 16px;overflow-wrap:anywhere}
  #mobile-companion h2{font-size:18px;line-height:1.4;font-weight:600;margin:0 0 10px}
  #mobile-companion h3{font-size:15px;margin:20px 0 8px}
  #mobile-companion p{margin:0 0 14px}
  #mobile-companion a{color:#285768}
  #mobile-companion .mobile-eyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--mobile-muted);margin-bottom:12px}
  #mobile-companion .mobile-goal{font-size:16px;line-height:1.65}
  #mobile-companion .mobile-desktop{background:#eaf0f3;border:1px solid #cbd9e0;border-radius:10px;padding:18px;margin:24px 0}
  #mobile-companion .mobile-desktop p{font-size:14px;color:#455e6a}
  #mobile-companion button{font:inherit;min-height:44px;padding:10px 14px;border:1px solid #8398a4;border-radius:7px;background:white;color:#284653;cursor:pointer;white-space:normal}
  #mobile-companion :is(button,a,input,summary):focus-visible{outline:2px solid #2455e6;outline-offset:3px}
  #mobile-companion #mobile-copy-status:empty{display:none}
  #mobile-companion #mobile-copy-status:not(:empty){margin:12px 0 0}
  #mobile-companion input{display:block;width:100%;min-height:44px;border:1px solid #8398a4;background:white;color:#252832;border-radius:7px;padding:10px 12px;margin:8px 0 18px;font:inherit}
  #mobile-companion .mobile-section{padding:24px 0;border-top:1px solid var(--mobile-line)}
  #mobile-companion .mobile-status{margin:22px 0 4px;padding:16px 18px;border:1px solid var(--mobile-line);border-radius:10px;background:white}
  #mobile-companion .mobile-status h2{font-size:13px;letter-spacing:.6px;text-transform:uppercase;color:var(--mobile-muted)}
  #mobile-companion .mobile-status p:last-child{margin-bottom:0}
  #mobile-companion .mobile-requests{list-style:none;padding:0;margin:0 0 12px}
  #mobile-companion .mobile-requests li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:10px 0;margin:0;border-top:1px solid var(--mobile-line)}
  #mobile-companion .mobile-requests li:first-child{border-top:0;padding-top:0}
  #mobile-companion .mobile-requests small{flex-basis:100%;color:var(--mobile-muted);font-size:12px;overflow-wrap:anywhere}
  #mobile-companion .mobile-state{border:1px solid #cbd9e0;border-radius:999px;padding:2px 9px;font-size:12px;color:#455e6a;background:#eef3f5}
  #mobile-companion .mobile-state[data-state=failed]{border-color:#d3a3a3;background:#f7ecec;color:#7b3b3b}
  #mobile-companion .mobile-state[data-state=completed]{border-color:#a8c9b6;background:#ecf4ef;color:#325343}
  #mobile-companion .mobile-note{color:var(--mobile-muted);font-size:13px}
  #mobile-companion .mobile-job{border-bottom:1px solid var(--mobile-line);background:transparent;border-radius:0;margin:0;padding:0}
  #mobile-companion summary{cursor:pointer;padding:15px 0;min-height:44px;font-weight:600}
  #mobile-companion summary small{display:block;color:var(--mobile-muted);font-size:13px;font-weight:400;padding-left:18px;margin:3px 0 0}
  #mobile-companion .mobile-job>div{padding:0 0 18px 18px;overflow-wrap:anywhere}
  #mobile-companion dl{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:13px}
  #mobile-companion dt{color:var(--mobile-muted)}
  #mobile-companion dd{margin:0}
  #mobile-companion ul{padding-left:20px}
  #mobile-companion li{margin-bottom:12px}
  #mobile-companion .mobile-footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:18px 22px 30px;border-top:1px solid var(--mobile-line);font-size:13px}
  #mobile-companion .mobile-footer a{display:inline-flex;align-items:center;min-height:44px}
}