/* Care pages share the clinic header while keeping long disease lists inside the content. */
.care-page #header {background:#fff; border-bottom:1px solid #e7edf4; color:#223b55}
.care-page #header h1 a {background-position:0 -70px}
.care-page #header a {color:#273c52}
.care-page #header .depth1 > a[href="/theme/mc/care.php"] {color:#215ca3}
.care-page #contents {padding:138px 0 88px; min-height:70vh}
.mc-care {font-size:16px; color:#22354b; letter-spacing:-.3px; line-height:1.65}
.mc-care a {color:inherit}
.mc-care a:focus-visible,.mc-care button:focus-visible,.mc-care select:focus-visible {outline:3px solid #2877c7; outline-offset:4px}
.care-breadcrumb {display:flex; flex-wrap:wrap; gap:10px; margin:0 0 30px; color:#697a8e; font-size:13px}
.care-breadcrumb a:hover {color:#1f5eaa}
.care-layout {display:grid; grid-template-columns:220px minmax(0,1fr); gap:48px; align-items:start}
.care-sidebar {position:sticky; top:126px; max-height:calc(100vh - 146px); overflow:auto; padding-bottom:4px}
.care-sidebar-title {display:block; padding:0 16px 18px; font-size:24px; font-weight:700}
.care-sidebar nav {border-top:2px solid #245b96; border-bottom:1px solid #e0e7ef}
.mc-care .care-category {display:flex; justify-content:space-between; gap:8px; align-items:center; padding:14px 16px; border-bottom:1px solid #edf1f6; font-weight:500; font-size:15px}
.care-category small {color:#738397; font-size:12px}
.mc-care .care-category.selected {background:#edf4fc; color:#1e5fa8; font-weight:700; box-shadow:inset 3px 0 #2563a7}
.care-category:hover {background:#f7f9fc}
.care-siblings {padding:9px 15px 10px 24px; background:#f8fafd}
.care-siblings a {display:block; padding:7px 0; font-size:13px; color:#66778c}
.care-siblings a[aria-current="page"] {color:#205fa6; font-weight:700}
.care-siblings .care-siblings-all {margin-top:4px; font-weight:600; color:#245b96}
.care-phone {display:flex; flex-direction:column; gap:5px; padding:24px 16px; margin-top:20px; background:#f6f8fb; border-radius:6px}
.care-phone small {color:#697a8e; font-size:13px}
.care-phone strong {font-size:22px; color:#23558c; letter-spacing:0}
.care-heading {margin-bottom:30px; border-bottom:0}
.care-heading .care-eyebrow {color:#4476a8; font-size:12px; font-weight:600; letter-spacing:1.1px; margin:0 0 10px}
.care-heading h1 {font-size:36px; font-weight:700; color:#203852; line-height:1.3; margin:0 0 15px; overflow-wrap:anywhere}
.care-heading p {font-size:16px; color:#6a7a8d; word-break:keep-all; overflow-wrap:anywhere}
.care-search {display:flex; gap:8px; padding:16px; background:#f5f8fc; border:1px solid #e7eef6; border-radius:8px; margin-bottom:20px}
.care-search input {width:100%; min-width:0; height:46px; background:#fff; border:1px solid #d7e1ed; border-radius:5px; padding:0 14px; font-size:15px}
.care-search button,.care-mobile-category button {flex-shrink:0; background:#225d9e; color:#fff; padding:0 24px; border:0; border-radius:5px; font-size:15px; font-weight:500}
.care-result-count {font-size:14px; color:#718094; margin-bottom:18px}
.care-result-count strong {font-weight:600; color:#245b96}
.care-result-count a {text-decoration:underline}
.care-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px}
.mc-care .care-card {display:flex; flex-direction:column; align-items:flex-start; padding:26px; border:1px solid #dde5ef; border-radius:10px; min-height:220px; background:#fff; transition:border-color .2s,box-shadow .2s; overflow-wrap:anywhere}
.mc-care .care-card:hover {border-color:#7fadd7; box-shadow:0 6px 20px #193b6110}
.care-card-category {font-size:12px; color:#4877a6; background:#f0f5fa; border-radius:4px; padding:3px 8px; margin-bottom:12px}
.care-card h2 {font-size:23px; font-weight:600; margin:0 0 10px; color:#244461; line-height:1.4}
.care-card p {font-size:14px; color:#748194; line-height:1.7; margin-bottom:22px; word-break:keep-all; overflow-wrap:anywhere}
.care-card-link {display:flex; justify-content:space-between; width:100%; margin-top:auto; font-size:13px; color:#386a9b; font-weight:600}
.care-card-link span {font-size:20px; line-height:1}
.care-pagination {display:flex; justify-content:center; gap:8px; margin-top:32px}
.care-pagination a {padding:7px 15px; border:1px solid #dce5ef; border-radius:4px; font-size:14px}
.care-pagination a[aria-current="page"] {background:#245b96; color:#fff; border-color:#245b96}
.care-empty {padding:50px 20px; text-align:center; background:#f7f9fc; border-radius:8px}
.care-empty h1 {font-size:24px; margin-bottom:16px}
.care-empty a {display:inline-block; margin-top:20px; color:#245b96; text-decoration:underline}
.care-mobile-category {display:none}
.care-body {font-size:16px; line-height:1.9; overflow-wrap:anywhere; color:#3f5063}
.care-body #ctt_con {font-size:inherit; overflow:visible}
.care-body h2,.care-body #ctt_con h2.title {font-size:24px; margin:36px 0 16px; padding:0; line-height:1.45; color:#284765; font-weight:600}
.care-body h3 {font-size:20px; margin:24px 0 12px; font-weight:600}
.care-body p {margin-bottom:18px; word-break:normal}
.care-body ul {list-style:disc; padding-left:24px; margin:16px 0}
.care-body ol {list-style:decimal; padding-left:24px; margin:16px 0}
.care-body img {max-width:100%; height:auto}
.care-body table {display:block; overflow-x:auto; max-width:100%}
.care-body td,.care-body th {padding:12px; border:1px solid #dfe6ef}
.care-body a {text-decoration:underline; color:#215fa5}
.care-body:after {content:""; display:block; clear:both}
.care-article-footer {display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; border-top:1px solid #e0e7ef; margin-top:40px; padding-top:22px; color:#245b96; font-size:14px}
.care-preview {padding:12px 18px; background:#fff6df; color:#735711; margin-bottom:22px; border:1px solid #f1dfa8; border-radius:5px}
@media(max-width:1000px) {
    .care-layout {grid-template-columns:190px minmax(0,1fr); gap:28px}
    .care-page #header .gnb a {color:#fff}
    .care-page #header .depth1 > a[href="/theme/mc/care.php"] {color:#fff}
    .care-card h2 {font-size:21px}
    .mc-care .care-card {padding:21px}
}
@media(max-width:767px) {
    .care-page #contents {padding:106px 0 55px}
    .care-page #header h1 a {background-position:0 -52px}
    .care-layout {display:block}
    .care-sidebar {display:none}
    .care-mobile-category {display:block; padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid #e0e7ef}
    .care-mobile-category label {display:block; margin-bottom:8px; color:#64768c; font-size:13px}
    .care-mobile-category > div {display:flex; gap:8px}
    .care-mobile-category select {width:100%; min-width:0; height:46px; background:#fff; border:1px solid #d7e1ed; border-radius:5px; font-size:15px}
    .care-heading h1 {font-size:29px}
    .care-heading p {font-size:15px}
    .care-grid {gap:12px}
    .care-breadcrumb {font-size:12px; margin-bottom:20px; gap:7px}
    .care-search {padding:10px}
    .care-search button,.care-mobile-category button {padding:0 18px}
    .care-body img.floatr,.care-body img.floatl {float:none; display:block; margin:18px auto; max-width:100%}
}
@media(max-width:480px) {
    .care-grid {grid-template-columns:1fr}
    .mc-care .care-card {min-height:190px}
    .care-search input {font-size:14px; padding:0 10px}
}