/*
 * AA（アスキーアート）表示。過去ログ（/kako）と避難所ビューワー（/hinan/b/）で共通。aa.js が .aa を付ける。
 * AA は「MS Pゴシック」の文字幅で作られているので、その幅の文字で、折り返さずに表示する。
 * - Windows：MS Pゴシックがパソコンに入っているのでそれを使う
 * - スマホ・Mac：MS Pゴシックと同じ幅の「Monapo」フォント（/fonts/monapo/、IPAフォントライセンス v1.0。
 *   ライセンスは /fonts/monapo/LICENSE.txt）を使う。AA が画面に出たときだけ読み込まれる
 */
@font-face {
    font-family: "AA Monapo";
    src: local("Monapo"), local("monapo"), url("/fonts/monapo/monapo.ttf") format("truetype");
    font-display: swap;
}

.res-body.aa {
    font-family: "MS PGothic", "ＭＳ Ｐゴシック", "AA Monapo", sans-serif;
    font-size: 16px;
    line-height: 1.125;          /* 16px に対して 18px */
    white-space: pre;            /* 折り返さない */
    overflow-wrap: normal;
    word-break: normal;
    overflow-x: auto;            /* 小さくしても入りきらないときだけ横スクロール */
    overflow-y: hidden;
    padding-left: .4rem;
    letter-spacing: 0;
    font-kerning: none;
    font-variant-ligatures: none;
    font-feature-settings: normal;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* 「AA」切り替えボタン（名前や日付の行の右端） */
.aa-toggle {
    margin-left: auto; padding: 0 6px; border-radius: 4px;
    border: 1px solid var(--line); background: none; color: var(--muted);
    font: inherit; font-size: .68rem; font-weight: 700; line-height: 1.5; cursor: pointer;
}
.aa-toggle:hover { color: var(--primary, var(--accent)); border-color: currentColor; }
.aa-toggle[aria-pressed="true"] { background: var(--accent-bg); color: var(--primary, var(--accent)); border-color: transparent; }