/* Q Techs "Island" theme for QRES, QES and the tools page (these have their own stylesheets). */
500;600;700;800&display=swap');
:root{
  /* QRES tokens */
  --teal:#34b9b3;--teal-d:#0e8f8c;--orange:#ee7a2d;--yellow:#f5c42c;--ink:#12363a;
  --bg:#e6faf5;--surface:#fff;--surface2:#dcf6ef;--line:#bfe6e0;--text:#12363a;--muted:#4f7f80;
  --btn:#2e9a4f;--btn-t:#fff;--ring:rgba(168,222,76,.6);
  --shadow:0 4px 0 rgba(17,156,152,.16),0 12px 24px -14px rgba(17,100,100,.25);
  --ok:#2e8b3f;--ok-bg:#e9f8d9;--warn:#b45309;--warn-bg:#fff2d6;--bad:#d1344a;--bad-bg:#ffe8ec;
  /* QES tokens */
  --brand-teal:#119c98;--brand-teal-light:#34b9b3;--brand-orange:#ee7a2d;--solar-yellow:#f5c42c;--headings:#12363a;
  --bg-page:#e6faf5;--bg-surface:#fff;--bg-surface-elevated:#dcf6ef;--border-color:#bfe6e0;--text-main:#12363a;
  --card-radius:22px;--shadow-soft:0 4px 0 rgba(17,156,152,.16);--shadow-lg:0 6px 0 rgba(17,156,152,.18),0 18px 30px -14px rgba(17,100,100,.3);
  --btn-primary-bg:#2e9a4f;--btn-primary-text:#fff;
}
[data-theme="dark"],:root[data-theme=dark]{
  --bg:#0b2a31;--surface:#123e47;--surface2:#164a54;--line:#2a6f76;--text:#f2fffb;--muted:#9fd2cc;
  --btn:#a8de4c;--btn-t:#12363a;--teal:#4fd6cf;
  --bg-page:#0b2a31;--bg-surface:#123e47;--bg-surface-elevated:#164a54;--border-color:#2a6f76;--text-main:#f2fffb;--text-muted:#9fd2cc;
  --btn-primary-bg:#a8de4c;--btn-primary-text:#12363a;--shadow-soft:0 4px 0 rgba(0,0,0,.35);
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  --bg:#0b2a31;--surface:#123e47;--surface2:#164a54;--line:#2a6f76;--text:#f2fffb;--muted:#9fd2cc;--btn:#a8de4c;--btn-t:#12363a;--teal:#4fd6cf;
  --ok:#a8de4c;--ok-bg:#1f4a2c;--warn:#ffd35a;--warn-bg:#3d3a1c;--bad:#ff8497;--bad-bg:#4a2530}}
body{font-family:var(--q-font),system-ui,-apple-system,'Segoe UI',sans-serif!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 320px),
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='140' viewBox='0 0 240 140'><path d='M0 0L80 40L0 90Z' fill='%2334b9b3' fill-opacity='.03'/><path d='M80 40L160 0L240 50L170 100Z' fill='%23a8de4c' fill-opacity='.04'/></svg>");
  background-attachment:fixed}
h1,h2,h3,h4,.font-heading,.logo{font-family:var(--q-font),sans-serif!important;font-weight:800;letter-spacing:-.01em}
.btn,.ibtn,.menu-pop{box-shadow:0 3px 0 rgba(0,0,0,.14)}
.btn:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.14)}
.btn{border-radius:999px!important}
.card,.post,.panel,[class*="card"]{border-radius:22px}
input,select,textarea{border-radius:14px!important}
/* tools page */
a.t{background:#fff!important;border:2px solid #bfe6e0!important;border-radius:22px!important;box-shadow:0 4px 0 rgba(17,156,152,.18)}
a.t:hover{border-color:#a8de4c!important}
a.t.q{border-color:#ee7a2d!important}
a.t span{color:#4f7f80!important}a.t em,.top a{color:#119c98!important}
body.tools{background-color:#e6faf5!important;color:#12363a!important}

/* QES sign-in hero + gradient buttons */
div[style*="145deg, #050508"]{background:linear-gradient(160deg,#1d9a9a 0%,#34b9b3 55%,#7fd36a 130%)!important;border-right:0!important}
div[style*="145deg, #050508"] span[style*="#1cbdbe"]{color:#e6fffb!important}
.btn-cta{background:linear-gradient(180deg,#b9ec5c,#8bcf37)!important;color:#12363a!important;box-shadow:0 4px 0 #5e9a22!important}

/* ---- v18c mobile + contrast fixes ---- */
.btn:not(.sec):not(.ghost):not(.btn-secondary):not(.btn-ghost):not(.btn-outline){color:#fff!important}
.btn.sec{color:#119c98}
div[style*="145deg, #050508"] p[style*="#a1a1aa"]{color:rgba(255,255,255,.92)!important}
div[style*="145deg, #050508"] [style*="color: #a1a1aa"],div[style*="145deg, #050508"] [style*="color:#a1a1aa"]{color:rgba(255,255,255,.9)!important}
@media (max-width:640px){
  html{-webkit-text-size-adjust:100%}
  .btn,.ibtn,button,select,input,a.t{min-height:40px}
  input,select,textarea{font-size:16px!important}
  header{gap:6px}
  img,video,canvas,svg{max-width:100%}
}

/* ---- v18d QES header on phones ---- */
@media (max-width:760px){
  header{padding:.6rem .75rem!important}
  header>div{gap:.6rem!important}
  header>div>div:first-child{flex-wrap:wrap!important;gap:.5rem!important;width:100%;min-width:0}
  header nav{margin-left:0!important;width:100%;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  header nav::-webkit-scrollbar{display:none}
  header nav .btn{flex:0 0 auto;white-space:nowrap;padding:.45rem .9rem;font-size:.75rem}
  header>div>div:last-child{width:100%;justify-content:flex-start!important;flex-wrap:wrap!important;gap:.5rem!important;margin-left:0!important}
  header>div>div:last-child .btn{white-space:nowrap;padding:.4rem .8rem;font-size:.7rem}
  header>div>div:last-child *{min-width:0}

}