/* St Annes trust and help: patient-reviews proof band + symptom cards that lead to the right appointment (TEST build). */
.st{padding:clamp(26px,3.4vw,44px) 0 clamp(6px,1.4vw,16px)}
.st__head{max-width:760px;margin:0 auto clamp(20px,2.6vw,30px);text-align:center}
.st__eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:#C9A25B;margin:0 0 8px}
.st__h{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:clamp(1.7rem,3.6vw,2.5rem);line-height:1.12;letter-spacing:-.012em;color:#2A1F1A;margin:0 0 14px}
.st__rate{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;padding:10px 20px;border-radius:999px;text-decoration:none;color:#2A1F1A;
  background:linear-gradient(160deg,#FCF8F3,#F3E9DD);box-shadow:4px 4px 10px rgba(148,124,100,.26),-4px -4px 10px rgba(255,255,255,.95);transition:transform .2s}
.st__rate:hover{transform:translateY(-1px)}
.st__rate:focus-visible{outline:2px solid #E6B85C;outline-offset:3px}
.st__stars{color:#E6B85C;letter-spacing:3px;font-size:1.05rem}
.st__rate b{font-family:'Playfair Display',Georgia,serif;font-size:1.3rem}
.st__rate span.st__n{font-size:.95rem;color:#5C5048}
.st__g{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;font-weight:600;color:#7A6B5E}
.st__g img{width:20px;height:20px;display:block}

.st__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px);max-width:1100px;margin:0 auto;list-style:none;padding:0}
.st__grid>li{margin:0;padding:0;list-style:none;display:flex}
.st__card{display:flex;flex-direction:column;width:100%;padding:clamp(20px,2.4vw,28px);border-radius:22px;border:1px solid rgba(201,162,91,.40);text-decoration:none;color:inherit;
  background:linear-gradient(160deg,#FCF8F3 0%,#F6EFE6 100%);box-shadow:5px 5px 14px rgba(148,124,100,.26),-5px -5px 14px rgba(255,255,255,.95);transition:transform .25s,box-shadow .25s}
.st__card:hover{transform:translateY(-3px);box-shadow:6px 6px 16px rgba(148,124,100,.30),-6px -6px 16px rgba(255,255,255,.98)}
.st__card:focus-visible{outline:2px solid #E6B85C;outline-offset:3px}
.st__q{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:1.1rem;line-height:1.6;color:#3B322C;margin:0 0 16px;flex:1}
.st__stars2{color:#E6B85C;letter-spacing:3px;font-size:.95rem;margin:0 0 10px}
.st__tags{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.st__tags span{font-size:.72rem;font-weight:700;letter-spacing:.06em;color:#8A6A2E;background:rgba(230,184,92,.14);border:1px solid rgba(230,184,92,.45);border-radius:999px;padding:3px 10px}
.st__by{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid rgba(201,162,91,.30)}
.st__av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:0 0 42px;font-weight:700;color:#482C5B;background:#F3E9DD;
  box-shadow:inset 3px 3px 7px rgba(148,124,100,.30),inset -3px -3px 7px rgba(255,255,255,.9)}
.st__name{font-weight:700;font-size:.95rem;color:#2A1F1A;line-height:1.2}
.st__meta{font-size:.8rem;color:#7A6B5E}
.st__foot{text-align:center;margin:clamp(16px,2vw,22px) 0 0;font-size:.95rem;color:#5C5048}
.st__foot a{font-weight:700;color:#482C5B;text-decoration:underline;text-underline-offset:3px}

/* symptom cards: a small prompt that leads to the right appointment */
.hp-go{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:0;border:0;background:none;cursor:pointer;font-family:'Outfit',sans-serif;font-weight:700;font-size:.9rem;color:#482C5B}
.hp-go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.hp-go:hover{text-decoration:underline;text-underline-offset:3px}
.hp-go:hover svg{transform:translateX(3px)}
.hp-go:focus-visible{outline:2px solid #E6B85C;outline-offset:3px;border-radius:6px}
#help .tp-card{display:flex;flex-direction:column}
#help .tp-card .tp-copy{flex:1}

@media(max-width:860px){.st__grid{grid-template-columns:1fr}.st__grid>li:nth-child(3){display:none}}
@media(prefers-reduced-motion:reduce){.st__card,.st__rate,.hp-go svg{transition:none}}
