/* WHYDAY 함께 읽으면 좋은 이야기 */

.post-content .whyday-inline-related {
    margin: 46px 0 38px;
    padding: 26px 30px 28px;
    background: #edf5f1;
    border: 1px solid #d4e5dd;
    border-radius: 19px;
}

.post-content .whyday-inline-related > p {
    margin: 0 0 18px;
    color: #183e42;
    font-size: 18px;
    font-weight: 800;
}

.post-content .whyday-inline-related > p::before {
    content: "📖";
    display: inline-block;
    margin-right: 10px;
}

.post-content .whyday-inline-related ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}

.post-content .whyday-inline-related li {
    margin: 0;
    padding: 0;
}

.post-content .whyday-inline-related li a {
    display: block;
    padding: 15px 18px;
    background: #fffefa;
    border: 1px solid #dae7e0;
    border-radius: 11px;
    color: #254548;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
    text-decoration: none;
    transition: background .2s, border-color .2s;
}

.post-content .whyday-inline-related li a::after {
    content: " ↗";
    color: #ed754f;
    font-weight: 800;
}

.post-content .whyday-inline-related li a:hover {
    background: #fff8ec;
    border-color: #edb89d;
}

@media (max-width: 650px) {
    .post-content .whyday-inline-related {
        padding: 21px 17px;
        margin: 35px 0 28px;
    }

    .post-content .whyday-inline-related > p {
        font-size: 16px;
    }

    .post-content .whyday-inline-related li a {
        padding: 13px 14px;
        font-size: 13px;
    }
}