/* Original two-card composition, with redrawn educational vector artwork. */
.sleep-diagram,.tmj-diagram{width:100%;height:auto;overflow:visible}
.anatomy-profile{fill:#fffdf8;stroke:#395969;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.anatomy-detail,.anatomy-ear{fill:none;stroke:#6c858b;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.anatomy-mandible{fill:#bfe5d9;fill-opacity:.65;stroke:#388a85;stroke-width:1.8;stroke-linejoin:round}
.anatomy-muscles{fill:#388a85;opacity:.14;transition:opacity 220ms ease-out}
.jaw-card[data-jaw-view='muscles'] .anatomy-muscles{opacity:.7}
.anatomy-joint-ring{fill:#279493;fill-opacity:.08;stroke:#279493;stroke-opacity:.4;stroke-width:1.5;transition:opacity 220ms ease-out}
.anatomy-joint{fill:#006a79;stroke:#fffdf8;stroke-width:2.5}
.anatomy-joint-label{opacity:1;transition:opacity 220ms ease-out}
.jaw-card:not([data-jaw-view='joint']) .anatomy-joint-ring,.jaw-card:not([data-jaw-view='joint']) .anatomy-joint-label{opacity:.2}
.anatomy-motion{fill:none;stroke:#279493;stroke-width:2;stroke-dasharray:none;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.moving-jaw{transform-origin:190px 183px;transition:transform 380ms ease-out}
.jaw-card[data-jaw-view='movement'] .moving-jaw{transform:rotate(6deg)}
.jaw-card .jaw-art{max-width:390px}
.jaw-tabs button{min-height:44px}
@media(max-width:768px){.jaw-card .jaw-art{max-width:350px}.mobile-sleep-flow .mobile-flow-step svg{overflow:visible}}
@media(prefers-reduced-motion:reduce){.moving-jaw,.anatomy-muscles,.anatomy-joint-label,.anatomy-joint-ring{transition:none}}

.jaw-support-bone{fill-opacity:.8}

/* Four distinct pastel cards: blue, sage, blush, and lavender. */
#sleep-care.learn-card{background:#e6f2f8;border-color:#d2e5ea}
#jaw-care.learn-card{background:#eaf2e7;border-color:#d6e5d2}
#prf.therapy-card{background:#f6e9e6}
#red-light.therapy-card{background:#eeebf6;border-color:#ded8eb}