Training Shorts

About

/* ===== Training Shorts (white theme) ===== */ .gr-training-shorts-desc { color:#111; background:#fff; margin:0; padding:0 2%; max-width:none; } .gr-training-shorts-desc *{ box-sizing:border-box; text-align:left; } /* Type scale & section spacing */ .gr-training-shorts-desc h2, .gr-training-shorts-desc h3{ color:#111; line-height:1.25; font-weight:800; letter-spacing:.2px; } .gr-training-shorts-desc h2{ font-size:clamp(1.7rem,2.6vw,2.1rem); margin:2.5rem 0 1rem; } .gr-training-shorts-desc h3{ font-size:clamp(1.28rem,2.2vw,1.55rem); margin:2rem 0 .75rem; } .gr-training-shorts-desc p{ margin:.8rem 0 1.25rem; line-height:1.65; color:#222; } .gr-training-shorts-desc ul{ margin:.4rem 0 1.25rem 1.25rem; } .gr-training-shorts-desc li{ margin:.35rem 0; } .gr-training-shorts-desc strong{ font-weight:750; } /* CTA buttons — smaller black/white */ .gr-training-shorts-desc .shop-btn{ display:inline-block; background:#000; color:#fff; text-decoration:none; font-weight:700; font-size:.9rem; padding:7px 12px; /* smaller */ border-radius:6px; margin:.3rem 0 1.4rem; border:1px solid #000; transition:transform .12s ease, opacity .2s ease; } .gr-training-shorts-desc .shop-btn:hover{ transform:translateY(-1px); opacity:.93; } /* Comparison table (desktop + mobile keeps table with horizontal scroll) */ .gr-training-shorts-desc .table-wrap{ margin:.9rem 0 2rem; border-radius:12px; overflow:hidden; border:1px solid rgba(0,0,0,.12); background:#fff; position:relative; } .gr-training-shorts-desc .table-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; } .gr-training-shorts-desc table{ width:100%; min-width:760px; border-collapse:separate; border-spacing:0; } .gr-training-shorts-desc caption{ text-align:left; font-weight:800; padding:.9rem 1rem .4rem; color:#111; } .gr-training-shorts-desc thead th{ position:sticky; top:0; z-index:1; /* sticky header on mobile scroll */ text-align:left; padding:.85rem 1rem; font-weight:750; background:#f6f7f8; border-bottom:1px solid rgba(0,0,0,.1)

On-page SEO