/* Terms of Use (post 208) — parity fixes vs production wizefulfill.com/terms-of-use/, 2026-07-30.
   Scoped to body.page-id-208 since migrated-css/*.css is enqueued sitewide. */

/* Hero: h1 was 32px, production uses 36px. Hero had no min-height, collapsing to
   ~160px tall (2-line title) vs production's fixed 350px banner. The original build's
   style.css sets font-size on this selector with !important, so the override needs
   !important too (wins on specificity: body.page-id-208 [data-id] .elementor-heading-title
   beats the plain [data-id] .elementor-heading-title rule). */
body.page-id-208 [data-id="b8f6c18"] .elementor-heading-title{font-size:36px !important;line-height:45px !important;}
body.page-id-208 [data-id="ad738d5"]{min-height:350px;justify-content:center;background-image:url('../images/page-banner-owl.png') !important;background-repeat:no-repeat !important;background-position:0px 50% !important;background-size:auto !important;overflow:hidden !important;position:relative !important;}

/* Legal body copy: production's .page-template-page-style-2 .entry-content sets
   font-size:.875rem (14px) / line-height:1.25rem (20px) — was built at 16px/28px.
   Original rule uses !important, so this override must too. */
body.page-id-208 [data-id="710218c"]{font-size:14px !important;line-height:20px !important;}

/* h2 (top-level sections): production .entry-content h2 is font-size:2.1rem (33.6px),
   margin-top:2.5rem (40px) — was built at 24px / 32px. margin-bottom 12px already matched. */
body.page-id-208 [data-id="710218c"] h2{font-size:33.6px;margin-top:40px;margin-bottom:12px;}

/* h3 (lettered subsections, heavily used — 19 in this page): production
   .page-template-page-style-2 .entry-content h3 is font-size:1.5rem (24px),
   line-height:2rem (32px) — was built at 18px/28px. Production's Tailwind Typography
   "prose" also zeroes margin-top on any heading immediately following another h2/h3
   (confirmed live: h3 "A) General Use" right after h2 "1. Use of the Service" has
   margin-top:0, margin-bottom:14.4px in production) — was built at flat 20px/8px. */
body.page-id-208 [data-id="710218c"] h3{font-size:24px;line-height:32px;margin-top:38.4px;margin-bottom:14.4px;font-weight:700;}
body.page-id-208 [data-id="710218c"] h2 + h3,
body.page-id-208 [data-id="710218c"] h3 + h3{margin-top:0;}

/* p/ul/li spacing: production prose defaults are 1.25em/1.625em/.5em relative to the
   14px body size (17.5px / 22.75px / 7px). Was built at round 16/24/8px. */
body.page-id-208 [data-id="710218c"] p{margin-bottom:17.5px;}
body.page-id-208 [data-id="710218c"] ul{margin-bottom:17.5px;padding-left:22.75px;}
body.page-id-208 [data-id="710218c"] li{margin-bottom:7px;}

/* Contact band: heading was 26px vs production's 30px (text-3xl); intro/detail lines
   were 18px vs production's 20px. Original rules use !important, override in kind. */
body.page-id-208 [data-id="6ac8fe9"] .elementor-heading-title{font-size:30px !important;line-height:36px !important;}
body.page-id-208 [data-id="a848110"] p,
body.page-id-208 [data-id="be113ee"] p{font-size:20px !important;}

body.page-id-208 [data-id="4969712"]{padding-left:8px !important;padding-right:8px !important;}
body.page-id-208 [data-id="e71bbf9"]{padding:64px 80px !important;}
@media (min-width:768px){
body.page-id-208 [data-id="e71bbf9"]{flex-direction:row !important;align-items:center !important;justify-content:space-between !important;}
body.page-id-208 [data-id="8a6dc72"]{width:50% !important;padding:0 !important;}
}