/* m-inactive.css : "Dosyalarda var, oyunda yok" page + list toggle bar + detail warning (core tokens only) */
.ina-bar { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .8rem; margin: 0 0 .8rem; padding: .5rem .8rem;
  border: 1px solid var(--line); border-left: 4px solid var(--bad); background: var(--panel); color: var(--soft); font-size: .93rem; }
.ina-bar .icon { color: var(--bad); flex: none; }
.ina-bar__txt { flex: 1 1 16rem; min-width: 0; }
.ina-notice__head { margin: 0 0 .3rem; color: var(--bone); }
.ina-notice p { margin: .25rem 0; }
.ina-notice__more { font-size: .9rem; }
.ina-intro p { margin: 0 0 .6rem; max-width: 78ch; color: var(--soft); }
.ina-intro p:last-child { margin-bottom: 0; }
.ina-intro { margin-bottom: 1.6rem; }
.ina-counts { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .6rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 13.5rem), 1fr)); }
.ina-count a { display: flex; flex-direction: column; gap: .15rem; height: 100%; padding: .7rem .85rem; border: 1px solid var(--line); border-top: 3px solid var(--bad);
  background: var(--panel); color: var(--soft); text-decoration: none; }
.ina-count--soft a { border-top-color: var(--line-2); }
.ina-count a:hover, .ina-count a:focus-visible, .ina-count.is-active a { border-color: var(--amber-dim); background: var(--panel-2); }
.ina-count__n { font: 400 1.7rem/1.1 var(--display); color: var(--amber); }
.ina-count__l { color: var(--bone); font-weight: 600; }
.ina-count__d { font-size: .84rem; color: var(--mute); line-height: 1.4; }
.ina-cell { display: inline-flex; align-items: center; gap: .55rem; min-width: 12rem; }
.ina-cell__main { display: flex; flex-direction: column; min-width: 0; }
.ina-sub { font-size: .8rem; color: var(--mute); }
.ina-why { display: inline-block; min-width: 14rem; }
.ina-why__txt { color: var(--soft); }
.ina-more { margin: .4rem 0 1rem; }
.ina-faq { margin: 0; max-width: 80ch; }
.ina-faq dt { margin: .9rem 0 .2rem; color: var(--amber-hot); font-family: var(--display); font-size: 1.08rem; }
.ina-faq dt:first-child { margin-top: 0; }
.ina-faq dd { margin: 0; color: var(--soft); }
.ina-badge { margin-left: .3rem; vertical-align: middle; }
@media (max-width: 640px) {
  .ina-counts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ina-count__d { display: none; }
  .ina-why { min-width: 10rem; }
  .ina-cell { min-width: 9rem; }
}
.ina-dis__lead { margin: 0 0 .8rem; max-width: 78ch; color: var(--soft); }
.ina-dis__items { margin-top: 1rem; }
