/* Health guides — loaded only on /health-guides/ and its child pages (inc/guides.php). Uses the storefront tokens. */

.srp-gbyline { margin: .2rem 0 1.4rem; font-size: .86rem; color: var(--srp-muted); line-height: 1.5; }

/* Article typography inside a guide */
.srp-gbody h2 { font-family: var(--srp-font-display); font-weight: 500; font-size: clamp(1.4rem, 1.15rem + 1.1vw, 1.85rem); line-height: 1.2; margin: 2.1rem 0 .6rem; color: var(--srp-ink); }
.srp-gbody h3 { font-family: var(--srp-font-body); font-weight: 700; font-size: 1.02rem; margin: 1.4rem 0 .3rem; color: var(--srp-primary-dark); }
.srp-gbody p, .srp-gbody li { font-size: 1.02rem; line-height: 1.7; color: var(--srp-ink); }
.srp-gbody ul, .srp-gbody ol { padding-left: 1.2rem; }
.srp-gbody .srp-glead { font-size: 1.14rem; line-height: 1.65; color: var(--srp-primary-dark); }
.srp-gbody .srp-gcrumb { font-size: .86rem; margin: 0 0 .4rem; }

/* "Which sounds most like it?" comparison — a table on wide screens, stacked cards on phones */
.srp-gtable { width: 100%; border-collapse: collapse; margin: 1rem 0 1.4rem; font-size: .96rem; }
.srp-gtable th, .srp-gtable td { text-align: left; vertical-align: top; padding: .7rem .8rem; border-bottom: 1px solid var(--srp-line); }
.srp-gtable th { font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; color: var(--srp-muted); border-bottom: 2px solid var(--srp-line-strong); }
.srp-gtable td:first-child { font-weight: 700; color: var(--srp-primary-dark); white-space: nowrap; }
@media (max-width: 620px) {
	.srp-gtable, .srp-gtable tbody, .srp-gtable tr, .srp-gtable td { display: block; width: 100%; }
	.srp-gtable thead { display: none; }
	.srp-gtable tr { border: 1px solid var(--srp-line); border-radius: var(--srp-radius); padding: .6rem .8rem; margin: 0 0 .7rem; background: var(--srp-surface); }
	.srp-gtable td { border: 0; padding: .15rem 0; }
	.srp-gtable td:first-child { white-space: normal; font-size: 1.02rem; }
}

/* Products */
.srp-gprods { margin: 2.2rem 0 1.6rem; }
.srp-gprods h2 { margin-bottom: .3rem; }
.srp-gprods__note { color: var(--srp-muted); font-size: .94rem; margin: 0 0 .9rem; }

/* See a doctor first */
.srp-gdisc { margin: 2rem 0; padding: 1.1rem 1.25rem 1.2rem; border: 1px solid var(--srp-de-line); background: var(--srp-de-bg); border-radius: var(--srp-radius); }
.srp-gdisc h2 { margin: 0 0 .5rem; font-size: 1.15rem; color: var(--srp-de-ink); }
.srp-gdisc ul { margin: 0 0 .8rem; padding-left: 1.1rem; }
.srp-gdisc li { font-size: .95rem; line-height: 1.55; margin: .2rem 0; }
.srp-gdisc p { font-size: .9rem; line-height: 1.6; margin: 0; color: var(--srp-ink); }

/* Contact block: buttons + QR codes */
.srp-gcta { display: grid; grid-template-columns: 1fr auto; gap: 1.4rem; align-items: center; margin: 2.2rem 0 1rem; padding: 1.4rem 1.5rem; border-radius: 16px; background: var(--srp-hero-panel); color: var(--srp-hero-head); }
.srp-gcta h2 { margin: 0 0 .4rem; font-family: var(--srp-font-display); font-weight: 500; font-size: 1.55rem; color: var(--srp-hero-head); }
.srp-gcta p { margin: 0 0 .8rem; font-size: .98rem; line-height: 1.55; color: var(--srp-hero-sub); }
.srp-gcta__btns { display: flex; flex-wrap: wrap; gap: .6rem; }
.srp-gcta__btns a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 1.05rem; border-radius: 999px; font-weight: 700; font-size: .95rem; text-decoration: none; }
.srp-gcta__wa { background: #25d366; color: #0b2b16; }
.srp-gcta__call { background: var(--srp-hero-head); color: var(--srp-primary-dark); }
.srp-gcta__site { border: 1px solid var(--srp-hero-edge); color: var(--srp-hero-head); }
.srp-gcta__btns a:focus-visible { outline: 3px solid var(--srp-hero-kicker); outline-offset: 2px; }
.srp-gcta .srp-gcta__addr { margin: .3rem 0 0; font-size: .84rem; color: var(--srp-hero-sub); }
.srp-gcta__qr { display: flex; gap: .8rem; }
.srp-gcta__qr figure { margin: 0; text-align: center; }
.srp-gcta__qr img { display: block; width: 112px; height: 112px; background: #fff; padding: 6px; border-radius: 10px; }
.srp-gcta__qr figcaption { margin-top: .35rem; font-size: .74rem; line-height: 1.3; color: var(--srp-hero-sub); max-width: 112px; }
@media (max-width: 700px) {
	.srp-gcta { grid-template-columns: 1fr; padding: 1.2rem; }
	.srp-gcta__qr { justify-content: flex-start; }
}

/* Hub page */
.srp-guides__cat { margin: 0 0 2rem; }
.srp-guides__cat h2 { font-family: var(--srp-font-display); font-weight: 500; font-size: 1.45rem; margin: 0 0 .6rem; }
.srp-guides__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.srp-guides__list a { display: block; height: 100%; padding: .85rem 1rem; border: 1px solid var(--srp-line); border-radius: 11px; text-decoration: none; color: var(--srp-ink); background: var(--srp-base); }
.srp-guides__list a:hover, .srp-guides__list a:focus-visible { border-color: var(--srp-primary); box-shadow: 0 1px 0 var(--srp-primary); }
.srp-guides__list strong { display: block; color: var(--srp-primary-dark); margin-bottom: .2rem; }
.srp-guides__list span { display: block; font-size: .9rem; line-height: 1.5; color: var(--srp-muted); }
.srp-guides__empty { color: var(--srp-muted); }