/* Vertical writing textarea for editors */
textarea.vtext{
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  text-orientation: mixed;
  font-family: 'Noto Serif JP','IPAexMincho','Yu Mincho',serif;
  line-height: 1.9;
  letter-spacing: 0.02em;
  /* Visual size: use viewport height to give a sensible column length */
  width: 60vh;   /* visual width becomes number of lines vertically */
  height: 60vh;  /* visual height becomes characters per line */
  padding: 12px;
  border: 1px solid #e6e9f2;
  border-radius: 8px;
  background: #fff;
  color: #111;
  resize: both;
  white-space: pre-wrap;
  overflow: auto;
}

/* On dark themes (if any), keep the textarea readable */
@media (prefers-color-scheme: dark){
  textarea.vtext{
    background:#fff; color:#111; /* force light for editing clarity */
  }
}

/* Responsive: fit smaller screens */
@media (max-width: 1024px){
  textarea.vtext{ width: min(60vh, 92vw); height: 56vh; }
}
@media (max-width: 768px){
  textarea.vtext{ width: 92vw; height: 50vh; }
}
@media (max-width: 480px){
  textarea.vtext{ width: 94vw; height: 46vh; }
}