/* 양피지 조립 — design-v3/parchment-sample.css 의 방식을 그대로 가져왔습니다.
 *
 * 한 장짜리 이미지를 늘이면 내용이 길어질수록 질감이 뭉개집니다.
 * 대신 1254×1254 타일을 border-image 로 9분할해, 모서리 156px 은 고정하고
 * 가운데 942px 조각을 반복합니다. 조각은 항상 온전한 개수로만 쌓입니다.
 * 쌓을 개수와 배율은 parchment.js 가 실제 줄바꿈 높이를 재서 정합니다.
 */
.desk{justify-self:center;margin-inline:auto;width:100%}

.parchment{
  background:none;
  clip-path:none;
  isolation:isolate;
  min-height:0;
  height:var(--assembled-height,auto);
}
.parchment:before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:none;
  mask:none;
  mix-blend-mode:normal;
  border:var(--piece-border,40px) solid transparent;
  border-image-source:url('assets/parchment-tile.png');
  border-image-slice:156 fill;
  border-image-width:var(--piece-border,40px);
  border-image-repeat:repeat;
}
/* 글이 놓이는 면은 살짝만 밝히고 네 변을 부드럽게 끊습니다. */
.paper-inner:before{
  background:#f0d49b38;
  backdrop-filter:none;
  mask-image:
    linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent),
    linear-gradient(to bottom,transparent,#000 20px,#000 calc(100% - 20px),transparent);
  mask-composite:intersect;
}