/* Public sharing tools belong only to the Sobre page. */
.classroom-steps { margin: 1rem 0 0; padding-left: 1.25rem; color: var(--ink-soft); }
.classroom-steps li { padding: .4rem 0 .4rem .25rem; font-size: .95rem; line-height: 1.75; }
.classroom-steps a { text-underline-offset: 4px; }
.about-share__layout { display: grid; grid-template-columns: minmax(0, 1fr) 12rem; gap: 2rem; align-items: start; }
.about-share__copy { min-width: 0; }
.about-share__address { display: inline-block; max-width: 100%; overflow-wrap: anywhere; font-size: .85rem; color: var(--wine); text-underline-offset: 4px; }
.about-share__actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.1rem; }
.about-share__actions .button { cursor: pointer; }
.about-copy .about-share__status { min-height: 1.6rem; margin: .65rem 0 0; font-size: .83rem; line-height: 1.6; }
.about-share__manual { margin-top: .75rem; }
.about-share__manual label { display: block; margin-bottom: .35rem; color: var(--ink-soft); font-size: .83rem; }
.about-share__manual input { width: 100%; min-height: 2.75rem; border: 1px solid var(--line); border-radius: 0; padding: .55rem .65rem; color: var(--ink); background: var(--paper-light); font-size: .8rem; }
.about-share__qr { margin: .25rem 0 0; width: 12rem; max-width: 100%; }
.about-share__qr img { width: 192px; height: 192px; background: #fff; }
.about-share__qr figcaption { margin-top: .85rem; color: var(--ink-soft); font-size: .82rem; line-height: 1.65; }
.about-share__download { display: block; margin-top: .55rem; color: var(--wine); text-underline-offset: 4px; }
.about-share__download--vector { font-size: .75rem; }
@media (max-width: 1100px) {
  .about-share__layout { grid-template-columns: 1fr; gap: .75rem; }
  .about-share__qr { margin-top: 0; }
}
@media (max-width: 599px) {
  .classroom-steps li { font-size: .9rem; }
  .about-share__actions { flex-direction: column; align-items: flex-start; }
}