/* CATNARA Care Center layout alignment · 2026-11-06
 * Applied AFTER the existing PC/PWA care styles without replacing the site theme.
 * Keeps the native bottom PWA menu, scrolling and admin CMS unchanged. */
.care-spa-page>.care-spa-content{
 box-sizing:border-box;width:100%;min-width:0;
 padding-inline:clamp(12px,1.6vw,22px);
}
.care-spa-page .care-spa-content>section:not(.care-hero)>h2{
 padding-inline:0;line-height:1.45;
}
.care-spa-page .care-spa-content .care-guide-grid,
.care-spa-page .care-spa-content .care-reading{
 width:100%;min-width:0;max-width:100%;
}
.care-spa-page .care-reading article,
#care-main .care-reading article{min-width:0;overflow-wrap:anywhere}
.care-spa-page .care-breadcrumb,#care-main .care-breadcrumb{
 display:block;margin:8px 0 18px;padding:8px 0;
 font-size:15px;line-height:1.65;font-weight:650;
 color:var(--text,#493c40);overflow-wrap:anywhere;
}
.care-spa-page .care-breadcrumb a,#care-main .care-breadcrumb a{
 color:var(--care-accent,#8d6375);text-decoration:none;
 text-underline-offset:3px;
}
.care-spa-page .care-breadcrumb a:hover,#care-main .care-breadcrumb a:hover{
 text-decoration:underline;
}
.care-categories a{gap:7px;white-space:normal;min-width:0}
.care-categories .care-category-count{
 display:inline-flex;align-items:center;justify-content:center;
 box-sizing:border-box;min-width:23px;min-height:22px;
 padding:2px 6px;border-radius:999px;
 font-size:12px;line-height:1.3;font-weight:800;font-variant-numeric:tabular-nums;
 color:var(--care-accent,#8d6375);background:var(--care-tint,#f5ebea);
}
.care-categories a[aria-current] .care-category-count{
 color:#fff;background:var(--care-accent,#8d6375);
}
.care-spa-page .care-guide-card,.care-spa-page .care-guide-grid{
 box-sizing:border-box;max-width:100%;
}
.care-spa-page .care-guide-card{overflow:hidden}
@media(max-width:820px){
 .care-spa-page>.care-spa-content{padding-inline:16px}
 .care-spa-page .care-article-head h1,
 #care-main .care-article-head h1{
  font-size:clamp(21px,5.4vw,26px);
  line-height:1.43;letter-spacing:-.035em;
  overflow-wrap:anywhere;word-break:keep-all;
  margin:12px 0 18px;
 }
 .care-spa-page .care-summary,#care-main .care-summary{
  font-size:15px;line-height:1.8;color:var(--text,#494045);
 }
 .care-spa-page .care-prose,#care-main .care-prose{
  font-size:15px;line-height:1.9;color:var(--text,#383235);
  max-width:100%;overflow-wrap:anywhere;
 }
 .care-spa-page .care-guide-card>div{padding:19px 18px}
 .care-spa-page .care-guide-card h3{
  font-size:16px;line-height:1.5;overflow-wrap:anywhere;word-break:keep-all;
 }
 .care-spa-page .care-breadcrumb,#care-main .care-breadcrumb{
  font-size:15px;line-height:1.6;margin:7px 0 15px;
 }
 .care-categories a{font-size:13px;gap:6px}
 .care-categories .care-category-count{font-size:11px;min-width:21px;min-height:21px}
}


/* Reader focus: retain the existing article title on the site background.
   Only the article body becomes a calm, high-contrast white reading card. */
