/* Ask the team: nav entry (all pages), homepage teaser and the /ask/ page. */
.nav-ask{display:inline-flex;align-items:center;gap:7px;padding:8px 13px!important;border-radius:20px;background:#e6f4ec;color:#147d51!important;font-weight:700}
.nav-ask i{width:7px;height:7px;border-radius:50%;background:#18a257;box-shadow:0 0 0 0 rgba(24,162,87,.5);animation:qa-ping 2.4s ease-out infinite}
.nav-ask:hover,.nav-ask[aria-current=page]{background:#147d51;color:#fff!important;text-decoration:none!important}
.nav-ask:hover i,.nav-ask[aria-current=page] i{background:#fff}
@keyframes qa-ping{0%{box-shadow:0 0 0 0 rgba(24,162,87,.45)}70%,100%{box-shadow:0 0 0 7px rgba(24,162,87,0)}}
@media(max-width:800px){.nav-ask{margin:6px 0;align-self:flex-start}}

.qa-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}
.qa-dot.qa-available,.qa-pill.qa-available{--c:#147d51;--bg:#e3f4ea}
.qa-dot.qa-testing,.qa-pill.qa-testing{--c:#2f6fdb;--bg:#e6effd}
.qa-dot.qa-planned,.qa-pill.qa-planned{--c:#b26a12;--bg:#fbf0de}
.qa-dot.qa-not_now,.qa-pill.qa-not_now{--c:#6b7470;--bg:#eef1ef}
.qa-dot{background:var(--c)}
.qa-pill{margin-left:auto;padding:4px 10px;border-radius:20px;background:var(--bg);color:var(--c);font:700 12px Manrope,sans-serif;white-space:nowrap}

/* Card */
.qa-card{background:#fff;border:1px solid #e1ebe4;border-radius:24px;padding:24px 24px 22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 2px rgba(14,25,18,.03),0 12px 30px -18px rgba(14,60,30,.18);scroll-margin-top:110px}
.qa-card:target{border-color:#18a257;box-shadow:0 0 0 3px rgba(24,162,87,.15)}
.qa-meta{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;color:#7a8780}
.qa-source{padding:3px 9px;border-radius:12px;font:700 11px Manrope,sans-serif;letter-spacing:.02em}
.qa-source.qa-team{background:#f1f4f2;color:#55615a}
.qa-source.qa-user{background:#fff3d6;color:#8a5a00}
.qa-q{margin:0;font:600 20px/1.35 Manrope,sans-serif;letter-spacing:-.02em;color:#172b24}
.qa-q::before{content:'“';color:#18a257;margin-right:2px}.qa-q::after{content:'”';color:#18a257;margin-left:1px}
.qa-a{border-left:3px solid #cfe9da;padding:2px 0 2px 16px;display:flex;flex-direction:column;gap:9px}
.qa-by{display:flex;align-items:center;gap:9px;margin:0;font-size:13px;color:#2e4436}
.qa-by img{width:28px;height:28px;border-radius:8px}
.qa-text{margin:0;font-size:15px;line-height:1.75;color:#4d5c54}
.qa-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.qa-more{display:inline-flex;align-items:center;gap:6px;font:600 13px Manrope,sans-serif;color:#147d51}.qa-more svg{width:15px;height:15px}
.qa-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:30px;background:#147d51;color:#fff;font:600 14px Manrope,sans-serif;border:0;cursor:pointer;transition:background .2s,transform .2s}
.qa-btn:hover{background:#106340;transform:translateY(-1px)}.qa-btn svg{width:17px;height:17px}
.qa-link{background:none;border:0;padding:0;cursor:pointer;font:600 14px Manrope,sans-serif;color:#147d51;text-decoration:underline;text-underline-offset:4px}

/* Homepage teaser */
.qa-teaser{padding:96px 0 40px}
.qa-teaser-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:40px}
.qa-teaser-head h2,.qa-hero h1,.qa-ask h2{font:600 clamp(38px,4.2vw,58px)/1.08 Manrope,sans-serif;letter-spacing:-.055em;color:#172b24;margin:14px 0 0}
.qa-teaser-head h2 span,.qa-hero h1 span{color:#25814f}
.qa-teaser-head>p{margin:0;font-size:16px;line-height:1.75;color:#5d6d64;max-width:460px}
.qa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.qa-grid .qa-q{font-size:18px}
.qa-teaser-cta{display:flex;align-items:center;gap:26px;margin-top:32px}

/* /ask/ page */
.ask-page{background:#f7faf8}
.qa-main{width:min(980px,calc(100% - 48px));margin:0 auto;padding-bottom:90px}
.qa-crumb{padding-top:26px}
.qa-hero{padding:34px 0 30px}
.qa-hero h1{font-size:clamp(42px,5.6vw,72px)}
.qa-intro{font-size:18px;line-height:1.7;color:#5d6d64;max-width:700px;margin:22px 0 0}
.qa-legend{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;font-size:13px;color:#55615a}
.qa-legend span{display:flex;align-items:center;gap:8px}
.qa-sources{margin:16px 0 0;font-size:13px;color:#7a8780;max-width:700px;line-height:1.7}.qa-sources b{color:#2e4436}
.qa-filters{position:sticky;top:96px;z-index:5;display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;background:linear-gradient(#f7faf8 75%,transparent)}
.qa-filter{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:22px;border:1px solid #dbe6df;background:#fff;color:#2e4436;font:600 13px Manrope,sans-serif;cursor:pointer}
.qa-filter span{color:#8a968f;font-weight:500}
.qa-filter[aria-pressed=true]{background:#172b24;border-color:#172b24;color:#fff}.qa-filter[aria-pressed=true] span{color:#b9c8c0}
.qa-list{display:flex;flex-direction:column;gap:16px;margin-top:8px}
.qa-list .qa-card[hidden]{display:none}
.qa-ask{margin-top:70px;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start;background:#fff;border:1px solid #e1ebe4;border-radius:32px;padding:44px}
.qa-ask>div>p:last-child{font-size:15px;line-height:1.75;color:#5d6d64;margin-top:18px}
.qa-form-wrap label{display:block;font:600 13px Manrope,sans-serif;color:#2e4436;margin-bottom:8px}
.qa-form-wrap textarea{width:100%;min-height:130px;padding:14px;border:1px solid #d5e2da;border-radius:16px;background:#fbfdfc;font:15px/1.6 'DM Sans',sans-serif;color:#172b24;resize:vertical}
.qa-form-wrap textarea:focus{outline:3px solid rgba(24,162,87,.25);border-color:#18a257}
.qa-check{display:flex!important;align-items:flex-start;gap:9px;margin:14px 0 18px!important;font:400 13px/1.5 'DM Sans',sans-serif!important;color:#55615a!important}
.qa-check input{margin-top:2px;accent-color:#147d51}
.qa-note{font-size:12px;color:#7a8780;margin:12px 0 0}
.qa-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f6f3;border:1px solid #dbe6df;border-radius:14px;padding:16px;font:14px/1.6 'DM Sans',sans-serif;margin:14px 0}
.qa-preview h3{font:600 20px Manrope,sans-serif;margin:0 0 6px}
.qa-preview-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.qa-error{color:#c0392b;font-size:13px;margin:8px 0 0}

@media(max-width:900px){
  .qa-teaser{padding:64px 0 28px}
  .qa-teaser-head{grid-template-columns:1fr;gap:16px;margin-bottom:26px}
  .qa-grid{grid-template-columns:1fr}
  .qa-ask{grid-template-columns:1fr;gap:26px;padding:28px 22px;border-radius:26px}
  .qa-filters{top:72px}
}
@media(max-width:500px){
  .qa-card{padding:20px 18px;border-radius:20px}
  .qa-q{font-size:17px}.qa-text{font-size:14px}
  .qa-by{flex-wrap:wrap}.qa-pill{margin-left:0}
  .qa-teaser-cta{flex-direction:column;align-items:flex-start;gap:16px}
  .qa-intro{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.nav-ask i{animation:none}}
.ask-page .product-kicker{font:600 11px/1.5 Manrope,sans-serif;letter-spacing:.15em;color:#537760;margin:0}
@media(max-width:900px){.qa-filters{position:static;padding:10px 0 4px}}