/**
 * PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP
 * SENSY VERTICAL RHYTHM MANIFEST v3.0
 * PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP
 *
 * =B5;5:BC0;L=0 A8AB5<0 2V4ABC?V2 =0 >A=>2V CSS Adjacent Sibling Combinators
 *
 *  &:
 * 0<VABL 6>@AB:>3> ?@>?8AC20==O margin-top C :>6=><C 1;>FV,
 * <8 28:>@8AB>2CT<> ?@028;0 ACAV4AB20 4;O :>=B5:ABC0;L=>W 040?B0FVW.
 *
 *  #,"":
 * - ;>:8 <>6=0 <V=OB8 <VAFO<8 (Lego-style)
 * -  8B< 02B><0B8G=> 040?BCTBLAO 4> :>=B5:ABC
 * - 0@0=B>20=0 ?@5<V0;L=0 30@<>=VO
 * PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP
 */

/* ============================================================
   1.    (Default State)
   ============================================================ */

/**
 * >65= 1;>: (.sensy-block) 70 70<>2GC20==O< <0T Major Gap - 120px 725@EC.
 * &5 70:>= 4;O =570;56=8E A5:FV9 157 ?@O<>3> ;>3VG=>3> 72'O7:C.
 */
.sensy-block {
    margin-top: 120px !important;
}

/* ============================================================
   2.   !! ,!" (The Proximity Rule)
   ============================================================ */

/**
 * /:I> 70 03>;>2:>< (.section-header) 945 $C=:FV>=0;L=89 ;>:
 * (:0;L:C;OB>@, 10=5@, 4>@>6=O :0@B0)  2V4ABC? A:>@>GCTBLAO 4> 60px.
 *
 * : 03>;>2>: B0 2V465B AB0=>2;OBL T48=C "A<8A;>2C 3@C?C".
 */
.section-header + .sensy-block,
.section-header + .calculator-body-v1,
.section-header + .roadmap-timeline,
.section-header + .banner-preset-a {
    margin-top: 60px !important;
}

/* ============================================================
   3.   '  (/ (The Conclusion Rule)
   ============================================================ */

/**
 * /:I> 70 "5:AB>< (.contextual-text) 945 >AB-$CB5@ (.post-meta-footer),
 * 2V4ABC? A:>@>GCTBLAO 4> 40px.
 *
 * : >AB-DCB5@  F5 ?@>4>265==O :>=B5=BC, 0 =5 =>20 A5:FVO.
 */
.contextual-text + .post-meta-footer {
    margin-top: 40px !important;
}

/* ============================================================
   4.   !#  , (The Zero-Point Divider)
   ============================================================ */

/**
 *  >74V;N20G 702648 <0T 60px 725@EC B0 60px 7=87C.
 *  AC<V 40T BV A0<V 120px <V6 :>=B5=B><, 0;5 ;V=VO AB>WBL V450;L=> ?> F5=B@C.
 */
.sensy-divider {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

/* ============================================================
   5.   " ( ""#" (The Hero Exception)
   ============================================================ */

/**
 * 5@H89 1;>: ?VA;O Hero 702648 <0T 2V4ABC?, I> 4>@V2=NT
 * 2=CB@VH=L><C @8B<C Hero (80px 70<VABL 120px).
 *
 * : Hero 265 709<0T 75vh 28A>B8. 5;8:89 2V4ABC? AB2>@NT "4V@:C".
 */
.hero-v3 + .sensy-block,
.hero-v3 + .intro-text,
.hero-v3 + .content-image-21-9 {
    margin-top: 80px !important;
}

/* ============================================================
   6. !&, .'/ (Special Cases)
   ============================================================ */

/**
 * !>FV0;L=V :=>?:8 702648 94CBL 2 :V=FV 7 <5=H8< 2V4ABC?><
 */
.sensy-block:last-child.social-share {
    margin-top: 80px !important;
}

/**
 * CTA Finale ?VA;O Quote Card - AB0=40@B=89 120px (25;8:89 @>7@82)
 */
.quote-card + .cta-finale {
    margin-top: 120px !important;
}

/* ============================================================
   7. ZERO-START RULE (>G0B>: AB>@V=:8)
   ============================================================ */

/**
 * Hero 702648 ?>G8=0TBLAO 7 A0<>3> 25@EC 157 2V4ABC?C.
 */
.hero-v3.sensy-block {
    margin-top: 0 !important;
}

/* ============================================================
   8. RESPONSIVE ADJUSTMENTS (>1V;L=0 040?B0FVO)
   ============================================================ */

/**
 * 0 <0;8E 5:@0=0E 2AV 2V4ABC?8 A:>@>GCNBLAO 4> 60% 2V4 desktop
 */
@media (max-width: 768px) {
    .sensy-block {
        margin-top: 72px !important; /* 120px * 0.6 */
    }

    .section-header + .sensy-block,
    .section-header + .calculator-body-v1,
    .section-header + .roadmap-timeline,
    .section-header + .banner-preset-a {
        margin-top: 36px !important; /* 60px * 0.6 */
    }

    .hero-v3 + .sensy-block,
    .hero-v3 + .intro-text,
    .hero-v3 + .content-image-21-9 {
        margin-top: 48px !important; /* 80px * 0.6 */
    }

    .contextual-text + .post-meta-footer {
        margin-top: 24px !important; /* 40px * 0.6 */
    }

    .sensy-divider {
        margin-top: 36px !important; /* 60px * 0.6 */
        margin-bottom: 36px !important;
    }
}

/**
 * 0 4C65 <0;8E 5:@0=0E (d 640px) - I5 1V;LH5 A:>@>G5==O
 */
@media (max-width: 640px) {
    .sensy-block {
        margin-top: 60px !important; /* 120px * 0.5 */
    }

    .section-header + .sensy-block,
    .section-header + .calculator-body-v1,
    .section-header + .roadmap-timeline,
    .section-header + .banner-preset-a {
        margin-top: 30px !important; /* 60px * 0.5 */
    }

    .hero-v3 + .sensy-block,
    .hero-v3 + .intro-text,
    .hero-v3 + .content-image-21-9 {
        margin-top: 40px !important; /* 80px * 0.5 */
    }

    .contextual-text + .post-meta-footer {
        margin-top: 20px !important; /* 40px * 0.5 */
    }

    .sensy-divider {
        margin-top: 30px !important; /* 60px * 0.5 */
        margin-bottom: 30px !important;
    }
}

/* ============================================================
   END OF MANIFEST
   ============================================================ */