@import "/css/home.css";

html:lang(ja) {
    writing-mode: vertical-rl;
}

#masthead > p > a > img {
    margin-block: 4px;
}

/* The best line length (number of characters per line) is around 52
 * characters, maximum, in vertical writing mode, and 40 characters,
 * maximum, in horizontal writing mode.
 *     — JLREQ § 2.4.2
 *       https://www.w3.org/TR/jlreq/#considerations_in_designing_the_kihonhanmen
 */
main > :is(h2, p, search, #muse, #writing-system) {
    max-width: 40ic;
}

@media (min-width: 800px) {
    main > ul {
        grid-column: 3 / 9;
    }
}

@supports (writing-mode: vertical-rl) {
    main > :is(h2, p, search, #muse, #writing-system) {
        max-width: 52ic;
    }
}

:lang(ja) :is(h1, h2, h3, h4, h5, h6) {
  font-weight: normal;
}

:lang(ja) h2 {
  font-size: 2rem;
}

.縦中横 {
    text-combine-upright: all;
}

@supports not (text-combine-upright: digits 2) {
    time > span {
        text-combine-upright: all;
    }
}

ul {
    list-style-type: "・";
}

@supports (writing-mode: vertical-rl) {
    [href*="instagram.com"].mention {
        background-position: 50% -0.125ic;
    }
}

@supports (writing-mode: vertical-rl) {
    h2 img {
        position: relative;
        top: none;
        right: -2px;
        vertical-align: unset;
        width: 1ic;
    }
}