#care-main .care-article-body,
.care-spa-page .care-article-body{
 box-sizing:border-box;min-width:0;width:100%;
 margin:24px 0 14px;padding:28px clamp(20px,3.2vw,36px);
 background:#fff;border:1px solid #e8e2dd;border-radius:18px;
 box-shadow:0 2px 15px rgba(45,36,30,.035);
 color:#393338;
 font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Noto Sans KR',sans-serif;
 overflow-wrap:anywhere;
}
#care-main .care-article-body .care-prose,
.care-spa-page .care-article-body .care-prose{
 color:#393338;font-size:16px;line-height:1.9;
}
#care-main .care-article-body .care-prose p,
.care-spa-page .care-article-body .care-prose p{
 color:#393338;
}
#care-main .care-article-body :is(h2,h3),
.care-spa-page .care-article-body :is(h2,h3){color:#292529}
#care-main .care-summary,
.care-spa-page .care-summary{color:#51494c}
#care-main .care-meta,
.care-spa-page .care-meta{color:#655d60}

/* The category title and its return link share one visual row on direct pages
   and also when rendered inside CATNARA's own PC/PWA hero component. */
.care-hero-heading,.care-shared-hero-row{
 display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
 min-width:0;
}
.care-hero-heading>h1{min-width:0;flex:1;margin-top:12px}
.care-shared-hero-row>:first-child{flex:1;min-width:0}
.care-back-to-hub{
 display:inline-flex;align-items:center;justify-content:center;
 align-self:flex-start;min-height:40px;
 padding:8px 12px;flex:none;
 border:1px solid var(--care-accent,#a17d76);border-radius:11px;
 background:#fff;color:var(--care-accent,#755b55);
 text-decoration:none;font-size:13px;font-weight:750;line-height:1.4;
 white-space:nowrap;
}
.care-back-to-hub:focus-visible,.care-pagination a:focus-visible{
 outline:3px solid var(--care-accent,#a17d76);outline-offset:2px;
}
.care-back-to-hub:hover{background:var(--care-tint,#faf2ef)}
.care-shared-hero-row>.care-back-to-hub{margin-top:18px}
.care-pagination{
 display:flex;justify-content:center;align-items:center;flex-wrap:wrap;
 gap:8px;margin:26px 0 32px;min-width:0;
}
.care-pagination a,.care-pagination .care-page-ellipsis{
 box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
 min-width:44px;height:44px;padding:6px 11px;
 border:1px solid #e2d8d3;border-radius:12px;
 background:#fff;color:#5f4d51;text-decoration:none;
 font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;
}
.care-pagination a[aria-current="page"]{
 color:#fff;background:var(--care-accent,#906f68);border-color:var(--care-accent,#906f68);
}
.care-pagination .care-page-ellipsis{border-color:transparent;background:transparent;min-width:23px;padding:0}

@media(max-width:820px){
 #care-main .care-article-body,
 .care-spa-page .care-article-body{
  margin:19px 0 12px;padding:21px 17px 23px;border-radius:16px;
 }
 #care-main .care-article-body .care-prose,
 .care-spa-page .care-article-body .care-prose{
  color:#393338;font-size:15.5px;line-height:1.88;
 }
 .care-hero-heading,.care-shared-hero-row{gap:8px;align-items:flex-start}
 .care-hero-heading>h1{font-size:clamp(23px,5.6vw,28px);line-height:1.35;margin:8px 0 12px}
 .care-back-to-hub{min-height:38px;padding:8px 9px;font-size:12px;white-space:normal;text-align:center;max-width:132px}
 .care-shared-hero-row>.care-back-to-hub{margin-top:10px}
 .care-pagination{gap:6px;margin:24px 0 32px}
 .care-pagination a{min-width:40px;height:42px}
}


/* Care library V3: a simple linked breadcrumb above the shared page hero. */
#care-main .care-hub-trail,
.care-spa-page .care-hub-trail{
 display:block;box-sizing:border-box;width:100%;margin:0 0 14px;
 padding:4px 7px;font-size:14px;font-weight:650;
 line-height:1.65;color:#655359;overflow-wrap:anywhere;
}
#care-main .care-hub-trail a,
.care-spa-page .care-hub-trail a{
 color:#624852;text-decoration:none;text-underline-offset:3px;
}
#care-main .care-hub-trail a:hover,
.care-spa-page .care-hub-trail a:hover{text-decoration:underline}
#care-main .care-hub-trail [aria-current=page],
.care-spa-page .care-hub-trail [aria-current=page]{font-weight:750;color:#3f3338}
#care-main .care-hub-trail span,
.care-spa-page .care-hub-trail span{margin:0 5px;color:#a69aa0}

/* All AI-generated article prose AND its summary and reviewer sit inside one
   white, readable card. The article H1 remains outside and unchanged. */
#care-main .care-article-body,
.care-spa-page .care-article-body{
 background:#fff!important;
 color:#373238!important;
 opacity:1;
}
#care-main .care-article-body .care-article-lead,
.care-spa-page .care-article-body .care-article-lead{
 margin:0 0 18px;padding:0 0 16px;border-bottom:1px solid #efe8e5;
}
#care-main .care-article-body .care-summary,
.care-spa-page .care-article-body .care-summary{
 margin:0 0 12px;color:#383236!important;opacity:1;
 font-size:16px;line-height:1.78;font-weight:450;word-break:keep-all;
}
#care-main .care-article-body .care-meta,
.care-spa-page .care-article-body .care-meta{
 margin:8px 0 0;color:#625960!important;opacity:1;
 font-size:13px;line-height:1.75;
}
#care-main .care-article-body .care-prose,
.care-spa-page .care-article-body .care-prose,
#care-main .care-article-body .care-prose p,
.care-spa-page .care-article-body .care-prose p,
#care-main .care-article-body .care-prose li,
.care-spa-page .care-article-body .care-prose li{
 color:#373238!important;opacity:1;font-weight:450;
}
@media(max-width:820px){
 #care-main .care-hub-trail,.care-spa-page .care-hub-trail{
  font-size:13px;line-height:1.55;padding:2px 4px;margin:2px 0 10px
 }
 #care-main .care-article-body .care-summary,
 .care-spa-page .care-article-body .care-summary{font-size:15px;line-height:1.78}
 #care-main .care-article-body .care-prose,
 .care-spa-page .care-article-body .care-prose{font-size:15px;line-height:1.86}
}

/* Public care detail V4: independent AI overview, theme-native byline, full article. */
#care-main :is(.care-breadcrumb,.care-hub-trail),
.care-spa-page :is(.care-breadcrumb,.care-hub-trail){
 display:flex;flex-wrap:wrap;align-items:center;gap:7px;
 box-sizing:border-box;width:100%;padding:6px 0;margin:5px 0 20px;
}
#care-main :is(.care-breadcrumb,.care-hub-trail) :is(.care-trail-home,.care-trail-category),
.care-spa-page :is(.care-breadcrumb,.care-hub-trail) :is(.care-trail-home,.care-trail-category){
 display:inline-flex;align-items:center;max-width:100%;min-height:34px;
 padding:5px 12px;border:1px solid transparent;border-radius:10px;
 font-weight:750;line-height:1.5;text-decoration:none;white-space:normal;word-break:keep-all;
}
#care-main :is(.care-breadcrumb,.care-hub-trail) .care-trail-home,
.care-spa-page :is(.care-breadcrumb,.care-hub-trail) .care-trail-home{
 color:var(--care-accent,#8d6375);
 background:color-mix(in srgb,var(--care-accent,#8d6375) 10%,white);
 border-color:color-mix(in srgb,var(--care-accent,#8d6375) 19%,white);
}
#care-main :is(.care-breadcrumb,.care-hub-trail) .care-trail-category,
.care-spa-page :is(.care-breadcrumb,.care-hub-trail) .care-trail-category{
 color:color-mix(in srgb,var(--care-accent,#8d6375) 62%,#252029);
 background:color-mix(in srgb,var(--care-accent,#8d6375) 23%,white);
 border-color:color-mix(in srgb,var(--care-accent,#8d6375) 34%,white);
}
#care-main :is(.care-breadcrumb,.care-hub-trail) .care-trail-divider,
.care-spa-page :is(.care-breadcrumb,.care-hub-trail) .care-trail-divider{
 margin:0 1px;color:var(--text,#63565a);opacity:.55;
}
#care-main :is(.care-breadcrumb,.care-hub-trail) a:hover,
.care-spa-page :is(.care-breadcrumb,.care-hub-trail) a:hover{
 text-decoration:underline;text-underline-offset:3px;
}
#care-main .care-article-answer,.care-spa-page .care-article-answer{
 box-sizing:border-box;width:100%;min-width:0;
 margin:22px 0 0;padding:24px clamp(20px,3vw,32px);
 background:#fff!important;color:#373238;
 border:1px solid #e8e2dd;border-left:3px solid var(--care-accent,#9b705d);
 border-radius:15px;box-shadow:0 2px 12px rgba(45,36,30,.04);
 overflow-wrap:anywhere;
}
#care-main .care-article-answer h2,.care-spa-page .care-article-answer h2{
 margin:0 0 12px;font-size:17px;line-height:1.5;
 color:color-mix(in srgb,var(--care-accent,#8d6375) 60%,#252029);
}
#care-main .care-article-answer .care-summary,.care-spa-page .care-article-answer .care-summary{
 margin:0!important;color:#373238!important;opacity:1;
 line-height:1.85;font-size:15.5px;font-weight:450;word-break:keep-all;
}
#care-main .care-article-attribution,.care-spa-page .care-article-attribution{
 box-sizing:border-box;margin:0;padding:16px 5px 18px;
 background:transparent!important;border:0;box-shadow:none;
 color:var(--text,#493c40);
}
#care-main .care-article-attribution .care-meta,.care-spa-page .care-article-attribution .care-meta{
 margin:0;color:var(--text,#544a4d)!important;
 font-size:13.5px;line-height:1.85;font-weight:550;opacity:.9;
}
#care-main .care-article-attribution + .care-article-body,
.care-spa-page .care-article-attribution + .care-article-body{
 margin-top:0;box-shadow:0 3px 16px rgba(45,36,30,.045);
}
@media(max-width:820px){
 #care-main :is(.care-breadcrumb,.care-hub-trail),
 .care-spa-page :is(.care-breadcrumb,.care-hub-trail){gap:5px;margin:5px 0 16px}
 #care-main :is(.care-breadcrumb,.care-hub-trail) :is(.care-trail-home,.care-trail-category),
 .care-spa-page :is(.care-breadcrumb,.care-hub-trail) :is(.care-trail-home,.care-trail-category){
  min-height:32px;padding:6px 9px;font-size:12.5px;
 }
 #care-main .care-article-answer,.care-spa-page .care-article-answer{
  margin:17px 0 0;padding:20px 17px;border-radius:14px;
 }
 #care-main .care-article-attribution,.care-spa-page .care-article-attribution{
  padding:14px 3px 17px;
 }
}

/* Care CMS list controls: scoped to the existing admin tab, responsive on narrow PWA. */
#care-admin-body .care-admin-filter-bar,#care-admin-body .care-admin-bulk-actions{
 display:flex;flex-wrap:wrap;align-items:center;gap:9px;
}
#care-admin-body .care-admin-filter-bar label{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
#care-admin-body .care-admin-filter-bar select,#care-admin-body .care-admin-filter-bar input{min-height:40px;max-width:100%;padding:7px 9px;border:1px solid #dbd0ca;border-radius:9px;background:#fff}
#care-admin-body .care-admin-bulk-actions{margin-block:18px 6px}
#care-admin-body .care-admin-list-note{display:block;line-height:1.55;color:var(--text-muted,#73666b)}
#care-admin-body .care-admin-guide-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
#care-admin-body .care-admin-guide-text{flex:1 1 200px;min-width:0;overflow-wrap:anywhere}
#care-admin-body .care-admin-guide-check{display:flex;align-items:center;min-width:25px;min-height:44px}
#care-admin-body .care-admin-guide-check input{width:18px;height:18px;accent-color:var(--care-accent,#916071)}
#care-admin-body .care-admin-guide-buttons{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
#care-admin-body .care-admin-guide-buttons button{min-height:40px;white-space:normal}
#care-admin-body [data-care-delete-guide],#care-admin-body [data-care-delete-selected],#care-admin-body [data-care-delete-all]{
 border-color:#d4a2a2;color:#8b2830;background:#fff7f7;
}
#care-admin-body [data-care-delete-guide]:disabled,#care-admin-body [data-care-delete-selected]:disabled,#care-admin-body [data-care-delete-all]:disabled{opacity:.45}
@media(max-width:600px){
 #care-admin-body .care-admin-guide-row{align-items:flex-start;gap:8px;padding:15px 0}
 #care-admin-body .care-admin-guide-buttons{width:100%;padding-left:30px}
 #care-admin-body .care-admin-filter-bar label{flex:1 1 145px}
 #care-admin-body #care-admin-query{min-width:0}
}

/* CATNARA care detail V6: suppress retired article-local language bars.
   Only the existing site header KR/EN/JP/CN/RU/TH controls the locale. */
#care-main .care-reading .care-article-language-choices,
.care-spa-page .care-spa-content .care-reading .care-article-language-choices,
#care-main .care-reading .care-translation-fallback,
.care-spa-page .care-spa-content .care-reading .care-translation-fallback,
#care-main .care-reading .care-language-tabs,
.care-spa-page .care-spa-content .care-reading .care-language-tabs{
 display:none!important;
}
/* Detail H1, not knowledge hub, article cards or CMS headings. */
#care-main .care-reading .care-article-head h1,
.care-spa-page .care-spa-content .care-reading .care-article-head h1{
 font-size:clamp(20px,2.2vw,27px)!important;
 font-weight:600!important;
 line-height:1.5!important;
 letter-spacing:-.025em;
 max-width:38ch;
 overflow-wrap:anywhere;
 word-break:keep-all;
 text-wrap:pretty;
 margin:8px 0 16px!important;
}
@media(max-width:820px){
 #care-main .care-reading .care-article-head h1,
 .care-spa-page .care-spa-content .care-reading .care-article-head h1{
  font-size:clamp(19px,4.6vw,23px)!important;
  font-weight:600!important;
  line-height:1.48!important;
  letter-spacing:-.02em;
  max-width:100%;
  margin:7px 0 13px!important;
 }
}
/* Care Article V7: force a readable compact title only on detailed articles. */
#care-main .care-reading .care-article-head h1[data-care-article-title],
.care-spa-page .care-spa-content .care-reading .care-article-head h1[data-care-article-title]{
 font-family:Noto Serif KR,Noto Serif CJK KR,Nanum Myeongjo,AppleMyungjo,Batang,Georgia,serif!important;
 font-size:clamp(19px,4.6vw,25px)!important;
 font-weight:500!important;
 line-height:1.48!important;
 letter-spacing:-.02em;
 max-width:38ch;
 overflow-wrap:anywhere;
 word-break:keep-all;
 margin:8px 0 14px!important;
}

/* Care Library: compact text-height native menu hero; scoped to this page
   so existing CATNARA headers, other menu pages, and bottom nav stay unchanged. */
html[data-site-theme] #app .care-spa-page > [data-care-fixed-top] > .page-hero{
  margin-top:10px;
  padding:22px clamp(18px,3vw,32px) 18px;
}
html[data-site-theme] #app .care-spa-page > [data-care-fixed-top] > .page-hero h1{
  margin:7px 0 6px;
  font-size:clamp(26px,2.6vw,34px)!important;
  line-height:1.3;
}
html[data-site-theme] #app .care-spa-page > [data-care-fixed-top] > .page-hero .kicker{
  font-size:11px;
}
html[data-site-theme] #app .care-spa-page > [data-care-fixed-top] > .page-hero .lead{
  margin:0;
  font-size:14px;
  line-height:1.6;
}
#app .care-spa-page > [data-care-fixed-top] > .impact-page-hero{
  min-height:0;
  padding-block:26px 22px;
}
#app .care-spa-page > [data-care-fixed-top] > .impact-page-hero h1{
  margin:8px 0 6px;
  font-size:clamp(26px,2.6vw,34px)!important;
  line-height:1.3;
}
#app .care-spa-page > [data-care-fixed-top] > .impact-page-hero .impact-page-line{
  height:86px;
}
#app .care-spa-page > [data-care-fixed-top] > .editorial-page-hero
 :is(.editorial-page-kicker,.editorial-page-title,.editorial-page-desc){
  padding-block:21px;
}
#app .care-spa-page > [data-care-fixed-top] > .editorial-page-hero .editorial-page-title h1{
  margin:6px 0;
  font-size:clamp(26px,2.6vw,34px)!important;
}
#app .care-spa-page > [data-care-fixed-top] > .editorial-page-hero .editorial-page-desc span{
  margin-top:12px;
}
#app .care-spa-page > [data-care-fixed-top] > .minimal-page-hero{
  padding-block:25px 21px;
}
#app .care-spa-page > [data-care-fixed-top] > .minimal-page-hero h1{
  margin:7px 0;
  font-size:clamp(26px,2.6vw,34px)!important;
}
#app .care-spa-page > [data-care-fixed-top] > .cat-page-hero{
  min-height:0;
}
#app .care-spa-page > [data-care-fixed-top] > .cat-page-hero .cat-page-copy{
  padding-block:22px 18px;
}
#app .care-spa-page > [data-care-fixed-top] > .cat-page-hero h1{
  margin:7px 0 6px;
  font-size:clamp(26px,2.6vw,34px)!important;
}
#app .care-spa-page > [data-care-fixed-top] > :is(.impact-page-hero,.editorial-page-hero,.minimal-page-hero,.cat-page-hero) p{
  font-size:14px;
  line-height:1.6;
}
#app .care-spa-page > [data-care-fixed-top] .care-category-dropdown>summary{
  font-size:14px;
}
#app .care-spa-page > [data-care-fixed-top] .care-categories a{
  font-size:13px;
}
@media(max-width:820px){
  html[data-site-theme] #app .care-spa-page > [data-care-fixed-top] > .page-hero{
    margin-top:6px;
    padding:16px 16px 14px;
  }
  html[data-site-theme] #app .care-spa-page > [data-care-fixed-top] > .page-hero h1{
    font-size:clamp(21px,4.8vw,24px)!important;
    margin:5px 0 5px;
  }
  html[data-site-theme] #app .care-spa-page > [data-care-fixed-top] > .page-hero .lead{
    font-size:13px;
    line-height:1.5;
  }
  #app .care-spa-page > [data-care-fixed-top] > .impact-page-hero{
    padding-block:18px 16px;
    gap:14px;
  }
  #app .care-spa-page > [data-care-fixed-top] > .editorial-page-hero
    :is(.editorial-page-kicker,.editorial-page-title,.editorial-page-desc){
    padding-block:15px;
  }
  #app .care-spa-page > [data-care-fixed-top] > .minimal-page-hero{
    padding-block:18px 15px;
  }
  #app .care-spa-page > [data-care-fixed-top] > .cat-page-hero .cat-page-copy{
    padding-block:18px 15px;
  }
  #app .care-spa-page > [data-care-fixed-top] > :is(.impact-page-hero,.editorial-page-hero,.minimal-page-hero,.cat-page-hero) h1{
    font-size:clamp(21px,4.8vw,24px)!important;
  }
  #app .care-spa-page > [data-care-fixed-top] > :is(.impact-page-hero,.editorial-page-hero,.minimal-page-hero,.cat-page-hero) p{
    font-size:13px;
    line-height:1.5;
  }
}

