/* Article heading hierarchy for horizontal blog posts. */

.latest-post .post-title,
.home .latest-post > h2 {
    color: #4a3324 !important;
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(1.18rem, 1.45vw, 1.38rem) !important;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: 0.01em;
    margin: 0 0 10px;
}

.latest-post .post-title a,
.latest-post .post-title a:visited,
.home .latest-post > h2 > a,
.home .latest-post > h2 > a:visited {
    color: #4a3324 !important;
}

.latest-post .post-title a:hover,
.latest-post .post-title a:focus,
.home .latest-post > h2 > a:hover,
.home .latest-post > h2 > a:focus {
    color: #6a4d3a !important;
}

.latest-post .post-content h2 {
    color: #4a3324 !important;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.16rem !important;
    font-weight: 700;
    line-height: 1.5;
    margin: 1.9rem 0 0.75rem;
    padding: 0.1rem 0 0.1rem 0.65rem;
    border-left: 3px solid #a86d3b;
    writing-mode: horizontal-tb;
    text-orientation: mixed;
}

.latest-post .post-content h3 {
    color: #5a4030 !important;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.04rem !important;
    font-weight: 700;
    line-height: 1.55;
    margin: 1.55rem 0 0.65rem;
}

.latest-post .post-content h4 {
    color: #6a4d3a !important;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 0.96rem !important;
    font-weight: 700;
    line-height: 1.55;
    margin: 1.3rem 0 0.5rem;
}

.latest-post .post-content h2 a,
.latest-post .post-content h3 a,
.latest-post .post-content h4 a,
.latest-post .post-content h2 a:visited,
.latest-post .post-content h3 a:visited,
.latest-post .post-content h4 a:visited {
    color: inherit !important;
}

.latest-post .post-content h2 a:hover,
.latest-post .post-content h3 a:hover,
.latest-post .post-content h4 a:hover,
.latest-post .post-content h2 a:focus,
.latest-post .post-content h3 a:focus,
.latest-post .post-content h4 a:focus {
    color: #7a563d !important;
}