/* 予測表 (view/) を公開サイトで見るときの調整。印刷・PDFの体裁は変えない */
@media screen {
  body { height: auto; background: #f3f5f8; }

  /* 戻る・印刷のバー */
  .view-bar {
    position: sticky; top: 0; z-index: 10;
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 10px 16px; background: #0d3553; color: #fff;
    font: 14px 'BIZ UDPGothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  }
  .view-bar a, .view-bar button {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 12px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 6px;
    background: transparent; color: #fff; font: inherit; text-decoration: none; cursor: pointer;
  }
  .view-bar a:hover, .view-bar button:hover { background: rgba(255, 255, 255, .12); }

  /* 横長の表は中央寄せ。狭い画面では横スクロール */
  .view-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 16px 0 24px; }
  #content {
    box-sizing: content-box;
    height: auto; min-height: 0;
    width: 297mm; margin: 0 auto !important;
    padding: 5mm; background: #fff;
    box-shadow: 0 1px 2px rgba(16, 38, 61, .06), 0 2px 8px rgba(16, 38, 61, .08);
  }

  .view-nowarn { margin: 4px 0 0; color: #4b5966; font-size: 12px; }
}

@media print {
  .view-bar, .view-nowarn { display: none !important; }
}