/* The training's own pieces (treinamento/index.html), over deck.css. */

/* What the training covers: its nine subjects, each a link to its first slide. */
.agenda{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(1.8 * var(--u));margin-top:calc(4 * var(--u));text-align:left;counter-reset:agenda}
.agenda li{counter-increment:agenda}
.agenda a{position:relative;display:block;height:100%;padding:calc(2.2 * var(--u)) calc(2.4 * var(--u)) calc(2.4 * var(--u)) calc(8.4 * var(--u));border-top:max(3px,.45 * var(--u)) solid var(--green);background:#fff;color:var(--text);font-size:max(16px,2 * var(--u));line-height:1.35;text-decoration:none}
.agenda a:before{content:counter(agenda);position:absolute;left:calc(2.2 * var(--u));top:calc(2 * var(--u));display:grid;place-items:center;width:calc(4.6 * var(--u));aspect-ratio:1;border-radius:50%;background:var(--yellow);color:#000;font:800 calc(2.8 * var(--u))/1 var(--display)}
.agenda a:hover{background:#fbfcf8}
.agenda b{display:block;margin-bottom:.15em;font:700 calc(3.2 * var(--u))/1.1 var(--display);text-transform:uppercase;color:var(--ink)}
/* Six steps of a first week take two rows of three. */
.steps.week{row-gap:calc(3.4 * var(--u));margin-top:calc(3.8 * var(--u))}
.steps.week li:nth-child(3):after{display:none}
/* A how-to's steps and its screen share the slide: the screen is never taller than the slide. */
.s-split.is-wide-visual .screen.is-fit .screen-shot{max-height:calc(62 * var(--u))}
@media (max-width:900px),(max-aspect-ratio:23/20){
  .agenda{grid-template-columns:minmax(0,1fr)}
  .agenda a{padding-left:calc(9.6 * var(--u))}
  .agenda a:before{width:calc(5.6 * var(--u));font-size:calc(3.4 * var(--u))}
  .agenda b{font-size:calc(4 * var(--u))}
  .s-split.is-wide-visual .screen.is-fit .screen-shot{max-height:none}
}
@media (min-width:561px) and (max-width:900px),(min-width:561px) and (max-aspect-ratio:23/20){.agenda{grid-template-columns:repeat(2,minmax(0,1fr))}}