/* FourColorComic v40.31.105 — refresh-stable main nav + larger marketplace utility cards */
/* The main navigation is now authored in its final order in index.html. No post-load
   node shuffling is required, which prevents the full nav row from flashing on refresh. */
#tabs{contain:layout style;}
#tabs .tabbtn{transition:none!important;animation:none!important;transform:none!important;}

/* v104 intended these as real utility cards, but its stylesheet was not linked in the
   prior package. Keep them visibly substantial and equal-height here. */
#marketplace .fcc102-market-tools{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(190px,240px))!important;
  gap:12px!important;
  margin-top:12px!important;
  justify-content:start!important;
  width:100%!important;
}
#marketplace .fcc102-market-tools .fcc54-nav-btn{
  min-height:70px!important;
  width:100%!important;
  padding:12px 14px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:10px!important;
  row-gap:3px!important;
  align-content:center!important;
  text-align:left!important;
  border-radius:13px!important;
}
#marketplace .fcc102-market-tools .fcc54-nav-btn>span{grid-row:1/3!important;font-size:20px!important;align-self:center!important}
#marketplace .fcc102-market-tools .fcc54-nav-btn>b{font-size:13px!important;line-height:1.15!important;white-space:normal!important}
#marketplace .fcc102-market-tools .fcc54-nav-btn>small{display:block!important;font-size:10px!important;line-height:1.25!important;color:#93a3b2!important;white-space:normal!important}

/* Avoid first-paint animation/compositor flashes on dashboard widgets. */
#dashboard *,#tabs *{animation-duration:0s!important;animation-delay:0s!important;}

@media(max-width:900px){#marketplace .fcc102-market-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){#marketplace .fcc102-market-tools{grid-template-columns:1fr!important}}