/* ========================================================= FITGEARHQ — GLOBAL STYLES ========================================================= */ /* ========================================================= 1. HERO / IMAGE PRINCIPALE ABOVE-THE-FOLD ========================================================= */ .top-pick-image img { width: 420px; max-width: 100%; height: 420px; object-fit: contain; display: block; margin: 0 auto; } /* ========================================================= 2. IMAGES DANS LES SECTIONS PRODUIT ========================================================= */ .product-thumb img { width: 180px; height: 180px; object-fit: contain; display: block; margin: 0 auto; } /* ========================================================= 3. IMAGES DANS LA TABLE DE COMPARAISON ========================================================= */ figure.comparison-product-image { width: 160px !important; height: 160px !important; margin: 0 auto !important; padding: 8px !important; background: #fff !important; display: flex !important; align-items: center !important; justify-content: center !important; } figure.comparison-product-image img.kb-img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; display: block !important; transform: scale(1.1); } .table-note { font-size: 13px; color: #666; margin-top: 8px; text-align: center; } /* ========================================================= GLOBAL CTA BUTTONS ========================================================= */ body a.wp-block-button__link, body .wp-block-button__link, body .kt-button, body .kb-button, body input[type="button"], body input[type="submit"] { background-color: #C21C27 !important; color: #FFFFFF !important; border-color: #C21C27 !important; } body a.wp-block-button__link:hover, body .wp-block-button__link:hover, body .kt-button:hover, body .kb-button:hover, body input[type="button"]:hover, body input[type="submit"]:hover { background-color: #95161E !important; color: #FFFFFF !important; border-color: #95161E !important; } /* Empêche les FAQ / accordéons d’être stylés comme des boutons */ .wp-block-kadence-accordion button, .kt-accordion-header-wrap button, .kt-blocks-accordion-header { background: transparent !important; color: inherit !important; border: none !important; } /* ========================================================= FITGEARHQ — TOP PICK PRODUCT CARD ========================================================= */ .fghq-product-card { width: 100% !important; max-width: none !important; display: grid !important; grid-template-columns: minmax(0, 0.62fr) minmax(0, 1fr); column-gap: 20px; margin: 28px 0 34px !important; padding: 20px; background: #ffffff; border: 2px solid #2b2b2b; box-sizing: border-box; } /* ========================================================= TOP PICK — IMAGE ========================================================= */ .fghq-product-media { min-width: 0; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 6px 0 0 !important; box-sizing: border-box; } .fghq-product-media .product-thumb { width: 100% !important; max-width: 100% !important; margin: 0 !important; } .fghq-product-media .product-thumb .kb-is-ratio-image { background: #ffffff; } .fghq-product-media .product-thumb img { display: block !important; width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important; } /* ========================================================= TOP PICK — RIGHT COLUMN ========================================================= */ .fghq-product-content { min-width: 0; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; text-align: left !important; box-sizing: border-box; } .fghq-product-content > * { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; text-align: left !important; } /* ========================================================= TOP PICK — INTRO 24 px avant le premier bullet ========================================================= */ .fghq-product-card .fghq-product-content > p { width: 100% !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 24px !important; margin-left: 0 !important; padding: 0 !important; text-align: left !important; } /* ========================================================= TOP PICK — BULLETS ========================================================= */ /* Wrapper Kadence : 24 px après le dernier bullet avant le CTA */ .fghq-product-card .fghq-product-content .wp-block-kadence-iconlist, .fghq-product-card .fghq-product-content .kt-svg-icon-list-items { width: 100% !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 24px !important; margin-left: 0 !important; padding: 0 !important; text-align: left !important; } /* Liste réelle : 20 px entre chaque bullet */ .fghq-product-card .fghq-product-content ul.kt-svg-icon-list { width: 100% !important; display: flex !important; flex-direction: column !important; gap: 20px !important; row-gap: 20px !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* Bullet individuel */ .fghq-product-card .fghq-product-content .kt-svg-icon-list-item-wrap { margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; align-items: flex-start !important; text-align: left !important; } /* Check aligné sur la première ligne du texte */ .fghq-product-card .fghq-product-content .kt-svg-icon-list-item-wrap > .kadence-dynamic-icon { flex: 0 0 auto !important; margin-top: 0.15em !important; } /* ========================================================= TOP PICK — CTA ========================================================= */ .fghq-product-card .fghq-product-content .wp-block-kadence-advancedbtn, .fghq-product-card .fghq-product-content .kb-buttons-wrap { width: auto !important; max-width: none !important; display: flex !important; align-self: flex-start !important; justify-self: start !important; justify-content: flex-start !important; margin-top: 0 !important; margin-right: auto !important; margin-bottom: 0 !important; margin-left: 0 !important; padding: 0 !important; text-align: left !important; } /* ========================================================= TOP PICK — TABLET ========================================================= */ @media (max-width: 1024px) { .fghq-product-card { column-gap: 16px; padding: 18px; } .fghq-product-media { padding-right: 4px !important; } } /* ========================================================= TOP PICK — MOBILE ========================================================= */ @media (max-width: 767px) { .fghq-product-card { display: block !important; margin: 22px 0 28px !important; padding: 16px; } .fghq-product-media { width: 100%; padding: 0 !important; margin: 0 0 24px !important; } .fghq-product-media .product-thumb { width: 100% !important; max-width: 100% !important; } .fghq-product-card .fghq-product-content > p { margin-bottom: 24px !important; } .fghq-product-card .fghq-product-content .wp-block-kadence-iconlist, .fghq-product-card .fghq-product-content .kt-svg-icon-list-items { margin-bottom: 24px !important; } .fghq-product-card .fghq-product-content ul.kt-svg-icon-list { gap: 20px !important; row-gap: 20px !important; margin: 0 !important; } } /* ========================================================= FITGEARHQ — PRODUCT DECISION GRID Six visible decision boxes: Best Usage, Key Specs, For, Pros, Not For, Cons. ========================================================= */ .fghq-product-decision-grid { width: 100%; } .fghq-product-decision-grid > .kt-row-column-wrap { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 1rem !important; column-gap: 1rem !important; row-gap: 1rem !important; } .fghq-decision-column { width: 100% !important; height: 100%; padding: 0 !important; border: 0 !important; box-sizing: border-box; } .fghq-decision-column > .kt-inside-inner-col { height: 100%; } .fghq-decision-stack { display: flex !important; flex-direction: column !important; height: 100%; gap: 1rem !important; margin: 0 !important; padding: 0 !important; } .fghq-decision-section { margin: 0 !important; padding: 24px 26px !important; background: #ffffff !important; border: 2px solid #2b2b2b !important; box-sizing: border-box; } .fghq-decision-section + .fghq-decision-section { margin-top: 0 !important; } .fghq-product-decision-grid h3 { margin-top: 0 !important; margin-bottom: 10px !important; } .fghq-product-decision-grid ul { margin-top: 0 !important; margin-bottom: 0 !important; padding-left: 20px; } .fghq-product-decision-grid li { margin-bottom: 9px; } .fghq-product-decision-grid li:last-child { margin-bottom: 0; } @media (max-width: 1024px) { .fghq-decision-section { padding: 22px 22px !important; } } @media (max-width: 767px) { .fghq-product-decision-grid > .kt-row-column-wrap { grid-template-columns: minmax(0, 1fr) !important; gap: 1rem !important; } .fghq-decision-column { width: 100% !important; padding: 0 !important; margin: 0 !important; border: 0 !important; } .fghq-decision-stack { gap: 1rem !important; } .fghq-decision-section { padding: 22px 20px !important; } } /* ========================================================= FITGEARHQ — DETAILED FITSCORE ========================================================= */ .fghq-scorecard { width: 100%; max-width: none; margin: 28px 0 34px; padding: 0; background: #ffffff; border: 2px solid #2b2b2b; font-family: inherit; box-sizing: border-box; } .fghq-scorecard *, .fghq-scorecard *::before, .fghq-scorecard *::after { box-sizing: border-box; } .fghq-scorecard-inner { width: 100%; padding: 28px 30px; } /* ========================================================= DETAILED FITSCORE — HEADER ========================================================= */ .fghq-score-header { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #e5e5e5; } .fghq-score-eyebrow { margin-bottom: 5px; font-size: 11px; line-height: 1.2; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: #555; } .fghq-score-title { margin: 0; font-size: 22px; line-height: 1.25; font-weight: 750; color: #222; } .fghq-score-context { margin-top: 6px; font-size: 13px; line-height: 1.45; color: #666; } .fghq-total { flex: 0 0 auto; text-align: right; white-space: nowrap; } .fghq-total-number { font-size: 48px; line-height: .95; font-weight: 800; letter-spacing: -0.04em; color: #222; } .fghq-total-outof { margin-left: 3px; font-size: 15px; font-weight: 600; color: #777; } /* ========================================================= DETAILED FITSCORE — SCORES ========================================================= */ .fghq-scores { display: grid; grid-template-columns: 1fr 1fr; gap: 0 42px; } .fghq-score-column { min-width: 0; } .fghq-score-row { display: grid; grid-template-columns: 120px 38px 1fr; align-items: center; gap: 12px; margin: 12px 0; } .fghq-score-label { font-size: 14px; line-height: 1.3; font-weight: 650; color: #2b2b2b; } .fghq-score-value { text-align: right; font-size: 14px; font-weight: 750; color: #222; } .fghq-bar { width: 100%; height: 9px; overflow: hidden; border-radius: 999px; background: #e9ecef; } .fghq-bar-fill { height: 100%; border-radius: inherit; background: #C21C27; } /* ========================================================= DETAILED FITSCORE — DETAILS ========================================================= */ .fghq-score-details { margin-top: 24px; padding-top: 18px; border-top: 1px solid #e5e5e5; } .fghq-score-details summary { cursor: pointer; font-size: 14px; line-height: 1.4; font-weight: 750; color: #222; } .fghq-score-details summary:hover { text-decoration: underline; } .fghq-breakdown-intro { margin: 17px 0 0; font-size: 13.5px; line-height: 1.6; color: #555; } /* ========================================================= KEY SCORING DRIVER ========================================================= */ .fghq-driver { margin-top: 16px; padding: 15px 17px; background: #f4f4f4; border-left: 4px solid #222; font-size: 13.5px; line-height: 1.6; color: #444; } .fghq-driver strong { color: #222; } /* ========================================================= BREAKDOWN TABLE ========================================================= */ .fghq-breakdown { margin-top: 18px; } .fghq-breakdown-row { display: grid; grid-template-columns: 1fr 80px 80px; gap: 14px; padding: 9px 0; border-bottom: 1px solid #eeeeee; font-size: 14px; } .fghq-breakdown-head { font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #777; } .fghq-breakdown-number { text-align: right; } /* ========================================================= SUB-SCORE METHODOLOGY ========================================================= */ .fghq-primary-factor { margin-top: 18px; padding: 16px 18px; background: #f4f4f4; font-size: 13.5px; line-height: 1.65; color: #333; } .fghq-primary-factor strong { display: block; margin-bottom: 7px; font-size: 14px; color: #222; } .fghq-weight-line { display: flex; justify-content: space-between; gap: 20px; max-width: 310px; } .fghq-weight-line span:last-child { font-weight: 700; } /* ========================================================= DETAILED FITSCORE — TABLET ========================================================= */ @media (max-width: 800px) { .fghq-scorecard-inner { padding: 24px 22px; } .fghq-scores { grid-template-columns: 1fr; gap: 0; } .fghq-total-number { font-size: 40px; } } /* ========================================================= DETAILED FITSCORE — MOBILE ========================================================= */ @media (max-width: 600px) { .fghq-scorecard { margin: 22px 0 28px; } .fghq-scorecard-inner { padding: 18px 16px; } .fghq-score-header { align-items: flex-start; gap: 12px; } .fghq-score-title { font-size: 18px; } .fghq-score-context { font-size: 12.5px; } .fghq-total-number { font-size: 34px; } .fghq-total-outof { font-size: 13px; } .fghq-score-row { grid-template-columns: 105px 34px 1fr; gap: 8px; } .fghq-score-label, .fghq-score-value { font-size: 13px; } .fghq-breakdown-row { grid-template-columns: 1fr 52px 58px; gap: 8px; font-size: 13px; } } /* FGHQ PRODUCT SECTION BACKGROUNDS START */ .fghq-product-section--gray { background: #e4e4e4 !important; background-color: #e4e4e4 !important; } .fghq-product-section--white { background: #ffffff !important; background-color: #ffffff !important; } /* FGHQ PRODUCT SECTION BACKGROUNDS END */ /* ========================================================= FITGEARHQ — GLOBAL ARTICLE RHYTHM + HEADER + FAQ/EXPLORE ========================================================= */ /* 1) Header / primary navigation: white, matching the logo background. */ #masthead, #masthead .site-header-row-container-inner, #masthead .site-top-header-wrap .site-header-row-container-inner, #masthead .site-main-header-wrap .site-header-row-container-inner, #masthead .site-bottom-header-wrap .site-header-row-container-inner, #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start), #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner { background: var(--global-palette9, #ffffff) !important; } .header-navigation .header-menu-container ul ul.sub-menu, .header-navigation .header-menu-container ul ul.submenu, .header-navigation .header-menu-container ul ul li.menu-item > a, .header-navigation .header-menu-container ul ul li.menu-item > a:hover, .header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a { background: var(--global-palette9, #ffffff) !important; } /* 2) Best-article title zone: H1 + breadcrumb + disclosure + author/meta all on Base 7. */ body.fghq-best-article .entry-hero-container-inner, body.fghq-best-article .entry-hero-container-inner .entry-header, body.fghq-best-article .entry-hero-container-inner .hero-section-overlay, body.fghq-best-article .entry-hero-container-inner .fitgearhq-disclosure-top, body.fghq-best-article .entry-hero-container-inner .entry-meta, body.fghq-best-article .entry-hero-container-inner .kadence-breadcrumbs { background: var(--global-palette7, #e4e4e4) !important; } /* Keep the disclosure visually integrated instead of creating a separate strip. */ body.fghq-best-article .entry-hero-container-inner .fitgearhq-disclosure-top { margin-top: 10px !important; margin-bottom: 10px !important; } body.fghq-best-article .entry-hero-container-inner .entry-meta { margin-top: 0 !important; } /* Canonical Best header spacing — target live Best posts by their comparison section. */ body.single-post:has(.fghq-section-comparison) .entry-hero-container-inner .kadence-breadcrumbs { margin-bottom: 10px !important; } body.single-post:has(.fghq-section-comparison) .entry-hero-container-inner #fitgearhq-top-disclosure-shell, body.single-post:has(.fghq-section-comparison) .entry-hero-container-inner .fitgearhq-disclosure-top, body.single-post:has(.fghq-section-comparison) .entry-hero-container-inner .fitgearhq-disclosure-top p { margin-top: 0 !important; margin-bottom: 0 !important; } body.single-post:has(.fghq-section-comparison) .entry-hero-container-inner .entry-meta { margin-top: 10px !important; } /* Live Kadence disclosure spacing — exact DOM generated by Affiliate CRO. */ .single-post .entry-hero-container-inner .kadence-breadcrumbs { margin-bottom: 0 !important; } .single-post .entry-hero-container-inner #fitgearhq-top-disclosure-shell .fitgearhq-disclosure-top { margin-top: 8px !important; margin-bottom: 0 !important; } .single-post .entry-hero-container-inner .kadence-breadcrumbs + .entry-meta { margin-top: 8px !important; } /* FitGearHQ Best — canonical Amazon CTA appearance (skill v1.36). Shared across all Best posts and every Amazon CTA location. Width is deliberately NOT set here: each container owns its available width. */ body.fghq-best-article{ --fghq-cta-bg:#c21c27; --fghq-cta-bg-hover:#95161e; --fghq-cta-radius:0px; --fghq-cta-height:56px; --fghq-cta-font-size:15px; --fghq-cta-weight:700; --fghq-cta-padding:10px 14px; } body.fghq-best-article a.fitgearhq-amazon-link:is(.kb-button,.fghq-v3-cta,.wp-block-button__link){ display:inline-flex!important; align-items:center!important; justify-content:center!important; vertical-align:middle!important; box-sizing:border-box!important; height:var(--fghq-cta-height)!important; min-height:var(--fghq-cta-height)!important; padding:var(--fghq-cta-padding)!important; border:1px solid var(--fghq-cta-bg)!important; border-radius:var(--fghq-cta-radius)!important; background:var(--fghq-cta-bg)!important; background-color:var(--fghq-cta-bg)!important; color:#fff!important; font-family:var(--global-body-font-family,inherit)!important; font-size:var(--fghq-cta-font-size)!important; font-weight:var(--fghq-cta-weight)!important; text-transform:uppercase!important; letter-spacing:.01em!important; line-height:1.24!important; text-align:center!important; text-decoration:none!important; white-space:normal!important; box-shadow:none!important; text-shadow:none!important; transition:background-color .18s ease,border-color .18s ease!important; } body.fghq-best-article a.fitgearhq-amazon-link:is(.kb-button,.fghq-v3-cta,.wp-block-button__link):is(:hover,:focus){ background:var(--fghq-cta-bg-hover)!important; background-color:var(--fghq-cta-bg-hover)!important; border-color:var(--fghq-cta-bg-hover)!important; color:#fff!important; border-radius:var(--fghq-cta-radius)!important; } body.fghq-best-article a.fitgearhq-amazon-link:is(.kb-button,.fghq-v3-cta,.wp-block-button__link):focus-visible{ outline:2px solid var(--fghq-cta-bg)!important; outline-offset:3px!important; } /* 4) Standard editorial rhythm after the product shortlist. Remove the former 6.5rem top void before "How We Selected". */ body.fghq-best-article .single-content .fghq-product-section + .wp-block-group.alignfull:not(.fghq-product-section):not(:has(.wp-block-accordion, .wp-block-kadence-accordion, .kt-accordion-wrap)) { margin-top: 0 !important; margin-bottom: 0 !important; } body.fghq-best-article .single-content .fghq-product-section + .wp-block-group.alignfull:not(.fghq-product-section):not(:has(.wp-block-accordion, .wp-block-kadence-accordion, .kt-accordion-wrap)) > .wp-block-kadence-rowlayout > .kt-row-column-wrap { padding-top: var(--global-kb-spacing-xl, 3rem) !important; padding-bottom: var(--global-kb-spacing-xl, 3rem) !important; } .single-content > .wp-block-group:has(.wp-block-accordion):has(+ .fghq-physical-explore), .single-content > .wp-block-group:has(.wp-block-kadence-accordion):has(+ .fghq-physical-explore), .single-content > .wp-block-group:has(.kt-accordion-wrap):has(+ .fghq-physical-explore) { margin-top: 0 !important; margin-bottom: 0 !important; padding-bottom: 2rem !important; } .fghq-physical-explore, .fghq-section-explore, .fghq-generated-explore { margin-top: 0 !important; margin-bottom: 0 !important; } /* 5b) Canonical Explore cards. */ .fghq-generated-inner { width: 100%; max-width: var(--global-content-width, 1290px); margin: 0 auto; padding: 3rem var(--global-content-edge-padding, 1.5rem); box-sizing: border-box; } .fghq-generated-inner > h2 { margin: 0 0 1.5rem !important; } .fghq-related-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; } .fghq-related-card { margin: 0 !important; overflow: hidden; background: #ffffff; border: 1px solid #d8d8d8; box-sizing: border-box; } .fghq-related-card-link { display: block; height: 100%; color: #222 !important; text-decoration: none !important; } .fghq-related-image { width: 100%; aspect-ratio: 3 / 2; overflow: hidden; background: #f4f4f4; } .fghq-related-image img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; } .fghq-related-card h3 { margin: 0 !important; padding: 1.125rem 1.125rem 1.25rem !important; font-size: 1.25rem !important; line-height: 1.3 !important; font-weight: 750; color: #222 !important; text-decoration: none !important; } .fghq-related-card-link:hover h3 { color: #C21C27 !important; } /* 5c) Canonical section rhythm and product CTA spacing. */ .fghq-product-section { margin-top: 0 !important; margin-bottom: 0 !important; } /* Canonical site-wide Amazon affiliate-label spacing. Affiliate CRO injects the label AFTER the button wrapper, as its sibling. */ .kb-buttons-wrap:has(+ .fitgearhq-link-label-button), .wp-block-buttons:has(+ .fitgearhq-link-label-button), .kb-button-wrapper:has(+ .fitgearhq-link-label-button), .kt-button-wrap:has(+ .fitgearhq-link-label-button), .kt-btn-wrap:has(+ .fitgearhq-link-label-button), .wp-block-button:has(+ .fitgearhq-link-label-button), .kb-button:has(+ .fitgearhq-link-label-button), .kt-button:has(+ .fitgearhq-link-label-button) { margin-bottom: 0 !important; padding-bottom: 0 !important; gap: 0 !important; row-gap: 0 !important; } .kb-buttons-wrap + .fitgearhq-link-label-button, .wp-block-buttons + .fitgearhq-link-label-button, .kb-button-wrapper + .fitgearhq-link-label-button, .kt-button-wrap + .fitgearhq-link-label-button, .kt-btn-wrap + .fitgearhq-link-label-button, .wp-block-button + .fitgearhq-link-label-button, .kb-button + .fitgearhq-link-label-button, .kt-button + .fitgearhq-link-label-button { display: block !important; width: 100% !important; margin-top: 4px !important; margin-bottom: 0 !important; margin-left: 0 !important; padding-top: 0 !important; font-size: 10px !important; line-height: 1.2 !important; color: #999 !important; opacity: .8 !important; font-weight: 500 !important; text-align: left !important; clear: both !important; } /* Legacy Best pages that have not yet migrated to the v1.37 Gutenberg section structure retain their previous 48px desktop / 40px mobile padding. This prevents accidental regressions while each page is rebuilt in turn. */ body.fghq-best-article:not(:has(.fghq-v3-comparison-section)) .entry-content :is( .fghq-section-comparison:not(.fghq-h2-section), .fghq-section-key-takeaways:not(.fghq-h2-section), .fghq-product-section:not(.fghq-h2-section), .fghq-section-faq:not(.fghq-h2-section) ) { padding-top:48px!important; padding-bottom:48px!important; } body.fghq-best-article:not(:has(.fghq-v3-comparison-section)) .entry-content :not(.fghq-h2-section) > h2.wp-block-heading { margin-top:0!important; margin-bottom:24px!important; } @media(max-width:767px){ body.fghq-best-article:not(:has(.fghq-v3-comparison-section)) .entry-content :is( .fghq-section-comparison:not(.fghq-h2-section), .fghq-section-key-takeaways:not(.fghq-h2-section), .fghq-product-section:not(.fghq-h2-section), .fghq-section-faq:not(.fghq-h2-section) ) { padding-top:40px!important; padding-bottom:40px!important; } } /* Legacy Best pages only: previous Kadence H3 layout compatibility. One 16px gap whether the heading shares a container with its content or occupies an independent Kadence row. Applies across Best articles. */ body.fghq-best-article:not(:has(.fghq-v3-comparison-section)) { --fghq-h3-content-gap:16px; --fghq-h3-section-top-gap:32px; } body.fghq-best-article:not(:has(.fghq-v3-comparison-section)) .entry-content h3.wp-block-heading { font-size:clamp(1.35rem,2vw,1.65rem)!important; font-weight:700!important; line-height:1.3!important; letter-spacing:-.02em!important; text-align:left!important; margin-top:0!important; margin-bottom:0!important; padding:0!important; } /* A Kadence content row can be a CSS grid with an implicit row-gap. When H3 and content share that grid, neutralize the grid gap so that the single H3->content margin below is exactly the spacing token. */ body.fghq-best-article:not(:has(.fghq-v3-comparison-section)) .fghq-product-section .kt-row-column-wrap:has(> h3.wp-block-heading + :is(p,ul,ol,figure,.wp-block-group)) { row-gap:0!important; gap:0!important; } body.fghq-best-article:not(:has(.fghq-v3-comparison-section)) .entry-content h3.wp-block-heading + :is(p,ul,ol,figure,.wp-block-group) { margin-top:var(--fghq-h3-content-gap)!important; margin-bottom:0!important; } body.fghq-best-article:not(:has(.fghq-v3-comparison-section)) .fghq-product-section .kt-row-column-wrap:has(> h3.wp-block-heading + p.wp-block-paragraph) > p.wp-block-paragraph + .wp-block-kadence-advancedbtn { margin-top:24px!important; } body.fghq-best-article:not(:has(.fghq-v3-comparison-section)) .entry-content .fghq-product-title-inner { margin-bottom:0!important; } body.fghq-best-article:not(:has(.fghq-v3-comparison-section)) .entry-content .fghq-product-title-inner + .kb-row-layout-wrap { margin-top:var(--fghq-h3-content-gap)!important; padding-top:0!important; } body.fghq-best-article:not(:has(.fghq-v3-comparison-section)) .entry-content .fghq-product-title-inner + .kb-row-layout-wrap > .kt-row-column-wrap { padding-top:0!important; } body.fghq-best-article:not(:has(.fghq-v3-comparison-section)) .fghq-product-section > .kb-row-layout-wrap:has(> .kt-row-column-wrap > h3.wp-block-heading) { margin-top:var(--fghq-h3-section-top-gap)!important; margin-bottom:0!important; padding-top:0!important; padding-bottom:0!important; } body.fghq-best-article:not(:has(.fghq-v3-comparison-section)) .fghq-product-section > .kb-row-layout-wrap:has(> .kt-row-column-wrap > h3.wp-block-heading) > .kt-row-column-wrap { margin-top:0!important; margin-bottom:0!important; padding-top:0!important; padding-bottom:0!important; } body.fghq-best-article:not(:has(.fghq-v3-comparison-section)) .fghq-product-section .fghq-fitscore-heading-row + .kb-row-layout-wrap { margin-top:var(--fghq-h3-content-gap)!important; padding-top:0!important; } body.fghq-best-article:not(:has(.fghq-v3-comparison-section)) .fghq-product-section .fghq-fitscore-heading-row + .kb-row-layout-wrap > .kt-row-column-wrap { padding-top:0!important; } body.fghq-best-article:not(:has(.fghq-v3-comparison-section)) .fghq-product-section .fghq-nutshell-heading-row + .fghq-v2-nutshell-grid { margin-top:var(--fghq-h3-content-gap)!important; } /* Product-title wrapper uses the exact same horizontal geometry as Kadence content rows. This aligns the title with product cards without creating any H2-specific styling. */ .fghq-product-title-inner { width: 100% !important; max-width: var(--global-content-width, 1290px) !important; padding-left: var(--global-content-edge-padding, 1.5rem) !important; padding-right: var(--global-content-edge-padding, 1.5rem) !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } .fghq-section-faq > .fghq-section-faq { padding-top: 0 !important; padding-bottom: 0 !important; } .fghq-section-explore { padding-top: 0 !important; padding-bottom: 0 !important; } .entry-content > ul.wp-block-list:has(+ .fghq-product-section) { margin-bottom: 0 !important; } @media (max-width: 1024px) { .fghq-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .fghq-generated-inner { padding-top: 2.5rem; padding-bottom: 2.5rem; } .fghq-related-grid { grid-template-columns: minmax(0, 1fr); gap: 1rem; } .fghq-related-card h3 { font-size: 1.125rem !important; padding: 1rem 1rem 1.125rem !important; } } /* 6) Remove the theme's white content-area gap before the dark footer. */ body.fghq-best-article .content-area { margin-bottom: 0 !important; } @media (max-width: 767px) { body.fghq-best-article .single-content .fghq-product-section + .wp-block-group.alignfull:not(.fghq-product-section):not(:has(.wp-block-accordion, .wp-block-kadence-accordion, .kt-accordion-wrap)) > .wp-block-kadence-rowlayout > .kt-row-column-wrap { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .fghq-product-section .kb-buttons-wrap { width: 100% !important; max-width: 100% !important; } /* Mobile keeps each CTA within its containing column. Appearance and padding come only from the canonical Amazon CTA token above. */ .fghq-product-section a.kb-button.location-top-card, .fghq-product-section a.kb-button.location-why, .fghq-product-section a.kb-button.location-bottom { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; text-align: center !important; } } /* FitGearHQ P0 global visual corrections — 2026-10-03 */ /* Main header row: match the logo background exactly (#F6F6F6). */ #masthead .site-main-header-wrap, #masthead .site-main-header-wrap .site-header-row-container-inner, #masthead .site-main-header-wrap .site-container, #masthead .site-main-header-wrap .site-main-header-inner-wrap, #masthead .site-main-header-wrap .site-header-section { background: #F6F6F6 !important; } /* Top disclosure inherits the continuous gray hero background. Explicitly neutralize bottom-disclosure rules that would otherwise match it. */ body.fghq-best-article .entry-hero-container-inner, body.fghq-best-article .entry-hero-container-inner .entry-header, body.fghq-best-article .entry-hero-container-inner .hero-container, body.fghq-best-article .entry-hero-container-inner .kadence-breadcrumbs { background: var(--global-palette7, #e4e4e4) !important; } body.fghq-best-article #fitgearhq-top-disclosure-shell, body.fghq-best-article #fitgearhq-top-disclosure-shell .fitgearhq-disclosure-top, body.fghq-best-article #fitgearhq-top-disclosure-shell p { background: transparent !important; background-image: none !important; box-shadow: none !important; clip-path: none !important; border: 0 !important; } body.fghq-best-article #fitgearhq-top-disclosure-shell::before, body.fghq-best-article #fitgearhq-top-disclosure-shell::after { content: none !important; display: none !important; } /* 1) Comparison Table + Key Takeaways: full-width white sections. */ body.fghq-best-article .fghq-section-comparison, body.fghq-best-article .fghq-section-takeaways { background: #fff !important; box-shadow: 0 0 0 100vmax #fff !important; clip-path: inset(0 -100vmax); } /* 2) Comparison table: structural global rule for every Best comparison component. The label column stays neutral; product #1 (column 2 overall) is highlighted red. */ .fghq-section-comparison .wp-block-kadence-table { display: block !important; width: 100% !important; max-width: 100% !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; overscroll-behavior-inline: contain; } .fghq-section-comparison table { width: 100% !important; max-width: none !important; } .fghq-section-comparison table tr > :first-child { background: #fff !important; } .fghq-section-comparison table tbody tr:nth-child(even) > :first-child { background: #f1f1f1 !important; } .fghq-section-comparison table thead tr > :first-child { background: #fff !important; } .fghq-section-comparison table tr > :nth-child(2) { background: rgba(194,28,39,.27) !important; } .fghq-section-comparison table tr:hover > :nth-child(2) { background: rgba(194,28,39,.37) !important; } @media (max-width: 767px) { .fghq-section-comparison .wp-block-kadence-table { touch-action: pan-x pan-y; } .fghq-section-comparison table { width: 1100px !important; min-width: 1100px !important; table-layout: fixed !important; } .fghq-section-comparison table tr > :first-child { width: 130px !important; min-width: 130px !important; position: sticky; left: 0; z-index: 3; } .fghq-section-comparison table thead tr > :first-child { z-index: 4; } .fghq-section-comparison table tr > :not(:first-child) { width: 194px !important; min-width: 194px !important; } } /* 3) Decision / bullet grid: same usable width as product card and FitScore. */ body.fghq-best-article .fghq-product-decision-grid { display: block !important; width: 100% !important; } body.fghq-best-article .fghq-product-decision-grid > .kt-row-column-wrap { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 1rem !important; box-sizing: border-box !important; } body.fghq-best-article .fghq-product-decision-grid .fghq-decision-column { min-width: 0 !important; width: 100% !important; box-sizing: border-box !important; padding: 0 !important; } body.fghq-best-article .fghq-product-decision-grid .fghq-decision-column > .kt-inside-inner-col { padding: 24px 26px !important; margin: 0 !important; box-sizing: border-box !important; } body.fghq-best-article .fghq-product-decision-grid .fghq-decision-section + .fghq-decision-section { margin-top: 24px !important; padding-top: 22px !important; border-top: 2px solid #2b2b2b !important; } body.fghq-best-article .fghq-product-decision-grid h3 { margin: 0 0 12px !important; } body.fghq-best-article .fghq-product-decision-grid ul { margin: 0 !important; padding-left: 1.25rem !important; } body.fghq-best-article .fghq-product-decision-grid li + li { margin-top: 9px !important; } /* 4) Everything after Explore: white bottom area on posts and pages. */ body.single-post .fghq-section-explore ~ *, body.page .fghq-section-explore ~ *, body.single-post .entry-footer, body.single-post .entry-author, body.single-post .entry-author-profile, body.single-post .post-navigation, body.single-post .fitgearhq-disclosure-bottom, body.single-post .comments-area, body.page .entry-footer, body.page .entry-author, body.page .entry-author-profile, body.page .post-navigation, body.page .fitgearhq-disclosure-bottom, body.page .comments-area { background: #fff !important; } body.single-post .entry-footer, body.single-post .entry-author, body.single-post .entry-author-profile, body.single-post .post-navigation, body.single-post .fitgearhq-disclosure-bottom, body.single-post .comments-area, body.page .entry-footer, body.page .entry-author, body.page .entry-author-profile, body.page .post-navigation, body.page .fitgearhq-disclosure-bottom, body.page .comments-area { box-shadow: 0 0 0 100vmax #fff !important; clip-path: inset(0 -100vmax); } /* Override the Best Article System gray continuous-end rule after Explore. */ body.fghq-best-article.single-post .fitgearhq-disclosure-bottom, body.fghq-best-article.single-post .fitgearhq-disclosure-bottom > p, body.fghq-best-article.single-post p:has(a[href*="affiliate-disclosure"]), body.fghq-best-article.single-post .entry-footer, body.fghq-best-article.single-post .entry-author, body.fghq-best-article.single-post .entry-author-profile, body.fghq-best-article.single-post .post-navigation { background: #fff !important; box-shadow: 0 0 0 100vmax #fff !important; clip-path: inset(0 -100vmax); } /* Keep every transparent structural gap in Best article content white. */ body.fghq-best-article .content-area, body.fghq-best-article .content-container, body.fghq-best-article .site-main, body.fghq-best-article .content-wrap, body.fghq-best-article article.entry, body.fghq-best-article article.entry > .entry-content-wrap { background: #fff !important; } /* Full-bleed white canvas prevents the gray body background showing through between disclosure, tags, author and navigation. */ /* Do not let the article body paint over Kadence's title hero or header. Full-width section backgrounds are owned by each individual section. */ body.fghq-best-article article.entry > .entry-content-wrap { position: relative; box-shadow: none !important; } body.fghq-best-article:not(:has(.fghq-v3-comparison-section)) article.entry > .entry-content-wrap { clip-path: inset(0 -100vmax); } /* Cover Kadence's structural md-spacing gap between article content and tags without moving the visible tag row. */ body.fghq-best-article.single-post .entry-footer { margin-top: calc(-1 * var(--global-md-spacing, 1.5rem)) !important; padding-top: calc(1rem + var(--global-md-spacing, 1.5rem)) !important; } body.page article.entry:has(.fghq-section-explore), body.page article.entry:has(.fghq-section-explore) > .entry-content-wrap { background: #fff !important; box-shadow: 0 0 0 100vmax #fff !important; clip-path: inset(0 -100vmax); } @media (max-width: 900px) { body.fghq-best-article .fghq-product-decision-grid > .kt-row-column-wrap { grid-template-columns: 1fr !important; } body.fghq-best-article .fghq-product-decision-grid .fghq-decision-column > .kt-inside-inner-col { padding: 18px !important; } } /* FGHQ BEST CONTENT WIDTH — canonical global rule Reference: product-card rows. All Best-article content uses the same left/right axis as product cards: Kadence global content width with the standard global edge padding. Backgrounds may remain full-width; content does not. */ body.fghq-best-article { --fghq-best-content-adjust: calc( var(--global-content-boxed-padding, 2rem) - var(--global-content-edge-padding, 1.5rem) ); --fghq-best-content-max: calc( var(--global-content-width, 1290px) - (2 * var(--global-content-edge-padding, 1.5rem)) ); } /* Top-level Kadence sections: same geometry as product-card rows. */ body.fghq-best-article .entry-content > .wp-block-group.alignfull > .wp-block-kadence-rowlayout > .kt-row-column-wrap, body.fghq-best-article .entry-content > .wp-block-kadence-rowlayout > .kt-row-column-wrap { width: 100% !important; max-width: var(--global-content-width, 1290px) !important; padding-left: var(--global-content-edge-padding, 1.5rem) !important; padding-right: var(--global-content-edge-padding, 1.5rem) !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } /* Direct article-flow blocks live inside Kadence's 2rem article wrapper. Product rows use 1.5rem edge padding, so expand by only the exact difference: 0.5rem per side on desktop/tablet, 0 on mobile. */ body.fghq-best-article:not(:has(.fghq-v3-comparison-section)) .entry-content > :where( #ez-toc-container, p, h2, h3, h4, h5, h6, figure.wp-block-image, figure.fghq-article-hero, ul, ol, blockquote, .fghq-section:not(.fghq-product-section), .fghq-physical-explore, .fghq-section-explore, .fghq-generated-explore ) { width: calc(100% + (2 * var(--fghq-best-content-adjust))) !important; max-width: var(--fghq-best-content-max) !important; margin-left: calc(-1 * var(--fghq-best-content-adjust)) !important; margin-right: calc(-1 * var(--fghq-best-content-adjust)) !important; box-sizing: border-box !important; } /* Editorial images simply fill the canonical content container they are in. */ body.fghq-best-article .wp-block-kadence-column[class*="_selected"] .wp-block-image, body.fghq-best-article .wp-block-kadence-column[class*="_choose"] .wp-block-image { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } body.fghq-best-article .wp-block-kadence-column[class*="_selected"] .wp-block-image img, body.fghq-best-article .wp-block-kadence-column[class*="_choose"] .wp-block-image img, body.fghq-best-article figure.fghq-editorial-image img, body.fghq-best-article .entry-content > figure.fghq-article-hero img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; } /* FGHQ_SINGLE_GLOBAL_STYLESHEET_BEST */ /* CSS BEST — MOVED GLOBAL BEST RULES START */ /* CSS BEST moved 01/33 — identical duplicate removed; canonical declaration retained above. */ /* CSS BEST moved 02/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 03/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 04/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 05/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 06/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 07/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 08/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 09/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 10/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 11/33 */ @media (max-width: 767px){body.fghq-best-article .single-content .fghq-product-section + .wp-block-group.alignfull:not(.fghq-product-section):not(:has(.wp-block-accordion, .wp-block-kadence-accordion, .kt-accordion-wrap)) > .wp-block-kadence-rowlayout > .kt-row-column-wrap { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }} /* CSS BEST moved 12/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 13/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 14/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 15/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 16/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 17/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 18/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 19/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 20/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 21/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 22/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 23/33 — identical duplicate removed; original retained. */ /* CSS BEST moved 24/33 — identical duplicate removed; original retained. */ /* CSS BEST — MOVED GLOBAL BEST RULES END */ /* FitGearHQ Best — premium Gutenberg components, single canonical stylesheet */ body.fghq-best-article{--fghq-v2-red:#c7192e;--fghq-v2-border:#dfe3e8;--fghq-v2-gray:#f5f5f7;--fghq-v2-shadow:0 4px 18px rgba(20,30,45,.055)} body.fghq-best-article .fghq-v2-card{background:#fff!important;border:1px solid var(--fghq-v2-border)!important;border-radius:14px!important;box-shadow:var(--fghq-v2-shadow)!important;box-sizing:border-box!important;margin:0!important;min-width:0;padding:24px!important} /* FitGearHQ product presentation v4 — structured to match the approved editorial card. Each product is a reusable, content-filled Gutenberg block; no inherited square image box. */ body.fghq-best-article .fghq-v4-shell{ width:100%!important;max-width:100%!important;min-width:0!important; background:#fff!important;border:1px solid #e1e5ea!important;border-radius:15px!important; padding:12px!important;margin:0!important;box-shadow:0 5px 22px rgba(25,35,45,.06)!important;box-sizing:border-box!important; } body.fghq-best-article .fghq-v4-shell>.fghq-v4-card{ width:100%!important;max-width:100%!important;min-width:0!important; padding:21px 22px 24px!important;margin:0!important; background:#fff!important;border:1px solid #dce2e8!important;border-radius:11px!important; box-shadow:none!important;box-sizing:border-box!important; } body.fghq-best-article .fghq-v4-card>.fghq-v4-topline{ display:flex!important;align-items:center!important;justify-content:space-between!important; gap:16px!important;flex-wrap:wrap!important;margin:0 0 22px!important;padding:0!important; width:100%!important;max-width:100%!important; } body.fghq-best-article .fghq-v4-badge,body.fghq-best-article .fghq-v4-editor{ margin:0!important;padding:0!important;font-size:12px!important;line-height:1.4!important; letter-spacing:.025em!important;font-weight:750!important;text-transform:uppercase!important; } body.fghq-best-article .fghq-v4-badge{color:#c7192e!important} body.fghq-best-article .fghq-v4-editor{color:#637086!important;text-align:right!important} body.fghq-best-article .fghq-v4-name{ font-size:clamp(1.3rem,1.6vw,1.55rem)!important;line-height:1.32!important; color:#18222f!important;font-weight:750!important;letter-spacing:-.018em!important; margin:0 0 18px!important;padding:0!important;text-align:left!important; } body.fghq-best-article .fghq-v4-body{ display:grid!important;grid-template-columns:minmax(0,49fr) minmax(0,51fr)!important; gap:22px!important;width:100%!important;max-width:100%!important; margin:0!important;align-items:center!important; } body.fghq-best-article .fghq-v4-body>.wp-block-column{ width:100%!important;min-width:0!important;max-width:none!important; margin:0!important;flex-basis:auto!important;align-self:center!important; } body.fghq-best-article .fghq-v4-image-stage{ display:flex!important;align-items:center!important;justify-content:center!important; width:100%!important;max-width:100%!important;height:368px!important; min-height:0!important;padding:10px!important;margin:0!important; background:#f5f6f7!important;border:1px solid #e0e4e8!important; border-radius:12px!important;box-sizing:border-box!important;overflow:hidden!important; } body.fghq-best-article .fghq-v4-image-stage figure.product-thumb{ display:flex!important;align-items:center!important;justify-content:center!important; width:100%!important;max-width:100%!important;min-height:0!important; height:100%!important;margin:0!important;padding:0!important; background:#fff!important;border-radius:8px!important;overflow:hidden!important;aspect-ratio:auto!important; } body.fghq-best-article .fghq-v4-image-stage figure.product-thumb>a{ display:flex!important;align-items:center!important;justify-content:center!important; height:100%!important;max-height:100%!important;width:100%!important;min-height:0!important; margin:0!important;padding:0!important;text-align:center!important; } body.fghq-best-article .fghq-v4-image-stage figure.product-thumb .kb-is-ratio-image{ display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important; width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important; aspect-ratio:auto!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important; background:#fff!important; } body.fghq-best-article .fghq-v4-image-stage figure.product-thumb .kb-is-ratio-image::before{ display:none!important;content:none!important;padding:0!important; } body.fghq-best-article .fghq-v4-image-stage figure.product-thumb img{ display:block!important;position:static!important;inset:auto!important; height:auto!important;max-height:335px!important;width:auto!important;max-width:96%!important; margin:auto!important;padding:0!important;object-fit:contain!important;object-position:center center!important; } body.fghq-best-article .fghq-v4-copy{ display:flex!important;flex-direction:column!important;justify-content:center!important; width:100%!important;min-width:0!important;max-width:100%!important; margin:0!important;padding:0!important; } body.fghq-best-article .fghq-v4-copy>p{ margin:0 0 18px!important;padding:0!important;color:#48566b!important; font-size:14px!important;line-height:1.65!important; } body.fghq-best-article .fghq-v4-copy .kt-svg-icon-list-items{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important;max-width:100%!important;align-self:stretch!important;justify-content:flex-start!important;text-align:left!important;} body.fghq-best-article .fghq-v4-copy .kt-svg-icon-list{ display:grid!important;gap:14px!important;margin:0 0 21px!important;padding:0!important; } body.fghq-best-article .fghq-v4-copy .kt-svg-icon-list-item-wrap{ display:flex!important;align-items:flex-start!important;gap:10px!important; margin:0!important;padding:0!important;color:#334155!important;line-height:1.48!important;font-size:14px!important; } body.fghq-best-article .fghq-v4-copy .kb-svg-icon-wrap{ color:#17874a!important;fill:none!important;margin-top:2px!important;flex-shrink:0!important; } body.fghq-best-article .fghq-v4-copy .kb-buttons-wrap{ display:flex!important;align-items:stretch!important;width:100%!important;max-width:100%!important; justify-content:stretch!important;margin:0!important;padding:0!important; } body.fghq-best-article .fghq-v4-copy .kb-buttons-wrap .kb-button{width:100%!important;max-width:100%!important;margin:0!important} /* Affiliate labels: use only the two labels inserted by FitGearHQ Affiliate CRO. The image label is a span inserted immediately after its Amazon link, inside the figure. Keep the CTA label visible below the button; do not add duplicate textual disclosures. */ body.fghq-best-article .fghq-v4-image-stage figure.product-thumb{ flex-direction:column!important; align-items:center!important;justify-content:center!important; } body.fghq-best-article .fghq-v4-image-stage figure.product-thumb>a{ flex:1 1 auto!important; height:calc(100% - 24px)!important;max-height:calc(100% - 24px)!important; min-height:0!important;width:100%!important; } body.fghq-best-article .fghq-v4-image-stage figure.product-thumb .kb-is-ratio-image{ height:100%!important;max-height:100%!important;min-height:0!important; } body.fghq-best-article .fghq-v4-image-stage figure.product-thumb img{ max-height:100%!important; } body.fghq-best-article .fghq-v4-image-stage .fitgearhq-link-label.fitgearhq-link-label-text{ display:block!important;flex:0 0 auto!important; width:100%!important;max-width:100%!important; margin:6px 0 0!important;padding:0!important; color:#8a919b!important;opacity:.8!important; font-size:11px!important;font-weight:400!important; text-align:center!important;line-height:1.35!important; white-space:normal!important;box-sizing:border-box!important; } body.fghq-best-article .fghq-v4-image-stage .fitgearhq-link-label.fitgearhq-link-label-text::before, body.fghq-best-article .fghq-v4-image-stage .fitgearhq-link-label.fitgearhq-link-label-text::after{ content:none!important;display:none!important; } body.fghq-best-article .fghq-v4-copy .kb-buttons-wrap{ flex-wrap:wrap!important; } body.fghq-best-article .fghq-v4-copy .fitgearhq-link-label.fitgearhq-link-label-button{ display:block!important;flex:0 0 100%!important; width:100%!important;max-width:100%!important; margin:6px 0 0!important;padding:0!important; text-align:center!important;opacity:.8!important; box-sizing:border-box!important; } @media(max-width:900px){ body.fghq-best-article .fghq-v4-body{grid-template-columns:minmax(0,46fr) minmax(0,54fr)!important;gap:18px!important} body.fghq-best-article .fghq-v4-image-stage{height:290px!important} body.fghq-best-article .fghq-v4-image-stage figure.product-thumb img{max-height:262px!important} } @media(max-width:767px){ body.fghq-best-article .fghq-v4-shell{padding:9px!important} body.fghq-best-article .fghq-v4-shell>.fghq-v4-card{padding:16px!important} body.fghq-best-article .fghq-v4-card>.fghq-v4-topline{margin-bottom:16px!important;gap:10px!important} body.fghq-best-article .fghq-v4-body{grid-template-columns:minmax(0,1fr)!important;gap:20px!important} body.fghq-best-article .fghq-v4-image-stage{height:290px!important;padding:8px!important} body.fghq-best-article .fghq-v4-image-stage figure.product-thumb img{max-height:262px!important} body.fghq-best-article .fghq-v4-name{margin-bottom:16px!important} body.fghq-best-article .fghq-v4-copy>p{font-size:15px!important} body.fghq-best-article .fghq-v4-copy .kt-svg-icon-list-item-wrap{font-size:15px!important} } body.fghq-best-article .fghq-v2-score-wrapper{margin:0!important;padding:0!important} body.fghq-best-article .fghq-v2-score .fghq-scorecard-inner{background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important} body.fghq-best-article .fghq-v2-score .fghq-score-header{display:flex!important;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px} body.fghq-best-article .fghq-v2-score .fghq-score-title{font-size:1.15rem;font-weight:750;margin:0 0 4px!important} body.fghq-best-article .fghq-v2-score .fghq-score-context{font-size:.91rem;color:#667085;line-height:1.45} body.fghq-best-article .fghq-v2-score .fghq-total{display:flex;align-items:baseline;gap:3px;white-space:nowrap;color:var(--fghq-v2-red)!important;font-weight:800} body.fghq-best-article .fghq-v2-score .fghq-total-number{font-size:2.4rem;line-height:1} body.fghq-best-article .fghq-v2-score .fghq-total-outof{font-size:1rem;color:#667085} body.fghq-best-article .fghq-v2-score .fghq-scores{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px!important} body.fghq-best-article .fghq-v2-score .fghq-score-column{min-width:0!important} body.fghq-best-article .fghq-v2-score .fghq-score-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;margin-bottom:12px!important} body.fghq-best-article .fghq-v2-score .fghq-score-label{font-weight:600;font-size:.94rem} body.fghq-best-article .fghq-v2-score .fghq-score-value{font-weight:750;font-variant-numeric:tabular-nums} body.fghq-best-article .fghq-v2-score .fghq-bar{grid-column:1/-1!important;display:block!important;width:100%!important;height:9px!important;min-height:9px!important;background:#edf0f3!important;border-radius:20px!important;overflow:hidden!important} body.fghq-best-article .fghq-v2-score .fghq-bar-fill{display:block!important;height:100%!important;background:var(--fghq-v2-red)!important;border-radius:20px!important} body.fghq-best-article .fghq-v2-score .fghq-score-details{margin-top:16px;border-top:1px solid var(--fghq-v2-border);padding-top:14px} body.fghq-best-article .fghq-v2-score .fghq-score-details summary{cursor:pointer;font-weight:650;color:#292f38} body.fghq-best-article .fghq-v2-score .fghq-breakdown{display:grid;gap:0;margin-top:14px} body.fghq-best-article .fghq-v2-score .fghq-breakdown-row{display:grid;grid-template-columns:minmax(0,1fr) 70px 70px;gap:10px;padding:8px 4px;border-bottom:1px solid #eef0f2} body.fghq-best-article .fghq-v2-score .fghq-breakdown-head{font-weight:700;background:#f7f8fa} body.fghq-best-article .fghq-v2-score .fghq-breakdown-number{text-align:right;font-variant-numeric:tabular-nums} /* The shared H3 subsection now constrains the width; its nutshell grid fills that container. */ body.fghq-best-article .fghq-subsection-nutshell .fghq-v2-nutshell-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; box-sizing:border-box!important; } body.fghq-best-article .fghq-v2-nutshell-grid>.fghq-v2-nutshell-card{min-width:0!important;max-width:none!important;margin:0!important} body.fghq-best-article .fghq-v2-nutshell-card h4{margin:0 0 12px!important;padding:0!important;font-size:1.04rem;font-weight:750} body.fghq-best-article .fghq-v2-nutshell-card ul{padding-left:20px!important;margin:0!important} body.fghq-best-article .fghq-v2-nutshell-card li{line-height:1.55;margin:0 0 7px!important} /* Five product H3 subsections are real Gutenberg siblings inside the same 1200px Explore-style H2 inner container. No width offsets. */ body.fghq-best-article:has(.fghq-v3-comparison-section) .fghq-product-section .fghq-h2-body > .fghq-subsection{ display:flow-root!important; width:100%!important;max-width:100%!important;min-width:0!important; margin:32px 0 0!important;padding:0!important;box-sizing:border-box!important; } body.fghq-best-article:has(.fghq-v3-comparison-section) .fghq-product-section .fghq-h2-body > .fghq-subsection:first-child{margin-top:0!important} body.fghq-best-article:has(.fghq-v3-comparison-section) .fghq-product-section .fghq-subsection > h3.wp-block-heading{ font-size:clamp(1.35rem,2vw,1.65rem)!important;font-weight:700!important; line-height:1.3!important;letter-spacing:-.02em!important;text-align:left!important; margin:0!important;padding:0!important; } body.fghq-best-article:has(.fghq-v3-comparison-section) .fghq-product-section .fghq-subsection > .fghq-subsection-body{ display:flow-root!important;width:100%!important;max-width:100%!important; min-width:0!important;margin:16px 0 0!important;padding:0!important;box-sizing:border-box!important; } body.fghq-best-article:has(.fghq-v3-comparison-section) .fghq-product-section .fghq-subsection-body > :first-child{margin-top:0!important} body.fghq-best-article:has(.fghq-v3-comparison-section) .fghq-product-section .fghq-subsection-why .fghq-subsection-body > p{margin:0 0 18px!important;padding:0!important;max-width:100%!important} body.fghq-best-article:has(.fghq-v3-comparison-section) .fghq-product-section .fghq-subsection-why .fghq-subsection-body > p:last-of-type{margin-bottom:0!important} body.fghq-best-article:has(.fghq-v3-comparison-section) .fghq-product-section .fghq-subsection-why .fghq-subsection-body > .wp-block-kadence-advancedbtn{margin-top:24px!important;margin-bottom:0!important} body.fghq-best-article:has(.fghq-v3-comparison-section) .fghq-product-section .fghq-product-cta{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important} body.fghq-best-article:has(.fghq-v3-comparison-section) .fghq-product-section .fghq-product-cta .kb-buttons-wrap{width:100%!important;max-width:100%!important} /* Premium Comparison Table v3 — a standalone, reusable Gutenberg block. */ body.fghq-best-article .fghq-v3-comparison-section{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important} body.fghq-best-article .fghq-v3-comparison-panel{border:1px solid #dfe3e8!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 5px 22px rgba(30,41,59,.065)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important} body.fghq-best-article .fghq-v3-scroll{overflow-x:auto!important;overflow-y:hidden!important;width:100%!important;max-width:100%!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain} body.fghq-best-article .fghq-v3-table{width:100%!important;min-width:950px!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;margin:0!important;border:0!important;background:#fff!important} body.fghq-best-article .fghq-v3-table tr>*{border:0!important;border-right:1px solid #e6e9ee!important;border-bottom:1px solid #e6e9ee!important;text-align:center!important;vertical-align:middle!important;white-space:normal!important;box-sizing:border-box!important} body.fghq-best-article .fghq-v3-table tr>*:last-child{border-right:0!important} body.fghq-best-article .fghq-v3-table thead th{padding:18px 10px 16px!important;background:#f9fafb!important;vertical-align:top!important;font-weight:700!important} body.fghq-best-article .fghq-v3-table thead th:first-child{width:15%!important;background:#f6f7f9!important;vertical-align:middle!important} body.fghq-best-article .fghq-v3-table thead th:not(:first-child){width:17%!important} body.fghq-best-article .fghq-v3-axis span{display:block!important;font-size:13px!important;letter-spacing:.095em!important;text-transform:uppercase!important;color:#737b88!important;font-weight:700!important} body.fghq-best-article .fghq-v3-axis strong{display:block!important;margin-top:7px!important;color:#252a32!important;font-size:18px!important;line-height:1.3!important} body.fghq-best-article .fghq-v3-table .fghq-v3-top-choice{background:#fff2f3!important;box-shadow:inset 0 3px 0 #c7192e!important} body.fghq-best-article .fghq-v3-editor-pick,body.fghq-best-article .fghq-v3-rank{display:inline-block!important;min-height:23px!important;padding:5px 9px!important;margin:0 auto 8px!important;font-size:10px!important;line-height:1.3!important;letter-spacing:.07em!important;font-weight:800!important;border-radius:4px!important;white-space:nowrap!important} body.fghq-best-article .fghq-v3-editor-pick{background:#c7192e!important;color:#fff!important} body.fghq-best-article .fghq-v3-rank{background:#edf0f3!important;color:#657080!important} body.fghq-best-article .fghq-v3-product-visual{height:152px!important;display:flex!important;justify-content:center!important;align-items:center!important;overflow:hidden!important;margin:4px 0 12px!important;background:transparent!important} body.fghq-best-article .fghq-v3-product-visual img{display:block!important;width:100%!important;max-width:100%!important;height:148px!important;max-height:148px!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important} body.fghq-best-article .fghq-v3-product-name{display:block!important;min-height:46px!important;font-size:14px!important;line-height:1.32!important;font-weight:800!important;color:#242931!important} body.fghq-best-article .fghq-v3-score-label{display:block!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#747c88!important;margin:10px 0 2px!important} body.fghq-best-article .fghq-v3-score{display:inline-block!important;font-size:24px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.035em!important;color:#c7192e!important;font-variant-numeric:tabular-nums!important} body.fghq-best-article .fghq-v3-score small{font-size:12px!important;letter-spacing:0!important;color:#657080!important;font-weight:700!important} body.fghq-best-article .fghq-v3-table tbody tr>*{padding:15px 11px!important;font-size:13px!important;line-height:1.45!important} body.fghq-best-article .fghq-v3-table tbody tr th{width:15%!important;text-align:left!important;padding-left:17px!important;background:#f6f7f9!important;color:#303741!important;font-weight:750!important} body.fghq-best-article .fghq-v3-table tbody tr td{background:#fff!important;color:#303741!important} body.fghq-best-article .fghq-v3-table tbody tr:nth-child(even) td:not(.fghq-v3-top-cell){background:#f9fafb!important} body.fghq-best-article .fghq-v3-table tbody tr td.fghq-v3-top-cell{background:#fff3f4!important} body.fghq-best-article .fghq-v3-table .fghq-v3-incline td{font-weight:750!important} body.fghq-best-article .fghq-v3-table .fghq-v3-actions td{padding:10px!important;vertical-align:middle!important} body.fghq-best-article .fghq-v3-cta{width:100%!important;max-width:100%!important;margin:0!important} body.fghq-best-article .fghq-v3-comparison-panel .fitgearhq-price-note{background:#fff!important;color:#697382!important;font-size:12px!important;line-height:1.5!important;padding:13px 18px!important;margin:0!important} @media(max-width:1024px){body.fghq-best-article .fghq-v3-table{min-width:940px!important}} @media(max-width:767px){body.fghq-best-article .fghq-v3-comparison-panel{border-radius:12px!important}body.fghq-best-article .fghq-v3-table{min-width:930px!important}body.fghq-best-article .fghq-v3-table thead th:first-child,body.fghq-best-article .fghq-v3-table tbody tr th{position:sticky!important;left:0!important;z-index:2!important;box-shadow:2px 0 5px rgba(20,30,45,.06)!important}body.fghq-best-article .fghq-v3-table thead th:first-child{z-index:3!important}body.fghq-best-article .fghq-v3-table .fghq-v3-product-visual{height:152px!important}body.fghq-best-article .fghq-v3-comparison-panel .fitgearhq-price-note{font-size:11px!important}} body.fghq-best-article .fghq-section-faq .kt-accordion-panel-inner,body.fghq-best-article .fghq-section-faq .kt-accordion-header-wrap{border-color:var(--fghq-v2-border)!important} @media(max-width:980px){body.fghq-best-article .fghq-subsection-nutshell .fghq-v2-nutshell-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:767px){body.fghq-best-article .fghq-v2-card{padding:18px!important}body.fghq-best-article .fghq-subsection-nutshell .fghq-v2-nutshell-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}body.fghq-best-article .fghq-v2-score .fghq-scores{grid-template-columns:minmax(0,1fr)!important;gap:0!important}body.fghq-best-article .fghq-v2-score .fghq-total-number{font-size:2rem}} /* Additional editorial cards, FAQ and related posts */ body.fghq-best-article .fghq-v2-takeaways ul{margin:0!important;padding-left:22px!important} body.fghq-best-article .fghq-v2-takeaways li{margin:0 0 10px!important;line-height:1.62!important} body.fghq-best-article .fghq-v2-takeaways li:last-child{margin-bottom:0!important} body.fghq-best-article .fghq-v2-shortcuts-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;max-width:100%!important;width:100%!important;margin:0!important} body.fghq-best-article .fghq-v2-shortcuts-grid>.fghq-v2-shortcut-card{max-width:none!important;margin:0!important;min-width:0!important} body.fghq-best-article .fghq-v2-shortcut-card p{margin:0!important;line-height:1.62!important} body.fghq-best-article .fghq-v2-shortcut-card a{font-weight:700;text-underline-offset:2px} body.fghq-best-article .fghq-v2-faq{margin:0!important} body.fghq-best-article .fghq-v2-faq .wp-block-accordion{display:grid!important;gap:12px!important} body.fghq-best-article .fghq-v2-faq .wp-block-accordion-item{border:1px solid var(--fghq-v2-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:var(--fghq-v2-shadow)!important;overflow:hidden!important;padding:0!important;margin:0!important} body.fghq-best-article .fghq-v2-faq .wp-block-accordion-heading{margin:0!important;font-size:1rem!important} body.fghq-best-article .fghq-v2-faq .wp-block-accordion-heading__toggle{padding:18px 22px!important;width:100%!important;text-align:left!important;font-weight:700!important;line-height:1.45!important;background:#fff!important;color:#20262e!important} body.fghq-best-article .fghq-v2-faq .wp-block-accordion-panel{padding:0 22px 20px!important;line-height:1.6!important} body.fghq-best-article .fghq-v2-explore{position:relative!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;max-width:100%!important;margin:0 auto!important;box-sizing:border-box!important;background:var(--fghq-v2-gray)!important;box-shadow:0 0 0 100vmax var(--fghq-v2-gray)!important;clip-path:inset(0 -100vmax);padding:56px 0!important} body.fghq-best-article .fghq-v2-related-inner{box-sizing:border-box!important;width:100%!important;max-width:var(--global-content-width,1290px)!important;margin:0 auto!important;padding:0 var(--global-content-edge-padding,1.5rem)!important} body.fghq-best-article .fghq-v2-related-inner h2{margin:0 0 24px!important} body.fghq-best-article .fghq-v2-related-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important} body.fghq-best-article .fghq-v2-related-card{min-width:0!important;margin:0!important;border:1px solid var(--fghq-v2-border)!important;background:#fff!important;border-radius:14px!important;overflow:hidden!important;box-shadow:var(--fghq-v2-shadow)!important} body.fghq-best-article .fghq-v2-related-card-link{display:block!important;color:inherit!important;text-decoration:none!important;height:100%!important} body.fghq-best-article .fghq-v2-related-image{overflow:hidden!important;aspect-ratio:16/10!important;background:#f3f4f6!important} body.fghq-best-article .fghq-v2-related-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;margin:0!important} body.fghq-best-article .fghq-v2-related-card h3{font-size:1.04rem!important;line-height:1.4!important;margin:0!important;padding:18px!important} @media(max-width:980px){body.fghq-best-article .fghq-v2-shortcuts-grid,body.fghq-best-article .fghq-v2-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:767px){body.fghq-best-article .fghq-v2-shortcuts-grid,body.fghq-best-article .fghq-v2-related-grid{grid-template-columns:minmax(0,1fr)!important}body.fghq-best-article .fghq-v2-explore{padding:42px 0!important}body.fghq-best-article .fghq-v2-related-inner{padding:0 var(--global-content-edge-padding,1.5rem)!important}} /* FGHQ canonical nutshell cards — inset bordered reference design */ body.fghq-best-article .fghq-v2-nutshell-grid{align-items:stretch!important;gap:20px!important} body.fghq-best-article .fghq-v2-nutshell-grid>.fghq-v2-nutshell-card{ position:relative!important;display:flex!important;flex-direction:column!important; min-height:240px!important;box-sizing:border-box!important; padding:46px 20px 20px!important;background:#fff!important; border:1px solid #dce2ea!important;border-radius:13px!important; box-shadow:0 0 0 14px #fff,0 5px 22px rgba(20,32,50,.07)!important; margin:14px!important;color:#475569!important; } body.fghq-best-article .fghq-v2-nutshell-card:before{ content:"OVERVIEW";position:absolute;top:20px;left:20px; font-size:11px;line-height:1.2;letter-spacing:.035em;font-weight:500;color:#64748b; } body.fghq-best-article .fghq-v2-nutshell-card:after{ content:"";position:absolute;top:17px;right:20px;width:17px;height:17px;background-color:#64748b;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain; } body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--best-usage:before{content:"PERFORMANCE"} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--key-specs:before{content:"SPECIFICATIONS"} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--for:before{content:"SUITABILITY"} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--pros:before{content:"ADVANTAGES"} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--not-for:before{content:"LIMITATIONS"} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--cons:before{content:"TRADE-OFFS"} body.fghq-best-article .fghq-v2-nutshell-card h4{ margin:0 0 14px!important;color:#172235!important;font-size:17px!important; font-weight:700!important;line-height:1.35!important; } body.fghq-best-article .fghq-v2-nutshell-card ul{ display:flex!important;flex:1!important;flex-direction:column!important; gap:8px!important;list-style:none!important;margin:0!important;padding:0!important; } body.fghq-best-article .fghq-v2-nutshell-card li{ list-style:none!important;margin:0!important;padding:0!important; font-size:14px!important;line-height:1.65!important;color:#475569!important; } body.fghq-best-article .fghq-v2-nutshell-card li:last-child{ position:relative!important;margin-top:auto!important;padding:16px 0 0 25px!important; border-top:1px solid #e6eaf0!important;color:#334155!important; } body.fghq-best-article .fghq-v2-nutshell-card li:last-child:before{ content:"✓";position:absolute;left:0;top:17px;color:#13864d; font-size:13px;border:1px solid #13864d;border-radius:50%;width:13px;height:13px; display:flex;align-items:center;justify-content:center;line-height:1; } @media(max-width:767px){ body.fghq-best-article .fghq-v2-nutshell-grid{gap:20px!important} body.fghq-best-article .fghq-v2-nutshell-grid>.fghq-v2-nutshell-card{min-height:0!important;padding:46px 18px 18px!important;margin:12px!important} } body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--best-usage:after{content:"\2197"!important;background:transparent!important;-webkit-mask:none!important;mask:none!important;width:auto!important;height:auto!important;font-size:20px;color:#64748b} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--key-specs:after{content:"≡";background:none;font-size:23px;color:#64748b} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--for:after{content:"♙";background:none;font-size:20px;color:#64748b} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--pros:after{content:"＋";background:none;font-size:20px;color:#13864d} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--not-for:after{content:"⊘";background:none;font-size:20px;color:#a16207} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--cons:after{content:"−";background:none;font-size:23px;color:#b45309} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--best-usage:after{content:"\2197"!important;background:transparent!important;mask:none!important;-webkit-mask:none!important;width:auto!important;height:auto!important;font-size:21px!important;line-height:1!important} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--key-specs:after{content:"\2261"!important;background:transparent!important;mask:none!important;-webkit-mask:none!important;width:auto!important;height:auto!important;font-size:21px!important;line-height:1!important} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--for:after{content:"\2659"!important;background:transparent!important;mask:none!important;-webkit-mask:none!important;width:auto!important;height:auto!important;font-size:21px!important;line-height:1!important} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--pros:after{content:"\002b"!important;background:transparent!important;mask:none!important;-webkit-mask:none!important;width:auto!important;height:auto!important;font-size:21px!important;line-height:1!important} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--not-for:after{content:"\2298"!important;background:transparent!important;mask:none!important;-webkit-mask:none!important;width:auto!important;height:auto!important;font-size:21px!important;line-height:1!important} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--cons:after{content:"\2212"!important;background:transparent!important;mask:none!important;-webkit-mask:none!important;width:auto!important;height:auto!important;font-size:21px!important;line-height:1!important} /* Nutshell lists: consistent markers on every row, semantic color by category */ body.fghq-best-article .fghq-v2-nutshell-card ul{gap:8px!important;justify-content:flex-start!important} body.fghq-best-article .fghq-v2-nutshell-card li, body.fghq-best-article .fghq-v2-nutshell-card li:last-child{ position:relative!important;margin:0!important;padding:0 0 0 24px!important; border:0!important;list-style:none!important;color:#475569!important; } body.fghq-best-article .fghq-v2-nutshell-card li:before, body.fghq-best-article .fghq-v2-nutshell-card li:last-child:before{ content:"\2713"!important;position:absolute!important;left:0!important;top:4px!important; display:inline-flex!important;align-items:center!important;justify-content:center!important; width:15px!important;height:15px!important;box-sizing:border-box!important; border:1px solid #15803d!important;border-radius:50%!important; background:transparent!important;color:#15803d!important;font-size:10px!important; line-height:1!important; } body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--key-specs li:before, body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--key-specs li:last-child:before{ content:"\2022"!important;border:0!important;color:#64748b!important;font-size:18px!important; } body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--not-for li:before, body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--not-for li:last-child:before, body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--cons li:before, body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--cons li:last-child:before{ content:"\2212"!important;border:1px solid #b45309!important; color:#b45309!important;font-size:12px!important; } /* Semantic icon refinements: Pros plus / Not For cross */ body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--pros li:before, body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--pros li:last-child:before{ content:"\002b"!important;color:#15803d!important;border:1px solid #15803d!important; border-radius:50%!important;font-size:13px!important;font-weight:700!important; } body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--not-for li:before, body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--not-for li:last-child:before{ content:"\00d7"!important;color:#dc2626!important;border:1px solid #dc2626!important; border-radius:50%!important;font-size:14px!important;font-weight:700!important; } /* Crisp vector markers for In a Nutshell; no font glyphs */ body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--pros li::before, body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--pros li:last-child::before{ content:""!important;display:block!important;width:16px!important;height:16px!important; border:0!important;border-radius:0!important;background:transparent!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%2315803d' stroke-width='1.7'/%3E%3Cpath d='M12 7v10M7 12h10' fill='none' stroke='%2315803d' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E")!important; background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important; } body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--not-for li::before, body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--not-for li:last-child::before{ content:""!important;display:block!important;width:16px!important;height:16px!important; border:0!important;border-radius:0!important;background:transparent!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23dc2626' stroke-width='1.7'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6' fill='none' stroke='%23dc2626' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E")!important; background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important; } body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--best-usage li::before,body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--best-usage li:last-child::before{content:""!important;display:block!important;width:16px!important;height:16px!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%2315803d' stroke-width='1.7'/%3E%3Cpath d='M8 12l3 3 5-6' fill='none' stroke='%2315803d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--key-specs li::before,body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--key-specs li:last-child::before{content:""!important;display:block!important;width:16px!important;height:16px!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%2364758b' stroke-width='1.7'/%3E%3Cpath d='M8 12h8' stroke='%2364758b' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E")!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--for li::before,body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--for li:last-child::before{content:""!important;display:block!important;width:16px!important;height:16px!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%2315803d' stroke-width='1.7'/%3E%3Cpath d='M8 12l3 3 5-6' fill='none' stroke='%2315803d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--cons li::before,body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--cons li:last-child::before{content:""!important;display:block!important;width:16px!important;height:16px!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23b45309' stroke-width='1.7'/%3E%3Cpath d='M8 12h8' stroke='%23b45309' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E")!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--best-usage li::before,body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--best-usage li:last-child::before{content:""!important;display:block!important;width:16px!important;height:16px!important;border:0!important;border-radius:0!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%2315803d' stroke-width='1.7'/%3E%3Cpath d='M8 12h8m-4-4 4 4-4 4' fill='none' stroke='%2315803d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--key-specs li::before,body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--key-specs li:last-child::before{content:""!important;display:block!important;width:16px!important;height:16px!important;border:0!important;border-radius:0!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%2364758b' stroke-width='1.7'/%3E%3Ccircle cx='12' cy='12' r='5' fill='none' stroke='%2364758b' stroke-width='1.7'/%3E%3Ccircle cx='12' cy='12' r='1.6' fill='%2364758b'/%3E%3C/svg%3E") center/contain no-repeat!important} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--best-usage::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12%2020c-2-2-3-4-2-6l3-4%203%202-2%203%204%203m-9-9-3-1-2%203%203%202m9-10%203%202-1%203-3-1m-5-2%202-3%203%201' fill='none' stroke='%2315803d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;width:22px!important;height:22px!important;border:0!important;border-radius:0!important;font-size:0!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--key-specs::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2M10%2011a4%204%200%201%200%200-8%204%204%200%200%200%200%208m7%200%202%202%204-4' fill='none' stroke='%2315803d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;width:22px!important;height:22px!important;border:0!important;border-radius:0!important;font-size:0!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--for::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2M10%2011a4%204%200%201%200%200-8%204%204%200%200%200%200%208m7-2%205%205m0-5-5%205' fill='none' stroke='%23dc2626' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;width:22px!important;height:22px!important;border:0!important;border-radius:0!important;font-size:0!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--pros::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4%207h9m4%200h3M4%2017h3m4%200h9M13%204v6M7%2014v6' fill='none' stroke='%2364758b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;width:22px!important;height:22px!important;border:0!important;border-radius:0!important;font-size:0!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--not-for::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7%2010v11H4a2%202%200%200%201-2-2v-7a2%202%200%200%201%202-2h3zm0%200%204-8a3%203%200%200%201%203%203v3h6a2%202%200%200%201%202%202l-1%209a2%202%200%200%201-2%202H7' fill='none' stroke='%2315803d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;width:22px!important;height:22px!important;border:0!important;border-radius:0!important;font-size:0!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--cons::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17%2014V3h3a2%202%200%200%201%202%202v7a2%202%200%200%201-2%202h-3zm0%200-4%208a3%203%200%200%201-3-3v-3H4a2%202%200%200%201-2-2l1-9a2%202%200%200%201%202-2h12' fill='none' stroke='%23b45309' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;width:22px!important;height:22px!important;border:0!important;border-radius:0!important;font-size:0!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--best-usage::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12%2020c-2-2-3-4-2-6l3-4%203%202-2%203%204%203m-9-9-3-1-2%203%203%202m9-10%203%202-1%203-3-1m-5-2%202-3%203%201' fill='none' stroke='%2315803d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;width:22px!important;height:22px!important;border:0!important;border-radius:0!important;font-size:0!important} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--for::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2M10%2011a4%204%200%201%200%200-8%204%204%200%200%200%200%208m7%200%202%202%204-4' fill='none' stroke='%2315803d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;width:22px!important;height:22px!important;border:0!important;border-radius:0!important;font-size:0!important} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--not-for::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2M10%2011a4%204%200%201%200%200-8%204%204%200%200%200%200%208m7-2%205%205m0-5-5%205' fill='none' stroke='%23dc2626' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;width:22px!important;height:22px!important;border:0!important;border-radius:0!important;font-size:0!important} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--key-specs::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4%207h9m4%200h3M4%2017h3m4%200h9M13%204v6M7%2014v6' fill='none' stroke='%2364758b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;width:22px!important;height:22px!important;border:0!important;border-radius:0!important;font-size:0!important} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--pros::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7%2010v11H4a2%202%200%200%201-2-2v-7a2%202%200%200%201%202-2h3zm0%200%204-8a3%203%200%200%201%203%203v3h6a2%202%200%200%201%202%202l-1%209a2%202%200%200%201-2%202H7' fill='none' stroke='%2315803d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;width:22px!important;height:22px!important;border:0!important;border-radius:0!important;font-size:0!important} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--cons::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17%2014V3h3a2%202%200%200%201%202%202v7a2%202%200%200%201-2%202h-3zm0%200-4%208a3%203%200%200%201-3-3v-3H4a2%202%200%200%201-2-2l1-9a2%202%200%200%201%202-2h12' fill='none' stroke='%23b45309' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;width:22px!important;height:22px!important;border:0!important;border-radius:0!important;font-size:0!important} /* In a Nutshell: stronger category icon contrast and legibility */ body.fghq-best-article .fghq-v2-nutshell-card::after{width:28px!important;height:28px!important;top:16px!important;right:17px!important;background-size:24px 24px!important;background-color:#f1f5f9!important;border:1px solid #dbe3eb!important;border-radius:8px!important;box-sizing:border-box!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--best-usage::after,body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--for::after,body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--pros::after{background-color:#ecfdf3!important;border-color:#ccebd7!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--not-for::after{background-color:#fef2f2!important;border-color:#fecaca!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--cons::after{background-color:#fffbeb!important;border-color:#fde68a!important;} /* Remove icon badge backgrounds; real footprint symbol for Best Usage */ body.fghq-best-article .fghq-v2-nutshell-card::after{background-color:transparent!important;border:0!important;border-radius:0!important;width:24px!important;height:24px!important;background-size:contain!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--best-usage::after{background-color:transparent!important;border:0!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 3.5c-1.8.4-2.7 2.6-2.4 4.5.3 1.7 1.8 3.2 3.6 3.1 1.9-.1 3-1.8 2.7-3.8-.3-2.1-1.9-4.2-3.9-3.8ZM16.5 12.9c-1.9-.1-3.4 1.4-3.7 3.3-.3 2 1 3.7 2.9 3.8 1.8.1 3.3-1.4 3.6-3.1.3-1.9-.8-3.9-2.8-4ZM4.5 12.5l-1 2m3-1.5-.4 2.5m2-2.2.5 2.3m7-13.5-.5 2.4m2.9-1.6-1.1 2.3m3.1-.5-1.5 2' fill='none' stroke='%2315803d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--key-specs::after,body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--for::after,body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--pros::after,body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--not-for::after,body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--cons::after{background-color:transparent!important;border:0!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--best-usage::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3c-2 0-3 2-3 4 0 1.8.8 3.3 2 4.2V15a2 2 0 0 0 4 0v-3.8c1.2-.9 2-2.4 2-4.2 0-2-1-4-3-4H6zm10 6c-2 0-3 2-3 4 0 1.8.8 3.3 2 4.2V21a2 2 0 0 0 4 0v-3.8c1.2-.9 2-2.4 2-4.2 0-2-1-4-3-4h-2z' fill='none' stroke='%2315803d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;width:26px!important;height:26px!important;border:0!important;border-radius:0!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--best-usage::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%2315803d'%3E%3Cpath d='M6.1 2.1c-1.7.1-2.7 1.3-2.7 3.2v5.8c0 1.4.8 2.4 2.2 2.5l2.6.2c1.5.1 2.5-.8 2.5-2.3V5.2c0-2-1.4-3.2-3.1-3.1H6.1zm.3 2h1.1c.7 0 1.1.5 1.1 1.2v6.4l-3.2-.2V5.3c0-.8.3-1.2 1-1.2zM16.1 10.1c-1.7.1-2.7 1.3-2.7 3.2v5.8c0 1.4.8 2.4 2.2 2.5l2.6.2c1.5.1 2.5-.8 2.5-2.3v-6.3c0-2-1.4-3.2-3.1-3.1h-1.5zm.3 2h1.1c.7 0 1.1.5 1.1 1.2v6.4l-3.2-.2v-6.2c0-.8.3-1.2 1-1.2z'/%3E%3Cpath d='M4.8 15h4.7v2H4.8zM14.8 23h4.7v1h-4.7z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat!important;width:27px!important;height:27px!important;border:0!important;border-radius:0!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--best-usage::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20512%22%3E%3Cpath%20fill%3D%22%2315803d%22%20d%3D%22M192%20159.1L224%20159.1V32L192%2032c-35.38%200-64%2028.62-64%2063.1S156.6%20159.1%20192%20159.1zM0%20415.1c0%2035.37%2028.62%2064.01%2064%2064.01l32-.0103v-127.1l-32-.0005C28.62%20351.1%200%20380.6%200%20415.1zM337.5%20287.1c-35%200-76.25%2013.12-104.8%2031.1C208%20336.4%20188.3%20351.1%20128%20351.1v128l57.5%2015.98c26.25%207.25%2053%2013.13%2080.38%2015.01c32.63%202.375%2065.63%20.743%2097.5-6.132C472.9%20481.2%20512%20429.2%20512%20383.1C512%20319.1%20427.9%20287.1%20337.5%20287.1zM491.4%207.252c-31.88-6.875-64.88-8.625-97.5-6.25C366.5%202.877%20339.8%208.752%20313.5%2016L256%2032V159.1c60.25%200%2080%2015.62%20104.8%2031.1c28.5%2018.87%2069.75%2031.1%20104.8%2031.1C555.9%20223.1%20640%20191.1%20640%20127.1C640%2082.75%20600.9%2030.75%20491.4%207.252z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;width:27px!important;height:27px!important;border:0!important;border-radius:0!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--best-usage::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2315803d%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate(2.5%201)%20rotate(-15%206%2010)%22%3E%3Cpath%20d%3D%22M4%202.5Q6%20.5%208%202.5L9.3%205.5V12L8.7%2015.5Q6%2017%203.3%2015.5L2.7%2012V5.5Z%22%2F%3E%3Cpath%20d%3D%22M3%206.5H9M3%209H9M3%2011.5H9%22%2F%3E%3Cpath%20d%3D%22M3.6%2018H8.4V20.5H3.6Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(11%202)%20rotate(15%206%2010)%22%3E%3Cpath%20d%3D%22M4%202.5Q6%20.5%208%202.5L9.3%205.5V12L8.7%2015.5Q6%2017%203.3%2015.5L2.7%2012V5.5Z%22%2F%3E%3Cpath%20d%3D%22M3%206.5H9M3%209H9M3%2011.5H9%22%2F%3E%3Cpath%20d%3D%22M3.6%2018H8.4V20.5H3.6Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat!important;width:26px!important;height:26px!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:0!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--key-specs::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2364748b%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h9m4%200h3M4%2017h3m4%200h9M13%204v6M7%2014v6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;width:26px!important;height:26px!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:0!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--for::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2315803d%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22m17%2011%202%202%204-4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;width:26px!important;height:26px!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:0!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--pros::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2315803d%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2010v11H4a2%202%200%200%201-2-2v-7a2%202%200%200%201%202-2h3zm0%200%204-8a3%203%200%200%201%203%203v3h6a2%202%200%200%201%202%202l-1%209a2%202%200%200%201-2%202H7%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;width:26px!important;height:26px!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:0!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--not-for::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23dc2626%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22m17%209%205%205m0-5-5%205%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;width:26px!important;height:26px!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:0!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--cons::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23b45309%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M17%2014V3h3a2%202%200%200%201%202%202v7a2%202%200%200%201-2%202h-3zm0%200-4%208a3%203%200%200%201-3-3v-3H4a2%202%200%200%201-2-2l1-9a2%202%200%200%201%202-2h12%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;width:26px!important;height:26px!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:0!important;} body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--best-usage::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%2315803d%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate(3%201)%20rotate(-18%2012%2014)%22%3E%3Cpath%20d%3D%22M9%202%20C5%202%204%206%204%2011%20L5%2022%20Q6%2025%209%2025%20L15%2025%20Q18%2025%2019%2022%20L20%2011%20Q20%202%2015%202Z%22%2F%3E%3Cpath%20d%3D%22M5%2010H19%20M5%2014H19%20M6%2018H18%20M9%2021h6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(21%2023)%20rotate(18%2012%2014)%22%3E%3Cpath%20d%3D%22M9%202%20C5%202%204%206%204%2011%20L5%2022%20Q6%2025%209%2025%20L15%2025%20Q18%2025%2019%2022%20L20%2011%20Q20%202%2015%202Z%22%2F%3E%3Cpath%20d%3D%22M5%2010H19%20M5%2014H19%20M6%2018H18%20M9%2021h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat!important;width:27px!important;height:27px!important;border:0!important;border-radius:0!important;box-shadow:none!important;} /* Best Usage: user's selected running shoe sole image (optimized WEBP) */ body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--best-usage::after{content:""!important;background-color:transparent!important;background-image:url("data:image/webp;base64,UklGRvIJAABXRUJQVlA4WAoAAAAQAAAANwAANwAAQUxQSPgGAAAB8Ljt/zk3/v/P6vZ4PJ7xxnbSHkasGrFrt3HNWHVQu3F2a9u24kxsc2ptt3y+mJlMREwAep9BPbaZ5/9OMQSDJHNwrG5ZO8N9UV3LaDAJ4hDMZ7oMH3rKR/rEN3MwiaGY9SUEZbufZ5eexM0KJUYkhLI+X5r6H7sQ9BAKgiyVb9FgEsIhVhj3qGjAs1kcpHMsl73WApUICqf3wu0zFdVbzaHlN0Xnj+4VYGIihPRMqvJP6/1Ff9HtLxD84X5j/K5qQsTCGAAp9v84TOIDANrkjPww+ypp+1GObwaDikYooKgqA7D/w8iZ7iflR8cc2g/3ena5Yr6OVPkKMJEIgfe5mqbcA9ag/4PCqHua3Izdz34lQ65wpMLCow03Px0WjVBs//1w7uzwko/xoAQAh3G/+gBQiHgkg8fzzFabDZ5wLUcWRASGJN67z2LjFX0Df2SB/g/736Vpfv1gUKVLrvll1xXkLYnq6APaMwYv3mV825MnB5/D6lccOIAh7MPM0Dv5l/9q1sO5oP3RmHq04ZsNWM+ITGNKvy+eeLjw3KVtjV3GYKC4Jby7deKIucfCOFwKWVFrDhj+HicCQ/CngU+DQCY+M921Zjl/QY4RguKtTrvyijJmgODeIumt9feWDf7HpWeE0Icn4WmnCZcaGatbT7PebgclyEkA2LC4ht0gea4Wrv1n3q7lx/SMwbRzZezTb7tVqpYoNm9QxbT3/SGFzLoEJwCOOdDOH5Tf9CLOwPmnlSje75bfsknZ4FWG6U8h633q11bIwoM//bL0oN2K+3B8aVck63i9LKfBCLRn0VWAeZf9gQQSlbeppmBjUpcWxch//AeP3fL4UyTiLju8dwU08p5whPSE4NAVl9vdkVLP/RH047CHMphwJohe3af884F9zRRwJh5B5U+CWf5+cOj5ZT4vUstUJncKUvYDMAzqXAUZnHigFnmzzhM6dVZhiTZzbpZ8ngAmQkmK1Oy7b53vzcDBaEw7XnWuOBXS8Hg7BLieQiY9GN1wsDZt2PlWKYKe07L7z8r8LwafDcCm189z11k75H/VBKVtiXBu60dTNmw8gP6pgs/LwUQRlM4DDs/PDoVhmJvekvtlf7aPhDQyLw9qWgVkxYUfBcHWLhVCREDjKhjsFFon7QI0Dpbcm6ssX+MCafgVLkzA6MVeBcYdY2D2bRE4iPr0VHLXESuE3IJ88YkhALw6HSENr4966FPxzfZ+tG+b5sUijhIRCLJ+ptrZXznrWKkoX6ANheAHne064EhIvRoeJuzK0HvjM3r1N2tQiEgRXzn+avWGgjkPxqEwMb7u1qRN7QDDtSuY2YRJhfAVaNbvAYOoDE58VcwfOLJ9xwEEdaQ6mW1tLKCMGH32Q6U/hhRqY0hiuwalIlHod0yBflqbs5eAQXXsVUFa9T7IYF+LlJtAkagJzAiKU8BBdEqu3k1o3WfvoSPwxayuKHW1Tx4g/d7NRNgFUPl8G86s3ZkwMXDw40/YzLn/NjbyIvzKgMBXmkAWn59kW64NHUE/jP1gAiIGEOXa7LtPplqWTig1xq2jOHKFYtC39VMb3HNdEJKj6DrttZ54GAL4pYBKmXOxGZRLFt1LAdIfA3uXHV6KJwu2dNZ/GQQqDkJlnpwiCH0wKn/Y7dGyAwt2EcWKyh0n381IirQRjK429PtqIx5wsOXnDBMOvBQfU1E2DNdPYNTHgwnLp5LN67JDlz2FVvMYMYEhunuJ18J6uULX0BKpBa/InPdAv8hBoXcFA+Xv3XRrHC8uMNy/atJpoVbaF2Uh8u/9Z3+PLygrOLn4+zHVbW4xrz4PEx8Z8C62HywFKphayaKE06svz1KZfDGSd01sqp6y+rsSiJjAISUf1E4gD92GPii6wABc2LPmm3mZvll+wx0QiJsSq3djOIsSbQwrGnW6lp8Cx6IXaoYDxggVoP87HJzYCKTfTwcEM8mkW7tumB4vCqxbaZiRk2ycdR2TvgwEExtAqnduDlz9GEuPZMTBpG2TvmPDqTkH6/tfy6g6BgbxE/pIeKrFrXBUYHrQqxePfx8d8WMSgC3Phr7+YEJoLwDliVhyM/hqyDGM9XIPrfWtPzuaAjfaWxxB0YsERfHyt+7i+cNU10dHIny/exkKXlflVrQ+tgFFb1Icyy0+4Gi/kE9PvRl2/vHPcNDxiRlbPAGGXuWwgp/s09pp0fo05gjAcrdTKfw3oehdBodX2c0jtm0JLezXfGQMHuwCxzgpKYbeJlQ2p0sf8yqZ9QizDXW330WAg2RyWCxU0+2cFi/Iz/HrG8NPkBhCZeuu3Fmxqn607MyrFy8/U6BEQkBh81U4rUIRQL+3vC0YJJbC7DZftnrJuru/rluCQoIp5KZe/PCz67gnA0NvAlZQOCDUAgAAEA0AnQEqOAA4AD6lRJtJJiQioTAUDfjAFIlqDbAFQDtf0l5PHgGCe8BtgNw1vD3oAdJWv61uMsjSg/pOu+1AyBYH7j+7Ck6pcON7Jz4XKC+fLkrxQUzB2N3/45sNR+hO9YvIlZz4Tfr5QJSkvfuANgAA/v0CTaEavO9QhzFmTK5qVAFVs9eBn4ACf3RBh62bgT6q3AJQBn3CtZ6n/ldHkS3yn3clKJVi1qR6K9AVF3T/3EYticWJi3wabUNJ0CTUgWe3+et0+FkfYrPqj8YdyvxarR22NKXubaobZd4uwEZRdqbwBs9aXVmimA5plRFGlFb9nGMsoM2jsnxa5M98LBTzOGPlYqyZ+2IlMrvNPgovZr2PL0dm0NThnrmFZ6b6UrmPbY5/Ceje/3PNbz8avL6pq+8uUZDPUItcrNquh+db76TtYd7/zVcFVsaiix5Ly0epqpXNSL36TVaArj8uWwGwI4n69F12VD6QPa5lcsPHEINaggHOwY3ZzH4Ten5YptGCnK3Sg9l0ayZb+R0clszvE0dtELYrx4qKzlVFMehMFfsoVeZuUMJa7pXPgy9/gGW0NQ91Oys81vo5QeX/cV4rGdMgc+vba2hL7vnEVNYJim1FZIskurqA476hxrvYd1FF2/mnAgta9APKmscDfA8E86N06zcSFQssgFwaWXz5OwwmMwe/KHKablcQETH5BxooXHW/trkvyTkCQ4yhns4qt/hztz6UdCeLLIN4y8x1HH6VbgYsQjM/aLSypdXaWhxJGarHxR7QPaHSWdjQWmB6hdzlB8xcFf/Roii0uAC1ym3ZplokX1BvvMcnoNx/mNSL0EC3KCTIcir7BJwLZc8UCrwFZTBs3ez/fuew6xr6e//8Hd/P/oDyr4XsgHa4Zs7sX7xxbQE7OSPANWVzg1wMEnVD8D/Am//9poaV17tsjtxnIf6waxKZkYydYWEgpaQAAA==")!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;width:40px!important;height:40px!important;top:10px!important;right:11px!important;border:0!important;border-radius:0!important;box-shadow:none!important;} /* Best Usage: exact vector trace of selected running-shoe sole artwork */ body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--best-usage::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20633%20848%22%3E%3Cg%20fill%3D%22%2315803d%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M189%20530l-7%207l-10%2035l0%2062l52%20112l14%205l8%20-10l-6%20-80l7%20-58l-14%20-32l-18%20-26l-15%20-14zM225%20704l0%204zM195%20548l22%2027l15%2033l-7%2048l-1%2049l-38%20-79l0%20-43z%22%2F%3E%3Cpath%20d%3D%22M445%20385l-11%204l-19%2024l-26%2055l13%2069l-1%2075l9%209l8%20-1l6%20-8l46%20-122l-4%20-62l-10%20-32zM442%20406l11%2036l2%2046l-36%2089l-3%20-52l-11%20-58l18%20-37z%22%2F%3E%3Cpath%20d%3D%22M119%20194l-13%204l-21%2018l-18%2025l0%207l11%204l14%20-20l29%20-23l20%2040l-18%2029l-10%2042l10%2091l34%2099l-4%2027l-30%2045l1%206l8%203l27%20-31l12%20-27l2%20-17l-32%20-96l-11%20-71l3%20-51l22%20-41l1%20-15l-19%20-40l-8%20-7z%22%2F%3E%3Cpath%20d%3D%22M113%20159l-29%2011l-29%2027l-28%2051l-11%2042l-6%2053l0%2050l7%2050l24%2069l64%2098l9%2035l4%2076l25%2067l22%2024l33%2018l37%207l30%20-4l36%20-14l23%20-19l14%20-25l6%20-34l-2%20-35l-8%20-33l-18%20-40l-42%20-70l-6%20-24l2%20-31l19%20-67l-2%20-19l7%20-27l-3%20-38l-10%20-17l0%20-27l-15%20-37l-18%20-32l-14%20-11l-4%20-15l-15%20-20l-45%20-33l-27%20-7zM296%20798l-43%2018l-25%201l-19%20-5l24%20-30l17%20-6zM187%20731l11%2025l-29%2033l-17%20-31zM268%20708l54%2010l1%2036l-47%20-16l-6%20-10zM157%20667l12%2025l-31%2021l-5%20-35zM268%20637l9%20-5l15%200l16%2030l-40%201zM98%20426l6%2026l-55%2028l-8%20-26zM273%20371l0%2034l-72%2030l-10%200l-4%20-23l4%20-10zM86%20350l0%2031l-54%2026l-2%20-32zM253%20294l10%2033l-84%2028l-1%20-27l7%20-11zM232%20255l11%2025l-62%2021l3%20-21l8%20-14zM109%20181l38%20-2l20%206l21%2014l17%2019l-25%208l-24%20-33l-7%20-2l-6%207l32%2043l41%20-8l0%209l-35%2012l-10%2016l-6%2025l3%2017l-5%2013l4%2041l18%205l76%20-28l8%2011l-85%2034l-11%2012l-1%2014l5%2028l13%2011l77%20-30l3%2012l-5%205l-65%2028l-5%2018l17%2029l15%2014l9%202l3%20-13l-18%20-17l-11%20-20l54%20-23l-13%2047l-2%2036l12%2040l22%2036l-19%203l-9%208l-3%2039l7%2010l56%202l6%2022l-59%20-9l-9%207l-1%2016l5%2023l9%2012l52%2021l-9%2016l-36%20-20l-23%20-7l-30%2012l-26%2034l-11%20-6l28%20-34l-1%20-25l-11%20-22l-15%20-5l-39%2028l-4%20-12l43%20-31l-1%20-17l-20%20-30l-11%20-1l-19%207l-2%20-29l-9%20-28l-53%20-80l51%20-26l7%2012l0%2015l-22%2034l2%208l9%201l26%20-36l0%20-28l-16%20-22l-13%201l-52%2026l-6%20-11l56%20-28l9%20-10l-7%20-39l-9%20-8l-11%201l-53%2026l-5%20-6l0%20-9l64%20-32l4%20-7l0%20-39l-4%20-7l-14%20-4l-55%2024l2%20-19l59%20-25l9%20-11l7%20-34l-7%20-9l-13%20-1l-42%2019l1%208l10%202l34%20-13l-6%2024l-51%2022l7%20-45l15%20-40l21%20-31z%22%2F%3E%3Cpath%20d%3D%22M484%2044l-11%2010l-19%2044l3%2018l24%2033l8%2040l-3%2071l-24%2092l-1%2020l17%2039l26%2030l7%201l4%20-11l-27%20-33l-12%20-29l22%20-87l8%20-93l-11%20-47l-26%20-41l20%20-41l20%208l28%2032l10%20-3l0%20-8l-32%20-36l-16%20-8z%22%2F%3E%3Cpath%20d%3D%22M500%2010l-34%201l-27%209l-51%2042l-13%2021l-2%2013l-16%2014l-15%2033l-10%2032l2%2025l-10%2023l1%2043l8%2018l1%2025l24%2066l3%2032l-6%2026l-38%2074l-13%2036l-4%2048l5%209l9%201l62%20-21l-3%2029l-45%2028l1%2010l9%201l43%20-25l7%20-9l3%20-18l-1%20-25l-10%20-8l-62%2018l5%20-31l52%20-3l12%20-11l-8%20-43l-12%20-7l-17%20-1l20%20-37l10%20-38l-3%20-37l-19%20-56l59%2019l-11%2023l-19%2021l4%2010l9%20-1l12%20-12l20%20-34l0%20-12l-8%20-10l-71%20-22l-2%20-11l4%20-4l83%2023l9%20-8l4%20-38l-9%20-16l-95%20-31l8%20-10l78%2023l10%200l9%20-7l2%20-25l-11%20-60l-14%20-22l-36%20-11l-1%20-10l30%206l16%20-3l26%20-38l-3%20-10l-8%20-1l-27%2036l-24%20-5l38%20-34l36%20-14l24%201l22%208l35%2036l28%2060l7%2029l-58%20-17l-10%20-20l3%20-3l39%2010l6%20-5l-5%20-10l-41%20-11l-11%201l-7%208l3%2021l13%2022l72%2022l3%2018l-71%20-20l-10%2011l3%2033l10%2016l69%2025l-1%2016l-68%20-25l-9%201l-7%207l-3%2042l11%209l58%2025l-5%2012l-59%20-26l-9%200l-9%208l-9%2025l1%2015l10%2020l20%2022l10%20-2l0%20-9l-25%20-35l6%20-26l7%20-1l50%2023l-51%2089l-6%2021l-1%2039l-14%20-5l-16%202l-19%2035l0%2011l6%207l41%2026l-3%2015l-34%20-26l-13%20-2l-10%208l-13%2031l3%2017l33%2037l-10%209l-32%20-37l-28%20-9l-19%205l-37%2028l-2%208l9%2015l18%2013l36%2011l28%20-1l34%20-14l29%20-27l14%20-24l18%20-52l0%20-109l4%20-19l65%20-117l21%20-77l-1%20-78l-12%20-56l-15%20-42l-23%20-42l-24%20-26l-27%20-15zM364%20671l28%20-20l12%20-2l14%204l29%2034l-19%206l-27%20-1l-21%20-8zM463%20593l37%2028l-18%2036l-31%20-35zM490%20524l22%2010l-1%2039l-34%20-22zM328%20533l14%20-31l21%20-1l5%204l3%2027zM530%20273l64%2022l-6%2028l-60%20-24zM343%20231l88%2025l4%204l-1%2030l-87%20-24zM534%20196l66%2020l2%2031l-62%20-21zM359%20153l72%2021l6%2011l2%2025l-87%20-22zM366%20137l14%20-23l41%2013l12%2030z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat!important;width:40px!important;height:40px!important;top:10px!important;right:11px!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:0!important;} /* Best Usage speedometer SVG — overrides old shoe image */ body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--best-usage::after{content:""!important;background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2315803d%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2017a9%209%200%201%201%2014%200%22%2F%3E%3Cpath%20d%3D%22M12%207v2M6.8%2010.2l1.4%201.4M17.2%2010.2l-1.4%201.4M4%2015h2M18%2015h2%22%2F%3E%3Cpath%20d%3D%22m12%2015%204-4%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2215%22%20r%3D%221.5%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;width:26px!important;height:26px!important;top:16px!important;right:17px!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:0!important;} /* Key Specs bullet icon: grey precision target */ body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--key-specs li::before,body.fghq-best-article .fghq-v2-nutshell-card.fghq-nutshell--key-specs li:last-child::before{content:""!important;display:block!important;width:16px!important;height:16px!important;flex:0 0 16px!important;border:0!important;border-radius:0!important;background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236b7280%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M12%202v4M12%2018v4M2%2012h4M18%2012h4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;box-shadow:none!important;} /* Canonical H2 section top spacing: align Explore with FAQ */ body.fghq-best-article .fghq-v2-explore{padding-top:56px!important;} body.fghq-best-article .fghq-v2-explore .fghq-v2-related-inner>h2{margin-top:0!important;} @media(max-width:767px){body.fghq-best-article .fghq-v2-explore{padding-top:42px!important;}} /* Correct excessive blank area above Explore H2 */ body.fghq-best-article .fghq-v2-explore{padding-top:20px!important;} body.fghq-best-article .fghq-v2-explore .fghq-v2-related-inner>h2{margin-top:0!important;padding-top:0!important;} @media(max-width:767px){body.fghq-best-article .fghq-v2-explore{padding-top:20px!important;}} /* Explore: remove inherited top whitespace above H2, without shifting previous FAQ */ body.fghq-best-article .fghq-v2-explore{padding-top:0!important;} body.fghq-best-article .fghq-v2-explore>.fghq-v2-related-inner{margin-top:0!important;padding-top:0!important;} body.fghq-best-article .fghq-v2-explore .fghq-v2-related-inner>h2{margin-top:0!important;padding-top:0!important;} /* Explore boundary: counteract outer Gutenberg flow gap (not H2 padding) */ body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content section.fghq-v2-explore{margin-top:-90px!important;padding-top:56px!important;} @media(max-width:767px){body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content section.fghq-v2-explore{margin-top:-60px!important;padding-top:42px!important;}} /* Restore Explore flow: no negative overlap with FAQ */ body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content section.fghq-v2-explore{margin-top:0!important;padding-top:32px!important;} @media(max-width:767px){body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content section.fghq-v2-explore{margin-top:0!important;padding-top:28px!important;}} /* Match Explore H2 typography and section inset to FAQ heading */ body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content .fghq-v2-explore{margin-top:0!important;padding-top:64px!important;} body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content .fghq-v2-explore .fghq-v2-related-inner>h2{font-size:clamp(1.75rem,2.25vw,2.15rem)!important;line-height:1.25!important;letter-spacing:normal!important;font-weight:800!important;margin:0 0 24px!important;} @media(max-width:767px){body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content .fghq-v2-explore{padding-top:42px!important;}} /* Explore H2: match FAQ top inset, keep current font size */ body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content section.fghq-v2-explore{padding-top:96px!important;} @media(max-width:767px){body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content section.fghq-v2-explore{padding-top:56px!important;}} /* CSS Best — shared canonical geometry (no post-specific selectors) */ /* FitGearHQ 1385 H2 sections: one Gutenberg background section + one Gutenberg content inner, modeled on Explore. The outer section provides alternating full-bleed paint; the inner spans the SAME content axis as the introduction and article hero. No nested 24px inset or negative margin. */ body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article { --fghq-section-space:80px; --fghq-h2-to-body:24px; --fghq-section-gray:var(--global-palette7,#e4e4e4); } body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content :is( .fghq-h2-section,.fghq-v3-comparison-section,.fghq-product-section ) { width:100%!important;max-width:100%!important;min-width:0!important; margin:0!important; padding:96px 0 0!important; box-sizing:border-box!important; } /* Same geometry as direct intro blocks: let the article own lateral padding. */ body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content .fghq-h2-inner { display:flow-root!important; width:100%!important;max-width:100%!important;min-width:0!important; margin:0 auto!important; padding:0 0 var(--fghq-section-space)!important; box-sizing:border-box!important; } body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content .fghq-h2-inner > h2 { margin:0!important;padding:0!important;text-align:left!important; } body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content .fghq-h2-inner > .fghq-h2-body { display:flow-root!important; width:100%!important;max-width:100%!important;min-width:0!important; margin:var(--fghq-h2-to-body) 0 0!important;padding:0!important; box-sizing:border-box!important; } body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content .fghq-h2-body > :first-child {margin-top:0!important} body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content .fghq-h2-body > :last-child {margin-bottom:0!important} /* The boxed Kadence post content is narrower than the viewport. Paint the section backgrounds past it using the SAME full-bleed method as Explore. */ body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content :is( .fghq-h2-selected,.fghq-h2-choose,.fghq-h2-shortcuts, .fghq-h2-verdict,.fghq-h2-comparison,.fghq-h2-takeaways, .fghq-product-section--white ) { background:#fff!important; box-shadow:0 0 0 100vmax #fff!important; clip-path:inset(0 -100vmax); } body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content :is( .fghq-product-section--gray,.fghq-h2-faq ) { background:var(--fghq-section-gray)!important; box-shadow:0 0 0 100vmax var(--fghq-section-gray)!important; clip-path:inset(0 -100vmax); } /* Gray and white bands must be full viewport width, but inner Gutenberg content stays on the same axis as the introduction and Explore. The article wrapper is already clipped for the overall white canvas, so use a real full-viewport background pseudo-layer instead of relying on section shadows. */ body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content :is( .fghq-product-section--gray,.fghq-h2-faq ) { position:relative!important; isolation:isolate!important; box-shadow:none!important; clip-path:none!important; background:transparent!important; } body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content :is( .fghq-product-section--gray,.fghq-h2-faq )::before { content:""; position:absolute; z-index:-1; top:0;bottom:0; left:50%; width:100vw; transform:translateX(-50%); background:var(--fghq-section-gray); pointer-events:none; } /* Explore is an HTML section rather than a Gutenberg group: use the same symmetrical spacing as the twelve canonical H2 groups. */ body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content .fghq-v2-explore { padding-top:calc(var(--fghq-section-space) + var(--fghq-section-space))!important; padding-bottom:var(--fghq-section-space)!important; } body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content .fghq-v2-explore .fghq-v2-related-inner { padding-top:0!important; padding-bottom:0!important; } /* Single product-card border, scoped to post 1385. */ body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .fghq-v4-shell.wp-block-group { padding:0!important; border:1px solid #e1e5ea!important; } body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .fghq-v4-shell.wp-block-group > .fghq-v4-card.wp-block-group { border:none!important; border-width:0!important; border-radius:15px!important; } /* In a Nutshell canonical card order: Best Usage, For, Not For, Key Specs, Pros, Cons. */ body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .fghq-v2-nutshell-grid { display:grid!important; } /* One consistent vertical rhythm for the product subsection H3 headings. */ body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content .fghq-product-section .fghq-h2-body > .fghq-subsection { margin:0!important; padding:64px 0 0!important; } body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content .fghq-product-section .fghq-h2-body > .fghq-subsection:first-child { padding-top:0!important; } body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content .fghq-product-section .fghq-subsection > h3.wp-block-heading { margin:0!important; padding:0!important; } body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content .fghq-product-section .fghq-subsection > .fghq-subsection-body { margin:20px 0 0!important; padding:0!important; } @media(max-width:767px) { body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article {--fghq-section-space:40px} body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content :is(.fghq-h2-section,.fghq-v3-comparison-section,.fghq-product-section,.fghq-v2-explore) { padding-top:56px!important; } body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content .fghq-product-section .fghq-h2-body > .fghq-subsection { padding-top:48px!important; } body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content .fghq-product-section .fghq-h2-body > .fghq-subsection:first-child { padding-top:0!important; } body.fghq-best-article:has(.fghq-v3-comparison-section).fghq-best-article .entry-content .fghq-product-section .fghq-subsection > .fghq-subsection-body { margin-top:16px!important; } } /* Canonical Best: post-article affiliate disclosure uses the same grid as article sections. */ body.fghq-best-article.single-post .fitgearhq-disclosure-bottom{width:100%!important;max-width:var(--global-content-width,1290px)!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--global-content-edge-padding,1.5rem)!important;padding-right:var(--global-content-edge-padding,1.5rem)!important} body.fghq-best-article.single-post .fitgearhq-disclosure-bottom > p,body.fghq-best-article.single-post .entry-content > p:has(a[href*="affiliate-disclosure"]){width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important} /* END_FGHQ_SINGLE_GLOBAL_STYLESHEET_BEST */