/* ANFT Pathway Quiz v2 — scoped styles.
   Palette: sage paper #F2F3EC · ink #26301F · fir #2E5B3E · river #2E6E6A ·
   leaf-wash #E6ECDA · bark #6B4F3A. Serif carries the questions (ANFT house
   style is Garamond); a quiet sans carries the interface. */

#anft-pq { --pq-paper:#F2F3EC; --pq-ink:#26301F; --pq-fir:#2E5B3E; --pq-river:#2E6E6A;
  --pq-leaf:#E6ECDA; --pq-bark:#6B4F3A; --pq-line:#C9D0BE;
  --pq-serif: '1Avenir Book', 'Avenir Font', sans-serif;
  --pq-sans: '1Avenir Book', 'Avenir Font', sans-serif;
  font-family: var(--pq-sans); color: var(--pq-ink); max-width: 680px; margin: 0 auto; }

#anft-pq * { box-sizing: border-box; }

#anft-pq .pq-card { background: var(--pq-paper); border: 1px solid var(--pq-line);
  border-radius: 14px; padding: 34px 36px 30px; }
@media (max-width: 560px) { #anft-pq .pq-card { padding: 24px 20px 22px; } }

/* Head: count + sprig */
#anft-pq .pq-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
#anft-pq .pq-count { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--pq-bark); }
#anft-pq .pq-sprig { width: 150px; height: 34px; flex: none; }
#anft-pq .pq-stem { fill: none; stroke: var(--pq-line); stroke-width: 2; stroke-linecap: round; }
#anft-pq .pq-leaf { fill: var(--pq-paper); stroke: var(--pq-line); stroke-width: 1.5; transition: fill .5s ease, stroke .5s ease; }
#anft-pq .pq-leaf.on { fill: var(--pq-fir); stroke: var(--pq-fir); }
@media (prefers-reduced-motion: reduce) { #anft-pq .pq-leaf { transition: none; } }

/* Question */
#anft-pq .pq-q { font-family: var(--pq-serif); font-size: 25px; line-height: 1.32;
  font-weight: 500; margin: 0 0 6px; color: var(--pq-ink); outline: none; }
#anft-pq .pq-note { font-size: 14px; color: var(--pq-bark); margin: 0 0 16px; font-style: italic; }

/* Options */
#anft-pq .pq-opts { display: grid; grid-template-columns: 1fr; gap: 9px; margin: 18px 0 6px; }
#anft-pq .pq-opt { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left;
  background: #fff; border: 1.5px solid var(--pq-line); border-radius: 10px;
  padding: 13px 16px; font-family: var(--pq-sans); font-size: 15.5px; line-height: 1.35;
  color: var(--pq-ink); cursor: pointer; transition: border-color .15s ease, background .15s ease; }
#anft-pq .pq-opt:hover { border-color: var(--pq-river); }
#anft-pq .pq-opt:focus-visible, #anft-pq button:focus-visible, #anft-pq a:focus-visible,
#anft-pq input:focus-visible, #anft-pq textarea:focus-visible {
  outline: 2.5px solid var(--pq-river); outline-offset: 2px; }
#anft-pq .pq-opt.sel { background: var(--pq-leaf); border-color: var(--pq-fir); }
#anft-pq .pq-dot { flex: none; width: 13px; height: 13px; border-radius: 50%;
  border: 2px solid var(--pq-line); background: #fff; }
#anft-pq .pq-opt.sel .pq-dot { border-color: var(--pq-fir); background: var(--pq-fir); }

/* Open text */
#anft-pq .pq-open { width: 100%; border: 1.5px solid var(--pq-line); border-radius: 10px;
  padding: 13px 15px; font-family: var(--pq-serif); font-size: 17px; line-height: 1.5;
  color: var(--pq-ink); background: #fff; resize: vertical; margin-top: 10px; }
#anft-pq .pq-privacy { font-size: 12.5px; color: var(--pq-bark); margin-top: 8px; }
#anft-pq .pq-privacy a { color: var(--pq-river); }

/* Nav */
#anft-pq .pq-nav { display: flex; justify-content: space-between; margin-top: 22px; }
#anft-pq .pq-back { background: none; border: none; color: var(--pq-bark); font-size: 14.5px;
  cursor: pointer; padding: 10px 4px;
  appearance: none; -webkit-appearance: none; -moz-appearance: none; }
