/* AI knowledge research section in existing Care Center template, no new PWA shell. */
.care-ai-workspace{margin:20px 0 40px;min-width:0;max-width:100%;box-sizing:border-box}
.care-ai-workspace>.care-ai-panel{margin:0}
.care-ai-panel{background:var(--care-tint,#fff8f7);border:1px solid var(--st-line,#e8dfdb);border-radius:20px;padding:24px;margin:20px 0 32px;min-width:0;box-sizing:border-box}
.care-ai-panel>h2{margin:0 0 10px!important;padding:0!important;font-size:clamp(20px,3vw,27px);line-height:1.4}
.care-ai-panel>p{margin:8px 0 16px;line-height:1.65;font-size:14px;color:var(--st-muted,#61565b)}
.care-ai-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.care-ai-form textarea{min-width:0;width:100%;min-height:104px;resize:vertical;box-sizing:border-box;padding:14px 15px;border:1px solid #d8cac5;border-radius:13px;background:#fff;color:#302a2d;font:inherit;line-height:1.5}
.care-ai-form button{min-height:48px;cursor:pointer;border:0;border-radius:13px;padding:13px 16px;background:var(--care-accent,#ad7282);color:#fff;font-weight:750}
.care-ai-form button:disabled{opacity:.6;cursor:progress}
.care-ai-panel :is(textarea,button,a):focus-visible{outline:3px solid var(--care-accent,#ad7282);outline-offset:3px}
.care-ai-status{min-height:22px;font-size:14px;line-height:1.5}
.care-ai-workspace>.care-ai-result{box-sizing:border-box;min-width:0;width:100%;margin:18px 0 0;background:#fff!important;color:#373238!important;border:1px solid #e8e0dc;border-radius:18px;padding:clamp(21px,3vw,30px);box-shadow:0 4px 20px rgba(48,36,34,.055);overflow-wrap:anywhere}
.care-ai-workspace>.care-ai-result>h3{padding-bottom:13px;border-bottom:1px solid #f0eae6}
.care-ai-result[hidden]{display:none!important}
.care-ai-result h3{font-size:18px;margin:0 0 12px}.care-ai-result h4{font-size:15px;margin:20px 0 10px}
.care-ai-answer{white-space:pre-wrap;line-height:1.88;font-size:15px;color:#373238!important;overflow-wrap:anywhere}
.care-ai-sources{padding-left:23px;display:grid;gap:9px}.care-ai-sources a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.care-ai-sources small{font-size:12px;color:#82767a}
.care-ai-panel .care-ai-disclaimer{font-size:12px;color:#786e73;margin:16px 0 0}
@media(max-width:820px){.care-ai-workspace{margin:18px 0 36px}.care-ai-panel{padding:18px 16px;border-radius:17px}.care-ai-workspace>.care-ai-result{margin-top:15px;padding:21px 17px;border-radius:16px}.care-ai-form{grid-template-columns:1fr}.care-ai-form button{width:100%}}

/* Member onboarding and reviewed community publishing, inside the shared template. */
.care-ai-auth-note{margin:16px 0;padding:15px 16px;border:1px solid var(--st-line,#eaded8);border-radius:14px;background:#fff;line-height:1.7;font-size:14px}
.care-ai-auth-note[hidden],.care-ai-submit[hidden]{display:none!important}
.care-ai-auth-note a{display:inline-block;padding:4px 9px;margin:2px 3px;border:1px solid var(--care-accent,#a66d83);border-radius:9px;color:var(--care-accent,#8b4a62);font-weight:750}
.care-ai-auth-note p{margin:6px 0 0;font-size:13px;color:#665c60}
.care-ai-submit{margin:20px 0 6px;border-top:1px solid #e8e0dc;padding-top:14px}
.care-ai-submit>h4{margin:0 0 12px;font-size:16px}
.care-ai-submit>label:not(.care-ai-consent){display:grid;gap:7px;font-size:14px;font-weight:650}
.care-ai-submit select{width:100%;min-height:44px;padding:9px;border-radius:10px;border:1px solid #ddd3ce;background:#fff;color:#30292c}
.care-ai-consent{display:flex;gap:8px;align-items:flex-start;margin:12px 0;font-size:13px;line-height:1.65}
.care-ai-consent input{width:18px;height:18px;flex:none;margin-top:3px}
.care-ai-submit button{min-height:44px;border:none;border-radius:11px;background:var(--care-accent,#ad7282);color:#fff;font-weight:750;padding:10px 16px}
.care-ai-submit button:disabled{opacity:.6}
.care-ai-submit small{font-size:12px;line-height:1.5;color:#615b5d}
.care-ai-submit [data-care-ai-submit-state]{min-height:20px;font-size:13px}
.care-my-submissions,.care-admin-queue{margin:18px 0;padding:18px;border:1px solid #e4d9d4;background:#fff;border-radius:15px}
.care-my-submissions h3,.care-admin-queue h3{font-size:17px;margin:0 0 12px}
.care-my-submissions ul{display:grid;gap:9px;padding:0;margin:0;list-style:none}
.care-my-submissions li{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
.care-my-submissions li a{text-decoration:underline}
.care-my-submissions li small{white-space:nowrap;color:#786d73}
.care-admin-queue-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid #eee;padding:12px 0;font-size:14px}
.care-admin-queue-row span{flex:1;min-width:180px}
.care-admin-queue-row :is(button,a){border-radius:9px;min-height:39px;padding:8px 11px;border:1px solid var(--care-accent,#ad7282);color:var(--care-accent,#8e5267);background:white;cursor:pointer;text-decoration:none;font-weight:700}
.care-ai-reward-settings{background:var(--care-tint,#fff7f7)}
@media(max-width:820px){.care-my-submissions li{align-items:flex-start}.care-my-submissions li small{white-space:normal}.care-admin-queue-row{display:grid;grid-template-columns:minmax(0,1fr) auto}.care-admin-queue-row span{grid-column:1/-1}}

.care-my-submissions li{flex-wrap:wrap;justify-content:flex-start}
.care-my-submissions li :is(a,button){max-width:100%;overflow-wrap:anywhere}
.care-my-submissions button{border:1px solid var(--care-accent,#946071);border-radius:9px;background:#fff;color:var(--care-accent,#946071);padding:6px 10px;cursor:pointer}


/* Structured research article, matches the public Care Library's editorial layout. */
.care-ai-summary-panel{margin:14px 0 22px;background:#fff9f5;border:1px solid #e9dcd6;border-radius:14px;padding:19px 20px}
.care-ai-summary-panel h4{font-size:16px;font-weight:800;color:#835b69;margin:0 0 10px}
.care-ai-summary-panel p{font-size:15px;line-height:1.85;white-space:pre-line;color:#302d2e;margin:0}
.care-ai-details{margin:6px 0 24px}
.care-ai-details>h4{padding-bottom:11px;border-bottom:1px solid #eee5e2;margin:0 0 16px;font-size:17px}
.care-ai-answer{white-space:normal}
.care-ai-detail-section{margin:0 0 22px}
.care-ai-detail-section h5{font-size:16px;font-weight:800;margin:0 0 11px;line-height:1.5;color:#4f3740}
.care-ai-detail-section p{line-height:1.9;margin:0 0 10px;color:#383238;white-space:pre-wrap}
.care-ai-detail-section :is(ul,ol){margin:8px 0 12px;padding-left:25px;display:grid;gap:7px;line-height:1.8}
.care-ai-detail-section li{padding-left:2px}
.care-ai-sources{margin:10px 0 15px}
@media(max-width:820px){.care-ai-summary-panel{padding:17px 15px}.care-ai-detail-section h5{font-size:15px}}


/* Animated GIF and an accessible, non-percentage research checklist. */
.care-ai-progress[hidden]{display:none!important}
.care-ai-progress{margin:16px 0 20px;padding:18px 19px;background:#fff;border:1px solid #e8dedf;border-radius:17px;box-shadow:0 4px 18px rgba(71,52,61,.05)}
.care-ai-progress-media{display:flex;align-items:center;gap:14px}
.care-ai-progress-media img{width:72px;height:72px;flex:none;object-fit:contain;border-radius:12px;background:#fffdfb;image-rendering:auto}
.care-ai-progress-title{font-size:16px;line-height:1.5;color:#443841;font-weight:800}
.care-ai-progress-steps{display:grid;gap:12px;padding:0;margin:13px 0 12px;list-style:none}
.care-ai-progress-steps li{display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:11px;background:#fff7f9;color:#544752;font-size:14px;line-height:1.45}
.care-ai-progress-pulse{flex:none;width:14px;height:14px;border:3px solid #d6b9cb;border-top-color:#975779;border-radius:100%;animation:care-ai-search-spin 1.2s linear infinite}
.care-ai-progress-steps li:nth-child(2) .care-ai-progress-pulse{animation-delay:-.36s}
.care-ai-progress-steps li:nth-child(3) .care-ai-progress-pulse{animation-delay:-.72s}
.care-ai-progress-steps li:nth-child(2){background:#fdf7ff}
.care-ai-progress-steps li:nth-child(3){background:#fff9f1}
.care-ai-progress-note{display:block;font-size:12px;color:#746874;line-height:1.6}
.care-ai-status--loading{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes care-ai-search-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.care-ai-progress-pulse{animation:none!important;border-top-color:#975779}.care-ai-progress-media img{display:none}}
@media(max-width:820px){.care-ai-progress{padding:16px 13px}.care-ai-progress-media img{width:60px;height:60px}.care-ai-progress-title{font-size:15px}}


/* 2026-11-08: overview → AI research → latest reviewed → bottom discovery. */
#care-main .care-home-hero,.care-spa-page .care-home-hero{
 padding:clamp(22px,3.2vw,36px)
}
#care-main .care-home-hero p,.care-spa-page .care-home-hero p{
 max-width:68ch;margin-bottom:0;line-height:1.75
}
#care-main .care-recent-single .care-guide-grid,
.care-spa-page .care-recent-single .care-guide-grid{
 grid-template-columns:minmax(0,1fr);width:100%;max-width:470px
}
#care-main .care-browse,.care-spa-page .care-browse{
 box-sizing:border-box;min-width:0;width:100%;padding:clamp(17px,2.7vw,27px);
 background:#fff;border:1px solid #e9e1dd;border-radius:18px;
 box-shadow:0 2px 14px rgba(50,36,42,.04);overflow-wrap:anywhere
}
#care-main .care-browse>h2,.care-spa-page .care-browse>h2{
 margin:0 0 14px;padding:0!important;font-size:clamp(17px,2.15vw,21px);
 font-weight:800;line-height:1.45
}
#care-main .care-browse .care-search,.care-spa-page .care-browse .care-search{
 margin:0 0 18px;max-width:100%
}
#care-main .care-browse-note,.care-spa-page .care-browse-note{
 margin:15px 0 0;color:#71646a;font-size:13px;line-height:1.65
}
#care-main .care-ai-progress,#care-main .care-ai-result,#care-main .care-ai-status,
.care-spa-page .care-ai-progress,.care-spa-page .care-ai-result,.care-spa-page .care-ai-status{
 scroll-margin-top:clamp(88px,12vh,142px)
}
@media(max-width:820px){
 #care-main .care-recent-single .care-guide-grid,
 .care-spa-page .care-recent-single .care-guide-grid{max-width:100%}
 #care-main .care-browse,.care-spa-page .care-browse{padding:16px 14px;border-radius:16px}
 #care-main .care-browse .care-search,.care-spa-page .care-browse .care-search{display:flex;flex-wrap:wrap;gap:8px}
 #care-main .care-browse .care-search input,.care-spa-page .care-browse .care-search input{
  flex:1 1 175px;min-width:0
 }
 #care-main .care-browse .care-search button,.care-spa-page .care-browse .care-search button{min-height:44px}
}


/* 2026-11-08: site-native Care Library heading; search first, category details below. */
#care-main .care-home-hero{
 background:transparent;border:0;box-shadow:none;padding:12px 0 19px;
}
#care-main .care-home-hero small{font-size:11px;letter-spacing:.13em}
#care-main .care-home-hero h1{font-size:clamp(22px,3vw,32px);margin:8px 0 9px}
#care-main .care-home-hero p{font-size:13px;line-height:1.7}
#care-main .care-search-top,.care-spa-page .care-search-top{
 box-sizing:border-box;min-width:0;width:100%;
 padding:16px clamp(14px,2.5vw,22px);margin:10px 0 24px;
 border-radius:16px;border:1px solid #e9e1dd;background:#fff;
}
#care-main .care-search-top>h2,.care-spa-page .care-search-top>h2{
 box-sizing:border-box;padding:0!important;margin:0 0 11px!important;
 font-size:15px!important;font-weight:650;line-height:1.4;letter-spacing:0;
}
#care-main .care-search-top .care-search,.care-spa-page .care-search-top .care-search{
 display:flex;align-items:stretch;flex-wrap:nowrap;
 box-sizing:border-box;gap:9px;margin:0;max-width:none;width:100%;
}
#care-main .care-search-top .care-search input,.care-spa-page .care-search-top .care-search input{
 box-sizing:border-box;flex:1 1 auto;width:auto;min-width:0;min-height:44px;
 padding:10px 13px;font-size:14px;line-height:1.4;
}
#care-main .care-search-top .care-search button,.care-spa-page .care-search-top .care-search button{
 box-sizing:border-box;flex:0 0 auto;min-width:74px;min-height:44px;
 padding:10px 16px;font-size:14px;font-weight:700;white-space:nowrap;
}
#care-main .care-browse>h2,.care-spa-page .care-browse>h2{
 padding:0!important;margin:0 0 12px!important;
 font-size:15px!important;font-weight:650!important;line-height:1.5;letter-spacing:0;
}
#care-main .care-category-dropdown,.care-spa-page .care-category-dropdown{
 position:relative;display:block;box-sizing:border-box;width:100%;min-width:0;
 font-size:14px;color:var(--text,#3d3438);
}
#care-main .care-category-dropdown>summary,.care-spa-page .care-category-dropdown>summary{
 display:flex;box-sizing:border-box;align-items:center;justify-content:space-between;gap:12px;
 width:100%;min-height:48px;padding:11px 15px;border-radius:12px;
 border:1px solid #dcd2cd;background:#fff;cursor:pointer;
 font-size:14px;line-height:1.45;list-style:none;
}
#care-main .care-category-dropdown>summary::-webkit-details-marker,
.care-spa-page .care-category-dropdown>summary::-webkit-details-marker{display:none}
#care-main .care-category-dropdown>summary>span:first-child,
.care-spa-page .care-category-dropdown>summary>span:first-child{
 display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;
}
#care-main .care-category-chevron,.care-spa-page .care-category-chevron{
 width:9px;height:9px;flex:none;margin-right:5px;
 border-bottom:2px solid currentColor;border-right:2px solid currentColor;
 transform:translateY(-3px) rotate(45deg);transition:transform .16s ease;
}
#care-main .care-category-dropdown[open] .care-category-chevron,
.care-spa-page .care-category-dropdown[open] .care-category-chevron{
 transform:translateY(2px) rotate(225deg)
}
#care-main .care-category-dropdown .care-categories,
.care-spa-page .care-category-dropdown .care-categories{
 box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
 gap:8px;width:100%;padding:12px 0 3px;
}
#care-main .care-category-dropdown .care-categories a,
.care-spa-page .care-category-dropdown .care-categories a{
 justify-content:space-between;min-height:44px;border-radius:11px;
 text-align:left;line-height:1.5;white-space:normal;
}
#care-main .care-category-dropdown>summary:focus-visible,
.care-spa-page .care-category-dropdown>summary:focus-visible{
 outline:3px solid var(--care-accent,#926875);outline-offset:2px
}
@media(max-width:820px){
 #care-main .care-home-hero{padding:10px 0 14px}
 #care-main .care-search-top,.care-spa-page .care-search-top{padding:13px 12px;margin:7px 0 19px}
 #care-main .care-search-top .care-search,.care-spa-page .care-search-top .care-search{
  flex-wrap:nowrap;gap:7px
 }
 #care-main .care-search-top .care-search input,.care-spa-page .care-search-top .care-search input{
  flex:1 1 auto;min-width:0;width:0;font-size:14px
 }
 #care-main .care-search-top .care-search button,.care-spa-page .care-search-top .care-search button{
  min-width:67px;padding:10px 12px
 }
 #care-main .care-category-dropdown .care-categories,.care-spa-page .care-category-dropdown .care-categories{
  grid-template-columns:minmax(0,1fr)
 }
}
@media(prefers-reduced-motion:reduce){
 #care-main .care-category-chevron,.care-spa-page .care-category-chevron{transition:none}
}


/* CATNARA Care Library: one upper search + category toolbar, no second lower panel. */
#care-main .care-discovery,.care-spa-page .care-discovery{
 display:grid;gap:11px;min-width:0;max-width:100%;
 padding:clamp(12px,2vw,18px);
}
#care-main .care-discovery .care-search,
.care-spa-page .care-discovery .care-search{
 margin:0;width:100%;max-width:none
}
#care-main .care-discovery .care-category-dropdown,
.care-spa-page .care-discovery .care-category-dropdown{
 width:100%;margin:0;min-width:0
}
#care-main .care-discovery .care-category-dropdown>summary,
.care-spa-page .care-discovery .care-category-dropdown>summary{
 min-height:44px;background:var(--care-tint,#fff9f7)
}
#care-main .care-reward-note,.care-spa-page .care-reward-note{
 font-size:12px;line-height:1.7;margin:0 0 20px;
 padding:0 3px;color:var(--st-muted,#71646a);
}
@media(max-width:820px){
 #care-main .care-discovery,.care-spa-page .care-discovery{
  display:grid;gap:9px;margin:8px 0 20px;padding:11px 12px
 }
 #care-main .care-discovery .care-category-dropdown>summary,
 .care-spa-page .care-discovery .care-category-dropdown>summary{
  min-height:44px
 }
}
