/* はがきの文例集。見本（.card）は実寸 100×148mm を縮めて見せ、印刷では実寸で出す */
.brwrap{ display:grid; grid-template-columns:1fr 330px; gap:24px; align-items:start; }
@media (max-width:820px){ .brwrap{ grid-template-columns:1fr; } }
.brleft select#pick{ width:100%; max-width:100%; display:block; margin-top:5px; font:inherit; font-size:15px; min-height:44px; }
.brf{ margin-top:12px; }
.brf input[type=text]{ width:12em; }
.brf textarea{ display:block; width:100%; margin-top:5px; font:inherit; font-size:15px; }
.acts{ display:flex; gap:8px; flex-wrap:wrap; margin-top:14px; }
.hint{ font-size:12.5px; color:var(--muted); margin:10px 0 0; line-height:1.7; }
.brright{ display:flex; justify-content:center; }
.card{ width:100mm; height:148mm; background:#fff; border:1px solid #c9ced8; box-shadow:0 6px 18px rgba(0,0,0,.08);
  transform:scale(.82); transform-origin:top left; margin:0 -18mm -26.6mm 0; overflow:hidden; flex:none; }
/* 縮めた分だけ外側の余白を減らして、場所を取りすぎないように（はみ出し防止） */
@media (max-width:420px){ .card{ transform:scale(.7); margin:0 -30mm -44.4mm 0; } }

/* 縦書きの中身（見本と印刷で共通） */
.tate{ box-sizing:border-box; width:100mm; height:148mm; padding:16mm 12mm 14mm; writing-mode:vertical-rl; text-orientation:mixed;
  font-family:"Shippori Mincho B1","Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif; font-size:4.5mm; line-height:1.95; color:#111; letter-spacing:.04em; }
.tate p{ margin:0; }
.tate .head{ font-size:6.4mm; font-weight:700; margin-left:3mm; letter-spacing:.12em; }
.tate .date{ margin-top:2em; margin-left:2mm; margin-right:2mm; }
.tate .from{ margin-right:auto; text-align:end; font-size:4mm; }
.tate .from .nm{ font-size:1.15em; }

/* 文例の一覧 */
.ex{ border-top:1px solid var(--line); padding:16px 0 18px; }
.ex h3{ font-size:16px; margin:0 0 2px; }
.ex .scene{ font-size:13px; color:var(--muted); margin:0 0 8px; }
.ex .extext{ font-size:14.5px; line-height:1.9; background:#fafbfd; border:1px solid var(--line); padding:12px 14px; margin-bottom:8px; }

.printonly{ display:none; }
@media print{
  @page{ size:100mm 148mm; margin:0; }
  body{ background:#fff !important; }
  body > *:not(#printArea){ display:none !important; }
  #printArea{ display:block !important; }
  #printArea .tate{ height:147mm; overflow:hidden; }   /* ちょうど148mmだと白紙の2ページ目が出る */
  html, body{ height:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; }
  body::before, body::after{ display:none !important; }
}