/* Care Library: keep the search/category card the SAME horizontal inset as
   the title card. This only targets the PWA/shared-template fixed masthead. */
#app .care-spa-page > [data-care-fixed-top] > .care-search-top.care-discovery{
  box-sizing:border-box;
  width:min(calc(100% - 36px),var(--clean-max,100%));
  max-width:100%;
  margin:10px auto 24px;
}
/* Both headings use the exact same fluid sizing as the library's h1.
   Local !important is needed against the shared mobile h2 size rule. */
#app .care-spa-page .care-spa-content .care-ai-panel > h2,
#app .care-spa-page .care-spa-content .care-recent-single[data-care-recent] > h2,
#care-main .care-ai-panel > h2,
#care-main .care-recent-single[data-care-recent] > h2{
  font-size:clamp(26px,2.6vw,34px)!important;
  line-height:1.3!important;
  letter-spacing:-.04em;
}
@media(max-width:820px){
  #app .care-spa-page > [data-care-fixed-top] > .care-search-top.care-discovery{
    width:calc(100% - 20px);
    margin:7px auto 20px;
  }
  html[data-mobile-site="enabled"] #app .care-spa-page .care-spa-content .care-ai-panel > h2,
  html[data-mobile-site="enabled"] #app .care-spa-page .care-spa-content .care-recent-single[data-care-recent] > h2,
  #care-main .care-ai-panel > h2,
  #care-main .care-recent-single[data-care-recent] > h2{
    font-size:clamp(21px,4.8vw,24px)!important;
    line-height:1.3!important;
  }
}

/* Article pages only: show the linked category trail between the native hero and search. */
#app .care-spa-page > [data-care-fixed-top] > [data-care-article-trail]:not([hidden]){
 box-sizing:border-box;width:min(calc(100% - 36px),var(--clean-max,100%));
 max-width:100%;margin:8px auto 0;
}
#app .care-spa-page > [data-care-fixed-top] > [data-care-article-trail] > .care-breadcrumb{
 margin:0 0 6px;padding:0;
}
@media(max-width:820px){
 #app .care-spa-page > [data-care-fixed-top] > [data-care-article-trail]:not([hidden]){
  width:calc(100% - 20px);margin-top:7px;
 }
 #app .care-spa-page > [data-care-fixed-top] > [data-care-article-trail] > .care-breadcrumb{
  margin-bottom:3px;
 }
}