/* Selected off-white cutaway and equal anthracite wheels. */
#guidegrip-flow { background:#20272d; border:1px solid #37434b; border-radius:10px; box-shadow:none; scroll-margin-top:112px; }
#guidegrip-flow .flow-tablist { padding:0 24px; gap:0; background:#20272d; border-bottom:1px solid #39434b; }
#guidegrip-flow .flow-tab { position:relative; min-height:76px; justify-content:center; gap:12px; padding:16px 18px; border:0; border-radius:0; background:transparent; box-shadow:none; }
#guidegrip-flow .flow-tab:hover { background:#ffffff05; }
#guidegrip-flow .flow-tab[aria-selected=true] { color:#f6f7f8; background:transparent; box-shadow:none; }
#guidegrip-flow .flow-tab[aria-selected=true]::after { content:""; position:absolute; height:3px; background:#ff914f; inset:auto 22% 0; }
#guidegrip-flow .flow-tab-number { width:auto; height:auto; border:0; border-radius:0; background:transparent; color:#83919a; font-size:.9rem; }
#guidegrip-flow .flow-tab[aria-selected=true] .flow-tab-number { background:transparent; color:#ff914f; }
#guidegrip-flow .flow-tab-label { font-size:1.12rem; font-weight:650; }
#guidegrip-flow .flow-tab-subtitle { display:block; margin:3px 0 0; font-size:.86rem; font-weight:400; color:#b7c3cb; }
#guidegrip-flow .flow-panel { grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:24px; padding:20px 28px 22px 18px; align-items:center; background:#20272d; }
#guidegrip-flow .flow-media { aspect-ratio:5/4; border-radius:0; background:#20272d; overflow:hidden; }
#guidegrip-flow .flow-media img, #guidegrip-flow .flow-media video { width:100%; height:100%; object-fit:contain; transform:none; transform-origin:center; }
#guidegrip-flow .flow-copy { padding:0 4px 0 0; }
#guidegrip-flow .flow-kicker { margin-bottom:16px; color:#ff9b65; letter-spacing:.08em; font-size:.82rem; font-weight:650; }
#guidegrip-flow .flow-copy h3 { margin-bottom:20px; font-size:clamp(27px,2.5vw,40px); line-height:1.18; letter-spacing:-.03em; color:#f6f7f8; }
#guidegrip-flow .flow-summary { font-size:1rem; line-height:1.65; color:#c3cdd3; }
#guidegrip-flow .flow-facts { display:grid; grid-template-columns:1fr; gap:18px; margin:30px 0 0; padding:0; border:0; }
#guidegrip-flow .flow-facts li { display:flex; align-items:center; gap:16px; padding:0; border:0; border-radius:0; background:transparent; color:#d0d9df; font-size:.92rem; line-height:1.55; }
#guidegrip-flow .flow-facts li::before { display:none; }
#guidegrip-flow .flow-facts img { width:54px; height:54px; flex:0 0 54px; object-fit:contain; }
#guidegrip-flow .flow-footer { justify-content:flex-start; margin-top:0; min-height:0; padding:0 28px 16px; border:0; background:transparent; }
#guidegrip-flow .flow-caption { margin:0; font-size:.72rem; line-height:1.5; color:#98a8b3; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media(max-width:1100px) {
 #guidegrip-flow .flow-panel { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); padding:18px; gap:20px; }
 #guidegrip-flow .flow-copy h3 { font-size:28px; }
 #guidegrip-flow .flow-facts { gap:15px; margin-top:24px; }
 #guidegrip-flow .flow-facts img { width:46px; height:46px; flex-basis:46px; }
}
@media(max-width:850px) {
 #guidegrip-flow .flow-panel { grid-template-columns:1fr; padding:16px 24px 24px; gap:15px; }
 #guidegrip-flow .flow-visual { width:100%; max-width:700px; margin:0 auto; }
 #guidegrip-flow .flow-copy { padding:0; }
 #guidegrip-flow .flow-copy h3 { font-size:31px; margin-bottom:12px; }
 #guidegrip-flow .flow-facts { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:20px; gap:22px; }
 #guidegrip-flow .flow-footer { padding:0 24px 18px; }
}
@media(max-width:520px) {
 #guidegrip-flow { border-radius:8px; scroll-margin-top:85px; }
 #guidegrip-flow .flow-tablist { padding:0 6px; }
 #guidegrip-flow .flow-tab { gap:6px; padding:12px 4px; min-height:68px; }
 #guidegrip-flow .flow-tab-number { font-size:.75rem; }
 #guidegrip-flow .flow-tab-label { font-size:.93rem; }
 #guidegrip-flow .flow-tab-subtitle { font-size:.7rem; margin-top:3px; }
 #guidegrip-flow .flow-panel { padding:12px 15px 21px; gap:16px; }
 #guidegrip-flow .flow-kicker { margin-bottom:10px; font-size:.75rem; }
 #guidegrip-flow .flow-copy h3 { font-size:27px; }
 #guidegrip-flow .flow-summary { font-size:.94rem; }
 #guidegrip-flow .flow-facts { grid-template-columns:1fr; gap:14px; }
 #guidegrip-flow .flow-facts li { gap:13px; font-size:.87rem; }
 #guidegrip-flow .flow-facts img { width:43px; height:43px; flex-basis:43px; }
 #guidegrip-flow .flow-footer { padding:0 15px 15px; }
}