/* Insets for bordered navigation: keep labels and keyboard focus off the edges. */
.eh-page-nav{
  padding:12px clamp(16px,2vw,28px);
  gap:6px 16px;
}
.eh-page-nav a{
  min-height:44px;
  padding:8px 10px;
  line-height:1.5;
}
.art-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  padding:12px clamp(8px,1.2vw,18px) 6px;
  gap:8px;
}
.art-tabs button{
  min-width:0;
  min-height:44px;
  padding:8px 4px;
  line-height:1.5;
  white-space:normal;
  text-align:center;
}
@media(max-width:600px){
  .eh-page-nav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:10px 12px;
    gap:4px 8px;
  }
  .eh-page-nav a{padding:8px;min-width:0;min-height:44px;font-size:12px}
  .eh-page-nav a:last-child{grid-column:1 / -1;justify-self:start}
  .art-tabs{padding:10px 8px 6px;gap:4px}
}

/* Equivalent navigation rows retain their own colours and layout. */
.urban-panel .hero-map>a{padding-inline:16px}
.study-dashboard .study-resources>a,
.study-dashboard .study-unit-list a{padding-inline:16px}
.course-hero .hero-footer{padding-inline:16px}
#tmf-cabinet .cb-bottom{padding-inline:20px;box-sizing:border-box}
#tmf-cabinet .cb-bottom>a{min-height:44px}
@media(max-width:700px){
  .urban-panel .hero-map>a,
  .study-dashboard .study-resources>a,
  .study-dashboard .study-unit-list a,
  .course-hero .hero-footer{padding-inline:12px}
  #tmf-cabinet .cb-bottom{padding-inline:12px;gap:8px 0}
  #tmf-cabinet .cb-bottom>a,
  #tmf-cabinet .cb-bottom>a:first-child{
    flex:1 1 100%;justify-content:space-between;border-right:0;
    padding:8px 4px;min-height:44px;gap:12px;
  }
}