/* Media conditions keep their original values and cascade order:
 * (max-width: 768px)
 * print
 * (min-width: 769px) and (max-width: 1150px)
 * (min-width: 769px)
 * (min-width: 1151px)
 * (min-width: 1600px)
 * (max-width: 360px)
 */
/* Before and after AI instructions, tips, response table and tabs. */
.demo-grid {
  display: grid;
  grid-template-columns: var(--lp-grid-share-4) var(--lp-grid-share-8);
  gap: var(--group);
  align-items: start;
}
.demo-card {
  border: var(--lp-border-width) solid var(--border);
  border-radius: var(--radius);
  padding: var(--card);
  background: var(--white);
}
.demo-card h3 {
  margin-bottom: var(--lp-space-24);
}
.demo-card p {
  margin-bottom: var(--lp-space-24);
}
.bad-prompt {
  font-weight: var(--lp-font-weight-bold);
  color: var(--ink);
  padding: var(--lp-space-24);
  background: var(--gray);
  border-radius: var(--radius);
}
.bad-answer {
  border-top: var(--lp-border-width) solid var(--border);
  padding-top: var(--lp-space-24);
}
.demo-good {
  position: relative;
  margin-bottom: calc(var(--section) * -0.6);
  z-index: 2;
}
.prompt-condition {
  display: grid;
  grid-template-columns: var(--lp-size-80) var(--lp-grid-unit);
  gap: var(--lp-space-24);
  padding: var(--lp-space-16) 0;
  border-bottom: var(--lp-border-width) solid var(--border);
}
.prompt-condition dt {
  font-weight: var(--lp-font-weight-bold);
  color: var(--blue);
}
.prompt-condition dd {
  margin: 0;
}
.demo-answer {
  margin-top: var(--lp-space-32);
  padding: var(--lp-space-24);
  background: var(--pale);
  border-radius: var(--radius);
}
.demo-answer p {
  margin: 0 0 var(--lp-space-16);
}
.demo-answer p:last-child {
  margin: 0;
}
.demo-answer ul {
  padding-left: var(--lp-space-24);
}
.demo-controls {
  margin-top: var(--lp-space-32);
}
.demo-controls .button {
  width: var(--lp-full-size);
  padding-inline: var(--lp-space-16);
  gap: var(--lp-space-8);
}
.demo-note {
  margin-top: var(--lp-space-24);
}
.demo-course {
  margin-top: var(--lp-size-40);
}
.demo-status {
  font-size: var(--caption);
  margin-top: var(--lp-space-16);
}
@media (max-width: 768px) {
  .demo-grid {
    grid-template-columns: var(--lp-grid-unit);
    gap: var(--lp-size-40);
  }
  .demo-good {
    margin-bottom: 0;
  }
  .prompt-condition {
    grid-template-columns: var(--lp-grid-unit);
    gap: var(--lp-space-8);
    padding: var(--lp-space-24) 0;
  }
  .demo-card h3 {
    margin-bottom: var(--lp-space-24);
  }
  .demo-answer {
    padding: var(--lp-space-24) var(--lp-space-16);
  }
  .demo-controls .button {
    font-size: var(--body-size);
  }
  .demo-course {
    margin-top: var(--lp-space-24);
  }
}
@media print {
  .demo-good {
    margin: 0;
  }
}
@media (max-width: 768px) {
  #prompt-demo {
    --intrinsic: 2064px;
  }
  #prompt-demo {
    content-visibility: auto;
    contain-intrinsic-height: auto var(--intrinsic);
  }
}
#prompt-demo [data-marker] {
  background: linear-gradient(
    transparent var(--mv-39),
    var(--lp-color-hex-0064ed25) var(--mv-3)
  );
}
#prompt-demo [data-marker="context"] {
  background: linear-gradient(
    transparent var(--mv-39),
    color-mix(in srgb, var(--cyan) var(--mv-40), transparent) var(--mv-3)
  );
}
body.handwritten-preview #prompt-demo {
  --hw-demo-min-height: 1186px;
  --hw-demo-left: 300px;
  --hw-demo-gap: 44px;
  min-height: var(--hw-demo-min-height);
  padding-block: 270px var(--hw-space-section-pc);
  background: var(--hw-middle-pale);
}
body.handwritten-preview #prompt-demo .hw-try-brush {
  left: max(56px, calc((100vw - 1280px) / 2));
  top: -10px;
  width: 550px;
  height: var(--hw-middle-brush-height);
}
body.handwritten-preview #prompt-demo .section-heading {
  margin-bottom: var(--lp-space-48);
}
body.handwritten-preview #prompt-demo .section-heading p {
  margin-top: var(--lp-space-24);
}
body.handwritten-preview #prompt-demo .demo-grid {
  display: grid;
  grid-template-columns: var(--hw-demo-left) minmax(0, 1fr);
  gap: var(--hw-demo-gap);
  align-items: start;
}
body.handwritten-preview #prompt-demo .demo-card {
  border: 0;
  border-radius: var(--hw-radius);
  background: var(--hw-white);
  padding: var(--hw-middle-card-padding);
}
body.handwritten-preview #prompt-demo #demo-bad {
  rotate: 1.2deg;
}
body.handwritten-preview #prompt-demo #demo-bad h3 {
  margin-bottom: var(--lp-space-24);
}
body.handwritten-preview #prompt-demo .bad-prompt {
  padding: var(--lp-space-20) var(--lp-space-16);
  background: var(--hw-gray);
  border-radius: var(--hw-radius);
  margin-bottom: var(--lp-space-26);
  font-size: var(--hw-body-pc);
  color: var(--hw-navy);
}
body.handwritten-preview #prompt-demo .bad-answer {
  border: 0;
  margin: 0;
  padding: 0;
}
body.handwritten-preview #prompt-demo .demo-controls {
  margin-top: var(--lp-size-40);
}
body.handwritten-preview #prompt-demo .demo-controls .button {
  width: 100%;
  padding-inline: var(--lp-space-16);
  gap: var(--lp-space-8);
}
body.handwritten-preview #prompt-demo .demo-controls .text-link {
  font-size: 16px;
  margin-top: var(--lp-space-22);
}
body.handwritten-preview #prompt-demo .demo-status {
  margin-top: var(--lp-space-16);
}
body.handwritten-preview #prompt-demo .demo-note {
  margin-top: var(--lp-space-26);
}
body.handwritten-preview #prompt-demo .demo-course {
  margin-top: var(--lp-space-28);
  font-size: 16px;
  line-height: 1.8;
}
body.handwritten-preview #prompt-demo #demo-good {
  display: grid;
  grid-template-columns: 246px minmax(0, 1fr);
  gap: var(--lp-space-24) var(--lp-space-58);
  position: relative;
  margin-bottom: 0;
  box-shadow: var(--hw-middle-card-offset) var(--hw-middle-card-offset) 0
    var(--hw-cyan);
}
body.handwritten-preview #prompt-demo #demo-good > h3 {
  grid-column: 1/-1;
  margin: 0;
}
body.handwritten-preview #prompt-demo #demo-good > dl {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
}
body.handwritten-preview #prompt-demo .prompt-condition {
  position: relative;
  display: block;
  padding: 0;
  border: 0;
}
body.handwritten-preview #prompt-demo .prompt-condition + .prompt-condition {
  margin-top: var(--lp-space-22);
}
body.handwritten-preview #prompt-demo .prompt-condition dt {
  display: table;
  font-weight: 700;
  color: var(--hw-blue);
  margin-bottom: var(--lp-space-12);
  background: linear-gradient(
    transparent 64%,
    var(--hw-marker) 64% 95%,
    transparent 95%
  );
}
body.handwritten-preview #prompt-demo .prompt-condition dd {
  margin: 0;
  font-size: var(--hw-body-pc);
  line-height: 1.9;
}
body.handwritten-preview #prompt-demo .demo-answer {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  padding: var(--lp-space-24);
  background: var(--hw-gray);
  border-radius: var(--hw-radius);
}
body.handwritten-preview #prompt-demo .demo-answer p {
  margin: 0 0 var(--lp-space-18);
  font-size: var(--hw-body-pc);
  line-height: 1.9;
}
body.handwritten-preview #prompt-demo .demo-answer p:last-child {
  margin-bottom: 0;
}
body.handwritten-preview #prompt-demo .demo-answer [data-marker] {
  background: linear-gradient(
    transparent 58%,
    var(--hw-marker) 58% 97%,
    transparent 97%
  );
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  color: var(--hw-body);
}
body.handwritten-preview #prompt-demo .hw-answer-candidates {
  margin: 0;
  padding: var(--lp-space-8) var(--lp-space-10) var(--lp-space-8)
    var(--lp-space-28);
  background: var(--hw-marker);
  border-radius: 3px;
  color: var(--hw-navy);
}
body.handwritten-preview #prompt-demo .hw-answer-candidates li {
  font-size: var(--hw-body-pc);
  line-height: 1.9;
}
body.handwritten-preview #prompt-demo .hw-demo-connector {
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  color: var(--hw-navy);
  visibility: hidden;
  --hw-stroke: 3.8;
}
body.handwritten-preview
  #prompt-demo
  .hw-demo-connector[data-hw-connected="true"] {
  visibility: visible;
}
@media (min-width: 769px) and (max-width: 1150px) {
  body.handwritten-preview #prompt-demo {
    --hw-demo-left: 250px;
    --hw-demo-gap: 32px;
  }
  body.handwritten-preview #prompt-demo #demo-good {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--lp-space-28);
    padding: var(--lp-space-28);
  }
  body.handwritten-preview #prompt-demo #demo-good > dl {
    grid-column: 1;
    grid-row: 2;
  }
  body.handwritten-preview #prompt-demo .demo-answer {
    grid-column: 1;
    grid-row: 3;
  }
}
@media (max-width: 768px) {
  body.handwritten-preview #prompt-demo {
    min-height: 0;
    padding-block: 232px var(--hw-space-section-sp);
  }
  body.handwritten-preview #prompt-demo .hw-try-brush {
    left: 12px;
    top: 50px;
    width: calc(100vw - 24px);
    height: 132px;
  }
  body.handwritten-preview #prompt-demo .section-heading {
    margin-bottom: var(--lp-size-40);
  }
  body.handwritten-preview #prompt-demo .section-heading p {
    margin-top: var(--lp-space-28);
    font-size: var(--hw-body-sp);
    line-height: 1.8;
  }
  body.handwritten-preview #prompt-demo .demo-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--lp-space-48);
  }
  body.handwritten-preview #prompt-demo #demo-bad {
    rotate: 0;
  }
  body.handwritten-preview #prompt-demo #demo-bad h3 {
    margin-bottom: var(--lp-space-24);
  }
  body.handwritten-preview #prompt-demo .bad-prompt,
  body.handwritten-preview #prompt-demo .bad-answer {
    font-size: var(--hw-body-sp);
    line-height: 1.8;
  }
  body.handwritten-preview #prompt-demo .demo-controls {
    margin-top: var(--lp-size-40);
  }
  body.handwritten-preview #prompt-demo .demo-controls .text-link {
    margin-top: var(--lp-space-28);
    min-height: 44px;
  }
  body.handwritten-preview #prompt-demo .demo-note {
    margin-top: var(--lp-space-28);
    font-size: var(--hw-note);
    line-height: 1.8;
  }
  body.handwritten-preview #prompt-demo .demo-course {
    margin-top: var(--lp-space-28);
    font-size: var(--hw-body-sp);
  }
  body.handwritten-preview #prompt-demo #demo-good {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--lp-size-40);
    padding: var(--lp-space-24) var(--lp-size-40) var(--lp-space-28)
      var(--lp-space-20);
  }
  body.handwritten-preview #prompt-demo #demo-good > dl {
    grid-column: 1;
    grid-row: 2;
  }
  body.handwritten-preview #prompt-demo .prompt-condition + .prompt-condition {
    margin-top: var(--lp-space-32);
  }
  body.handwritten-preview #prompt-demo .prompt-condition dd {
    font-size: var(--hw-body-sp);
    line-height: 1.8;
  }
  body.handwritten-preview #prompt-demo .demo-answer {
    grid-column: 1;
    grid-row: 3;
    padding: var(--lp-space-18) var(--lp-space-12);
  }
  body.handwritten-preview #prompt-demo .demo-answer p {
    font-size: var(--hw-body-sp);
    line-height: 1.8;
    margin-bottom: var(--lp-space-22);
  }
  body.handwritten-preview #prompt-demo .hw-answer-candidates {
    padding: var(--lp-space-8) var(--lp-space-8) var(--lp-space-8)
      var(--lp-space-24);
  }
  body.handwritten-preview #prompt-demo .hw-answer-candidates li {
    font-size: var(--hw-body-sp);
    line-height: 1.8;
  }
}
body.handwritten-preview main > section#prompt-demo .prompt-condition dt {
  color: var(--lp-color-ink);
  white-space: nowrap;
}
@media (max-width: 768px) {
  body.handwritten-preview main > section#prompt-demo .demo-grid {
    gap: var(--lp-size-40);
  }
  body.handwritten-preview
    main
    > section#prompt-demo
    .prompt-condition
    + .prompt-condition {
    margin-top: var(--lp-size-40);
  }
}
@media (min-width: 769px) {
  body.handwritten-preview main > section#prompt-demo {
    min-height: 0;
  }
  body.handwritten-preview main > section#prompt-demo .demo-card {
    padding-block: var(--hw-finish-card-inset-pc);
  }
  body.handwritten-preview main > section#prompt-demo .demo-answer {
    padding-block: var(--lp-space-20);
  }
  body.handwritten-preview main > section#prompt-demo .demo-answer p {
    margin-bottom: var(--lp-space-12);
  }
  body.handwritten-preview
    main
    > section#prompt-demo
    .demo-answer
    p:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  body.handwritten-preview main > section#prompt-demo .demo-card {
    padding-block: var(--lp-space-20);
  }
  body.handwritten-preview main > section#prompt-demo #demo-bad h3 {
    margin-bottom: var(--lp-space-20);
  }
  body.handwritten-preview main > section#prompt-demo .bad-prompt {
    margin-bottom: var(--lp-space-20);
  }
  body.handwritten-preview main > section#prompt-demo #demo-good {
    padding-block: var(--lp-space-20);
  }
  body.handwritten-preview main > section#prompt-demo .demo-answer {
    padding: var(--lp-space-12) var(--lp-space-8);
  }
  body.handwritten-preview main > section#prompt-demo .demo-answer p {
    margin-bottom: var(--lp-space-12);
  }
  body.handwritten-preview main > section#prompt-demo .demo-card,
  body.handwritten-preview main > section#prompt-demo #demo-good {
    padding-block: var(--lp-space-16);
  }
  body.handwritten-preview main > section#prompt-demo #demo-bad h3 {
    margin-bottom: var(--lp-space-16);
  }
  body.handwritten-preview main > section#prompt-demo .bad-prompt {
    padding-block: var(--lp-space-16);
    margin-bottom: var(--lp-space-16);
  }
  body.handwritten-preview main > section#prompt-demo .demo-answer {
    padding-block: var(--lp-space-8);
  }
  body.handwritten-preview main > section#prompt-demo .demo-answer p {
    margin-bottom: var(--lp-space-8);
  }
  body.handwritten-preview
    main
    > section#prompt-demo
    .demo-answer
    p:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 769px) {
  body.handwritten-preview main > section#prompt-demo #demo-toggle {
    display: none;
  }
  body.handwritten-preview main > section#prompt-demo .demo-controls {
    margin-top: var(--lp-space-24);
  }
  body.handwritten-preview
    main
    > section#prompt-demo
    .demo-controls
    #demo-replay {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  body.handwritten-preview #prompt-demo h2.mobile-two-line-heading {
    font-size: clamp(20px, calc((100vw - 64px) / 12.6), 28px);
    line-height: 1.65;
    letter-spacing: 0;
    white-space: nowrap;
    text-wrap: nowrap;
    word-break: normal;
    overflow-wrap: normal;
    margin-inline: 0;
    max-inline-size: 100%;
  }
  body.handwritten-preview main > section#prompt-demo .demo-grid {
    gap: 0;
  }
  body.handwritten-preview main > section#prompt-demo .demo-controls {
    margin-top: var(--lp-space-28);
  }
  body.handwritten-preview main > section#prompt-demo #demo-toggle {
    width: 100%;
    min-height: 60px;
    justify-content: space-between;
  }
  body.handwritten-preview
    main
    > section#prompt-demo
    #demo-toggle
    > .hw-phrase-text {
    flex: 1;
    min-width: 0;
    white-space: normal;
  }
  body.handwritten-preview
    main
    > section#prompt-demo
    .demo-controls
    #demo-good {
    margin-top: var(--lp-space-24);
    width: 100%;
  }
  body.handwritten-preview main > section#prompt-demo #demo-good[hidden],
  body.handwritten-preview main > section#prompt-demo #demo-replay[hidden],
  body.handwritten-preview main > section#prompt-demo .demo-status:empty {
    display: none;
  }
  body.handwritten-preview
    main
    > section#prompt-demo
    #demo-good:not([hidden])
    ~ #demo-replay {
    margin-top: var(--lp-space-28);
  }
  body.handwritten-preview main > section#prompt-demo .demo-note {
    margin-top: var(--lp-space-28);
  }
}
body.handwritten-preview main > section#prompt-demo .agenda-heading-line {
  display: inline-block;
  vertical-align: baseline;
  white-space: nowrap;
}

