/*
 * templates/market-intersection.css -- page-type-specific rules for the
 * 'market-intersection' entity type (docs/CONTRACT.md §3, blueprint §11
 * module list). Loads after tokens.css/base.css/components.css; only adds
 * rules, every value references a tokens.css variable. Shared cross-template
 * primitives (.page-head, .breadcrumb, .stat-grid, .source-list) live in
 * components.css -- this file only holds the rules unique to this page
 * type's driver-card / company-grid / bulleted-list treatments.
 */

.mi-driver-grid{grid-template-columns:repeat(3,1fr)}
.mi-driver-card{min-height:auto;padding:20px}
.mi-driver-card p{font-size:12px;line-height:1.6;color:var(--ink-2);margin:0}

.mi-company-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--line-dark);border:1px solid var(--line-dark);margin-top:24px;
}
.mi-company{background:var(--white);padding:16px}
.mi-company strong{display:block;font-size:13px;margin-bottom:4px}
.mi-company span{font-size:10px;color:var(--muted)}

.mi-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--navy)}
.mi-list li{
  padding:14px 0 14px 22px;border-bottom:1px solid var(--line);
  font-size:13px;line-height:1.6;color:var(--ink-2);position:relative;
}
.mi-list li:before{content:"";position:absolute;left:0;top:19px;width:8px;height:8px}
.mi-list-opportunity li:before{background:var(--mint);border:1px solid var(--navy)}
.mi-list-risk li:before{background:var(--danger);border-radius:50%}

@media(max-width:980px){
  .mi-driver-grid{grid-template-columns:1fr 1fr}
  .mi-company-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .mi-driver-grid{grid-template-columns:1fr}
  .mi-company-grid{grid-template-columns:1fr}
}