/* Autopilot (/product/autopilot). Shared parts are in css/tomnext.css; the
   findings and settings cards use the shared product visuals in css/visuals.css.
   Every name and figure in these visuals is fictitious. */

/* 2. What it checks: four groups across the page */
.tn-ap-watch{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
@media(min-width:768px){.tn-ap-watch{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px}}
@media(min-width:1024px){.tn-ap-watch{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tn-ap-watch li{padding-top:18px;border-top:2px solid var(--tn-volt-blue);font-size:16px;line-height:1.6;color:var(--tn-iron)}
.tn-ap-watch strong{display:block;margin-bottom:6px;font-size:17px;font-weight:600;color:var(--tn-midnight)}

/* 4. How Autopilot behaves: three short principles, side by side from tablet up */
@media(min-width:768px){.tn-ap-behave{grid-template-columns:repeat(3,minmax(0,1fr))}}