/* Middos Care: one scoped visual ownership layer for light and dark mode.
   The existing support.css retains layout and responsive behavior. */
html[data-middos-page="support"] {
  --support-canvas:#f8f5ef;
  --support-paper:#fffefa;
  --support-sand:#f0ebe2;
  --support-ink:#222833;
  --support-muted:#59616e;
  --support-line:#d9d7d1;
  --support-accent:#4351be;
  --support-accent-hover:#34429f;
  --support-link:#3545aa;
  --support-accent-soft:#ecefff;
  --support-input:#fffefa;
  --support-cta:#ecefff;
  --support-header:#fffefa;
  --support-error-bg:#fff0ef;
  --support-error-ink:#923f3a;
  --support-success-bg:#e8f3eb;
  --support-success-ink:#2e6345;
  --ink:var(--support-ink);
  --muted:var(--support-muted);
  --line:var(--support-line);
  --paper:var(--support-canvas);
  --card:var(--support-paper);
  --brand:var(--support-accent);
  --brand-strong:var(--support-accent-hover);
  --brand-soft:var(--support-accent-soft);
  --mint:var(--support-accent-soft);
  --warm:var(--support-cta);
  --warm-ink:var(--support-ink);
  color-scheme:light;
}
html[data-middos-page="support"][data-middos-theme="dark"] {
  --support-canvas:#111318;
  --support-paper:#1b1f27;
  --support-sand:#151922;
  --support-ink:#f2f4f7;
  --support-muted:#b4bcc8;
  --support-line:#353c48;
  --support-accent:#8290f3;
  --support-accent-hover:#a3adff;
  --support-link:#b5bdff;
  --support-accent-soft:#252b45;
  --support-input:#151922;
  --support-cta:#252b42;
  --support-header:#15181e;
  --support-error-bg:#372326;
  --support-error-ink:#ffb5b1;
  --support-success-bg:#20372b;
  --support-success-ink:#b5e2c4;
  color-scheme:dark;
}
html[data-middos-page="support"],
html[data-middos-page="support"] body,
html[data-middos-page="support"] main {
  background:var(--support-canvas)!important;
  color:var(--support-ink)!important;
}
html[data-middos-page="support"] .support-header {
  background:linear-gradient(90deg,var(--middos-blue) 0 82%,var(--middos-amber) 82% 100%) top/100% 3px no-repeat,var(--support-header)!important;
  border:0!important;
  border-bottom:1px solid var(--support-line)!important;
  color:var(--support-ink)!important;
}
html[data-middos-page="support"] .support-brand,
html[data-middos-page="support"] .support-brand strong,
html[data-middos-page="support"] .middos-wordmark strong {
  color:var(--support-ink)!important;
}
html[data-middos-page="support"] .support-header nav a {
  color:var(--support-muted)!important;
}
html[data-middos-page="support"] .support-header nav a:hover,
html[data-middos-page="support"] .support-header nav a:focus-visible {
  color:var(--support-ink)!important;
}
html[data-middos-page="support"] .support-header .header-signin {
  background:var(--support-paper)!important;
  border:1px solid var(--support-line)!important;
  color:var(--support-ink)!important;
}
html[data-middos-page="support"] .support-hero {
  background:linear-gradient(135deg,var(--support-accent-soft),var(--support-canvas))!important;
  color:var(--support-ink)!important;
  border-bottom:1px solid var(--support-line)!important;
}
html[data-middos-page="support"] .support-hero :is(h1,h2,p,a),
html[data-middos-page="support"] .support-hero .hero-copy {
  color:var(--support-ink)!important;
}
html[data-middos-page="support"] .support-hero .hero-copy>p {
  color:var(--support-muted)!important;
}
html[data-middos-page="support"] .support-hero .hero-links a {
  color:var(--support-link)!important;
}
html[data-middos-page="support"] .support-section,
html[data-middos-page="support"] .help-section,
html[data-middos-page="support"] .faq-section,
html[data-middos-page="support"] .support-principles,
html[data-middos-page="support"] .contact-section {
  background:var(--support-canvas)!important;
  color:var(--support-ink)!important;
}
html[data-middos-page="support"] .section-heading h2,
html[data-middos-page="support"] .faq-intro h2,
html[data-middos-page="support"] .contact-copy h2 {
  color:var(--support-ink)!important;
}
html[data-middos-page="support"] .section-heading p,
html[data-middos-page="support"] .faq-intro p,
html[data-middos-page="support"] .contact-copy>p {
  color:var(--support-muted)!important;
}
html[data-middos-page="support"] .eyebrow.dark,
html[data-middos-page="support"] .help-card-icon {
  color:var(--support-link)!important;
}
html[data-middos-page="support"] .help-grid,
html[data-middos-page="support"] .faq-list,
html[data-middos-page="support"] .faq-item,
html[data-middos-page="support"] .response-notes,
html[data-middos-page="support"] .response-notes>div {
  border-color:var(--support-line)!important;
}
html[data-middos-page="support"] .help-card,
html[data-middos-page="support"] .faq-item,
html[data-middos-page="support"] .support-form {
  background:var(--support-paper)!important;
  border:1px solid var(--support-line)!important;
  color:var(--support-ink)!important;
  box-shadow:none!important;
}
html[data-middos-page="support"] .help-card:hover,
html[data-middos-page="support"] .help-card:focus-visible {
  background:var(--support-accent-soft)!important;
  border-color:var(--support-accent)!important;
}
html[data-middos-page="support"] .help-card strong,
html[data-middos-page="support"] .faq-item>button,
html[data-middos-page="support"] .faq-item>button span,
html[data-middos-page="support"] .response-notes strong {
  color:var(--support-ink)!important;
}
html[data-middos-page="support"] .help-card p,
html[data-middos-page="support"] .faq-answer p,
html[data-middos-page="support"] .response-notes span {
  color:var(--support-muted)!important;
}
html[data-middos-page="support"] .help-card-link,
html[data-middos-page="support"] .text-link,
html[data-middos-page="support"] .faq-item>button i {
  color:var(--support-link)!important;
}
html[data-middos-page="support"] .faq-item>button[aria-expanded="true"] {
  color:var(--support-ink)!important;
}
html[data-middos-page="support"] .principles-card {
  background:var(--support-paper)!important;
  border:1px solid var(--support-line)!important;
  color:var(--support-ink)!important;
}
html[data-middos-page="support"] .principles-card h2,
html[data-middos-page="support"] .principle-list strong {
  color:var(--support-ink)!important;
}
html[data-middos-page="support"] .principles-card>div:first-child>p,
html[data-middos-page="support"] .principle-list small {
  color:var(--support-muted)!important;
}
html[data-middos-page="support"] .principles-card .eyebrow.light,
html[data-middos-page="support"] .principle-list span {
  color:var(--support-link)!important;
}
html[data-middos-page="support"] .principle-list,
html[data-middos-page="support"] .principle-list>div {
  border-color:var(--support-line)!important;
}
html[data-middos-page="support"] .support-form label,
html[data-middos-page="support"] .support-form label span {
  color:var(--support-ink)!important;
}
html[data-middos-page="support"] .support-form :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
  background:var(--support-input)!important;
  color:var(--support-ink)!important;
  border:1px solid var(--support-line)!important;
  color-scheme:inherit;
}
html[data-middos-page="support"] .support-form :is(input,select,textarea):focus {
  border-color:var(--support-accent)!important;
  outline:2px solid var(--support-accent)!important;
  outline-offset:2px;
  box-shadow:none!important;
}
html[data-middos-page="support"] .support-form :is(input,textarea)::placeholder {
  color:var(--support-muted)!important;
  opacity:1;
}
html[data-middos-page="support"] .form-privacy {
  color:var(--support-muted)!important;
}
html[data-middos-page="support"] .support-form-status {
  background:var(--support-success-bg)!important;
  color:var(--support-success-ink)!important;
}
html[data-middos-page="support"] .support-form-status.error {
  background:var(--support-error-bg)!important;
  color:var(--support-error-ink)!important;
}
html[data-middos-page="support"] .submit-support {
  background:var(--support-accent)!important;
  color:var(--support-canvas)!important;
  border:1px solid var(--support-accent)!important;
}
html[data-middos-page="support"][data-middos-theme="light"] .submit-support {
  color:#fff!important;
}
html[data-middos-page="support"] .submit-support:hover:not(:disabled) {
  background:var(--support-accent-hover)!important;
  border-color:var(--support-accent-hover)!important;
}
html[data-middos-page="support"] .closing-cta {
  background:var(--support-cta)!important;
  border:1px solid var(--support-line)!important;
  color:var(--support-ink)!important;
}
html[data-middos-page="support"] .closing-cta :is(h2,.eyebrow.light) {
  color:var(--support-ink)!important;
}
html[data-middos-page="support"] .closing-cta .eyebrow.light {
  color:var(--support-link)!important;
}
html[data-middos-page="support"] .closing-cta button {
  background:var(--support-paper)!important;
  color:var(--support-ink)!important;
  border:1px solid var(--support-line)!important;
}
html[data-middos-page="support"] .closing-cta button:hover {
  border-color:var(--support-accent)!important;
  background:var(--support-accent-soft)!important;
}
html[data-middos-page="support"] .support-footer {
  background:var(--support-sand)!important;
  color:var(--support-ink)!important;
  border-top:1px solid var(--support-line)!important;
}
html[data-middos-page="support"] .support-footer p {
  color:var(--support-muted)!important;
}
html[data-middos-page="support"] .support-footer a {
  color:var(--support-link)!important;
}
html[data-middos-page="support"] .support-footer .middos-wordmark strong {
  color:var(--support-ink)!important;
}
html[data-middos-page="support"] :is(a,button,input,select,textarea):focus-visible {
  outline:2px solid var(--support-accent)!important;
  outline-offset:3px;
}
@media(max-width:760px){
  html[data-middos-page="support"] .support-hero,
  html[data-middos-page="support"] .support-section{padding-left:20px!important;padding-right:20px!important}
  html[data-middos-page="support"] .support-section{padding-top:64px!important;padding-bottom:64px!important}
  html[data-middos-page="support"] .closing-cta{margin-left:20px!important;margin-right:20px!important;padding:28px!important;gap:26px!important}
  html[data-middos-page="support"] .support-header{height:auto!important;min-height:68px;padding:12px 20px!important;gap:14px}
  html[data-middos-page="support"] .support-header nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}
  html[data-middos-page="support"] .support-header nav a{font-size:12px!important}
  html[data-middos-page="support"] .support-header nav a:nth-child(1),
  html[data-middos-page="support"] .support-header nav a:nth-child(2){display:none}
  html[data-middos-page="support"] .support-footer{padding:34px 20px calc(34px + env(safe-area-inset-bottom))!important}
}

/* FAQ card spacing, shared by both color themes. */
html[data-middos-page="support"] .faq-list{display:grid;gap:12px;border:0!important;align-content:start}
html[data-middos-page="support"] .faq-item{margin:0;overflow:hidden}
html[data-middos-page="support"] .faq-item>button{box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px!important;min-height:80px;text-align:left;line-height:1.5}
html[data-middos-page="support"] .faq-item>button span{flex:1;min-width:0}
html[data-middos-page="support"] .faq-item>button i{flex:0 0 24px;text-align:center}
html[data-middos-page="support"] .faq-answer{padding:0 24px 24px!important}
html[data-middos-page="support"] .faq-answer p{margin:0;line-height:1.65}
@media(max-width:640px){
 html[data-middos-page="support"] .faq-item>button{padding:18px!important;gap:16px;min-height:72px}
 html[data-middos-page="support"] .faq-answer{padding:0 18px 20px!important}
}