.care-results{color:#3d382f;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
.care-intro{display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:12px;padding:30px;background:#f6edda;border-radius:18px;margin:4px 0 32px;color:#65491f}
.care-intro svg{width:100%;height:auto}.care-kicker{font-size:14px;font-weight:700}.care-intro h2{font-family:"Iropke Batang",serif;font-size:32px;line-height:1.45;margin:12px 0 18px;letter-spacing:-.04em}.care-intro p{font-size:16px;margin:0}
.care-section{margin-top:36px}.care-heading{display:flex;align-items:flex-start;gap:14px;margin:0 0 22px}.care-heading>span{color:#866133;border-top:2px solid #866133;padding-top:5px;font-size:20px;font-weight:700}.care-heading h2{font-size:24px;line-height:1.4;margin:0 0 8px}.care-heading p{font-size:16px;margin:0}
.care-self{border:1px solid #d9cdb7;border-radius:14px;padding:24px;margin-bottom:18px;position:relative;background:#fffdf8}.care-index{font:500 30px Georgia,serif;color:#866133;float:right;margin-left:12px}.care-self h3{font-size:20px;line-height:1.5;margin:0 0 12px;color:#65491f}.care-self p{font-size:16px;margin:10px 0}.care-self details{margin:20px 0}.care-results summary{font-size:16px;cursor:pointer;color:#65491f;font-weight:700}.care-results summary:focus-visible{outline:3px solid #866133;outline-offset:5px}.care-self ul{list-style:none;padding:0}.care-self li{display:grid;gap:6px;border-bottom:1px solid #e5dccd;padding:14px 0;font-size:15px}.care-self li strong{color:#65491f}.care-practice{background:#f6f0e4;padding:18px 20px;border-radius:10px;margin-top:20px}.care-practice h4{font-size:15px;color:#65491f;margin:0 0 8px}.care-practice p{margin:0}
.care-help{border:1px solid var(--help-ink);border-radius:16px;overflow:hidden;margin-bottom:24px}.care-help>header{display:grid;grid-template-columns:minmax(0,1fr) 126px;align-items:center;gap:14px;padding:22px;background:var(--help-paper);color:var(--help-ink)}.care-help header svg{width:100%;height:auto}.care-help header span{font-size:14px;font-weight:700}.care-help h3{font-size:24px;line-height:1.5;margin:12px 0 0;letter-spacing:-.03em}.care-help-body{padding:24px}.care-help-body>p{font-size:16px;margin:0 0 22px}.care-request{border-top:1px solid var(--help-ink);padding-top:18px}.care-request>span{font-size:15px;font-weight:700;color:var(--help-ink)}.care-request>p{font-size:15px;margin:12px 0}.care-results blockquote{font-size:18px;line-height:1.8;margin:12px 0 0;background:var(--help-paper,#f6f0e4);padding:18px;border-radius:4px 16px 16px 16px;color:var(--help-ink,#65491f)}
.care-situations{padding:18px 0;border-top:1px solid #d9cdb7}.care-situations article{padding:18px 0;border-bottom:1px solid #d9cdb7}.care-situations h3{font-size:17px;line-height:1.6;margin:0}.care-situations p{font-size:16px}.care-none{font-size:16px}.care-takeaway{padding:24px 0;border-top:2px solid #866133;margin-top:24px}.care-takeaway h2{font-size:22px;margin:0 0 12px}.care-takeaway p{font-size:16px;margin:0}
.experience[data-experience="self-kindness"] .question-scene{height:auto;min-height:72px;padding:18px 22px;display:block;background:#f6edda}.care-part{display:flex;align-items:center;gap:16px;color:#65491f}.care-part>span{font:500 30px Georgia,serif}.care-part>div{display:grid;gap:3px}.care-part strong{font-size:18px}.care-part small{font-size:14px}.experience[data-experience="self-kindness"] .instruction{font-size:15px;line-height:1.7}.experience[data-experience="self-kindness"] .question-context{font-size:17px}.experience[data-experience="self-kindness"] legend{background:#fffcf3}
@media(max-width:520px){.care-intro{padding:22px;grid-template-columns:minmax(0,1fr) 86px;gap:4px}.care-intro h2{font-size:26px}.care-intro p{font-size:15px}.care-heading h2{font-size:21px}.care-self{padding:20px}.care-help>header{grid-template-columns:minmax(0,1fr) 82px;padding:20px;gap:8px}.care-help h3{font-size:22px}.care-help-body{padding:20px}.care-practice{padding:16px}.care-results blockquote{font-size:17px;padding:16px}.care-self h3{font-size:19px}.care-part{gap:12px}.care-part strong{font-size:17px}}
@media(prefers-reduced-motion:no-preference){.care-intro{animation:care-arrive 300ms ease-out both}@keyframes care-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}

/* 그림을 작은 아이콘으로 축소하지 않고 하나의 장면으로 보여준다. */
.care-art{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:3/2}
.experience[data-experience="self-kindness"] .experience-cover{padding:0;border:0;background:#eee0c9;border-radius:12px}
.experience[data-experience="self-kindness"] .experience-cover .care-art{max-height:390px;object-position:50% 55%}
.care-intro{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden;border-radius:14px}
.care-intro>div{padding:26px 30px}.care-intro>.care-art{order:-1;max-height:340px;object-position:50% 60%}
.care-help>header{display:flex;flex-direction:column;align-items:stretch;padding:0;gap:0}
.care-help>header>div{padding:22px 24px}.care-help>header>.care-art{order:-1;max-height:350px;object-position:center}
.care-help{border-color:#d8c9b4}.catalog-illustration>.care-art{height:118px;object-fit:cover;border-radius:12px;object-position:35% 50%}
@media(max-width:520px){.care-intro>div{padding:22px}.care-help>header>div{padding:20px}.care-intro>.care-art,.care-help>header>.care-art{max-height:none}.catalog-illustration>.care-art{height:108px}}
