/* RoccoQuest V10.9.112 — compact home how-to + clean legal footer + passport modal guard */

/* HOME: compact 4-step explanation. Never allow the old tall/mobile layout back in. */
#home #rq102Home .rq102Copy:has(.rq102Steps){padding:20px 18px!important}
#home #rq102Home .rq102Copy:has(.rq102Steps)>h2{font-size:26px!important;line-height:1.08!important;margin:6px 0 12px!important}
#home #rq102Home .rq102Steps{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:9px!important;
 margin:12px 0 0!important;
 border:0!important;
}
#home #rq102Home .rq102Step{
 display:block!important;
 min-width:0!important;
 min-height:0!important;
 padding:12px!important;
 margin:0!important;
 border:1px solid rgba(224,133,70,.34)!important;
 border-radius:15px!important;
 background:rgba(2,29,22,.58)!important;
}
#home #rq102Home .rq102Step:before{display:none!important;content:none!important}
#home #rq102Home .rq102Step b{display:block!important;font-size:15px!important;line-height:1.15!important;margin:0 0 5px!important;white-space:normal!important}
#home #rq102Home .rq102Step span{display:block!important;font-size:12px!important;line-height:1.35!important;color:#c9d0c9!important;word-break:normal!important;overflow-wrap:normal!important}

/* HOME footer: only the two legal links, small and calm like the supplied example. */
#home.rq102Ready > .rq80Footer{
 display:flex!important;
 flex-direction:row!important;
 justify-content:center!important;
 align-items:center!important;
 flex-wrap:wrap!important;
 gap:8px 22px!important;
 margin:8px 0 88px!important;
 padding:16px 18px 18px!important;
 border:0!important;
 border-top:1px solid rgba(255,255,255,.07)!important;
 border-radius:0!important;
 background:rgba(3,27,21,.72)!important;
 min-height:0!important;
}
#home.rq102Ready > .rq80Footer > *{display:none!important}
#home.rq102Ready > .rq80Footer > .rq92Legal{
 display:flex!important;
 flex:0 0 100%!important;
 justify-content:center!important;
 align-items:center!important;
 gap:10px 24px!important;
 padding:0!important;
 margin:0!important;
}
#home.rq102Ready > .rq80Footer > .rq92Legal a{
 display:inline-block!important;
 font-size:12px!important;
 line-height:1.3!important;
 font-weight:500!important;
 color:#c9c4ba!important;
 text-decoration:none!important;
 padding:3px 0!important;
}

/* Passport is a modal only. It must never appear inline at the bottom of a tab. */
#rq62Badges.rq62Modal:not(.open){display:none!important;visibility:hidden!important;pointer-events:none!important}
#rq62Badges.rq62Modal.open{display:flex!important;position:fixed!important;inset:0!important;z-index:9999!important;visibility:visible!important}

@media(max-width:390px){
 #home #rq102Home .rq102Copy:has(.rq102Steps){padding:18px 14px!important}
 #home #rq102Home .rq102Steps{gap:7px!important}
 #home #rq102Home .rq102Step{padding:10px!important}
 #home #rq102Home .rq102Step b{font-size:14px!important}
 #home #rq102Home .rq102Step span{font-size:11.5px!important}
}