.desk { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 30px; align-items: start; }
.desk:has(.sheet[hidden]) { grid-template-columns: minmax(0, 1fr); max-width: 77ch; }
.pick { min-width: 0; }
.pick > h2, .pick > p { padding-inline: 8px; }
.pick > p { margin-top: 22px; }
fieldset { border: 0; margin: 28px 0 0; padding: 0; min-width: 0; }
legend { margin: 0 8px 15px; font-size: 16px; font-weight: 600; }
.opt { display: flex; align-items: center; gap: 13px; padding: 17px 18px; margin-bottom: 10px; border-radius: 24px; background: var(--white); cursor: pointer; min-height: 78px; }
.opt:hover, .opt:has(input:checked) { background: var(--lilac); }
.opt input { width: 44px; height: 44px; flex: 0 0 44px; margin: 0; accent-color: var(--violet); cursor: pointer; }
.opt span { font-size: 17px; line-height: 1.6; }
.sheet { background: #fff9db; border-radius: 34px; padding: 30px; }
.sheet h2 { margin-bottom: 18px; }
.sheet > p { margin-bottom: 26px; }
#chosen { padding-block: 22px; border-block: 2px solid #ddd09c; min-height: 105px; }
#chosen ul { margin: 0; padding-left: 22px; }
#chosen li { padding-block: 7px; font-size: 17px; }
.acts { display: flex; flex-wrap: wrap; gap: 12px; margin-block: 26px 18px; }
.acts button { font-size: 16px; }
#status { font-size: 16px; color: #514b36; }
.clip { display: block; margin-top: 22px; font-size: 16px; }
.clip textarea { display: block; margin-top: 12px; width: 100%; padding: 12px; border: 2px solid var(--violet); border-radius: 12px; background: white; color: var(--ink); font-size: 16px; }
@media (max-width: 850px) {
  .desk { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 680px) {
  .sheet { padding: 25px 24px; border-radius: 28px; }
  .opt { padding: 15px 13px; }
  .acts { flex-direction: column; align-items: stretch; }
}
@media print {
  body { background: white; color: black; }
  .top, .tabs, .hero, .myth, .foot, .next, .pick, .acts, #status, .clip, .skip { display: none !important; }
  .body > .txt { display: none; }
  .w { width: 100%; }
  .desk { display: block; }
  .sheet { padding: 0; border-radius: 0; background: white; }
  .sheet h2 { font-size: 28px; }
  #chosen { border-color: #777; }
  #chosen li { break-inside: avoid; }
  .desk:has(.sheet[hidden]) .pick { display: block !important; }
  .opt { background: white; border-bottom: 1px solid #777; border-radius: 0; }
}