body.handwritten-preview main > section#prompt-demo .section-heading > p {
  font-size: 20px;
}

body.handwritten-preview main > section#prompt-demo #demo-status {
  font-size: 16px;
  line-height: 1.8;
}

body.handwritten-preview
  main
  > section#prompt-demo
  :is(.demo-card, .demo-answer) {
  min-width: 0;
}

body.handwritten-preview main > section#prompt-demo p.demo-answer-label {
  margin: 0 0 var(--lp-space-10);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: var(--hw-navy);
}

body.handwritten-preview main > section#prompt-demo ol.agenda-generic-answer {
  margin: 0;
  padding: 0 0 0 1.4em;
  list-style: decimal;
  font-size: 16px;
  line-height: 1.8;
}

body.handwritten-preview
  main
  > section#prompt-demo
  .agenda-generic-answer
  > li {
  padding-left: var(--lp-line-width-2);
  font-size: 16px;
  line-height: 1.8;
}

body.handwritten-preview
  main
  > section#prompt-demo
  .agenda-generic-answer
  > li
  + li {
  margin-top: var(--lp-space-6);
}

body.handwritten-preview main > section#prompt-demo p.agenda-answer-comment {
  margin: var(--lp-space-16) 0 0;
  font-size: 16px;
  line-height: 1.8;
  text-wrap: pretty;
  word-break: auto-phrase;
}

