.flex {
    display: flex;
    width: 100%;
}
.flex-col {
    flex-direction: column;
}
.flex-center {
    justify-content: center;
    align-items: center;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.page-header {
    color: #fff;
    text-align: center;
    background-color: #D6A2E8;
    background-image: linear-gradient(120deg, #82589F, #D6A2E8);
    padding: 30px 0;
}
.main-content {
    padding: 10px 30px;
    background-color: #eaeaeb;
}
p {
    font-size: 16px;
}
body {
    font-family: "Monospace", Georgia, serif;
    color: #242424;
    margin: 0;
}
a {
    color: #5a228b;
}
.spc-n {
    margin-top: 16px;
}
.spc-s {
    margin-bottom: 16px;
}
.card {
    width: 90vw;
    padding: 20px;
    box-shadow: rgba(53, 72, 91, 0.07) 0px 0px 0px 1px, rgba(0, 0, 0, 0.01) 0px 2px 2px 0px, rgba(0, 0, 0, 0.02) 0px 4px 4px 0px, rgba(0, 0, 0, 0.03) 0px 10px 8px 0px, rgba(0, 0, 0, 0.03) 0px 15px 15px 0px, rgba(0, 0, 0, 0.04) 0px 30px 30px 0px, rgba(0, 0, 0, 0.05) 0px 70px 65px 0px;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #fff;
}
.card table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}
.card th, .card td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
    font-size: 14px;
}
.card th {
    background-color: #eaeaeb;
}
#dog-sitting-root p {
    margin: 8px 0;
}
#dog-sitting-root h3 {
    margin-top: 16px;
    margin-bottom: 8px;
}
#dog-sitting-root ul, #dog-sitting-root ol {
    margin: 8px 0;
    padding-left: 20px;
}
#dog-sitting-root li {
    font-size: 16px;
    margin: 4px 0;
}
#dog-sitting-root .dog-sitting-dogs-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
#dog-sitting-root .dog-sitting-dog {
    flex: 1;
}
#dog-sitting-root .dog-sitting-photo {
    display: block;
    width: 180px;
    height: 180px;
    object-fit: cover;
    border-radius: 10px;
    margin: 0 auto 10px;
}

@media(min-width: 640px) {
    .card {
        width: 100%;
        max-width: 700px;
    }
    .main-content {
        padding: 30px 60px;
        background-color: #eaeaeb;
    }
    #dog-sitting-root .dog-sitting-dogs-grid {
        flex-direction: row;
    }
}