/* v8.5.8 — coherent home icon set.
   Replace legacy text glyphs and filled masks with one simple maritime line-icon language. */

.home-category-a button>.home-cat-icon,
.home-popular-grid button>span,
.home-more-links button>span{
  width:34px;
  min-width:34px;
  height:34px;
  padding:0!important;
  display:grid;
  place-items:center;
  border:1px solid rgba(73,201,245,.24);
  border-radius:9px;
  background:rgba(40,196,244,.065);
  color:#62d4fa;
  font-size:0!important;
  line-height:1;
}
.home-category-a button>.home-cat-icon{margin:0 0 16px}
.home-category-a button>.home-cat-icon:before,
.home-popular-grid button>span:before,
.home-more-links button>span:before{
  content:"";
  width:20px;
  height:20px;
  display:block;
  background:currentColor;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
}

/* Fuel — droplet */
.home-category-a button[data-go="fuel"]>.home-cat-icon:before,
.home-popular-grid button[data-go="fuel"]>span:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5S6.5 9.1 6.5 14a5.5 5.5 0 0 0 11 0C17.5 9.1 12 2.5 12 2.5Z'/%3E%3Cpath d='M9.5 15.2a2.8 2.8 0 0 0 2.8 2.3'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5S6.5 9.1 6.5 14a5.5 5.5 0 0 0 11 0C17.5 9.1 12 2.5 12 2.5Z'/%3E%3Cpath d='M9.5 15.2a2.8 2.8 0 0 0 2.8 2.3'/%3E%3C/svg%3E");
}

/* Engineering — wrench */
.home-category-a button[data-go="engineering"]>.home-cat-icon:before,
.home-popular-grid button[data-go="engineering"]>span:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.8 6.1a4.3 4.3 0 0 0-5.2 5.4L3.4 17.7a1.6 1.6 0 0 0 0 2.3l.6.6a1.6 1.6 0 0 0 2.3 0l6.2-6.2a4.3 4.3 0 0 0 5.4-5.2l-2.7 2.7-3.1-3.1 2.7-2.7Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.8 6.1a4.3 4.3 0 0 0-5.2 5.4L3.4 17.7a1.6 1.6 0 0 0 0 2.3l.6.6a1.6 1.6 0 0 0 2.3 0l6.2-6.2a4.3 4.3 0 0 0 5.4-5.2l-2.7 2.7-3.1-3.1 2.7-2.7Z'/%3E%3C/svg%3E");
}

/* Electrical — lightning */
.home-category-a button[data-go="electrical"]>.home-cat-icon:before,
.home-popular-grid button[data-go="electrical"]>span:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m13.5 2-8 12h6l-1 8 8-12h-6l1-8Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m13.5 2-8 12h6l-1 8 8-12h-6l1-8Z'/%3E%3C/svg%3E");
}

/* Vessel calculations — ship */
.home-category-a button[data-go="vessel-calcs"]>.home-cat-icon:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v8M8 7h8'/%3E%3Cpath d='m4 12 8-3 8 3-2.2 6H6.2L4 12Z'/%3E%3Cpath d='M4 21c1.2 0 1.8-1 3-1s1.8 1 3 1 1.8-1 3-1 1.8 1 3 1 1.8-1 3-1'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v8M8 7h8'/%3E%3Cpath d='m4 12 8-3 8 3-2.2 6H6.2L4 12Z'/%3E%3Cpath d='M4 21c1.2 0 1.8-1 3-1s1.8 1 3 1 1.8-1 3-1 1.8 1 3 1 1.8-1 3-1'/%3E%3C/svg%3E");
}

/* Quick tools — calculator */
.home-category-a button[data-go="quick"]>.home-cat-icon:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h2M14 11h2M8 15h2M14 15h2M8 19h2M14 19h2'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h2M14 11h2M8 15h2M14 15h2M8 19h2M14 19h2'/%3E%3C/svg%3E");
}

