/* TOP のお知らせ（#notices）の見た目（HP席・2026-10-07）。節は tools/お知らせを組む.py が書く。
   ⇒ TOP の5枚だけが読む（全部の頁が読む ncat.css を替えると、印が替わって全部の頁が送られるため）。
   ⇒ 色は ncat.css の --line・--ink・--gold・--sub を使う。 */
.ntc { list-style:none; margin:0; padding:0; max-width:820px }
.ntc li { border-top:1px solid var(--line) }
.ntc li:last-child { border-bottom:1px solid var(--line) }
.ntc a { display:grid; grid-template-columns:1fr auto; gap:20px; align-items:center;
  padding:20px 0; color:var(--ink); text-decoration:none; transition:padding-left .3s }
.ntc a:hover, .ntc a:focus-visible { padding-left:10px }
.ntc-t { font-size:16px; line-height:1.7; overflow-wrap:anywhere }
.ntc-go { color:var(--gold); opacity:.9; font-size:22px; transition:opacity .3s }  /* ⇐ 見え方の試し 10/07：矢印が小さく薄い（4人中3人） */
.ntc a:hover .ntc-go, .ntc a:focus-visible .ntc-go { opacity:1 }
/* 4件目からの枠（ボス直 10/23 09時53分52秒「3件以降はスクロールとかである程度見られるようにしとけ」）。
   ⇒ 3件は上の形のまま並べ、4件目からはこの枠の中のスクロールで見る。⇒ 枠は1件半ほどの高さで、下の件が覗く（続きが在る印）。
   ⇒ 上下の金の光は、その向きにまだ続きが在る時だけ見える（local の覆いが端で光を隠す）。 */
.ntc-more { max-height:200px; overflow-y:auto; border-bottom:1px solid var(--line);
  scrollbar-width:thin; scrollbar-color:rgba(243,216,154,.35) transparent;
  background:
    linear-gradient(var(--bg) 30%, transparent) center top / 100% 36px no-repeat local,
    linear-gradient(transparent, var(--bg) 70%) center bottom / 100% 36px no-repeat local,
    radial-gradient(farthest-side at 50% 0, rgba(243,216,154,.2), transparent) center top / 100% 14px no-repeat scroll,
    radial-gradient(farthest-side at 50% 100%, rgba(243,216,154,.2), transparent) center bottom / 100% 14px no-repeat scroll }
.ntc-more::-webkit-scrollbar { width:6px }   /* ⇐ Mac の Safari は、これが在るとつまみを消さずに出す（続きが在る印） */
.ntc-more::-webkit-scrollbar-thumb { background:rgba(243,216,154,.35); border-radius:3px }
.ntc-more li:first-child { border-top:0 }
.ntc-more li:last-child { border-bottom:0 }