/* GulfXPrime V14.0.17 — Digital Toolkit card layout stability */

/* Tool cards must always have exactly three visual columns: icon, content, arrow. */
.gxp-v14-0-17 .v1416-feature-card{
  grid-template-columns:50px minmax(0,1fr) 24px !important;
  min-width:0;
  overflow:hidden;
}
.gxp-v14-0-17 .v1416-tool-card{
  grid-template-columns:38px minmax(0,1fr) 16px !important;
  min-width:0;
  overflow:hidden;
}

/* Never allow the legacy blog-card thumbnail decorator to participate in a tool grid. */
.gxp-v14-0-17 [data-tool-card] > .v1403-card-thumb,
.gxp-v14-0-17 .v1416-feature-card > .v1403-card-thumb,
.gxp-v14-0-17 .v1416-tool-card > .v1403-card-thumb{
  display:none !important;
}

/* The content column must be allowed to shrink as a block, not letter-by-letter. */
.gxp-v14-0-17 .v1416-feature-card > div,
.gxp-v14-0-17 .v1416-tool-card > div{
  min-width:0 !important;
  width:auto !important;
  max-width:100% !important;
  overflow:hidden;
}
.gxp-v14-0-17 .v1416-feature-card h3,
.gxp-v14-0-17 .v1416-tool-card h4,
.gxp-v14-0-17 .v1416-feature-card p,
.gxp-v14-0-17 .v1416-tool-card p,
.gxp-v14-0-17 .v1416-feature-card small{
  word-break:normal !important;
  overflow-wrap:break-word !important;
  hyphens:none !important;
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
  white-space:normal !important;
}

/* Keep icons and arrows in their own stable columns. */
.gxp-v14-0-17 .v1416-feature-card > span,
.gxp-v14-0-17 .v1416-tool-card > .v1416-tool-icon{
  grid-column:1 !important;
  min-width:0;
}
.gxp-v14-0-17 .v1416-feature-card > div,
.gxp-v14-0-17 .v1416-tool-card > div{
  grid-column:2 !important;
}
.gxp-v14-0-17 .v1416-feature-card > b,
.gxp-v14-0-17 .v1416-tool-card > b{
  grid-column:3 !important;
  justify-self:end;
}

/* A little more breathing room on desktop without making cards excessively tall. */
@media (min-width:1101px){
  .gxp-v14-0-17 .v1416-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .gxp-v14-0-17 .v1416-tool-grid{grid-template-columns:repeat(4,minmax(220px,1fr)) !important}
}
@media (max-width:1100px) and (min-width:701px){
  .gxp-v14-0-17 .v1416-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .gxp-v14-0-17 .v1416-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:700px){
  .gxp-v14-0-17 .v1416-featured-grid,
  .gxp-v14-0-17 .v1416-tool-grid{grid-template-columns:1fr !important}
}