/* Gloves for Life homepage (2026-11-06). Scoped to .gh-main. Large tap targets for limited hand function. */
.gh-main{--moss:#3f5503;--leaf:#5d7f04;--brand:#709706;--suede:#a8784c;--suede-soft:#f6efe6;--sage:#f2f5ea;--ink:#2a2a2a;--stone:#5f5f5f;color:var(--ink)}
.gh-main .container{max-width:1100px}
.gh{font-family:'Roboto',sans-serif}
.gh-main h1,.gh-main h2,.gh-main h3{font-family:'Roboto',sans-serif;text-align:left;color:var(--moss);text-transform:none;letter-spacing:0}
.gh-main h1{font-size:38px;line-height:1.15;font-weight:700;margin:0 0 16px;max-width:26ch}
.gh-main h2{font-size:30px;line-height:1.2;font-weight:700;margin:0 0 12px}
.gh-main h3{font-size:20px;line-height:1.3;font-weight:700;margin:14px 0 6px}
.gh-main p{font-size:17px;line-height:1.6;color:var(--ink)}
.gh-main a{color:var(--leaf)}
.gh-sub{color:var(--stone) !important;max-width:60ch;margin:0 0 18px}
.gh section,.gh-colors{margin:0 0 64px}

/* Buttons: 56px tall, high contrast, obvious focus */
.gh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 30px;border-radius:8px;background:var(--leaf);color:#fff !important;font-size:19px;font-weight:700;text-decoration:none !important;border:2px solid var(--leaf);transition:background-color .15s}
.gh-btn:hover{background:var(--moss);border-color:var(--moss)}
.gh-btn-ghost{background:#fff;color:var(--moss) !important;border-color:var(--moss)}
.gh-btn-ghost:hover{background:var(--sage);color:var(--moss) !important}
.gh-main a:focus-visible,.gh-btn:focus-visible{outline:3px solid var(--suede);outline-offset:3px}
.gh-actions{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 0}

/* Intro */
.gh-hero{background:var(--sage);border-radius:14px;padding:44px 48px 0;margin-top:10px !important;overflow:hidden}
.gh-lede{font-size:20px !important;line-height:1.55 !important;max-width:58ch;margin:0}
.gh-facts{list-style:none;margin:36px -48px 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #dfe6cf}
.gh-facts li{padding:18px 20px;font-size:15px;line-height:1.4;color:var(--stone);border-left:1px solid #dfe6cf}
.gh-facts li:first-child{border-left:0}
.gh-facts strong{display:block;color:var(--moss);font-size:17px;margin-bottom:2px}

/* Why it works */
.gh-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:22px}
.gh-why figure{margin:0}
.gh-why img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.gh-why figcaption p{font-size:16px !important;margin:0}

/* Colors */
.gh-colors{border-top:1px solid #e3e8d6;padding-top:48px}
.gh-colors .row{margin:0}
#choose-color{scroll-margin-top:12px}

/* Owner story: the one bold moment */
.gh-story{display:grid;grid-template-columns:5fr 7fr;gap:0;background:var(--suede-soft);border-radius:14px;overflow:hidden;align-items:stretch}
.gh-story img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}
.gh-story-body{padding:44px 48px}
.gh-story blockquote{margin:0;padding:0;border:0}
.gh-story blockquote p{font-size:29px !important;line-height:1.35 !important;font-weight:300;color:var(--ink);margin:0 0 18px;max-width:28ch}
.gh-story blockquote p::before{content:"\201C";display:block;font-size:80px;line-height:.6;color:var(--suede);font-weight:700;margin-bottom:6px}
.gh-cite{font-size:15px !important;color:var(--stone) !important;margin:0 0 18px !important}
.gh-story-body > p:not(.gh-cite){font-size:17px !important}

/* Customer voices */
.gh-voices-list{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:22px}
.gh-voices blockquote{margin:0;padding:0 0 0 18px;border-left:3px solid var(--suede)}
.gh-voices blockquote p{font-size:17px !important;margin:0 0 10px}
.gh-voices footer{font-size:15px;color:var(--stone);background:none;padding:0}
.gh-more{margin-top:22px !important}

/* Sizing + clinics */
.gh-help{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.gh-help > div{border:1px solid #dfe6cf;border-radius:14px;padding:32px}
.gh-help h2{font-size:24px !important}
.gh-size{width:100%;border-collapse:collapse;margin:6px 0 22px;font-size:16px}
.gh-size th,.gh-size td{text-align:left;padding:9px 0;border-bottom:1px solid #e8ecdf}
.gh-size th{font-weight:700;color:var(--moss)}

/* Closing call to action */
.gh-close{background:var(--moss);border-radius:14px;padding:48px;text-align:left}
.gh-close h2{color:#fff !important}
.gh-close p{color:#e9f0d8 !important;max-width:60ch}
.gh-close .gh-btn{background:#fff;color:var(--moss) !important;border-color:#fff;margin-top:8px}
.gh-close .gh-btn:hover{background:var(--sage)}
.gh-close a:not(.gh-btn){color:#fff;text-decoration:underline}
.gh-phone{font-size:16px !important;margin:18px 0 0 !important}

@media (prefers-reduced-motion:reduce){.gh-btn{transition:none}}

@media (max-width:991px){
  .gh-main h1{font-size:30px}
  .gh-main h2{font-size:25px !important}
  .gh section,.gh-colors{margin-bottom:44px}
  .gh-hero{padding:28px 22px 0;border-radius:0;margin-left:-10px !important;margin-right:-10px !important}
  .gh-lede{font-size:18px !important}
  .gh-facts{grid-template-columns:1fr 1fr;margin:28px -22px 0}
  .gh-facts li{border-left:0;border-top:1px solid #dfe6cf}
  .gh-facts li:nth-child(even){border-left:1px solid #dfe6cf}
  .gh-facts li:nth-child(-n+2){border-top:0}
  .gh-actions .gh-btn{flex:1 1 100%}
  .gh-why-grid,.gh-voices-list,.gh-help{grid-template-columns:1fr;gap:26px}
  .gh-story{grid-template-columns:1fr}
  .gh-story img{min-height:0;height:auto;aspect-ratio:4/3}
  .gh-story-body{padding:28px 22px}
  .gh-story blockquote p{font-size:23px !important}
  .gh-help > div{padding:24px 20px}
  .gh-close{padding:32px 22px}
  .gh-close .gh-btn{width:100%}
  .gh-colors{padding-top:32px}
}

/* === Inner pages (2026-11-06) === */
.gp-head{background:var(--sage);border-radius:14px;padding:22px 32px 26px;margin:14px 0 30px}
.gp-crumbs{font-size:14px;color:var(--stone);margin:0 0 8px}
.gp-crumbs a{color:var(--leaf)}
.gp-crumbs span[aria-hidden]{margin:0 6px;color:#9aa58a}
.gp-head h1{margin:0;max-width:32ch}
.gp-head .gh-lede{margin-top:12px}
.gp > .container > .row{margin:0}
.gp .col-xs-8,.gp .col-xs-12{padding-left:0}
.gp h2{font-size:26px;margin:36px 0 12px}
.gp h2:first-child{margin-top:0}
.gp h3{font-size:19px}
.gp .col-xs-8 > p,.gp .col-xs-12 > p{max-width:68ch}
.gp ul,.gp ol{font-size:17px;line-height:1.6}
.gp .col-xs-4{padding-left:28px;margin-top:0 !important}
.gp .col-xs-4 img{border-radius:10px !important;border:0 !important;margin-bottom:6px !important;width:100%;height:auto}
.gp .img_title{font-size:14px;color:var(--stone);margin-bottom:22px;line-height:1.4}
.gp .gh-facts{margin:22px 0;border:1px solid #dfe6cf;border-radius:12px;overflow:hidden}
.gh-callout{background:var(--suede-soft);border-left:4px solid var(--suede);border-radius:8px;padding:18px 22px;margin:24px 0;max-width:68ch}
.gh-callout p{margin:0 !important}
.gh-callout p + p{margin-top:8px !important}
.gh-steps{counter-reset:s;list-style:none;padding:0 !important;margin:18px 0 22px;max-width:64ch}
.gh-steps li{counter-increment:s;position:relative;padding:4px 0 16px 54px;min-height:40px}
.gh-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--leaf);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:17px}
.gh-table{width:100%;border-collapse:collapse;margin:8px 0 10px;font-size:16px}
.gh-table th{text-align:left;color:var(--moss);border-bottom:2px solid #dfe6cf;padding:10px 14px 10px 0;font-weight:700}
.gh-table td{border-bottom:1px solid #e8ecdf;padding:10px 14px 10px 0;vertical-align:top}
.gh-table td:nth-child(n+2){white-space:nowrap;font-variant-numeric:tabular-nums}
.gh-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:18px 0 8px}
.gh-feats > div{border-top:3px solid var(--brand);padding-top:12px}
.gh-feats h3{margin-top:0}
.gh-feats p{font-size:16px !important;margin:0}
.gh-note{font-size:15px !important;color:var(--stone) !important}
.gh-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:18px 0}
.gh-photos figure{margin:0}
.gh-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.gh-photos h3{margin:10px 0 0;font-size:18px}
.gh-contact{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:18px 0 8px;max-width:760px}
.gh-contact > a,.gh-contact > div{display:block;border:1px solid #dfe6cf;border-radius:12px;padding:18px 20px;text-decoration:none !important;color:var(--ink);min-height:56px}
.gh-contact > a:hover{border-color:var(--leaf);background:var(--sage)}
.gh-contact strong{display:block;color:var(--stone);font-size:14px;font-weight:500;margin-bottom:4px}
.gh-contact span{font-size:19px;font-weight:700;color:var(--moss);line-height:1.35}
.gh-quote{margin:20px 0;padding:0;border:0}
.gh-quote p{font-size:25px !important;line-height:1.4 !important;font-weight:300;max-width:34ch}
.gh-quote p::before{content:"\201C";display:block;font-size:64px;line-height:.6;color:var(--suede);font-weight:700;margin-bottom:6px}
.gp-testis{display:block !important;columns:2;column-gap:26px;margin-top:0 !important}
.gp-testi{break-inside:avoid;display:inline-block;width:100%;margin:0 0 24px;padding:22px 24px;border:1px solid #e3e8d6;border-left:4px solid var(--suede);border-radius:10px}
.gp-testi h3.testi-name{font-size:18px !important;color:var(--moss);margin:0 0 8px}
.gp-testi p,.gp-testi{font-size:16px;line-height:1.6}
/* FAQ accordion (all pages) */
.gfl-faq{padding:6px 0 40px}
.gfl-faq h2{text-align:left;color:#3f5503;font-size:26px;font-weight:700;margin:10px 0 8px}
.faq-list{max-width:860px}
.faq-item{border-bottom:1px solid #e3e8d6}
.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 0}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary h3{margin:0 !important;font-size:18px !important;color:#2a2a2a !important;font-weight:700}
.faq-item summary::after{content:"+";font-size:30px;color:#5d7f04;line-height:1;flex:none;font-weight:300}
.faq-item[open] summary::after{content:"\2212"}
.faq-item summary:focus-visible{outline:3px solid #a8784c;outline-offset:3px}
.faq-a p{margin:0 0 18px !important;font-size:16px !important;line-height:1.6 !important;max-width:72ch;color:#2a2a2a !important}
.gfl-faq .related-links{margin-top:6px}
.gfl-faq .related-links li{display:inline-block;margin:0 10px 10px 0}
.gfl-faq .related-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:2px solid #3f5503;border-radius:8px;color:#3f5503 !important;text-decoration:none !important;font-weight:700;font-size:16px}
.gfl-faq .related-links a:hover{background:#f2f5ea}
.gp-cta{padding:0 0 50px}
.gp-voices{padding:4px 0 40px}
.gp-voices h2{text-align:left;color:#3f5503;font-size:26px;font-weight:700;margin:0 0 18px}
.gp-voices .gh-voices-list{margin-top:0}
.gp-voices blockquote,.gh-voices blockquote,.gp-testi{overflow-wrap:anywhere;word-break:break-word}
.gp-voices blockquote{margin:0;padding:2px 0 0 18px;border-left:3px solid var(--suede);font-size:16px;line-height:1.6;color:var(--ink)}
.gp-voices blockquote p{font-size:16px !important;margin:0 0 10px}
.gp-voices blockquote footer{font-size:15px;color:var(--stone);margin-top:6px}

.gp div[class^="col-xs-"] p,.gp div[class^="col-xs-"] li,.gh-main div[class^="col-xs-"] p{font-size:17px;line-height:1.65}
.gp div[class^="col-xs-"] .gh-feats p,.gp div[class^="col-xs-"] .gh-photos p{font-size:16px}
.gp div[class^="col-xs-"] .gh-facts li{font-size:15px}
.gp div[class^="col-xs-"] .gh-facts strong{font-size:17px}
.gp div[class^="col-xs-"] .gh-contact span{font-size:19px}
.gp div[class^="col-xs-"] .gh-quote p{font-size:25px}
.gp p.gh-lede{font-size:20px !important}
.gp p.gh-note,.gp .gh-note{font-size:15px !important}
.gp .col-xs-8 .gh-facts{grid-template-columns:repeat(2,1fr)}
.gp .col-xs-8 .gh-facts li{border-left:0;border-top:1px solid #dfe6cf}
.gp .col-xs-8 .gh-facts li:nth-child(even){border-left:1px solid #dfe6cf}
.gp .col-xs-8 .gh-facts li:nth-child(-n+2){border-top:0}
.gp .col-xs-8 .gh-feats{grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:991px){
  .gp-head{padding:18px 20px 20px;margin:10px 0 24px;border-radius:10px}
  .gp h2{font-size:23px}
  .gp .col-xs-4{padding-left:0}
  .gh-feats,.gh-photos,.gh-contact,.gp .col-xs-8 .gh-feats{grid-template-columns:1fr !important}
  .gp-testis{columns:1}
  .gh-quote p{font-size:21px !important}
  .gh-table{font-size:14px}
  .gh-table td:nth-child(n+2){white-space:normal}
}