/* leitura: coluna estreita sobre o tema do site */
main{max-width:720px;margin:0 auto;padding:clamp(48px,8vh,80px) clamp(20px,4vw,22px) clamp(72px,12vh,110px)}
main h1{
  font-family:var(--serif);font-weight:500;
  font-size:clamp(1.9rem,4.2vw,2.8rem);line-height:1.14;letter-spacing:-.015em;
  max-width:none;margin-bottom:12px;text-wrap:balance;
}
main .date{font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--bone-faint);margin-bottom:40px}
main p{margin:0 0 1.3em;font-size:1.05rem;line-height:1.85;color:var(--bone-soft)}
main h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.35rem,2.2vw,1.7rem);line-height:1.25;color:var(--bone);margin:2em 0 .7em}
main li{margin:0 0 .6em 1.2em;line-height:1.8;color:var(--bone-soft)}
main img{max-width:100%;height:auto;display:block;margin:2.2em auto;border:1px solid var(--line)}
main a{color:var(--teal-text);box-shadow:0 1px 0 0 rgba(45,212,191,.35)}
main a:hover{box-shadow:0 1px 0 0 var(--teal-text)}
main blockquote{border-left:2px solid var(--teal-text);padding-left:20px;font-style:italic;margin:1.6em 0;color:var(--bone)}
main strong{color:var(--bone);font-weight:500}

/* recomendações ao final */
.also{border-top:1px solid var(--line);margin-top:64px;padding-top:30px}
.also h3{font-family:var(--sans);font-weight:500;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--bone-faint);margin:0 0 8px}
.also a{
  display:block;padding:15px 0;border-bottom:1px solid var(--line-faint);
  color:var(--bone);box-shadow:none;line-height:1.4;font-size:1.08rem;font-family:var(--serif);
  transition:color .25s ease;
}
.also a:hover{color:var(--teal-text);box-shadow:none}
.also .src{display:block;font-size:13px;color:var(--bone-faint);margin-top:3px;font-family:var(--sans)}