.calm-exercise-content-intro {
    display: grid;
    gap: .45rem;
    padding: 1rem 1.05rem;
    border: 1px solid #d9d8cf;
    border-radius: .55rem 1.25rem 1.25rem 1.25rem;
    background: #f7f5ee;
    color: #292d28;
}

.calm-exercise-content-intro p {
    margin: 0;
    font-size: .95rem;
    line-height: 1.55;
}

.calm-exercise-content-intro small {
    color: #747970;
    font: .64rem var(--calm-mono, ui-monospace, monospace);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.calm-exercise-content-grid {
    display: grid;
    gap: .8rem;
    margin-top: .85rem;
}

.calm-exercise-content-section,
.calm-exercise-content-sources {
    padding: 1rem 1.05rem;
    border: 1px solid #dcdbd2;
    border-radius: .5rem 1.15rem 1.15rem 1.15rem;
    background: #fbfaf5;
}

.calm-exercise-content-section ol,
.calm-exercise-content-section ul,
.calm-exercise-content-sources ul {
    display: grid;
    gap: .65rem;
    margin: .8rem 0 0;
    padding: 0;
    list-style: none;
}

.calm-exercise-content-section ol li {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: .6rem;
    align-items: start;
}

.calm-exercise-content-section ol li > span {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 50%;
    background: #e8ebe3;
    color: #4d5d4d;
    font: .65rem var(--calm-mono, ui-monospace, monospace);
}

.calm-exercise-content-section p,
.calm-exercise-content-section ul li {
    margin: 0;
    color: #353a34;
    font-size: .86rem;
    line-height: 1.5;
}

.calm-exercise-content-section ul li {
    position: relative;
    padding-left: 1rem;
}

.calm-exercise-content-section ul li::before {
    position: absolute;
    left: 0;
    color: #7b8975;
    content: "•";
}

.calm-exercise-content-warning {
    border-color: #dfd0b7;
    background: #faf5e9;
}

.calm-exercise-content-safety {
    border-color: #cbdccf;
    background: #f0f6ef;
}

.calm-exercise-plan-cue {
    margin-top: .85rem;
    border-color: #cfd7c9;
    background: #edf2e9;
}

.calm-exercise-content-sources {
    margin-top: .85rem;
}

.calm-exercise-content-sources a {
    display: grid;
    gap: .18rem;
    min-height: 2.75rem;
    padding: .65rem .75rem;
    border-radius: .55rem;
    background: #f0efe8;
    color: #313730;
    text-decoration: none;
}

.calm-exercise-content-sources a:hover,
.calm-exercise-content-sources a:focus-visible {
    background: #e5e9df;
    outline: 2px solid #758b73;
    outline-offset: 2px;
}

.calm-exercise-content-sources strong {
    font-size: .76rem;
}

.calm-exercise-content-sources span {
    color: #6b7168;
    font-size: .72rem;
    line-height: 1.4;
}

@media (min-width: 760px) {
    .calm-exercise-content-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}