/* google-priority-lanes — new library candidate.
 * Variation of dashport-risk-card-grid: mist ground, 20px-gap card grid, 4px top rule, oversized pale index.
 * Three cards per row (3x3). Treatments cycle per row: gold rule + gold tint + green title;
 * deep rule + green tint + bronze title; bronze rule + white + green title.
 * No shadows (house rule); hover lifts the card and thickens nothing.
 */
.google-priority-lanes,
.google-priority-lanes *{box-sizing:border-box}
.google-priority-lanes{
  --gpl-mist:#F1F5F3;
  --gpl-mist-2:#E4EBE7;
  width:100%;
  padding-block:var(--section-padding-y);
  background:var(--gpl-mist);
  color:var(--ink);
  font-family:var(--body);
  scroll-margin-top:68px;
}
.google-priority-lanes__in{width:var(--shell);margin:0 auto}
.google-priority-lanes__head{margin-bottom:56px}
.google-priority-lanes__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:20px;
  color:var(--sage);
}
.google-priority-lanes__eyebrow::before{
  content:"";
  width:28px;
  height:2px;
  background:var(--gold);
}
.google-priority-lanes__title{
  width:var(--title-description-width);
  max-width:var(--title-description-width);
  color:var(--deep);
}
.google-priority-lanes__board{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.google-priority-lanes__card{
  --lane-rule:var(--gold);
  display:flex;
  flex-direction:column;
  gap:20px;
  min-width:0;
  min-height:340px;
  padding:36px 32px 36px;
  background:var(--lane-bg,var(--paper));
  border-top:4px solid var(--lane-rule);
  color:var(--ink);
  transition:transform .3s var(--ease);
}
/* Three treatments cycle across each row so every row shows all three. */
.google-priority-lanes__card:nth-child(3n+1){--lane-rule:var(--gold);--lane-bg:#F7EFD6;--lane-title:var(--deep);--lane-num:rgba(212,175,55,.45)}
.google-priority-lanes__card:nth-child(3n+2){--lane-rule:var(--deep);--lane-bg:#DDE8E1;--lane-title:var(--bronze);--lane-num:rgba(13,86,48,.22)}
.google-priority-lanes__card:nth-child(3n+3){--lane-rule:var(--bronze);--lane-bg:var(--paper);--lane-title:var(--deep);--lane-num:var(--gpl-mist-2)}
.google-priority-lanes__top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
.google-priority-lanes__num{
  font-family:var(--display);
  font-size:46px;
  line-height:.9;
  color:var(--lane-num);
  transition:color .3s var(--ease);
}
.google-priority-lanes__domain{
  padding-top:4px;
  color:var(--sage);
  text-align:right;
}
.google-priority-lanes__card-title{
  margin:0;
  font-family:var(--display);
  font-size:clamp(20px,1.7vw,24px);
  font-weight:var(--display-weight);
  line-height:1.15;
  letter-spacing:0;
  color:var(--lane-title);
  text-wrap:pretty;
}
.google-priority-lanes__desc{
  margin:0;
  color:var(--ink);
  font-size:16px;
  line-height:1.55;
  text-wrap:pretty;
}
.google-priority-lanes__link{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:auto;
  padding-bottom:4px;
  border-bottom:1px solid var(--gold);
  color:var(--deep);
}
.google-priority-lanes__link span{transition:transform .2s ease}
.google-priority-lanes__card:hover{transform:translateY(-4px)}
.google-priority-lanes__card:hover .google-priority-lanes__num{color:var(--lane-rule)}
.google-priority-lanes__card:hover .google-priority-lanes__link{color:var(--bronze)}
.google-priority-lanes__card:hover .google-priority-lanes__link span{transform:translateX(4px)}
.google-priority-lanes__card:focus-visible{outline:3px solid var(--bronze);outline-offset:2px}
@media (max-width:1024px){
  .google-priority-lanes__board{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .google-priority-lanes__title{width:100%;max-width:100%}
  .google-priority-lanes__board{grid-template-columns:minmax(0,1fr)}
  .google-priority-lanes__card{min-height:0}
}
@media (prefers-reduced-motion:reduce){
  .google-priority-lanes__card,.google-priority-lanes__num,.google-priority-lanes__link span{transition:none}
}