/* v8.5.8 — unified home icon system */
.home-category-a button,
.home-popular-grid button,
.home-more-links button{position:relative}

/* Shared icon treatment: remove font glyphs and draw one coherent line-icon family. */
.home-category-a .home-cat-icon,
.home-popular-grid button>span,
.home-more-links button>span{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  padding:0;
  border:1px solid rgba(73,201,245,.20);
  border-radius:9px;
  background:rgba(40,196,244,.065);
  color:#62d4fa;
  font-size:0!important;
}
.home-category-a .home-cat-icon{width:38px;height:38px;margin:0 0 16px}
.home-popular-grid button>span,.home-more-links button>span{width:34px;height:34px}
.home-category-a .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-image:var(--mt-home-icon);
  mask-image:var(--mt-home-icon);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}
.home-category-a .home-cat-icon:before{width:22px;height:22px}

/* Core tools */
.home-category-a button[data-go="fuel"] .home-cat-icon{
  --mt-home-icon: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='M6 3h9v18H6z'/%3E%3Cpath d='M9 7h3'/%3E%3Cpath d='M15 7h2.5l2 2.5V17a2 2 0 0 0 2 2'/%3E%3Cpath d='M18 10h2'/%3E%3C/svg%3E");
}
.home-category-a button[data-go="engineering"] .home-cat-icon{
  --mt-home-icon: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.7 6.3a4 4 0 0 0-5.7 5.7L3 18l3 3 6-6a4 4 0 0 0 5.7-5.7l-2.4 2.4-3-3z'/%3E%3C/svg%3E");
}
.home-category-a button[data-go="electrical"] .home-cat-icon{
  --mt-home-icon: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 2 5 14h7l-1 8 8-12h-7z'/%3E%3C/svg%3E");
}
.home-category-a button[data-go="vessel-calcs"] .home-cat-icon{
  --mt-home-icon: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 3v4'/%3E%3Cpath d='M8 7h8'/%3E%3Cpath d='m5 10 1.5 7h11L19 10z'/%3E%3Cpath d='M3 20c2 1 4 1 6 0 2 1 4 1 6 0 2 1 4 1 6 0'/%3E%3C/svg%3E");
}
.home-category-a button[data-go="quick"] .home-cat-icon{
  --mt-home-icon: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 19h8'/%3E%3C/svg%3E");
}

/* Common jobs — each shortcut gets an icon for the actual job, not just its parent category. */
.home-popular-grid button{min-height:76px;padding:14px 42px 14px 14px;align-items:center}
.home-popular-grid button:nth-child(1)>span{
  --mt-home-icon: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='M6 3h9v18H6z'/%3E%3Cpath d='M9 7h3'/%3E%3Cpath d='M15 7h2.5l2 2.5V17a2 2 0 0 0 2 2'/%3E%3C/svg%3E");
}
.home-popular-grid button:nth-child(2)>span{
  --mt-home-icon: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%3Cellipse cx='12' cy='5' rx='6' ry='2.5'/%3E%3Cpath d='M6 5v11c0 1.4 2.7 2.5 6 2.5s6-1.1 6-2.5V5'/%3E%3Cpath d='M8.5 11.5h7'/%3E%3C/svg%3E");
}
.home-popular-grid button:nth-child(3)>span{
  --mt-home-icon: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='M4 17a8 8 0 0 1 16 0'/%3E%3Cpath d='M12 17l4-5'/%3E%3Cpath d='M7 14h.01M17 14h.01'/%3E%3C/svg%3E");
}
.home-popular-grid button:nth-child(4)>span{
  --mt-home-icon: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='M20 7v5h-5'/%3E%3Cpath d='M4 17v-5h5'/%3E%3Cpath d='M6.1 9a7 7 0 0 1 11.6-2.6L20 12'/%3E%3Cpath d='M17.9 15a7 7 0 0 1-11.6 2.6L4 12'/%3E%3C/svg%3E");
}
.home-popular-grid button:nth-child(5)>span{
  --mt-home-icon: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 2 6 13h6l-1 9 7-12h-6z'/%3E%3C/svg%3E");
}
.home-popular-grid button:after{
  content:"›";position:absolute;right:14px;top:50%;transform:translateY(-52%);
  color:#6d9db7;font-size:25px;font-weight:300;line-height:1;transition:transform .14s ease,color .14s ease;
}
.home-popular-grid button:hover:after{transform:translate(2px,-52%);color:#71d9fb}
.home-popular-grid button>b,.home-popular-grid button>small{padding-right:2px}

/* Balance five Common jobs cards without a dead sixth slot. */
@media(min-width:901px){
  .home-popular-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .home-popular-grid>button{grid-column:span 2}
  .home-popular-grid>button:nth-child(4):nth-last-child(2),
  .home-popular-grid>button:nth-child(5):last-child{grid-column:span 3}
}

/* Weather / Navigation / Live */
.home-more-links button{min-height:76px;padding:14px 42px 14px 14px;align-items:center}
.home-more-links button[data-go="weather"]>span{
  --mt-home-icon: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='M7 18h10a4 4 0 0 0 .5-7.97A6 6 0 0 0 6.2 9 4.5 4.5 0 0 0 7 18z'/%3E%3Cpath d='M9 21h6'/%3E%3C/svg%3E");
}
.home-more-links button[data-go="navigation"]>span{
  --mt-home-icon: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.1 4.9-4.9 2.1 2.1-4.9z'/%3E%3C/svg%3E");
}
.home-more-links button[data-go="live-experimental"]>span{
  --mt-home-icon: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='M7.8 16.2a6 6 0 0 1 0-8.4M16.2 7.8a6 6 0 0 1 0 8.4'/%3E%3Cpath d='M4.3 19.7a11 11 0 0 1 0-15.4M19.7 4.3a11 11 0 0 1 0 15.4'/%3E%3C/svg%3E");
}
.home-more-links button>strong{
  position:absolute;right:14px;top:50%;width:auto;transform:translateY(-52%);
  color:#6d9db7;font-size:0;line-height:1;transition:transform .14s ease,color .14s ease;
}
.home-more-links button>strong:before{content:"›";font-size:25px;font-weight:300}
.home-more-links button:hover>strong{transform:translate(2px,-52%);color:#71d9fb}

[data-theme="bridge"] .home-category-a .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,.18);color:#dba066;
}
[data-theme="bridge"] .home-popular-grid button:after,
[data-theme="bridge"] .home-more-links button>strong{color:#a87852}

@media(max-width:900px){
  .home-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-popular-grid>button{grid-column:auto}
  .home-popular-grid>button:last-child:nth-child(odd){grid-column:1/-1}
}
@media(max-width:760px){
  .home-category-a .home-cat-icon{width:34px;height:34px;margin:0;grid-row:1/3}
  .home-category-a .home-cat-icon:before{width:20px;height:20px}
}
@media(max-width:560px){
  .home-popular-grid{grid-template-columns:1fr}
  .home-popular-grid>button,.home-popular-grid>button:last-child:nth-child(odd){grid-column:auto}
  .home-popular-grid button,.home-more-links button{min-height:72px;padding-top:12px;padding-bottom:12px}
}