body.handwritten-preview main > section#prompt-demo .agenda-result-table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-family: var(--hw-sans);
  font-size: 16px;
  line-height: 1.6;
  color: var(--hw-body);
}

body.handwritten-preview
  main
  > section#prompt-demo
  .agenda-result-table
  :is(th, td) {
  padding: var(--lp-space-10) var(--lp-space-8);
  border-bottom: 1px solid
    color-mix(in srgb, var(--hw-navy) 14%, var(--hw-white));
  vertical-align: top;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  overflow-wrap: normal;
  word-break: auto-phrase;
  text-wrap: balance;
}

body.handwritten-preview
  main
  > section#prompt-demo
  .agenda-result-table
  :is(.hw-phrase-text, .hw-phrase) {
  white-space: normal;
  max-inline-size: 100%;
}

body.handwritten-preview main > section#prompt-demo .agenda-result-table th {
  font-weight: 700;
  color: var(--hw-navy);
  white-space: nowrap;
}

body.handwritten-preview
  main
  > section#prompt-demo
  .agenda-result-table
  th:first-child {
  width: 64px;
}

body.handwritten-preview
  main
  > section#prompt-demo
  .agenda-result-table
  col.agenda-time-column {
  width: 64px;
}

body.handwritten-preview
  main
  > section#prompt-demo
  .agenda-result-table
  col:is(.agenda-topic-column, .agenda-decision-column) {
  width: calc((100% - 64px) / 2);
}

