/* mudchanges.css — 變動歷程（MUDLIST_PLAN §86）
   ⚠ 獨立一支而不是塞進 mudlist.css:這一塊同時出現在**站台頁**（載 mudlist.css）與
      **總表頁**（board.html 殼,不載 mudlist.css —— 那支有整頁層級的樣式,混進去會互相打架）。
   ⭐ 人工與系統要看一眼就分得開:人工是「有人做了判斷」,系統是「機器看到了變化」。 */
.mc-list {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
}

.mc-item {
    margin: 0;
    padding: 7px 0 7px 10px;
    border-left: 3px solid transparent;
    border-bottom: 1px dashed rgba(154, 147, 138, .25);
    line-height: 1.8;
    overflow-wrap: anywhere;
}

.mc-item.mc-human {
    border-left-color: #f3df00;
}

.mc-item.mc-system {
    border-left-color: #5f7f9a;
}

.mc-item time {
    margin-right: 4px;
    font-size: 0.85em;
    color: #9a938a;
    font-variant-numeric: tabular-nums;
}

.mc-who {
    display: inline-block;
    padding: 0 6px;
    border-radius: 4px;
    font-size: 0.8em;
    background: rgba(243, 223, 0, .12);
    color: #f3df00;
}

.mc-system .mc-who, .mc-who.mc-who-system {
    background: rgba(95, 127, 154, .18);
    color: #9cc0dd;
}

.mc-who.mc-who-human {
    background: rgba(243, 223, 0, .12);
    color: #f3df00;
}

.mc-val {
    font-size: 0.9em;
    color: #c9c0b4;
}

.mc-legend {
    margin: 0 0 18px;
    font-size: 0.85em;
    line-height: 1.9;
}

/* ===== 「我們找不到這些站」（§87）=====
   ⚠ 跟變動歷程住同一支:兩頁都是 board 殼上的 mudlist 子頁,都不載 mudlist.css。 */
.mm-list {
    list-style: none;
    margin: 10px 0 24px;
    padding: 0;
}

.mm-item {
    margin: 0 0 14px;
    padding: 10px 14px;
    border-left: 3px solid #9a6b3a;
    border-radius: 0 6px 6px 0;
    background: rgba(90, 60, 30, .14);
}

.mm-item.mm-auto {
    border-left-color: #6b5f8a;
    background: rgba(60, 52, 78, .16);
}

.mm-item h3 {
    margin: 0 0 6px;
    font-size: 1.05em;
}

.mm-en {
    font-weight: normal;
    font-size: 0.85em;
    color: #9a938a;
}

.mm-item dl {
    margin: 0;
}

.mm-row {
    display: grid;
    grid-template-columns: 7.5em minmax(0, 1fr);
    gap: 0 10px;
    line-height: 1.8;
}

.mm-row dt {
    color: #9a938a;
    font-size: 0.9em;
}

.mm-row dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.mm-staff {
    margin: 6px 0 0;
    font-size: 0.9em;
}

@media (max-width: 560px) {
    .mm-row {
        grid-template-columns: minmax(0, 1fr);
    }
    .mm-row dt {
        margin-top: 4px;
    }
}