/* ELION / connected care. Editorial imagery, readable clinical hierarchy. */
.clinic-renewal { --care-ink:#30271f; --care-muted:#6a5e4f; --care-gold:#816233; --care-line:#d9cdb8; }
.clinic-renewal .care-visual-hero { padding:42px 0 48px!important; background:#f4efe5!important; border-bottom:1px solid var(--care-line); }
.clinic-renewal .care-hero-layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:clamp(30px,5vw,76px); align-items:center; }
.clinic-renewal .care-hero-copy { padding:6px 0; }
.sitemap-editorial-page:has(.care-connections) .sitemap-body { padding-bottom:24px; }
.sitemap-editorial-page:has(.concern-guide) .sitemap-body { padding-top:0; }
.clinic-renewal .care-hero-copy .sitemap-breadcrumb { margin-bottom:35px; font-size:12px; }
.clinic-renewal .care-hero-copy h1 { color:var(--care-ink); font-size:clamp(32px,3.9vw,54px); line-height:1.35; letter-spacing:-.045em; font-weight:500; margin:13px 0 22px; word-break:keep-all; }
.clinic-renewal .care-hero-copy .sitemap-lead { color:var(--care-muted); max-width:540px; font-size:16px; line-height:1.95; margin:0; }
.care-hero-links { display:flex; flex-wrap:wrap; gap:12px 25px; margin-top:25px; }
.care-hero-links a { color:var(--care-ink); font-size:13px; line-height:1.6; border-bottom:1px solid #a78e65; min-height:40px; display:inline-flex; align-items:center; }
.care-studio,.care-surface-figure,.care-process-figure { margin:0; min-width:0; }
.care-studio-stage { display:flex; align-items:center; justify-content:center; gap:8px; background:#fff; min-height:295px; padding:25px; border:1px solid #e6ddcf; }
.care-studio-stage>div { flex:1; min-width:0; display:flex; justify-content:center; }
.care-studio img { width:100%; height:250px; object-fit:contain; mix-blend-mode:multiply; }
.care-studio-1 img { max-width:360px; }
.care-studio figcaption,.care-surface-figure figcaption { display:flex; flex-wrap:wrap; gap:6px 16px; justify-content:space-between; align-items:center; padding:13px 0 0; color:var(--care-ink); font-size:12px; line-height:1.7; }
.care-studio figcaption small,.care-surface-figure figcaption small { color:var(--care-muted); font-size:10px; }
.care-surface-figure>img { width:100%; aspect-ratio:1.5; height:auto; object-fit:cover; display:block; }
.care-process-figure { background:#fcfaf6; border:1px solid #d9cdb8; padding:15px 24px 24px; }
.care-process-drawing svg { width:100%; height:auto; display:block; }
.care-process-figure ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; gap:12px; padding:0; margin:0; }
.care-process-figure li { text-align:center; min-width:0; }
.care-process-figure li span { display:block; font:11px/1.7 var(--sans); color:var(--care-gold); margin:0 0 7px; }
.care-process-figure li strong { display:block; font:500 13px/1.7 var(--sans); color:var(--care-ink); word-break:keep-all; }
.care-process-figure figcaption { border-top:1px solid var(--care-line); margin-top:22px; padding-top:15px; text-align:center; color:var(--care-muted); font-size:11px; }
.care-guide-directory { display:grid; grid-template-columns:.8fr 1.8fr; gap:50px; padding:45px 0; border-bottom:1px solid var(--care-line); }
.care-editorial-heading .eyebrow { color:var(--care-gold); font:500 10px/1.8 var(--sans); letter-spacing:.14em; margin:0 0 18px; }
.clinic-renewal .care-editorial-heading h2 { color:var(--care-ink); font:500 clamp(23px,2.2vw,30px)/1.55 var(--sans); letter-spacing:-.045em; margin:0; }
.care-directory-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
.care-directory-columns .care-overline { color:var(--care-gold); font:10px/1.8 var(--sans); letter-spacing:.15em; margin:0 0 5px; }
.care-directory-columns h3 { font:500 16px/1.6 var(--sans); margin:0 0 18px; color:var(--care-ink); }
.care-directory-columns ul { list-style:none; padding:0; margin:0; border-top:1px solid var(--care-line); }
.care-directory-columns a { display:flex; align-items:center; gap:12px; padding:13px 0; border-bottom:1px solid var(--care-line); font:14px/1.7 var(--sans); color:var(--care-ink); }
.care-directory-columns a small { font-size:10px; color:var(--care-gold); }
.care-directory-columns a i { font:18px/1 var(--sans); margin-left:auto; color:var(--care-gold); }
.care-directory-columns a:hover { color:var(--care-gold); }
.care-card-media { display:flex; align-items:center; justify-content:center; align-self:stretch; height:160px; background:#f6f3ed; margin:-25px -25px 24px; padding:15px; border-bottom:1px solid #e5dac9; }
.care-card-media img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.care-card-texture { padding:0; }
.care-card-texture img { object-fit:cover; mix-blend-mode:normal; }
.care-equipment-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:32px 0; border-bottom:1px solid var(--care-line); }
.care-equipment-gallery a { color:var(--care-ink); min-width:0; }
.care-equipment-gallery a>div { background:#fff; border:1px solid #e4dacb; padding:18px; height:190px; display:flex; align-items:center; justify-content:center; }
.care-equipment-gallery img { height:100%; width:100%; object-fit:contain; }
.care-equipment-gallery strong { display:block; font:500 16px/1.7 var(--sans); margin-top:12px; }
.care-equipment-gallery span { display:block; color:var(--care-gold); font:12px/1.7 var(--sans); margin-top:4px; }
.total-skin-guide-link { display:inline-flex;align-items:center;gap:20px;min-height:44px;color:var(--care-gold);font-size:13px;margin-top:12px;border-bottom:1px solid #b49a70; }
.pigment-device-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:28px; }
.sitemap-breadcrumb { flex-wrap:wrap;gap:10px 18px; }
.sitemap-breadcrumb .category-parent { display:inline-flex;align-items:center;gap:18px;min-height:24px; }
.sitemap-breadcrumb .category-parent::after { content:'›';color:#80683d;font-size:17px; }
.pigment-device-card { display:flex; flex-direction:column; min-width:0; border:1px solid #ddd1bd; background:#fff; color:#30291f; transition:border-color .18s ease; }
.pigment-device-card:hover { border-color:#846735; }
.pigment-device-card:focus-visible { outline:2px solid #846735; outline-offset:4px; }
.pigment-device-image { height:205px; padding:22px; background:#faf8f3; border-bottom:1px solid #e8dfd0; }
.pigment-device-image img { width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply; }
.pigment-device-copy { padding:20px 22px; }
.clinic-renewal .pigment-device-copy p { margin:0 0 7px;font:12px/1.7 var(--sans);color:#775f38; }
.clinic-renewal .pigment-device-copy h3 { margin:0 0 14px;font:500 19px/1.5 var(--sans);color:#30291f; }
.pigment-device-copy>span { display:flex;justify-content:space-between;align-items:center;font:12px/1.7 var(--sans);color:#615340; }
.pigment-device-copy i { font:22px/1 var(--sans); }
@media(max-width:700px){.pigment-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pigment-device-image{height:155px;padding:16px}.pigment-device-copy{padding:15px}.clinic-renewal .pigment-device-copy h3{font-size:16px}.clinic-renewal .pigment-device-copy p{font-size:11px}}
@media(max-width:380px){.pigment-device-grid{grid-template-columns:1fr}.pigment-device-card{flex-direction:row}.pigment-device-image{width:40%;height:150px;border-bottom:0;border-right:1px solid #e8dfd0}.pigment-device-copy{flex:1;align-self:center}}
.clinic-renewal .concern-guide { color:var(--care-ink); }
.clinic-renewal .concern-guide :is(h2,h3,h4) { font-family:var(--sans); font-weight:500; color:var(--care-ink); letter-spacing:-.03em; }
.clinic-renewal .concern-guide h2 { font-size:clamp(24px,2.6vw,32px); line-height:1.45; margin:0 0 22px; }
.clinic-renewal .concern-guide h3 { font-size:19px; line-height:1.6; margin:0 0 12px; }
.clinic-renewal .concern-guide :is(p,li) { color:var(--care-muted); font-size:15px; line-height:1.9; word-break:keep-all; overflow-wrap:anywhere; }
.concern-answer { padding:30px; border-left:2px solid #a48652; background:#f2ecdf; margin:28px 0; }
.concern-section { padding:35px 0; border-bottom:1px solid var(--care-line); }
.concern-section .eyebrow,.concern-answer .eyebrow { color:var(--care-gold); font-size:10px; letter-spacing:.14em; }
.concern-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.concern-card { padding:24px; border:1px solid var(--care-line); background:#fff; min-width:0; }
.concern-card p:last-child { margin-bottom:0; }
.concern-device-links { display:flex; flex-wrap:wrap; gap:12px 22px; }
.concern-device-links a { display:inline-flex; align-items:center; gap:12px; min-height:44px; border-bottom:1px solid #b39b74; color:var(--care-gold); font-size:14px; line-height:1.7; }
.concern-jump { display:flex;flex-wrap:wrap;gap:8px 26px;padding:16px 0;border-bottom:1px solid var(--care-line); }
.concern-jump a { color:var(--care-ink);font-size:13px;display:inline-flex;align-items:center;min-height:40px; }
.concern-number { font:11px/1.6 var(--sans);color:var(--care-gold);display:block;margin-bottom:14px; }
.concern-heading { max-width:900px;margin-bottom:22px; }
.concern-recovery { max-width:900px; }
.concern-answer p { margin:0; }
.concern-faq details { border-bottom:1px solid var(--care-line); padding:0; }
.concern-faq summary { cursor:pointer; color:var(--care-ink); font:500 16px/1.65 var(--sans); padding:21px 34px 21px 0; position:relative; list-style:none; }
.concern-faq summary::-webkit-details-marker { display:none; }
.concern-faq summary::after { content:'+'; position:absolute; right:3px; color:var(--care-gold); }
.concern-faq details[open] summary::after { content:'−'; }
.concern-faq details p { padding:0 35px 18px 0; margin:0; max-width:900px; }
.care-connections { background:#f1eadf; border-block:1px solid #d7c9b1; margin:28px 0 0; padding:38px 0; color:var(--care-ink); }
.care-connections>.container { width:min(1180px,calc(100% - 64px)); margin-inline:auto; }
.care-connections :is(h2,h3) { color:var(--care-ink); font-family:var(--sans); font-weight:500; }
.care-connections h2 { font-size:26px; line-height:1.45; margin:5px 0 20px; }
.care-connections p { color:var(--care-muted); font:14px/1.85 var(--sans); }
.care-connections .eyebrow { color:var(--care-gold); font-size:10px; letter-spacing:.14em; }
.care-connections a { color:var(--care-ink); font-size:15px; line-height:1.65; min-height:44px; }
.care-connections a:hover { color:var(--care-gold); }
.care-connections-context { margin-bottom:22px; }
.care-connections-context a { display:inline-flex;align-items:center;gap:8px;font-size:12px; }
.care-connections-heading { display:flex;align-items:center;justify-content:space-between;gap:20px; }
.care-connections-heading h2 { margin:0 0 22px; }
.care-connections-contact { display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid #a78d61;margin-bottom:22px;font-size:13px!important; }
.care-connections-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px; }
.care-connection { border-top:1px solid #ac946d;padding:18px 0 0;min-width:0; }
.care-connections .care-connection-kicker { font-size:10px;margin:0 0 8px;color:var(--care-gold); }
.care-connection h3 { margin:0;font-size:17px;line-height:1.55; }
.care-connection h3 a { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.care-connection h3 a span { font-size:19px;color:var(--care-gold);font-weight:400; }
.clinic-renewal :is(.care-hero-links,.care-guide-directory,.care-connections,.concern-guide,.care-equipment-gallery) a:focus-visible,.concern-faq summary:focus-visible { outline:2px solid #816233; outline-offset:4px; }
.clinic-renewal :is(.concern-section,.care-guide-directory,.care-connections)[id] { scroll-margin-top:110px; }
@media(max-width:1050px){.care-guide-directory{grid-template-columns:1fr;gap:26px}.clinic-renewal .care-hero-layout{gap:30px}.care-studio-stage{min-height:245px;padding:18px}.care-studio img{height:210px}.concern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.care-card-media{margin:-22px -22px 20px}}
@media(max-width:700px){.clinic-renewal .care-hero-layout{grid-template-columns:1fr;gap:28px}.clinic-renewal .care-visual-hero{padding:25px 0 32px!important}.clinic-renewal .care-hero-copy .sitemap-breadcrumb{margin-bottom:22px}.clinic-renewal .care-hero-copy .sitemap-lead{font-size:15px}.care-studio-stage{min-height:220px}.care-studio img{height:190px}.care-surface-figure>img{max-height:260px}.care-guide-directory{padding:32px 0}.care-directory-columns{gap:20px}.care-directory-columns h3{font-size:15px}.care-directory-columns a{font-size:13px}.care-equipment-gallery{gap:12px}.care-equipment-gallery a>div{height:140px;padding:12px}.care-equipment-gallery strong{font-size:14px}.care-equipment-gallery span{font-size:11px}.concern-grid{grid-template-columns:1fr}.concern-section{padding:28px 0}.concern-answer{padding:23px;margin:22px 0}.concern-card{padding:22px}.care-connections{padding:28px 0}.care-connections>.container{width:calc(100% - 36px)}}
@media(max-width:400px){.care-directory-columns{grid-template-columns:1fr;gap:25px}.care-equipment-gallery{gap:8px}.care-equipment-gallery a>div{height:115px;padding:8px}.care-process-figure{padding:12px 16px 20px}.care-process-figure li strong{font-size:12px}}
@media(max-width:800px){.care-connections-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.care-connections-heading{align-items:flex-start;flex-direction:column;gap:0}.care-connections-heading h2{margin-bottom:10px}}