/* Shared by workshop HTML under /public/courses/.
   html.embed is set by /courses/_embed.js when ?embed=1 */
html.embed #nav,
html.embed #navToggle,
html.embed #progress,
html.embed header,
html.embed footer,
html.embed .site-head,
html.embed .hero,
html.embed .end {
  display: none !important;
}
html.embed body {
  padding: 0;
  margin: 0;
}
html.embed main {
  margin-left: 0 !important;
  padding: 0 0 24px !important;
}
html.embed .wrap {
  padding: 0 16px;
  max-width: none;
}
html.embed .part {
  display: none !important;
}

.ip-like {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 0 12px 10px;
  border-top: 1px solid var(--rule-soft);
  margin-top: 0;
}
.ip-like button {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  border: 1px solid var(--rule);
  background: #fff;
  border-radius: 999px;
  padding: 5px 12px;
  cursor: pointer;
  color: var(--ink-2);
}
.ip-like button.on {
  background: var(--node);
  color: #fff;
  border-color: var(--node);
}