.calm-clinic{background:#233c35;border-block:3px solid #55735a}
.calm-clinic .section-heading h2{color:var(--lime)}
.calm-clinic .section-heading>p{color:#c0cfb9}
.calm-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}
.calm-tabs button{font:17px/1.3 var(--pixel);padding:15px 10px;border:1px solid #7c9480;color:#e5e8cb;background:#1b302d;min-height:54px}
.calm-tabs button:hover{background:#314d3c}
.calm-tabs button[aria-pressed=true]{background:var(--peach);color:var(--ink);border-color:var(--peach);box-shadow:3px 3px 0 #112322}
.calm-experiment{display:grid;grid-template-columns:1.3fr 1fr;border:2px solid #809779;background:#1a2e2b;box-shadow:7px 7px 0 #152825}
.calm-answer{padding:34px}
.calm-answer .eyebrow{font-size:10px}
.calm-answer h3{font-size:36px;margin-bottom:19px;color:#f1edd5}
.calm-answer>p:not(.eyebrow){color:#c2cfbb;font-size:15px;line-height:1.85;min-height:84px;max-width:570px}
.cozy-fix{margin-top:24px;background:#c6dbac;padding:22px 24px;border-left:5px solid var(--peach);color:var(--ink)}
.cozy-fix>span{font:11px 'Courier New',monospace;letter-spacing:.04em;color:#3d5434;font-weight:700}
.cozy-fix p{color:#31432d;font-size:15px;line-height:1.85;margin-top:10px;min-height:84px}
.calm-answer>p.calm-note{font-size:12px;margin-top:20px;min-height:0;color:#a5c3b0}
.calm-nook{border-left:2px dashed #7a9275;padding:30px 23px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#294236;background-image:linear-gradient(#b7ca9c0a 1px,transparent 1px),linear-gradient(90deg,#b7ca9c0a 1px,transparent 1px);background-size:20px 20px}
.calm-nook>span{font:10px 'Courier New',monospace;letter-spacing:.06em;color:#c5d9b3}
.calm-nook .sprite{--sprite-size:240px;margin-block:18px}
.calm-nook>strong{font:28px/1.15 var(--pixel);color:var(--lime)}
.calm-nook p{font-size:12px;line-height:1.8;color:#b3c6af;margin-top:12px}
.get-well{margin-top:46px;border-top:1px dashed #78926e;padding-top:35px}
.get-well-heading h3{font-size:34px;color:#f1e4c8;margin-bottom:17px}
.get-well-heading>p:last-child{font-size:15px;max-width:780px;line-height:1.85;color:#c4d1bd}
.get-well-heading .eyebrow{color:var(--peach);font-size:10px}
.illness-causes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:27px}
.illness-causes article{padding:23px 24px;background:#1a302d;border:1px solid #668164}
.illness-causes article>span{font:10px/1.5 'Courier New',monospace;color:var(--peach)}
.illness-causes h4{font:25px/1.15 var(--pixel);margin:13px 0 16px;color:#e9ebce}
.illness-causes p{font-size:14px;line-height:1.85;color:#b6c9b5}
.care-clock{margin-top:22px;border:1px dashed #93a882;padding:20px 24px;display:flex;align-items:center;gap:26px;background:#314b3c}
.care-clock>span{font:22px/1.2 var(--pixel);white-space:nowrap;color:var(--lime)}
.care-clock p{font-size:14px;line-height:1.85;color:#ccdac1}
.care-clock strong{color:#edf0cd}
.get-well-recipe{padding:25px 0 27px}
.get-well-recipe>.eyebrow{margin-bottom:12px;font-size:10px}
.get-well-recipe p:not(.eyebrow){font-size:15px;line-height:1.9;color:#c1d0ba;max-width:920px}
.get-well-recipe strong{color:#e8eacd}
.get-well-recipe p.friendship-tip{font-size:13px;margin-top:16px;color:#a8c0ad}
.friendship-tip a{display:inline-block;color:var(--peach);border-bottom:1px dashed #b79772;margin-left:7px}
.illness-notes{border-block:1px solid #7a936f}
.illness-notes summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;padding:19px 0;font:23px/1.3 var(--pixel);color:#d1e7b8}
.illness-notes summary::-webkit-details-marker{display:none}
.illness-notes summary>span{font-size:26px}
.illness-notes[open] summary>span{transform:rotate(45deg)}
.illness-notes>div{padding-bottom:23px;max-width:930px}
.illness-notes p{font-size:14px;line-height:1.9;color:#becdb8}
.illness-notes p+p{margin-top:14px}
.illness-notes strong{color:#e7ecce}
.calm-nojs{margin-top:25px;padding:20px;border:1px dashed #809779}
.calm-nojs p{font-size:15px;color:#c2cfbb}
.calm-nojs p+p{margin-top:12px}
@media(max-width:850px){
 .calm-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .calm-answer{padding:25px}.calm-answer h3{font-size:30px}
 .calm-nook{padding:25px 15px}.calm-nook .sprite{--sprite-size:160px}.calm-nook>strong{font-size:24px}
 .illness-causes{gap:10px}.illness-causes article{padding:18px 16px}.illness-causes h4{font-size:23px}
 .care-clock{gap:19px;padding:20px}.care-clock>span{font-size:19px}
}
@media(max-width:600px){
 .calm-clinic .section-heading>p{max-width:100%;font-size:14px}
 .calm-tabs button{font-size:15px;padding:12px 8px;min-height:52px}
 .calm-experiment{grid-template-columns:1fr;box-shadow:4px 4px 0 #152825}
 .calm-answer{padding:24px 20px}.calm-answer h3{font-size:31px}.calm-answer>p:not(.eyebrow){font-size:14px;min-height:0}
 .cozy-fix{padding:18px;margin-top:20px}.cozy-fix p{font-size:14px;min-height:0}.calm-answer>p.calm-note{font-size:12px}
 .calm-nook{border-left:0;border-top:2px dashed #7a9275;padding:23px}.calm-nook .sprite{--sprite-size:160px;margin-block:5px}.calm-nook>strong{font-size:26px}
 .get-well{margin-top:36px;padding-top:27px}.get-well-heading h3{font-size:30px}.get-well-heading>p:last-child{font-size:14px}
 .illness-causes{grid-template-columns:1fr;gap:10px;margin-top:22px}.illness-causes article{padding:21px}.illness-causes h4{font-size:25px;margin-block:10px 13px}
 .care-clock{align-items:start;flex-direction:column;gap:13px;padding:20px}.care-clock>span{font-size:24px}
 .get-well-recipe p:not(.eyebrow){font-size:14px}.get-well-recipe p.friendship-tip{font-size:13px}.friendship-tip a{margin-left:0}
 .illness-notes summary{font-size:20px;padding-block:18px}
}