/* Supporting-page composition from the approved public-site handoff. */
[data-approved-public][data-support-page]:not([data-support-page="blog"]):not([data-theme="dark"]) {
  --bg: oklch(0.985 0.005 190);
  --text: oklch(0.2 0.015 250);
  --text-2: oklch(0.3 0.014 250);
  --text-3: oklch(0.45 0.018 250);
  --text-4: oklch(0.57 0.016 255);
  --text-5: oklch(0.65 0.012 255);
  --line-2: oklch(0.94 0.006 250);
  --logo-filter: none;
  --acc: oklch(0.52 0.11 178);
  --acc-on: oklch(0.42 0.1 178);
  color-scheme: light;
}
[data-approved-public][data-support-page]:not([data-support-page="blog"]) {
  font-family: 'Qumely Public Karla', system-ui, sans-serif;
  color: var(--text);
  background: var(--bg);
  min-height: 100vh;
  overflow-x: clip;
}
[data-approved-public] .qm-support-nav { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; padding: 16px 40px; background: oklch(0.99 0.004 190 / .86); backdrop-filter: blur(8px); border-bottom: 1px solid oklch(0.9 0.008 220); }
[data-approved-public] .qm-support-nav > a { display: flex; align-items: center; gap: 10px; }
[data-approved-public] .qm-support-nav img { height: 34px; width: auto; display: block; }
[data-approved-public] .qm-support-back { padding: 36px 40px 0; }
[data-approved-public] .qm-support-back-link { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 9px 18px 9px 14px; border-radius: 999px; border: 1px solid oklch(0.9 0.008 220); background: #fff; cursor: pointer; font-family: inherit; font-size: 14.5px; font-weight: 700; color: oklch(0.35 0.02 250); transition: border-color .18s, transform .18s; }
[data-approved-public] .qm-support-back-link:hover { border-color: oklch(0.52 0.11 178); transform: translateX(-2px); }
[data-approved-public] .qm-support-kicker { font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: oklch(0.52 0.11 178); margin-bottom: 14px; }
[data-approved-public] .qm-support-legal { max-width: 760px; margin: 0 auto; padding: 26px 40px 100px; }
[data-approved-public] .qm-support-legal-heading { padding-bottom: 40px; }
[data-approved-public] .qm-support-legal h1 { font-family: 'Qumely Public Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: clamp(32px, 4vw, 44px); line-height: 1.1; letter-spacing: -.02em; margin: 0 0 14px; }
[data-approved-public] .qm-legal-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 15px; color: oklch(0.55 0.015 250); margin: 0; }
[data-approved-public] .qm-legal-prose { font-size: 16px; line-height: 1.75; color: oklch(0.4 0.018 250); }
[data-approved-public] .qm-legal-prose h2 { font-family: 'Qumely Public Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 21px; line-height: 1.35; letter-spacing: -.01em; margin: 36px 0 10px; color: oklch(0.2 0.015 250); }
[data-approved-public] .qm-legal-prose p { margin: 0 0 14px; }
[data-approved-public] .qm-legal-prose ul { margin: 0 0 14px; padding-left: 24px; }
[data-approved-public] .qm-legal-prose li { margin: 7px 0; }
[data-approved-public] .qm-legal-prose a { overflow-wrap: anywhere; }
/* Legal pages inherit the public preference without adding a second theme control. */
[data-approved-public][data-public-theme-follow][data-theme="dark"] .qm-support-nav { background: var(--nav-bg); border-color: var(--line); }
[data-approved-public][data-public-theme-follow][data-theme="dark"] .qm-support-nav img { filter: var(--logo-filter); }
[data-approved-public][data-public-theme-follow][data-theme="dark"] .qm-support-back-link { background: var(--surface); border-color: var(--line); color: var(--text-2); }
[data-approved-public][data-public-theme-follow][data-theme="dark"] .qm-support-back-link:hover { border-color: var(--acc); }
[data-approved-public][data-public-theme-follow][data-theme="dark"] .qm-support-kicker { color: var(--acc-on); }
[data-approved-public][data-public-theme-follow][data-theme="dark"] .qm-legal-meta { color: var(--text-3); }
[data-approved-public][data-public-theme-follow][data-theme="dark"] .qm-legal-prose { color: var(--text-3); }
[data-approved-public][data-public-theme-follow][data-theme="dark"] .qm-legal-prose h2 { color: var(--text); }
[data-approved-public] .qm-support-contact-intro { max-width: 820px; margin: 0 auto; padding: 22px 40px 36px; }
[data-approved-public] .qm-support-contact-intro h1 { font-family: 'Qumely Public Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: clamp(30px, 3.6vw, 42px); line-height: 1.1; letter-spacing: -.02em; margin: 0 0 14px; }
[data-approved-public] .qm-support-contact-intro p { font-size: 16.5px; line-height: 1.7; color: oklch(0.45 0.018 250); margin: 0 0 12px; max-width: 600px; }
[data-approved-public] .qm-support-contact-reply { display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; border-radius: 999px; background: var(--acc-s1); color: var(--acc-on); font-size: 12.5px; font-weight: 800; }
[data-approved-public] .qm-support-contact-faqs { max-width: 820px; margin: 0 auto; padding: 0 40px 24px; display: flex; flex-direction: column; gap: 10px; }
[data-approved-public] .qm-support-faq { border-radius: 14px; overflow: hidden; background: #fff; transition: border-color .2s, box-shadow .2s; border: 1px solid oklch(0.9 0.008 220); }
[data-approved-public] .qm-support-faq[open] { border-color: oklch(0.52 0.11 178); box-shadow: 0 14px 30px -22px oklch(0.3 0.05 200 / .5); }
[data-approved-public] .qm-support-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 20px; cursor: pointer; font-family: inherit; text-align: left; font-size: 15.5px; font-weight: 700; color: oklch(0.22 0.015 250); list-style: none; }
[data-approved-public] .qm-support-faq summary::-webkit-details-marker { display: none; }
[data-approved-public] .qm-support-faq summary span { display: block; width: 9px; height: 9px; border-right: 2px solid oklch(0.55 0.02 250); border-bottom: 2px solid oklch(0.55 0.02 250); flex-shrink: 0; transition: transform .2s; transform: rotate(45deg); }
[data-approved-public] .qm-support-faq[open] summary span { transform: rotate(-135deg); }
[data-approved-public] .qm-support-faq p { margin: 0; padding: 0 20px 18px; font-size: 15px; line-height: 1.7; color: oklch(0.45 0.018 250); }
[data-approved-public] .qm-support-contact-next { max-width: 820px; margin: 0 auto; padding: 14px 40px 100px; }
[data-approved-public] .qm-support-primary { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 26px; border: none; border-radius: 999px; background: oklch(0.52 0.11 178); color: #fff; font-family: 'Qumely Public Plus Jakarta Sans', sans-serif; font-size: 15.5px; font-weight: 800; cursor: pointer; transition: transform .18s, box-shadow .18s; box-shadow: 0 16px 30px -18px oklch(0.52 0.11 178 / .9); }
[data-approved-public] .qm-support-primary:hover { transform: translateY(-2px); box-shadow: 0 22px 38px -18px oklch(0.52 0.11 178 / .95); }
[data-approved-public] .qm-support-primary:disabled { cursor: wait; opacity: .65; transform: none; }
[data-approved-public] .qm-support-contact-form-view { padding: 36px 40px 100px; }
[data-approved-public] .qm-support-contact-form-view > .qm-support-back-link { margin-bottom: 34px; }
[data-approved-public] .qm-support-contact-form-wrap { max-width: 560px; margin: 0 auto; }
[data-approved-public] .qm-support-contact-form-heading { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 34px; }
[data-approved-public] .qm-support-contact-form-heading > svg { margin-bottom: 16px; }
[data-approved-public] .qm-support-contact-form-heading h1 { font-family: 'Qumely Public Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 32px; letter-spacing: -.02em; margin: 0 0 10px; }
[data-approved-public] .qm-support-contact-form-heading p { font-size: 16px; line-height: 1.65; color: oklch(0.45 0.018 250); margin: 0; }
[data-approved-public] #qm-contact-form { display: flex; flex-direction: column; gap: 22px; }
[data-approved-public] .qm-support-contact-field label { display: block; font-size: 14px; font-weight: 800; margin-bottom: 9px; }
[data-approved-public] .qm-support-contact-field :is(input, select, textarea) { width: 100%; box-sizing: border-box; padding: 14px 16px; border: 1px solid oklch(0.88 0.008 220); border-radius: 12px; background: #fff; font-family: inherit; font-size: 15.5px; color: oklch(0.2 0.015 250); }
[data-approved-public] .qm-support-contact-field textarea { line-height: 1.6; resize: vertical; }
[data-approved-public] .qm-contact-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
[data-approved-public] .qm-support-contact-feedback { margin: 0; padding: 12px 14px; border-radius: 10px; font-size: 14px; line-height: 1.5; background: oklch(0.96 0.025 25); color: oklch(0.46 0.17 25); }
[data-approved-public] .qm-support-contact-feedback[data-kind="success"] { background: oklch(0.94 0.03 178); color: oklch(0.4 0.09 178); }
[data-approved-public] .qm-support-contact-send { display: flex; justify-content: center; margin-top: 6px; }
[data-approved-public] .qm-support-contact-send .qm-support-primary { padding: 15px 34px; box-shadow: none; }
[data-approved-public] [hidden] { display: none !important; }
[data-approved-public] .qm-support-blog-heading { position: relative; max-width: 760px; margin: 0 auto; padding: 64px 40px 20px; text-align: center; }
[data-approved-public] .qm-support-blog-pill { display: inline-flex; align-items: center; padding: 6px 14px; border-radius: 20px; background: var(--acc-s1); color: var(--acc-on); font-size: 13px; font-weight: 700; margin-bottom: 20px; }
[data-approved-public] .qm-support-blog-heading h1 { font-family: 'Qumely Public Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 42px; line-height: 1.1; letter-spacing: -.01em; margin: 0 0 14px; }
[data-approved-public] .qm-support-blog-heading p { font-size: 17px; line-height: 1.6; color: var(--text-3); margin: 0; }
[data-approved-public] .qm-support-blog-grid { position: relative; max-width: 1000px; margin: 0 auto; padding: 40px 40px 110px; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; }
[data-approved-public] .qm-support-blog-grid > a { transition: transform .3s cubic-bezier(.22,.85,.3,1), box-shadow .3s ease, border-color .3s ease; }
[data-approved-public] .qm-support-blog-grid > a:hover { transform: translateY(-7px); box-shadow: 0 28px 54px -26px oklch(0.18 0.014 250 / .28); border-color: oklch(0.55 0.12 178 / .45) !important; }
[data-approved-public] :is(.qm-support-back-link, .qm-support-primary, .qm-support-faq summary, .qm-support-contact-field input, .qm-support-contact-field select, .qm-support-contact-field textarea):focus-visible { outline: 3px solid oklch(0.52 0.11 178 / .5); outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
  [data-approved-public] :is(.qm-support-back-link, .qm-support-primary, .qm-support-faq, .qm-support-faq summary span, .qm-support-blog-grid > a) { transition: none; }
  [data-approved-public] :is(.qm-support-back-link:hover, .qm-support-primary:hover, .qm-support-blog-grid > a:hover) { transform: none; }
}
/* Stable Blog card hooks retain the existing wider geometry. */
[data-approved-public] .qm-blog-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;color:var(--text)}
[data-approved-public] .qm-blog-card-media{height:140px;overflow:hidden}
[data-approved-public] .qm-blog-card-image{display:block;width:100%;height:140px;object-fit:cover}
[data-approved-public] .qm-blog-card-fallback{display:flex;align-items:center;justify-content:center}
[data-approved-public] .qm-blog-card-body{padding:20px 22px}
[data-approved-public] .qm-blog-card-date{font-size:12px;color:var(--text-5);margin-bottom:8px}
[data-approved-public] .qm-blog-card-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:17px;margin:0 0 8px;line-height:1.35}
[data-approved-public] .qm-blog-card-excerpt{margin:0;font-size:14px;line-height:1.55;color:var(--text-3)}
[data-approved-public] .approved-support-phone-nav{display:none}
@media(max-width:600px){
 [data-approved-public] .approved-support-phone-nav{display:flex}
 [data-approved-public] .qm-support-nav,[data-approved-public] .qm-support-back{display:none}
 [data-approved-public] .qm-support-blog-heading{padding:28px 20px 8px}
 [data-approved-public] .qm-support-blog-pill{padding:7px 15px;border-radius:999px;font-weight:800;margin-bottom:14px}
 [data-approved-public] .qm-support-blog-heading h1{font-size:34px;line-height:1.08;letter-spacing:-.04em;margin-bottom:10px;text-wrap:balance}
 [data-approved-public] .qm-support-blog-heading p{font-size:15px;line-height:1.5;max-width:330px;margin:auto;text-wrap:balance}
 [data-approved-public] .qm-support-blog-grid{grid-template-columns:minmax(0,1fr);padding:18px 20px 8px;gap:18px}
 [data-approved-public] .qm-blog-card{border:0;border-radius:20px;box-shadow:0 0 0 1px var(--line),0 16px 28px -24px oklch(.18 .014 250 / .35)}
 [data-approved-public] .qm-blog-card-media,[data-approved-public] .qm-blog-card-image{height:150px}
 [data-approved-public] .qm-blog-card-body{padding:16px 18px 20px}
 [data-approved-public] .qm-blog-card-date{font-size:12.5px;font-weight:700}
 [data-approved-public] .qm-blog-card-title{font-family:'Qumely Public Plus Jakarta Sans',sans-serif;font-size:18px;line-height:1.28;font-weight:800;letter-spacing:-.015em}
 [data-approved-public] .qm-blog-card-excerpt{font-size:14.5px;line-height:1.5}
 [data-approved-public] .qm-support-kicker{font-size:11.5px;letter-spacing:.14em;margin-bottom:8px;color:var(--acc)}
 [data-approved-public] .qm-support-legal{padding:28px 20px 30px}
 [data-approved-public] .qm-support-legal-heading{padding-bottom:22px}
 [data-approved-public] .qm-support-legal h1{font-size:32px;line-height:1.08;letter-spacing:-.04em;margin-bottom:8px}
 [data-approved-public] .qm-legal-meta{font-size:13.5px;font-weight:700;color:var(--text-3)}
 [data-approved-public] .qm-legal-prose{font-size:15px;line-height:1.65;color:var(--text-3)}
 [data-approved-public] .qm-legal-prose h2{font-size:18px;letter-spacing:-.01em;margin:18px 0 8px;padding-top:18px;border-top:1px solid var(--line-2);color:var(--text)}
 [data-approved-public] .qm-legal-prose>h2:first-child{border:0;margin-top:0}
 [data-approved-public] .qm-support-contact-intro{padding:28px 20px 0}
 [data-approved-public] .qm-support-contact-intro h1,[data-approved-public] .qm-support-contact-form-heading h1{font-size:32px;line-height:1.08;letter-spacing:-.04em;margin-bottom:10px}
 [data-approved-public] .qm-support-contact-intro p{font-size:14.5px;line-height:1.5;color:var(--text-3);margin-bottom:14px}
 [data-approved-public] .qm-support-contact-faqs{padding:0 20px;gap:0;margin-top:18px}
 [data-approved-public] .qm-support-faq,[data-approved-public] .qm-support-faq[open]{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
 [data-approved-public] .qm-support-faq:first-child{border-top:1px solid var(--line)}
 [data-approved-public] .qm-support-faq summary{box-sizing:border-box;min-height:60px;padding:16px 0;font-family:'Qumely Public Plus Jakarta Sans',sans-serif;font-size:15.5px;line-height:1.4;font-weight:600;color:var(--text)}
 [data-approved-public] .qm-support-faq summary span{width:18px;height:18px;border:0;transform:none;position:relative}
 [data-approved-public] .qm-support-faq summary span::before,[data-approved-public] .qm-support-faq summary span::after{content:'';position:absolute;background:var(--text-3);border-radius:1px;inset:8px 2px;height:2px}
 [data-approved-public] .qm-support-faq summary span::after{transform:rotate(90deg)}
 [data-approved-public] .qm-support-faq[open] summary span{transform:rotate(45deg)}
 [data-approved-public] .qm-support-faq p{margin-top:-4px;padding:0 36px 18px 0;font-size:14.5px;line-height:1.6;color:var(--text-3)}
 [data-approved-public] .qm-support-faq p:not(:last-child){padding-bottom:10px}
 [data-approved-public] .qm-support-faq p+p{margin-top:0}
 [data-approved-public] .qm-support-contact-next{padding:22px 20px 10px}
 [data-approved-public] .qm-support-primary{display:flex;width:100%;min-height:52px;box-sizing:border-box;font-size:16px;background:var(--acc);color:#fff}
 [data-approved-public] .qm-support-contact-form-view{padding:20px 20px 10px}
 [data-approved-public] .qm-support-contact-form-view>.qm-support-back-link{position:relative;box-sizing:border-box;min-height:42px;margin-bottom:18px;background:var(--surface);color:var(--text-2);border-color:var(--line)}
 [data-approved-public] .qm-support-contact-form-view>.qm-support-back-link::after{content:'';position:absolute;inset:-1px 0}
 [data-approved-public] .qm-support-contact-form-heading{align-items:flex-start;text-align:left;margin-bottom:20px}
 [data-approved-public] .qm-support-contact-form-heading>svg{display:none}
 [data-approved-public] .qm-support-contact-form-heading p{font-size:14.5px;line-height:1.5;color:var(--text-3)}
 [data-approved-public] #qm-contact-form{padding:18px;gap:16px;border-radius:20px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 18px 34px -28px oklch(.18 .014 250 / .35)}
 [data-approved-public] .qm-support-contact-field label{margin-bottom:7px}
 [data-approved-public] .qm-support-contact-field :is(input,select,textarea){font-size:16px;min-height:50px;padding:12px 14px;border-color:var(--line);background:var(--surface);color:var(--text)}
 [data-approved-public] .qm-support-contact-field textarea{line-height:1.5;height:170px}
 [data-approved-public] .qm-support-contact-send{margin:0}
 [data-approved-public] .qm-support-contact-send .qm-support-primary{padding:10px 16px;border-radius:14px}
}

@media(max-width:600px){[data-approved-public] .qm-support-contact-form-heading>.qm-support-kicker{display:block}}