body.handwritten-preview
  main
  > section#prompt-demo
  .agenda-result-table
  :is(th:first-child, .agenda-time) {
  padding-inline: var(--lp-space-6);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

body.handwritten-preview
  main
  > section#prompt-demo
  .agenda-result-table
  tbody
  tr:last-child
  td {
  border-bottom: 0;
}
body.handwritten-preview
  main
  > section#prompt-demo
  .agenda-result-table
  thead[data-marker="format"] {
  background: var(--hw-marker);
  outline: 1px solid var(--hw-marker);
  outline-offset: -1px;
}
body.handwritten-preview
  main
  > section#prompt-demo
  .agenda-result-head
  th:first-child,
body.handwritten-preview
  main
  > section#prompt-demo
  .demo-answer
  span[data-marker="purpose"],
body.handwritten-preview
  main
  > section#prompt-demo
  .demo-answer
  span[data-marker="conditions"] {
  position: relative;
  isolation: isolate;
}

body.handwritten-preview main > section#prompt-demo [data-agenda-marker] {
  background: var(--hw-marker);
  z-index: -1;
}

body.handwritten-preview
  main
  > section#prompt-demo
  [data-agenda-marker="format"] {
  outline: 1px solid var(--hw-marker);
  outline-offset: -1px;
}

body.handwritten-preview main > section#prompt-demo .agenda-decision-label {
  display: none;
}

body.handwritten-preview main > section#prompt-demo p.agenda-total {
  margin: var(--lp-space-14) 0 0;
  font-size: 16px;
  line-height: 1.6;
}

@media (min-width: 769px) {
  body.handwritten-preview main > section#prompt-demo p.demo-answer-label {
    margin-bottom: var(--lp-space-6);
    line-height: 1.5;
  }

  body.handwritten-preview main > section#prompt-demo ol.agenda-generic-answer,
  body.handwritten-preview
    main
    > section#prompt-demo
    .agenda-generic-answer
    > li {
    line-height: 1.5;
  }

  body.handwritten-preview
    main
    > section#prompt-demo
    .agenda-generic-answer
    > li
    + li {
    margin-top: var(--lp-line-width-2);
  }

  body.handwritten-preview main > section#prompt-demo p.agenda-answer-comment {
    margin-top: var(--lp-space-10);
    line-height: 1.5;
  }

  body.handwritten-preview main > section#prompt-demo .prompt-condition dd {
    line-height: 1.7;
  }

  body.handwritten-preview
    main
    > section#prompt-demo
    .prompt-condition
    + .prompt-condition {
    margin-top: var(--lp-space-16);
  }

  body.handwritten-preview
    main
    > section#prompt-demo
    .agenda-result-table
    :is(th, td) {
    padding-block: var(--lp-space-8);
    line-height: 1.5;
  }

  body.handwritten-preview main > section#prompt-demo p.agenda-total {
    margin-top: var(--lp-space-10);
    line-height: 1.5;
  }
}

@media (min-width: 1151px) {
  body.handwritten-preview main > section#prompt-demo #demo-good {
    grid-template-columns: 220px minmax(0, 1fr);
    column-gap: var(--lp-size-40);
  }
}

@media (min-width: 769px) and (max-width: 1150px) {
  body.handwritten-preview main > section#prompt-demo .demo-controls {
    position: relative;
  }

  body.handwritten-preview main > section#prompt-demo #demo-status {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    right: 0;
    margin: 0;
    line-height: 1.5;
  }

  body.handwritten-preview
    main
    > section#prompt-demo
    .agenda-generic-answer
    > li
    + li {
    margin-top: 0;
  }

  body.handwritten-preview main > section#prompt-demo p.agenda-answer-comment {
    margin-top: var(--lp-space-6);
  }

  body.handwritten-preview
    main
    > section#prompt-demo
    .agenda-result-table
    :is(th, td) {
    padding-block: var(--lp-space-7);
  }

  body.handwritten-preview
    main
    > section#prompt-demo
    .prompt-condition
    + .prompt-condition {
    margin-top: var(--lp-space-10);
  }
}