#anft-pq .pq-back:disabled { opacity: .35; cursor: default; background: none !important; border-color: transparent !important; color: var(--pq-bark) !important; }
#anft-pq .pq-next, #anft-pq .pq-send { background: var(--pq-fir); color: #fff; border: none;
  border-radius: 999px; padding: 12px 26px; font-size: 15.5px; cursor: pointer;
  transition: background .15s ease; }
#anft-pq .pq-next:hover, #anft-pq .pq-send:hover { background: #24492F; }
#anft-pq .pq-next:disabled, #anft-pq .pq-send:disabled { opacity: .45; cursor: default; }

/* Result */
#anft-pq .pq-badge { display: inline-block; font-size: 12px; letter-spacing: .14em;
  text-transform: uppercase; color: #fff; background: var(--pq-river);
  border-radius: 999px; padding: 6px 16px; margin-bottom: 16px; }
#anft-pq .pq-thread { font-family: var(--pq-serif); font-size: 24px; line-height: 1.38;
  font-weight: 500; margin: 0 0 12px; outline: none; }
#anft-pq .pq-static, #anft-pq .pq-ai { font-size: 16px; line-height: 1.6; color: #3B4433; margin: 0 0 10px; }
#anft-pq .pq-ai { font-family: var(--pq-serif); font-size: 17.5px; }
#anft-pq .pq-disclose { font-size: 12px; color: var(--pq-bark); margin: 0 0 10px; }
#anft-pq .pq-gated { font-size: 14.5px; color: var(--pq-bark); font-style: italic; margin: 0 0 10px; }

#anft-pq .pq-courses { display: grid; gap: 12px; margin: 18px 0 8px; }
#anft-pq .pq-course { background: #fff; border: 1.5px solid var(--pq-line); border-radius: 12px; padding: 18px 20px; }
#anft-pq .pq-course.pri { background: var(--pq-fir); border-color: var(--pq-fir); color: #fff; }
#anft-pq .pq-acad { font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--pq-bark); margin-bottom: 5px; }
#anft-pq .pq-course.pri .pq-acad { color: #CFE0C8; }
#anft-pq .pq-cname { font-family: var(--pq-serif); font-size: 19px; font-weight: 600; margin-bottom: 5px; }
#anft-pq .pq-cline { font-size: 14.5px; line-height: 1.5; margin: 0 0 10px; color: #4A5240; }
#anft-pq .pq-course.pri .pq-cline { color: #E4EDDF; }
#anft-pq .pq-view { font-size: 14.5px; color: var(--pq-river); text-decoration: none; border-bottom: 1px solid currentColor; }
#anft-pq .pq-course.pri .pq-view { color: #fff; }

#anft-pq .pq-community { background: var(--pq-leaf); border-radius: 12px; padding: 16px 20px;
  font-size: 15.5px; line-height: 1.55; margin: 14px 0; }
#anft-pq .pq-community.lead { font-family: var(--pq-serif); font-size: 17.5px; padding: 20px 22px; }
#anft-pq .pq-comlink { color: var(--pq-fir); font-weight: 600; text-decoration: none; border-bottom: 1px solid currentColor; }
#anft-pq .pq-comfoot { font-size: 13px; color: var(--pq-bark); margin: 14px 0 0; }

/* Email offer */
#anft-pq .pq-offer { border-top: 1px solid var(--pq-line); margin-top: 20px; padding-top: 18px; }
#anft-pq .pq-offer-q { font-size: 15px; line-height: 1.55; margin: 0 0 12px; }
#anft-pq .pq-offer-form { display: flex; flex-wrap: wrap; gap: 9px; }
#anft-pq .pq-offer-form input { flex: 1 1 180px; border: 1.5px solid var(--pq-line);
  border-radius: 999px; padding: 11px 17px; font-size: 14.5px; background: #fff; color: var(--pq-ink); }
#anft-pq .pq-status { font-size: 13.5px; color: var(--pq-bark); margin: 9px 0 0; min-height: 1.2em; }
#anft-pq .pq-retry { background: none; border: none; color: var(--pq-river); cursor: pointer;
  text-decoration: underline; font-size: 13.5px; padding: 0; }

/* Standing links */
#anft-pq .pq-links { display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: center;
  margin-top: 20px; font-size: 14px; }
#anft-pq .pq-links a { color: var(--pq-river); text-decoration: none; border-bottom: 1px solid currentColor; }
#anft-pq .pq-retake { background: none; border: none; color: var(--pq-bark); cursor: pointer;
  font-size: 13.5px; text-decoration: underline; padding: 0; }