.grip-comparison{scroll-margin-top:110px;background:var(--section-bg);border-block:1px solid var(--line)}
.compare-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.compare-tabs button[aria-pressed=true]{background:var(--lime);color:#090b09;border-color:var(--lime)}
.compare-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px}
.compare-pick{display:grid;align-content:start;gap:14px;min-width:0;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.compare-pick label{display:grid;gap:8px;font-weight:700;min-width:0}.compare-pick select{width:100%;min-width:0;max-width:100%;font-size:16px;min-height:48px;background:var(--field-bg);color:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;text-overflow:ellipsis}
.compare-pick img{width:100%;height:170px;object-fit:contain;background:#fff;border-radius:10px}.compare-pick a{text-align:center}
.compare-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.95rem;line-height:1.6}.compare-table th,.compare-table td{padding:18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.compare-table th:first-child{width:23%}.compare-table thead{background:var(--accent-soft);color:#dcffbc}.compare-table tbody th{color:#c5d2ba;font-size:.86rem}.compare-table tbody tr:nth-child(even){background:rgba(255,255,255,.025)}
.compare-sources{display:flex;flex-wrap:wrap;gap:20px;font-size:.85rem}.compare-sources a{color:var(--lime)}
.compare-product-button{width:100%;margin-top:12px;min-height:44px;border:1px solid var(--line);background:transparent;color:var(--lime);border-radius:8px;cursor:pointer;font:700 .9rem Inter,sans-serif}
.compare-product-button:hover{background:var(--accent-soft)}.compare-product-button:focus-visible,.compare-pick select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.grip-advice details{padding:18px 0;border-bottom:1px solid var(--line)}.grip-advice summary{cursor:pointer;font-weight:700;font-size:1.05rem;padding:8px 0}.grip-advice p{max-width:850px;line-height:1.7;color:var(--muted)}.grip-advice a{color:var(--lime)}
.service-time-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.service-time-grid article{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px}.service-time-grid strong{display:block;color:var(--lime);font-size:1.6rem}.service-time-grid p{color:var(--muted)}
#compare-swing,#compare-putter,#grip-advice,#service-times{scroll-margin-top:110px}
@media(max-width:620px){.compare-picks{gap:10px}.compare-pick{padding:12px;gap:12px;background:var(--card)}.compare-pick img{height:120px}.compare-pick .btn{padding:12px 6px;font-size:.85rem}.compare-table th,.compare-table td{padding:12px 7px;font-size:.82rem}.compare-table th:first-child{width:24%}.compare-table tbody th{font-size:.76rem}.service-time-grid{grid-template-columns:1fr}}

.grip-comparison .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Explicit arrows remain visible on dark fields, including iOS Safari. */
.compare-pick select{-webkit-appearance:none;appearance:none;color-scheme:dark;background:var(--field-bg)}
.compare-pick select.has-choices{padding-right:38px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--lime) 50%),linear-gradient(135deg,var(--lime) 50%,transparent 50%);background-repeat:no-repeat;background-position:right 18px center,right 10px center;background-size:8px 8px}
.compare-pick select:disabled{opacity:1;-webkit-text-fill-color:#fff;cursor:default}
.compare-choice-hint{font-size:.75rem;font-weight:400;color:#c5d2ba;line-height:1.4}
@media(forced-colors:active){.compare-pick select.has-choices{appearance:auto;background-image:none}}


/* Compact service guidance within the homepage services area. */
.service-summary{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.service-summary-times{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.service-summary-times p,.service-summary-details p{margin:0}
.service-summary-times strong{display:block;color:var(--text);font-size:.95rem}
.service-summary-times span{display:block;margin-top:5px;color:var(--lime);font-size:1.1rem;font-weight:700}
.service-summary-details p{color:var(--muted);font-size:.875rem;line-height:1.6;max-width:60ch}
.service-summary-details .text-link{display:inline-block;margin-top:12px;padding-block:8px;font-size:.9rem}
@media(max-width:700px){.service-summary{grid-template-columns:1fr;gap:18px}.service-summary-times{gap:16px}.service-summary-times span{font-size:1rem}}