/* Common jobs get distinct task icons rather than repeating category icons. */
.home-popular-grid button[data-tool-target="Fuel ROB & endurance"]>span:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19a8 8 0 1 1 14 0'/%3E%3Cpath d='m12 12 4-3M8 19h8'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19a8 8 0 1 1 14 0'/%3E%3Cpath d='m12 12 4-3M8 19h8'/%3E%3C/svg%3E");
}
.home-popular-grid button[data-tool-target="Bunkering overview"]>span:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='9' height='14' rx='1.5'/%3E%3Cpath d='M7 9h3M13 8h2.5l2 2.5V17a2 2 0 0 0 2 2h.5M17.5 11H20'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='9' height='14' rx='1.5'/%3E%3Cpath d='M7 9h3M13 8h2.5l2 2.5V17a2 2 0 0 0 2 2h.5M17.5 11H20'/%3E%3C/svg%3E");
}
.home-popular-grid button[data-tool-target="Generator load margin"]>span:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Ccircle cx='8' cy='12' r='2.5'/%3E%3Cpath d='M13 10h5M13 14h3'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Ccircle cx='8' cy='12' r='2.5'/%3E%3Cpath d='M13 10h5M13 14h3'/%3E%3C/svg%3E");
}
.home-popular-grid button[data-tool-target="Pump speed change"]>span:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 3a9 9 0 0 1 7.8 4.5M21 7v4h-4M12 21a9 9 0 0 1-7.8-4.5M3 17v-4h4'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 3a9 9 0 0 1 7.8 4.5M21 7v4h-4M12 21a9 9 0 0 1-7.8-4.5M3 17v-4h4'/%3E%3C/svg%3E");
}
.home-popular-grid button[data-tool-target="Three-phase power"]>span:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M3 7c2.2-3 3.8 3 6 0s3.8 3 6 0 3.8 3 6 0M3 12c2.2-3 3.8 3 6 0s3.8 3 6 0 3.8 3 6 0M3 17c2.2-3 3.8 3 6 0s3.8 3 6 0 3.8 3 6 0'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M3 7c2.2-3 3.8 3 6 0s3.8 3 6 0 3.8 3 6 0M3 12c2.2-3 3.8 3 6 0s3.8 3 6 0 3.8 3 6 0M3 17c2.2-3 3.8 3 6 0s3.8 3 6 0 3.8 3 6 0'/%3E%3C/svg%3E");
}

/* Weather — sun/cloud */
.home-more-links button[data-go="weather"]>span:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 7.5a4 4 0 0 0-7.7 1.4A4.5 4.5 0 0 0 8 18h9a3.5 3.5 0 0 0 .5-7'/%3E%3Cpath d='M16 3v2M20.5 5.5 19 7M21 10h-2'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 7.5a4 4 0 0 0-7.7 1.4A4.5 4.5 0 0 0 8 18h9a3.5 3.5 0 0 0 .5-7'/%3E%3Cpath d='M16 3v2M20.5 5.5 19 7M21 10h-2'/%3E%3C/svg%3E");
}
/* Navigation — compass */
.home-more-links button[data-go="navigation"]>span:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m15.5 8.5-2 5-5 2 2-5 5-2Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m15.5 8.5-2 5-5 2 2-5 5-2Z'/%3E%3C/svg%3E");
}
/* Live & experimental — radar */
.home-more-links button[data-go="live-experimental"]>span:before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M12 12 18 6M4.9 19.1a10 10 0 1 1 14.2 0M7.8 16.2a6 6 0 1 1 8.4 0'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M12 12 18 6M4.9 19.1a10 10 0 1 1 14.2 0M7.8 16.2a6 6 0 1 1 8.4 0'/%3E%3C/svg%3E");
}

[data-theme="bridge"] .home-category-a button>.home-cat-icon,
[data-theme="bridge"] .home-popular-grid button>span,
[data-theme="bridge"] .home-more-links button>span{
  background:rgba(219,160,102,.06);
  border-color:rgba(219,160,102,.20);
  color:#dba066;
}

@media(max-width:760px){
  .home-category-a button>.home-cat-icon{margin:0;grid-row:1/3}
}