/*:root {*/
#box-nagashi {
      --bg: #fff;
      --lightgray: #f4f4f4;
      --dark: #333;
      --header-green: #2a6f2a;
      --mark-green: #4caf50;
      --active-bg: #444;
      --white: #fff;
      --border: #ddd;
    }
    /** { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: sans-serif;
      background: var(--lightgray);
      color: var(--dark);
    }
    .container {
      max-width: 480px;
      margin: auto;
      background: var(--bg);
    }
    h1 {
      text-align: center;
      margin: 0 0 4px;
      padding: 12px 0;
      background: var(--header-green);
      color: var(--white);
      font-size: 1.2rem;
    }*/
#box-nagashi .tabs {
      display: flex;
      /*border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);*/
      border: 1px solid var(--border);/*’ljÁ*/
      background: var(--white);
      margin-bottom: 8px;
      border-radius: 4px 4px 0 0;
      overflow: hidden;
    }
#box-nagashi .tab-btn {
      flex: 1;
      padding: 10px 0;
      border: none;
      background: var(--white);
      font-size: 0.9rem;
      cursor: pointer;
      color: var(--dark);
    }
#box-nagashi .tab-btn + .tab-btn {
      border-left: 1px solid var(--border);
    }
#box-nagashi .tab-btn.active {
      background: var(--active-bg);
      color: var(--white);
    }
#box-nagashi .section {
      display: none;
      padding: 8px;
    }
#box-nagashi .section.active {
      display: block;
    }
#box-nagashi .table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.85rem;
      table-layout: fixed; 
    }
#box-nagashi .table th,
#box-nagashi .table td {
      border: 1px solid var(--border);
      padding: 8px 4px;
      white-space: normal;
      word-break: break-word;
    }
#box-nagashi .table th {
      background: var(--header-green);
      color: var(--white);
    }
#box-nagashi .table td:first-child {
      background: var(--mark-green);
      color: var(--white);
      position: sticky;
      left: 0;
    }
#box-nagashi .table td:empty {
	  background: #eeeeee; 
	}
#box-nagashi .article {
      margin: 24px 8px;
      background: var(--bg);
      padding: 16px;
      border-radius: 6px;
      font-size: 0.9rem;
      line-height: 1.6;
    }
#box-nagashi .article h2 {
      color: var(--header-green);
      margin-top: 16px;
      font-size: 1.05rem;
    }
#box-nagashi .article ul { padding-left: 1.2em; }
#box-nagashi table               { width: 100%; border-collapse: collapse; background: var(--bg); border-radius: 6px; overflow: hidden; font-size: 0.8rem; }
#box-nagashi th, td              { border: 1px solid var(--border); text-align: center; padding: 6px 4px; }
#box-nagashi th                  { background: var(--lightgray); }