/* ============================================================
   WYVERN FREIGHT · SHEQ (sheq.html, tools/sheq/make-sheq.cjs)
   Every section is an existing component (home-decargo.css, about.css, contact.css). Only layout tweaks here.
   ============================================================ */

/* Shared text helpers */
.sq-page .sq-strong{color:var(--ink);font-weight:500}
.sq-page .dc-two.sq-top{align-items:start}

/* Plain list with a small red marker (the legal prose list, used for checklists) */
.sq-list{margin:4px 0 0;padding-left:20px;display:grid;gap:6px}
.sq-list li{font-size:15px;line-height:1.5;color:var(--muted)}
.sq-list li::marker{color:var(--red)}

/* Commitments: home "Why choose us" grid, each item with lead, checklist and closing rule */
.sq-commit .dc-why-item > div{display:grid;gap:10px}
.sq-commit .dc-why-item h3{margin:0}
.sq-commit .sq-lead{font:500 17px/1.4 var(--sans) !important;color:var(--ink) !important}
.sq-commit .sq-rule{padding-top:12px;border-top:1px solid var(--line);font-size:14px !important}

/* Process band: contact .ct-steps timeline with numbers in the squares */
.sq-steps{margin:0}
.sq-steps .ct-step-ic{font:500 15px/1 var(--mono);color:var(--ink)}

/* Plain multi-column lists (higher-risk cargo, improvement actions, information to have ready) */
.sq-cols{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.sq-cols li{padding:14px 0;border-bottom:1px solid var(--line);font:500 16px/1.4 var(--sans);color:var(--ink)}
.sq-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1040px;margin:0 auto}

/* Roles: About "Learn more" boxes, four in a 2 x 2 grid */
.sq-roles .eyebrow{margin-bottom:var(--eb-gap)}
.sq-roles .ab-lm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sq-roles .ab-lm-top .dc-ic{color:var(--red)}
.sq-note{margin-top:28px;max-width:720px;font-size:15px;color:var(--muted)}

/* Report band: list readable on dark, text link white */
.sq-report .sq-list li{color:rgba(255,255,255,.88)}
.sq-report .btn-t,.sq-report .btn-t:hover,.sq-report .btn-t:focus-visible{color:#fff}
.sq-report .btn-t::after{background:rgba(255,255,255,.5)}

/* Action rows */
.sq-acts{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;margin-top:8px}
.sq-center{justify-content:center;margin-top:40px}
.sq-start{background:var(--tint)}
.sq-cert{align-self:start}

@media (max-width:1024px){
  .sq-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .sq-cols,.sq-cols-3,.sq-roles .ab-lm-grid{grid-template-columns:1fr}
}