@media (max-width: 768px) {
  body.handwritten-preview main > section#prompt-demo .agenda-heading-visual {
    display: block;
    white-space: normal;
    max-width: 100%;
  }

  body.handwritten-preview main > section#prompt-demo .agenda-heading-line {
    display: block !important;
    white-space: nowrap !important;
  }

  body.handwritten-preview main > section#prompt-demo .agenda-result-table,
  body.handwritten-preview
    main
    > section#prompt-demo
    .agenda-result-table
    :is(thead, tbody) {
    display: block;
    width: 100%;
  }

  body.handwritten-preview
    main
    > section#prompt-demo
    .agenda-result-table
    colgroup {
    display: none;
  }

  body.handwritten-preview
    main
    > section#prompt-demo
    .agenda-result-table
    .hw-phrase {
    display: inline-block;
    white-space: nowrap;
    max-inline-size: none;
  }

  body.handwritten-preview
    main
    > section#prompt-demo
    .agenda-result-table
    col:is(.agenda-time-column, .agenda-topic-column, .agenda-decision-column) {
    width: auto;
  }

  body.handwritten-preview
    main
    > section#prompt-demo
    .agenda-result-table
    thead
    tr {
    display: flex;
    gap: var(--lp-focus-offset);
    justify-content: space-between;
  }

  body.handwritten-preview
    main
    > section#prompt-demo
    .agenda-result-table
    thead
    th {
    display: block;
    width: auto;
    min-width: 0;
    padding: var(--lp-space-8) var(--lp-line-width-2);
    border: 0;
  }

  body.handwritten-preview
    main
    > section#prompt-demo
    .agenda-result-table
    thead
    th:first-child {
    width: auto;
    padding-inline: var(--lp-line-width-2);
  }

  body.handwritten-preview
    main
    > section#prompt-demo
    .agenda-result-table
    .agenda-result-row {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: var(--lp-space-6) var(--lp-space-8);
    padding: var(--lp-space-12) 0;
    border-bottom: 1px solid
      color-mix(in srgb, var(--hw-navy) 14%, var(--hw-white));
  }

  body.handwritten-preview
    main
    > section#prompt-demo
    .agenda-result-table
    .agenda-result-row:last-child {
    border-bottom: 0;
  }

  body.handwritten-preview
    main
    > section#prompt-demo
    .agenda-result-table
    .agenda-result-row
    td {
    display: block;
    min-width: 0;
    padding: 0;
    border: 0;
  }

  body.handwritten-preview
    main
    > section#prompt-demo
    .agenda-result-row
    .agenda-topic {
    font-weight: 700;
  }

  body.handwritten-preview
    main
    > section#prompt-demo
    .agenda-result-row
    .agenda-decision {
    grid-column: 1 / -1;
    text-wrap: pretty;
  }

  body.handwritten-preview main > section#prompt-demo .agenda-decision-label {
    display: inline;
    white-space: nowrap;
  }
}
body.handwritten-preview main > section#prompt-demo.prompt-demo-live {
  --hw-sans: "Noto Sans JP Prompt Demo", "Noto Sans JP", sans-serif;
  --hw-serif: "Noto Serif JP Prompt Demo", "Noto Serif JP", serif;
  min-height: 0;
  padding-block: var(--lp-size-40) var(--lp-size-40);
  content-visibility: visible;
  contain: none;
  contain-intrinsic-size: none;
  background: var(--hw-pale-blue);
  font: 400 16px/1.65 var(--hw-sans);
  color: var(--hw-body);
  isolation: isolate;
}
body.handwritten-preview
  main
  > section#prompt-demo.prompt-demo-live
  > .container {
  width: calc(100% - 112px);
  max-width: 1240px;
  position: relative;
}
body.handwritten-preview
  main
  > section#prompt-demo.prompt-demo-live
  .hw-try-brush {
  inset: 18px auto auto -8px;
  width: 260px;
  height: 110px;
  object-fit: contain;
  z-index: -1;
}
body.handwritten-preview
  main
  > section#prompt-demo.prompt-demo-live
  .section-heading {
  padding: 0;
  margin: 0 0 var(--lp-space-24);
  text-align: left;
}
body.handwritten-preview main > section#prompt-demo.prompt-demo-live h2 {
  margin: 0;
  max-inline-size: none;
  font: 700 38px/1.5 var(--hw-serif);
  color: var(--hw-navy);
  letter-spacing: 0;
}
body.handwritten-preview
  main
  > section#prompt-demo.prompt-demo-live
  .section-heading
  > p {
  margin: var(--lp-space-12) 0 0;
  max-inline-size: none;
  font: 400 18px/1.65 var(--hw-sans);
}
body.handwritten-preview
  main
  > section#prompt-demo.prompt-demo-live
  .section-heading
  > .pdv-definition {
  font-size: 16px;
  margin-top: var(--lp-space-8);
  color: var(--hw-body);
}
#prompt-demo.prompt-demo-live .pdv-phrase {
  display: inline-block;
  white-space: nowrap;
  vertical-align: baseline;
}
#prompt-demo.prompt-demo-live .pdv-digit {
  font-family: var(--hw-num), var(--hw-sans);
  font-variant-numeric: tabular-nums;
}
#prompt-demo.prompt-demo-live :is(p, li, th, td, strong) {
  font-size: 16px;
}
#prompt-demo.prompt-demo-live .pdv-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  vertical-align: middle;
  line-height: 1;
  font-weight: 800;
  color: var(--hw-blue);
}
#prompt-demo.prompt-demo-live .pdv-badge::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid currentColor;
  border-radius: 52% 48% 46% 54% / 46% 48% 52% 54%;
  rotate: -11deg;
}
body.handwritten-preview
  main
  > section#prompt-demo.prompt-demo-live
  .demo-card.pdv-card {
  min-width: 0;
  margin: 0;
  padding: var(--lp-space-24);
  background: var(--hw-white);
  border: 1px solid var(--border);
  border-radius: var(--hw-radius);
  box-shadow: 8px 8px 0 var(--hw-cyan);
  rotate: none;
}
body.handwritten-preview
  main
  > section#prompt-demo.prompt-demo-live
  h3.pdv-card-label {
  margin: 0;
  font: 700 22px/1.5 var(--hw-serif);
  letter-spacing: 0;
  color: var(--hw-body);
}
body.handwritten-preview
  main
  > section#prompt-demo.prompt-demo-live
  .pdv-after
  > .pdv-card-label {
  color: var(--hw-blue);
}
#prompt-demo.prompt-demo-live .pdv-field-label {
  display: flex;
  gap: var(--lp-space-8);
  align-items: center;
  margin: 0 0 var(--lp-space-10);
  font-size: 16px;
  font-weight: 700;
  color: var(--hw-body);
}
#prompt-demo.prompt-demo-live .pdv-after .pdv-field-label {
  color: var(--hw-blue);
}
#prompt-demo.prompt-demo-live .pdv-ai-icon {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border: 1px solid var(--border);
  border-radius: var(--hw-radius);
  background: var(--hw-white);
  color: var(--hw-body);
  font: 800 16px/1 var(--hw-num);
}
#prompt-demo.prompt-demo-live .pdv-after .pdv-ai-icon {
  color: var(--hw-blue);
  border-color: var(--hw-blue);
}
#prompt-demo.prompt-demo-live .pdv-conditions {
  display: grid;
  gap: var(--lp-space-14);
  list-style: none;
  padding: 0;
  margin: 0;
}
#prompt-demo.prompt-demo-live .pdv-condition {
  display: flex;
  gap: var(--lp-space-10);
  align-items: start;
  min-width: 0;
}
#prompt-demo.prompt-demo-live .pdv-condition > div {
  min-width: 0;
}
#prompt-demo.prompt-demo-live .pdv-condition-name {
  display: inline;
  margin: 0 var(--lp-focus-offset) 0 0;
  color: var(--hw-blue);
}
#prompt-demo.prompt-demo-live .pdv-condition p {
  display: inline;
  margin: 0;
  line-height: 1.65;
}
#prompt-demo.prompt-demo-live .pdv-list {
  list-style: decimal;
  margin: 0;
  padding: 0 0 0 1.7em;
}
#prompt-demo.prompt-demo-live .pdv-list li {
  padding: var(--lp-space-3) 0 var(--lp-space-3) var(--lp-line-width-2);
  line-height: 1.65;
}
#prompt-demo.prompt-demo-live .pdv-list li::marker {
  font-family: var(--hw-num);
  font-weight: 700;
}
#prompt-demo.prompt-demo-live .pdv-table {
  display: table;
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  table-layout: fixed;
  font: 400 16px/1.55 var(--hw-sans);
  color: var(--hw-body);
}
#prompt-demo.prompt-demo-live .pdv-table :is(th, td) {
  padding: var(--lp-space-10) var(--lp-space-8);
  vertical-align: top;
  text-align: left;
  border-bottom: 1px solid var(--border);
  font-size: 16px;
  line-height: 1.55;
  word-break: normal;
  overflow-wrap: normal;
}
#prompt-demo.prompt-demo-live .pdv-table th {
  color: var(--hw-blue);
  font-weight: 700;
  background: var(--hw-pale-blue);
}
#prompt-demo.prompt-demo-live .pdv-time-col {
  width: 60px;
}
#prompt-demo.prompt-demo-live .pdv-topic-col {
  width: 40%;
}
#prompt-demo.prompt-demo-live .pdv-table .pdv-time {
  white-space: nowrap;
}
#prompt-demo.prompt-demo-live .pdv-head-marker {
  display: inline-flex;
  align-items: center;
  gap: var(--lp-space-6);
  white-space: nowrap;
}
#prompt-demo.prompt-demo-live .pdv-head-marker .pdv-badge {
  width: 24px;
  height: 24px;
  flex-basis: 24px;
}
#prompt-demo.prompt-demo-live .pdv-match {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--lp-space-5);
}
#prompt-demo.prompt-demo-live .pdv-match .pdv-badge {
  width: 24px;
  height: 24px;
  flex-basis: 24px;
  align-self: start;
}
#prompt-demo.prompt-demo-live .pdv-total {
  display: flex;
  justify-content: end;
  margin: var(--lp-space-12) 0 0;
  color: var(--hw-blue);
  font-weight: 700;
}
#prompt-demo.prompt-demo-live .pdv-total .pdv-match {
  flex-wrap: nowrap;
}
#prompt-demo.prompt-demo-live .pdv-mobile-decision {
  display: none;
}
#prompt-demo.prompt-demo-live .hw-marker {
  background: linear-gradient(
    transparent 58%,
    var(--hw-marker) 58% 94%,
    transparent 94%
  );
}
#prompt-demo.prompt-demo-live .pdv-verdict {
  margin: var(--lp-space-20) 0 0;
  padding: var(--lp-space-14) var(--lp-space-16);
  border-radius: var(--hw-radius);
  background: var(--hw-gray);
  color: var(--hw-body);
  font-size: 16px;
  line-height: 1.65;
}
#prompt-demo.prompt-demo-live .pdv-after .pdv-verdict {
  background: var(--hw-pale-blue);
  color: var(--hw-blue);
  font-weight: 700;
}
#prompt-demo.prompt-demo-live .pdv-tabs {
  display: flex;
  width: min(100%, 380px);
  padding: var(--lp-space-5);
  gap: var(--lp-focus-offset);
  margin: 0 0 var(--lp-space-22);
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--hw-white);
}
#prompt-demo.prompt-demo-live .pdv-tabs button {
  flex: 1;
  min-height: 44px;
  padding: var(--lp-space-8) var(--lp-space-12);
  border: 0;
  border-radius: 999px;
  font: 700 16px/1.5 var(--hw-sans);
  color: var(--hw-body);
  background: transparent;
}
#prompt-demo.prompt-demo-live .pdv-tabs [aria-selected="true"] {
  background: var(--hw-gray);
  color: var(--hw-body);
}
#prompt-demo.prompt-demo-live
  .pdv-tabs
  [data-pdv-tab="after"][aria-selected="true"] {
  background: linear-gradient(110deg, var(--hw-blue) 65%, var(--hw-cyan));
  color: var(--hw-white);
}
#prompt-demo.prompt-demo-live :is(button, [tabindex]):focus-visible {
  outline: 3px solid var(--hw-navy);
  outline-offset: 4px;
}
#prompt-demo.prompt-demo-live.prompt-ready [hidden] {
  display: none !important;
}
#prompt-demo.prompt-demo-live .pdv-short-arrow {
  display: block;
  width: 48px;
  height: 28px;
  color: var(--hw-navy);
}
#prompt-demo.prompt-demo-live .pdv-short-arrow svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
#prompt-demo.prompt-demo-live .pdv-short-arrow path {
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#prompt-demo.prompt-demo-live .pdv-foot {
  margin-top: var(--lp-space-24);
  display: grid;
  gap: var(--lp-space-14);
}
body.handwritten-preview main > section#prompt-demo.prompt-demo-live .pdv-note {
  margin: 0;
  font: 400 14px/1.75 var(--hw-sans);
  color: var(--hw-body);
}
body.handwritten-preview
  main
  > section#prompt-demo.prompt-demo-live
  .demo-course {
  display: block;
  width: fit-content;
  margin: 0;
  font: 700 16px/1.7 var(--hw-sans);
  color: var(--hw-blue);
}
#prompt-demo.prompt-demo-live .pdv-course-tail {
  white-space: nowrap;
}
#prompt-demo.prompt-demo-live .pdv-tips {
  margin-bottom: var(--lp-space-28);
}
#prompt-demo.prompt-demo-live .pdv-tips-heading {
  margin-bottom: var(--lp-space-14);
  font-weight: 700;
  color: var(--hw-navy);
}
#prompt-demo.prompt-demo-live .pdv-tip-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--lp-space-16);
  padding: 0;
  list-style: none;
}
#prompt-demo.prompt-demo-live .pdv-tip {
  display: flex;
  align-items: start;
  gap: var(--lp-space-12);
  padding: var(--lp-space-16);
  border-radius: var(--hw-radius);
  border: 1px solid var(--border);
  background: var(--hw-white);
}
#prompt-demo.prompt-demo-live .pdv-tip p {
  margin: 0;
  min-width: 0;
}
#prompt-demo.prompt-demo-live .pdv-tip strong {
  display: inline;
  margin-right: var(--lp-focus-offset);
  color: var(--hw-blue);
}
#prompt-demo.prompt-demo-live .pdv-tabs {
  margin-inline: auto;
}
#prompt-demo.prompt-demo-live .pdv-c-panel > .pdv-card-label {
  margin-bottom: var(--lp-space-18);
}
#prompt-demo.prompt-demo-live :is(.pdv-c-input, .pdv-c-answer) {
  border-radius: var(--hw-radius);
  padding: var(--lp-space-18) var(--lp-space-20);
  background: var(--hw-gray);
}
#prompt-demo.prompt-demo-live .pdv-after .pdv-c-input {
  background: var(--hw-pale-blue);
}
#prompt-demo.prompt-demo-live .pdv-c-answer {
  background: var(--hw-white);
  border: 1px solid var(--border);
}
#prompt-demo.prompt-demo-live .pdv-c-input .pdv-conditions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--lp-space-22);
}
#prompt-demo.prompt-demo-live .pdv-empty {
  border: 1px dashed var(--hw-body);
  border-radius: var(--hw-radius);
  padding: var(--lp-space-12);
}
#prompt-demo.prompt-demo-live .pdv-empty .pdv-condition-name,
#prompt-demo.prompt-demo-live .pdv-empty .pdv-badge {
  color: var(--hw-body);
}
#prompt-demo.prompt-demo-live .pdv-prompt-text {
  margin-bottom: var(--lp-space-16);
}
#prompt-demo.prompt-demo-live .pdv-c-panel > .pdv-short-arrow {
  height: 40px;
  width: 28px;
  margin: var(--lp-space-8) auto;
}
#prompt-demo.prompt-demo-live .pdv-c-panel > .pdv-short-arrow svg {
  rotate: 90deg;
}
#prompt-demo.prompt-demo-live .pdv-before .pdv-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--lp-space-32);
  row-gap: var(--lp-focus-offset);
}
#prompt-demo.prompt-demo-live .pdv-table .pdv-topic-col {
  width: 36%;
}
@media (min-width: 769px) {
  body.handwritten-preview
    main
    > section#prompt-demo.prompt-demo-live
    .hw-try-brush {
    width: 575px;
    height: 270px;
  }
  body.handwritten-preview
    main
    > section#prompt-demo.prompt-demo-live
    .demo-card.pdv-card {
    padding: var(--lp-space-20);
  }
  #prompt-demo.prompt-demo-live .pdv-tips {
    margin-bottom: var(--lp-space-16);
  }
  #prompt-demo.prompt-demo-live .pdv-tips-heading {
    margin-bottom: var(--lp-space-8);
  }
  #prompt-demo.prompt-demo-live .pdv-tip {
    padding: var(--lp-space-12);
  }
  #prompt-demo.prompt-demo-live .pdv-tabs {
    margin-bottom: var(--lp-space-14);
  }
  #prompt-demo.prompt-demo-live .pdv-c-input {
    padding: var(--lp-space-12) var(--lp-space-16);
  }
  #prompt-demo.prompt-demo-live .pdv-c-answer {
    padding: var(--lp-space-8) 0;
    border: 0;
  }
  #prompt-demo.prompt-demo-live .pdv-table :is(th, td) {
    padding-block: var(--lp-space-6);
  }
  #prompt-demo.prompt-demo-live .pdv-c-panel > .pdv-short-arrow {
    height: 28px;
    margin-block: var(--lp-space-6);
  }
  #prompt-demo.prompt-demo-live .pdv-verdict {
    margin-top: var(--lp-space-8);
    padding-block: var(--lp-space-10);
  }
}
@media (min-width: 1600px) {
  body.handwritten-preview
    main
    > section#prompt-demo.prompt-demo-live
    > .container {
    max-width: 1320px;
  }
}
@media (max-width: 768px) {
  body.handwritten-preview main > section#prompt-demo.prompt-demo-live {
    padding-block: var(--lp-space-32) var(--lp-space-48);
  }
  body.handwritten-preview
    main
    > section#prompt-demo.prompt-demo-live
    > .container {
    width: calc(100% - 40px);
    max-width: 540px;
  }
  body.handwritten-preview
    main
    > section#prompt-demo.prompt-demo-live
    .hw-try-brush {
    width: 100%;
    height: 132px;
    inset: 0 auto auto 0;
    object-position: left center;
  }
  body.handwritten-preview main > section#prompt-demo.prompt-demo-live h2 {
    font-size: 26px;
    line-height: 1.5;
  }
  body.handwritten-preview
    main
    > section#prompt-demo.prompt-demo-live
    .section-heading {
    margin-bottom: var(--lp-space-24);
  }
  body.handwritten-preview
    main
    > section#prompt-demo.prompt-demo-live
    .section-heading
    > p {
    font-size: 16px;
    line-height: 1.7;
  }
  body.handwritten-preview
    main
    > section#prompt-demo.prompt-demo-live
    .demo-card.pdv-card {
    padding: var(--lp-space-16);
    box-shadow: 6px 6px 0 var(--hw-cyan);
  }
  body.handwritten-preview
    main
    > section#prompt-demo.prompt-demo-live
    h3.pdv-card-label {
    font-size: 20px;
  }
  #prompt-demo.prompt-demo-live .pdv-conditions {
    gap: var(--lp-space-14);
  }
  #prompt-demo.prompt-demo-live .pdv-condition {
    gap: var(--lp-space-8);
  }
  #prompt-demo.prompt-demo-live .pdv-badge {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
  }
  #prompt-demo.prompt-demo-live .pdv-table,
  #prompt-demo.prompt-demo-live .pdv-table tbody {
    display: block;
    width: 100%;
  }
  #prompt-demo.prompt-demo-live .pdv-table thead {
    display: block;
  }
  #prompt-demo.prompt-demo-live .pdv-table thead tr {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
  }
  #prompt-demo.prompt-demo-live .pdv-table tbody tr {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    padding-block: var(--lp-space-10);
    border-bottom: 1px solid var(--border);
  }
  #prompt-demo.prompt-demo-live .pdv-table :is(th, td) {
    padding: var(--lp-focus-offset) var(--lp-space-3);
    border: 0;
    font-size: 16px;
    line-height: 1.55;
  }
  #prompt-demo.prompt-demo-live .pdv-table th {
    padding: var(--lp-space-7) var(--lp-space-3);
  }
  #prompt-demo.prompt-demo-live .pdv-table colgroup {
    display: none;
  }
  #prompt-demo.prompt-demo-live .pdv-table .pdv-decision {
    grid-column: 1 / -1;
  }
  #prompt-demo.prompt-demo-live .pdv-head-marker {
    gap: var(--lp-focus-offset);
  }
  #prompt-demo.prompt-demo-live .pdv-mobile-decision {
    display: inline;
    font-weight: 700;
  }
  #prompt-demo.prompt-demo-live .pdv-table .pdv-phrase {
    white-space: nowrap;
  }
  #prompt-demo.prompt-demo-live .pdv-match {
    display: inline;
  }
  #prompt-demo.prompt-demo-live .pdv-match .pdv-badge {
    margin-right: var(--lp-focus-offset);
    vertical-align: middle;
  }
  #prompt-demo.prompt-demo-live .pdv-total .pdv-match {
    display: inline-flex;
    align-items: center;
  }
  #prompt-demo.prompt-demo-live .pdv-verdict {
    padding: var(--lp-space-12);
  }
  #prompt-demo.prompt-demo-live .pdv-foot {
    margin-top: var(--lp-space-28);
    gap: var(--lp-space-14);
  }
  #prompt-demo.prompt-demo-live .pdv-tabs {
    width: 100%;
  }
  #prompt-demo.prompt-demo-live .pdv-tip-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--lp-space-10);
  }
  #prompt-demo.prompt-demo-live .pdv-tip {
    padding: var(--lp-space-12) var(--lp-space-14);
  }
  #prompt-demo.prompt-demo-live .pdv-tip strong {
    display: inline;
    margin-right: var(--lp-focus-offset);
  }
  #prompt-demo.prompt-demo-live .pdv-tip .pdv-phrase {
    white-space: nowrap;
  }
  #prompt-demo.prompt-demo-live :is(.pdv-c-input, .pdv-c-answer) {
    padding: var(--lp-space-14) var(--lp-space-12);
  }
  #prompt-demo.prompt-demo-live .pdv-c-input .pdv-conditions {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--lp-space-12);
  }
  #prompt-demo.prompt-demo-live .pdv-empty {
    padding: var(--lp-space-10);
  }
  #prompt-demo.prompt-demo-live .pdv-before .pdv-list {
    display: block;
  }
}
@media (max-width: 360px) {
  body.handwritten-preview main > section#prompt-demo.prompt-demo-live h2 {
    font-size: 24px;
  }
  body.handwritten-preview
    main
    > section#prompt-demo.prompt-demo-live
    > .container {
    width: calc(100% - 32px);
  }
}
body.handwritten-preview
  main
  > section#prompt-demo.prompt-demo-live
  > .container {
  padding-top: var(--lp-space-280);
}
body.handwritten-preview
  main
  > section#prompt-demo.prompt-demo-live
  .hw-try-brush {
  top: 0;
}
#prompt-demo.prompt-demo-live:not(.prompt-ready) [data-pdv-panel="after"] {
  display: none;
}
@media (max-width: 768px) {
  body.handwritten-preview
    main
    > section#prompt-demo.prompt-demo-live
    > .container {
    padding-top: var(--lp-size-160);
  }
}