/*
 * ----------------------------------------------------------------------------
 * # Typography
 * ----------------------------------------------------------------------------
 */

main#site-content .entry-content,
main#site-content .entry-content p,
main#site-content .entry-content li {
    font-size: 16px;
    line-height: 1.8;
}

/* Ensure long words in titles do not overflow */
.entry-title,
.entry-title a {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
}

.list-style-content .entry-summary {
    font-size: 0.95rem;
}

@media (max-width: 768px) {
    .list-style-content .entry-summary {
        display: none; /* Hide summary on mobile */
    }
}

/* Nested Lists */
.entry-content ul,
.entry-content ol {
    list-style-position: inside;
}

.entry-content ol {
    list-style-type: decimal; /* Ensure ordered lists use numbers */
}
.entry-content ul {
    list-style-type: disc; /* Default for unordered lists */
}
.entry-content ul ul {
    list-style-type: circle;
}
.entry-content ul ul ul {
    list-style-type: square;
}

.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
    margin-left: 1.5em;
}

/* Pico.cssの上書きと、ネストに依存しないスタイルの再定義 */
/* olは常に番号付きリストとして定義 */
.entry-content ol > li {
    list-style-type: decimal !important;
}

/* ulは常にマーカー付きリストとして定義 (ネストに応じてスタイルを変更) */
.entry-content ul {
    list-style-type: disc !important;
}
.entry-content ul ul {
    list-style-type: circle !important;
}
.entry-content ul ul ul {
    list-style-type: square !important;
}

/*
 * 最も重要な上書き：
 * Pico.cssはul > li::beforeでマーカーを実装しているため、
 * olの中にあるliでは、この::beforeを無効化する。
 * これにより、ネストの深さに関わらずolは正しく表示される。
 */
.entry-content ol li::before {
    content: none !important;
}