/* GEF Dynamic Blog 0.3.3 — Pixel-fidelity source rules.
   These are the EXACT declarations from the user's four reference code sections,
   with only their selectors scoped to .gef-single-view so Astra / Elementor styles
   cannot change the original typography, spacing, card geometry or breakpoints.
   The original author card is restored above the table of contents.
*/

/* ===== ORIGINAL REFERENCE: 01 HERO ===== */

.gef-single-view .gef-blog-hero, .gef-single-view .gef-blog-hero * {box-sizing:border-box;}
.gef-single-view .gef-blog-hero {position:relative;
    width:100%;
    min-height:400px;
    margin:0;
    overflow:hidden;
    display:flex;
    align-items:center;
    background:#073c77;
    font-family:"Poppins", Arial, sans-serif;}
.gef-single-view .gef-blog-hero-image {position:absolute;
    inset:0;
    z-index:0;}
.gef-single-view .gef-blog-hero-image img {display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;}
.gef-single-view .gef-blog-hero-overlay {position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            90deg,
            rgba(5,53,103,.97) 0%,
            rgba(6,59,114,.94) 34%,
            rgba(7,66,125,.78) 52%,
            rgba(7,66,125,.28) 72%,
            rgba(7,66,125,.12) 100%
        );}
.gef-single-view .gef-blog-hero-container {position:relative;
    z-index:4;
    width:100%;
    max-width:1380px;
    margin:0 auto;
    padding:32px 48px 30px;}
.gef-single-view .gef-blog-hero-content {width:100%;
    max-width:610px;}
.gef-single-view .gef-blog-back {display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:16px;
    color:#ffffff;
    text-decoration:none;
    font-size:12px;
    font-weight:500;
    line-height:1;}
.gef-single-view .gef-blog-back i {font-size:11px;}
.gef-single-view .gef-blog-back:hover {color:#ffffff;
    opacity:.85;}
.gef-single-view .gef-blog-tags {display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:16px;}
.gef-single-view .gef-blog-tag {display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:24px;
    padding:5px 11px;
    border-radius:30px;
    color:#ffffff;
    font-size:9px;
    font-weight:600;
    line-height:1;}
.gef-single-view .gef-tag-blue {background:#13a1f1;}
.gef-single-view .gef-tag-purple {background:#7d60e3;}
.gef-single-view .gef-tag-green {background:#78b84f;}
.gef-single-view .gef-blog-hero h1 {margin:0 0 18px;
    color:#ffffff;
    font-size:clamp(30px, 3.2vw, 44px);
    line-height:1.12;
    font-weight:700;
    letter-spacing:-1px;}
.gef-single-view .gef-blog-hero h1 span {display:block;}
.gef-single-view .gef-blog-meta {display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    color:#ffffff;}
.gef-single-view .gef-blog-meta-item, .gef-single-view .gef-blog-share {display:inline-flex;
    align-items:center;
    gap:8px;
    color:#ffffff;
    text-decoration:none;
    font-size:11px;
    font-weight:400;
    line-height:1;}
.gef-single-view .gef-blog-meta-item i, .gef-single-view .gef-blog-share i {font-size:12px;}
.gef-single-view .gef-blog-meta-divider {width:1px;
    height:15px;
    background:rgba(255,255,255,.38);}
.gef-single-view .gef-blog-share:hover {color:#ffffff;
    opacity:.85;}
.gef-single-view .gef-blog-hero-note {position:absolute;
    top:46px;
    right:70px;
    z-index:5;
    width:170px;
    color:#ffffff;
    font-family:"Caveat", cursive;
    font-size:29px;
    line-height:1.02;
    font-weight:700;
    text-align:center;
    transform:rotate(-6deg);
    text-shadow:0 2px 8px rgba(0,0,0,.18);}
.gef-single-view .gef-blog-hero-note span {display:block;}
.gef-single-view .gef-blog-hero-note::before, .gef-single-view .gef-blog-hero-note::after {content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    border-radius:50px;}
.gef-single-view .gef-blog-hero-note::after {width:118px;
    height:4px;
    bottom:-12px;
    background:#ffc61d;
    transform:translateX(-50%) rotate(-5deg);}
.gef-single-view .gef-blog-hero-note::before {width:0;
    height:0;
    box-shadow:
        -82px 4px 0 0 #ffc61d,
        -76px 18px 0 0 #ffc61d,
        -70px 32px 0 0 #ffc61d,
        82px 4px 0 0 #ffc61d,
        76px 18px 0 0 #ffc61d,
        70px 32px 0 0 #ffc61d;}
@media (max-width:1200px) {
  .gef-single-view .gef-blog-hero-container {padding-left:30px;
        padding-right:30px;}
  .gef-single-view .gef-blog-hero-note {right:35px;
        width:150px;
        font-size:25px;}
}
@media (max-width:991px) {
  .gef-single-view .gef-blog-hero {min-height:370px;}
  .gef-single-view .gef-blog-hero-container {padding:30px 20px;}
  .gef-single-view .gef-blog-hero-content {max-width:520px;}
  .gef-single-view .gef-blog-hero h1 {font-size:clamp(28px, 4.6vw, 38px);
        letter-spacing:-.6px;}
  .gef-single-view .gef-blog-hero-note {right:18px;
        top:38px;
        width:130px;
        font-size:22px;}
}
@media (max-width:700px) {
  .gef-single-view .gef-blog-hero {min-height:auto;}
  .gef-single-view .gef-blog-hero-overlay {background:
            linear-gradient(
                180deg,
                rgba(6,58,112,.97) 0%,
                rgba(6,58,112,.95) 55%,
                rgba(6,58,112,.72) 74%,
                rgba(6,58,112,.28) 100%
            );}
  .gef-single-view .gef-blog-hero-container {padding:28px 15px 235px;}
  .gef-single-view .gef-blog-hero-content {max-width:100%;}
  .gef-single-view .gef-blog-back {margin-bottom:14px;
        font-size:11px;}
  .gef-single-view .gef-blog-tags {gap:6px;
        margin-bottom:14px;}
  .gef-single-view .gef-blog-tag {min-height:22px;
        padding:4px 9px;
        font-size:8px;}
  .gef-single-view .gef-blog-hero h1 {margin-bottom:16px;
        font-size:clamp(27px, 8vw, 35px);
        line-height:1.14;}
  .gef-single-view .gef-blog-meta {gap:8px;}
  .gef-single-view .gef-blog-meta-item, .gef-single-view .gef-blog-share {font-size:9px;}
  .gef-single-view .gef-blog-meta-divider {height:13px;}
  .gef-single-view .gef-blog-hero-note {top:auto;
        right:18px;
        bottom:24px;
        width:120px;
        font-size:22px;}
  .gef-single-view .gef-blog-hero-note::after {width:86px;
        bottom:-9px;}
  .gef-single-view .gef-blog-hero-note::before {box-shadow:
            -58px 4px 0 0 #ffc61d,
            -53px 15px 0 0 #ffc61d,
            58px 4px 0 0 #ffc61d,
            53px 15px 0 0 #ffc61d;}
}
@media (max-width:480px) {
  .gef-single-view .gef-blog-hero-container {padding-left:14px;
        padding-right:14px;
        padding-bottom:220px;}
  .gef-single-view .gef-blog-hero-note {right:12px;
        width:110px;
        font-size:20px;}
}
@media (max-width:380px) {
  .gef-single-view .gef-blog-hero h1 {font-size:26px;}
  .gef-single-view .gef-blog-meta-divider {display:none;}
  .gef-single-view .gef-blog-hero-note {width:100px;
        font-size:18px;}
}


/* ===== ORIGINAL REFERENCE: 02 ARTICLE + SIDEBAR ===== */

.gef-single-view .gef-detail-content-section, .gef-single-view .gef-detail-content-section * {box-sizing:border-box;}
.gef-single-view .gef-detail-content-section {width:100%;
    margin:0;

    padding:
        42px 0
        58px;

    background:#ffffff;

    font-family:
        "Poppins",
        Arial,
        sans-serif;}
.gef-single-view .gef-detail-content-container {width:100%;
    max-width:1450px;

    margin:0 auto;

    padding-left:40px;
    padding-right:40px;}
.gef-single-view .gef-detail-content-grid {width:100%;

    display:grid;

    grid-template-columns:
        minmax(0,1.75fr)
        minmax(360px,.85fr);

    align-items:start;

    gap:52px;}
.gef-single-view .gef-detail-article {min-width:0;}
.gef-single-view .gef-detail-article > p, .gef-single-view .gef-detail-block > p {margin:
        0 0
        17px;

    color:#416b9f;

    font-size:17px;

    line-height:1.72;

    font-weight:400;}
.gef-single-view .gef-detail-intro {margin-bottom:27px !important;}
.gef-single-view .gef-detail-block {scroll-margin-top:110px;}
.gef-single-view .gef-detail-block h2 {margin:
        0 0
        10px;

    padding:0;

    color:#06438f;

    font-size:28px;

    line-height:1.25;

    font-weight:700;

    letter-spacing:-.5px;}
.gef-single-view .gef-detail-block + .gef-detail-block {margin-top:28px;}
.gef-single-view .gef-strategy-list {width:100%;

    margin-top:21px;

    display:flex;

    flex-direction:column;

    gap:23px;}
.gef-single-view .gef-strategy-item {display:grid;

    grid-template-columns:
        52px
        minmax(0,1fr);

    align-items:start;

    gap:18px;}
.gef-single-view .gef-strategy-number {width:48px;
    height:48px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:#ffffff;

    font-size:14px;

    line-height:1;

    font-weight:700;

    box-shadow:
        0 6px 14px
        rgba(10,90,160,.10);}
.gef-single-view .gef-blue {background:linear-gradient(135deg,#08a8f3,#087fd7);}
.gef-single-view .gef-green {background:linear-gradient(135deg,#82d83a,#48bc22);}
.gef-single-view .gef-purple {background:linear-gradient(135deg,#a540ed,#7425d8);}
.gef-single-view .gef-orange {background:linear-gradient(135deg,#ffbd13,#ff9400);}
.gef-single-view .gef-teal {background:linear-gradient(135deg,#22cbca,#0aa8ad);}
.gef-single-view .gef-strategy-info {padding-top:1px;}
.gef-single-view .gef-strategy-info h3 {margin:
        0 0
        4px;

    color:#074591;

    font-size:16px;

    line-height:1.4;

    font-weight:600;}
.gef-single-view .gef-strategy-info p {margin:0;

    color:#4972a3;

    font-size:15px;

    line-height:1.65;

    font-weight:400;}
.gef-single-view .gef-detail-quote {width:100%;

    margin-top:30px;

    padding:
        24px 28px;

    display:grid;

    grid-template-columns:
        55px
        minmax(0,1fr);

    gap:16px;

    align-items:center;

    background:
        linear-gradient(
            90deg,
            #edf8ff,
            #f6fbff
        );

    border-radius:8px;}
.gef-single-view .gef-detail-quote-icon {color:#078ee3;

    font-family:Georgia,"Times New Roman",serif;

    font-size:64px;

    line-height:.7;

    font-weight:700;}
.gef-single-view .gef-detail-quote p {margin:0;

    color:#0870bc;

    font-size:15px;

    line-height:1.65;

    font-weight:600;

    font-style:italic;}
.gef-single-view .gef-detail-sidebar {width:100%;

    min-width:0;

    display:flex;

    flex-direction:column;

    gap:18px;}
.gef-single-view .gef-side-card {width:100%;

    padding:22px;

    background:#ffffff;

    border:
        1px solid
        #d7e8f7;

    border-radius:9px;

    box-shadow:
        0 7px 22px
        rgba(26,82,139,.05);}
.gef-single-view .gef-author-main {display:grid;

    grid-template-columns:
        80px
        minmax(0,1fr);

    align-items:start;

    gap:16px;}
.gef-single-view .gef-author-photo {width:80px;
    height:80px;

    overflow:hidden;

    border-radius:50%;

    border:
        4px solid
        #eef6fc;

    background:#eef4f8;}
.gef-single-view .gef-author-photo img {display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    object-position:center;}
.gef-single-view .gef-author-text h3 {margin:
        0 0
        4px;

    color:#07458f;

    font-size:16px;

    line-height:1.4;

    font-weight:600;}
.gef-single-view .gef-author-text > span {display:block;

    margin-bottom:8px;

    color:#47709f;

    font-size:13.5px;

    line-height:1.5;

    font-weight:500;}
.gef-single-view .gef-author-text p {margin:0;

    color:#5077a5;

    font-size:13.5px;

    line-height:1.65;

    font-weight:400;}
.gef-single-view .gef-author-meta {width:100%;

    margin-top:18px;

    padding-top:15px;

    display:flex;

    align-items:center;

    gap:14px;

    border-top:
        1px solid
        #e4eef7;}
.gef-single-view .gef-author-meta > div {display:flex;

    align-items:center;

    gap:7px;

    color:#3e6ea3;

    font-size:12.5px;

    line-height:1.4;}
.gef-single-view .gef-author-meta i {color:#0785d5;

    font-size:14px;}
.gef-single-view .gef-author-separator {width:1px;
    height:18px;

    background:#dbe7f2;}
.gef-single-view .gef-toc-card h3, .gef-single-view .gef-related-heading h3 {margin:
        0 0
        16px;

    color:#06438f;

    font-size:21px;

    line-height:1.25;

    font-weight:700;}
.gef-single-view .gef-toc-list {display:flex;

    flex-direction:column;

    gap:12px;}
.gef-single-view .gef-toc-list a {display:grid;

    grid-template-columns:
        30px
        minmax(0,1fr);

    gap:10px;

    align-items:center;

    color:#4674a9;

    font-size:13.5px;

    line-height:1.5;

    font-weight:400;

    text-decoration:none;

    transition:
        color .2s ease;}
.gef-single-view .gef-toc-list a:hover {color:#0784d4;}
.gef-single-view .gef-toc-number {width:29px;
    height:29px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#e4f4ff;

    color:#087fd1;

    font-size:12px;

    line-height:1;

    font-weight:600;}
.gef-single-view .gef-related-heading {display:flex;

    align-items:center;
    justify-content:space-between;

    gap:12px;

    margin-bottom:3px;}
.gef-single-view .gef-related-heading h3 {margin-bottom:0;}
.gef-single-view .gef-related-heading > a {display:flex;

    align-items:center;

    gap:6px;

    color:#0788dc;

    font-size:12px;

    line-height:1.4;

    font-weight:600;

    text-decoration:none;}
.gef-single-view .gef-related-item {width:100%;

    display:grid;

    grid-template-columns:
        120px
        minmax(0,1fr);

    align-items:center;

    gap:13px;

    padding:
        14px 0;

    border-bottom:
        1px solid
        #e4edf6;

    text-decoration:none;}
.gef-single-view .gef-related-item:last-child {padding-bottom:0;

    border-bottom:none;}
.gef-single-view .gef-related-image {width:120px;
    height:84px;

    overflow:hidden;

    border-radius:6px;

    background:#edf4f8;}
.gef-single-view .gef-related-image img {display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform .3s ease;}
.gef-single-view .gef-related-item:hover
.gef-related-image img {transform:
        scale(1.05);}
.gef-single-view .gef-related-category {display:inline-flex;

    margin-bottom:6px;

    padding:
        4px 8px;

    border-radius:30px;

    font-size:10.5px;

    line-height:1;

    font-weight:600;}
.gef-single-view .gef-cat-blue {color:#4067cd;
    background:#e5eaff;}
.gef-single-view .gef-cat-purple {color:#7a48ce;
    background:#f0e4ff;}
.gef-single-view .gef-cat-cyan {color:#1681bd;
    background:#def4ff;}
.gef-single-view .gef-cat-green {color:#31954a;
    background:#e3f8e7;}
.gef-single-view .gef-related-content h4 {margin:
        0 0
        7px;

    color:#07509b;

    font-size:14px;

    line-height:1.4;

    font-weight:500;}
.gef-single-view .gef-related-meta {display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:9px;

    color:#6787aa;

    font-size:10.5px;

    line-height:1.45;}
.gef-single-view .gef-related-meta span {display:flex;

    align-items:center;

    gap:4px;}
.gef-single-view .gef-related-meta i {font-size:10px;}
.gef-single-view .gef-newsletter-card {width:100%;

    padding:
        23px;

    border-radius:9px;

    background:
        linear-gradient(
            135deg,
            #075499,
            #053875
        );

    color:#ffffff;}
.gef-single-view .gef-newsletter-heading {display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:9px;}
.gef-single-view .gef-newsletter-heading i {font-size:19px;}
.gef-single-view .gef-newsletter-heading h3 {margin:0;

    color:#ffffff;

    font-size:20px;

    line-height:1.3;

    font-weight:600;}
.gef-single-view .gef-newsletter-card > p {margin:
        0 0
        15px;

    color:
        rgba(255,255,255,.94);

    font-size:13.5px;

    line-height:1.6;

    font-weight:400;}
.gef-single-view .gef-newsletter-form {display:flex;

    flex-direction:column;

    gap:11px;}
.gef-single-view .gef-newsletter-input {width:100%;
    height:43px;

    padding:
        0 13px;

    display:flex;

    align-items:center;

    gap:9px;

    background:#ffffff;

    border-radius:6px;}
.gef-single-view .gef-newsletter-input i {color:#6483a5;

    font-size:13px;}
.gef-single-view .gef-newsletter-input input {width:100%;
    height:100%;

    margin:0;
    padding:0;

    border:none;
    outline:none;

    background:transparent;

    color:#3a5f84;

    font-family:"Poppins",sans-serif;

    font-size:12.5px;}
.gef-single-view .gef-newsletter-form button {width:max-content;

    min-width:140px;
    min-height:41px;

    padding:
        0 20px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:8px;

    border:none;

    border-radius:50px;

    background:#ffc000;

    color:#073a70;

    font-family:"Poppins",sans-serif;

    font-size:12.5px;

    line-height:1;

    font-weight:600;

    cursor:pointer;

    transition:
        transform .2s ease,
        box-shadow .2s ease;}
.gef-single-view .gef-newsletter-form button:hover {transform:
        translateY(-2px);

    box-shadow:
        0 8px 18px
        rgba(0,0,0,.15);}
@media (max-width:1350px) {
  .gef-single-view .gef-detail-content-container {padding-left:28px;
        padding-right:28px;}
  .gef-single-view .gef-detail-content-grid {grid-template-columns:
            minmax(0,1.65fr)
            minmax(350px,.9fr);

        gap:42px;}
  .gef-single-view .gef-detail-article > p, .gef-single-view .gef-detail-block > p {font-size:16px;}
}
@media (max-width:1180px) {
  .gef-single-view .gef-detail-content-section {padding:
            38px 0
            52px;}
  .gef-single-view .gef-detail-content-grid {grid-template-columns:
            minmax(0,1.55fr)
            minmax(340px,.9fr);

        gap:32px;}
  .gef-single-view .gef-detail-block h2 {font-size:25px;}
  .gef-single-view .gef-detail-article > p, .gef-single-view .gef-detail-block > p {font-size:15.5px;}
  .gef-single-view .gef-strategy-info h3 {font-size:15px;}
  .gef-single-view .gef-strategy-info p {font-size:14px;}
  .gef-single-view .gef-author-text h3 {font-size:15px;}
  .gef-single-view .gef-author-text > span, .gef-single-view .gef-author-text p {font-size:13px;}
  .gef-single-view .gef-toc-list a {font-size:13px;}
  .gef-single-view .gef-related-content h4 {font-size:13px;}
  .gef-single-view .gef-related-meta {font-size:10px;}
}
@media (max-width:991px) {
  .gef-single-view .gef-detail-content-section {padding:
            34px 0
            48px;}
  .gef-single-view .gef-detail-content-container {padding-left:20px;
        padding-right:20px;}
  .gef-single-view .gef-detail-content-grid {grid-template-columns:1fr;

        gap:38px;}
  .gef-single-view .gef-detail-sidebar {display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        align-items:start;

        gap:18px;}
  .gef-single-view .gef-related-card, .gef-single-view .gef-newsletter-card {height:100%;}
}
@media (max-width:600px) {
  .gef-single-view .gef-detail-content-section {padding:
            28px 0
            42px;}
  .gef-single-view .gef-detail-content-container {padding-left:15px;
        padding-right:15px;}
  .gef-single-view .gef-detail-content-grid {gap:30px;}
  .gef-single-view .gef-detail-article > p, .gef-single-view .gef-detail-block > p {font-size:14.5px;

        line-height:1.75;}
  .gef-single-view .gef-detail-block h2 {margin-bottom:9px;

        font-size:22px;

        line-height:1.28;}
  .gef-single-view .gef-detail-block + .gef-detail-block {margin-top:24px;}
  .gef-single-view .gef-strategy-list {gap:19px;

        margin-top:18px;}
  .gef-single-view .gef-strategy-item {grid-template-columns:
            43px
            minmax(0,1fr);

        gap:12px;}
  .gef-single-view .gef-strategy-number {width:41px;
        height:41px;

        font-size:11px;}
  .gef-single-view .gef-strategy-info h3 {font-size:14px;}
  .gef-single-view .gef-strategy-info p {font-size:13px;}
  .gef-single-view .gef-detail-quote {grid-template-columns:
            40px
            minmax(0,1fr);

        gap:10px;

        padding:
            19px 17px;}
  .gef-single-view .gef-detail-quote-icon {font-size:50px;}
  .gef-single-view .gef-detail-quote p {font-size:12.5px;}
  .gef-single-view .gef-detail-sidebar {display:flex;

        flex-direction:column;

        gap:16px;}
  .gef-single-view .gef-side-card, .gef-single-view .gef-newsletter-card {padding:18px;}
  .gef-single-view .gef-author-main {grid-template-columns:
            70px
            minmax(0,1fr);

        gap:13px;}
  .gef-single-view .gef-author-photo {width:70px;
        height:70px;}
  .gef-single-view .gef-author-text h3 {font-size:15px;}
  .gef-single-view .gef-author-text > span {font-size:12.5px;}
  .gef-single-view .gef-author-text p {font-size:12.5px;}
  .gef-single-view .gef-author-meta > div {font-size:11.5px;}
  .gef-single-view .gef-toc-card h3, .gef-single-view .gef-related-heading h3 {font-size:19px;}
  .gef-single-view .gef-toc-list a {font-size:13px;}
  .gef-single-view .gef-toc-number {width:28px;
        height:28px;

        font-size:11px;}
  .gef-single-view .gef-related-heading > a {font-size:11px;}
  .gef-single-view .gef-related-item {grid-template-columns:
            112px
            minmax(0,1fr);

        gap:12px;}
  .gef-single-view .gef-related-image {width:112px;
        height:80px;}
  .gef-single-view .gef-related-category {font-size:9.5px;}
  .gef-single-view .gef-related-content h4 {font-size:13px;}
  .gef-single-view .gef-related-meta {font-size:9.5px;}
  .gef-single-view .gef-newsletter-heading h3 {font-size:19px;}
  .gef-single-view .gef-newsletter-card > p {font-size:13px;}
  .gef-single-view .gef-newsletter-input input {font-size:12px;}
  .gef-single-view .gef-newsletter-form button {font-size:12px;}
}
@media (max-width:380px) {
  .gef-single-view .gef-detail-content-container {padding-left:14px;
        padding-right:14px;}
  .gef-single-view .gef-detail-block h2 {font-size:21px;}
  .gef-single-view .gef-detail-article > p, .gef-single-view .gef-detail-block > p {font-size:14px;}
  .gef-single-view .gef-related-item {grid-template-columns:
            100px
            minmax(0,1fr);}
  .gef-single-view .gef-related-image {width:100px;
        height:74px;}
  .gef-single-view .gef-related-content h4 {font-size:12.5px;}
}


/* ===== ORIGINAL REFERENCE: 03 PREVIOUS / NEXT ===== */

.gef-single-view .gef-blog-navigation-section, .gef-single-view .gef-blog-navigation-section * {box-sizing:border-box;}
.gef-single-view .gef-blog-navigation-section {width:100%;

    margin:0;

    padding:
        20px 0
        34px;

    background:#ffffff;

    font-family:
        "Poppins",
        Arial,
        sans-serif;}
.gef-single-view .gef-blog-navigation-container {width:100%;

    max-width:1450px;

    margin:0 auto;

    padding-left:40px;
    padding-right:40px;}
.gef-single-view .gef-blog-navigation-box {width:100%;

    padding:
        20px 22px;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        1px
        minmax(0,1fr);

    align-items:center;

    gap:24px;

    background:#ffffff;

    border:
        1px solid
        #d7e8f7;

    border-radius:10px;

    box-shadow:
        0 7px 22px
        rgba(29,85,140,.05);}
.gef-single-view .gef-blog-nav-card {min-width:0;

    display:flex;

    align-items:center;

    gap:16px;

    color:inherit;

    text-decoration:none;}
.gef-single-view .gef-blog-nav-next {justify-content:flex-end;}
.gef-single-view .gef-blog-nav-arrow {flex:0 0 auto;

    width:36px;
    height:36px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#eef8ff;

    color:#0783d3;

    font-size:14px;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;}
.gef-single-view .gef-blog-nav-card:hover
.gef-blog-nav-arrow {background:#0783d3;

    color:#ffffff;}
.gef-single-view .gef-blog-nav-prev:hover
.gef-blog-nav-arrow {transform:
        translateX(-3px);}
.gef-single-view .gef-blog-nav-next:hover
.gef-blog-nav-arrow {transform:
        translateX(3px);}
.gef-single-view .gef-blog-nav-image {flex:0 0 120px;

    width:120px;
    height:84px;

    overflow:hidden;

    border-radius:7px;

    background:#eef4f8;}
.gef-single-view .gef-blog-nav-image img {display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    object-position:center;

    transition:
        transform .35s ease;}
.gef-single-view .gef-blog-nav-card:hover
.gef-blog-nav-image img {transform:
        scale(1.06);}
.gef-single-view .gef-blog-nav-content {min-width:0;}
.gef-single-view .gef-blog-nav-label {display:block;

    margin-bottom:5px;

    color:#0787db;

    font-size:12px;

    line-height:1.3;

    font-weight:600;}
.gef-single-view .gef-blog-nav-content h3 {margin:
        0 0
        8px;

    color:#074991;

    font-size:15px;

    line-height:1.45;

    font-weight:600;

    transition:
        color .2s ease;}
.gef-single-view .gef-blog-nav-card:hover
.gef-blog-nav-content h3 {color:#0783d3;}
.gef-single-view .gef-blog-nav-meta {display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:13px;

    color:#6585a8;

    font-size:11.5px;

    line-height:1.4;}
.gef-single-view .gef-blog-nav-meta span {display:flex;

    align-items:center;

    gap:5px;}
.gef-single-view .gef-blog-nav-meta i {color:#0785d5;

    font-size:11px;}
.gef-single-view .gef-blog-nav-divider {width:1px;

    height:78px;

    background:#dce8f3;}
@media (max-width:1350px) {
  .gef-single-view .gef-blog-navigation-container {padding-left:28px;
        padding-right:28px;}
  .gef-single-view .gef-blog-navigation-box {gap:20px;}
  .gef-single-view .gef-blog-nav-image {flex-basis:110px;

        width:110px;
        height:80px;}
  .gef-single-view .gef-blog-nav-content h3 {font-size:14.5px;}
}
@media (max-width:1180px) {
  .gef-single-view .gef-blog-navigation-section {padding-bottom:30px;}
  .gef-single-view .gef-blog-navigation-box {padding:
            18px;

        gap:18px;}
  .gef-single-view .gef-blog-nav-card {gap:12px;}
  .gef-single-view .gef-blog-nav-image {flex-basis:100px;

        width:100px;
        height:74px;}
  .gef-single-view .gef-blog-nav-content h3 {font-size:13.5px;}
  .gef-single-view .gef-blog-nav-meta {font-size:10.5px;}
}
@media (max-width:991px) {
  .gef-single-view .gef-blog-navigation-container {padding-left:20px;
        padding-right:20px;}
  .gef-single-view .gef-blog-navigation-box {grid-template-columns:1fr;

        gap:17px;}
  .gef-single-view .gef-blog-nav-divider {width:100%;

        height:1px;}
  .gef-single-view .gef-blog-nav-next {justify-content:flex-start;}
  .gef-single-view .gef-blog-nav-next
    .gef-blog-nav-content {order:2;}
  .gef-single-view .gef-blog-nav-next
    .gef-blog-nav-image {order:1;}
  .gef-single-view .gef-blog-nav-next
    .gef-blog-nav-arrow {order:3;

        margin-left:auto;}
  .gef-single-view .gef-blog-nav-image {flex-basis:120px;

        width:120px;
        height:82px;}
  .gef-single-view .gef-blog-nav-content h3 {font-size:15px;}
  .gef-single-view .gef-blog-nav-meta {font-size:11px;}
}
@media (max-width:600px) {
  .gef-single-view .gef-blog-navigation-section {padding:
            15px 0
            26px;}
  .gef-single-view .gef-blog-navigation-container {padding-left:15px;
        padding-right:15px;}
  .gef-single-view .gef-blog-navigation-box {padding:
            15px;

        gap:15px;}
  .gef-single-view .gef-blog-nav-card {gap:11px;}
  .gef-single-view .gef-blog-nav-arrow {width:32px;
        height:32px;

        font-size:12px;}
  .gef-single-view .gef-blog-nav-image {flex-basis:95px;

        width:95px;
        height:70px;}
  .gef-single-view .gef-blog-nav-label {margin-bottom:3px;

        font-size:11px;}
  .gef-single-view .gef-blog-nav-content h3 {margin-bottom:6px;

        font-size:13px;

        line-height:1.4;}
  .gef-single-view .gef-blog-nav-meta {gap:8px;

        font-size:9.5px;}
  .gef-single-view .gef-blog-nav-meta i {font-size:9px;}
}
@media (max-width:420px) {
  .gef-single-view .gef-blog-navigation-container {padding-left:14px;
        padding-right:14px;}
  .gef-single-view .gef-blog-nav-card {display:grid;

        grid-template-columns:
            32px
            82px
            minmax(0,1fr);}
  .gef-single-view .gef-blog-nav-image {width:82px;
        height:66px;

        flex-basis:auto;}
  .gef-single-view .gef-blog-nav-next
    .gef-blog-nav-image {order:1;}
  .gef-single-view .gef-blog-nav-next
    .gef-blog-nav-content {order:2;}
  .gef-single-view .gef-blog-nav-next
    .gef-blog-nav-arrow {order:3;

        margin-left:0;}
  .gef-single-view .gef-blog-nav-content h3 {font-size:12px;}
  .gef-single-view .gef-blog-nav-meta {font-size:9px;}
}


/* ===== ORIGINAL REFERENCE: 04 RELATED BLOGS ===== */

.gef-single-view .gef-related-blogs-section, .gef-single-view .gef-related-blogs-section * {box-sizing:border-box;}
.gef-single-view .gef-related-blogs-section {width:100%;

    margin:0;

    padding:
        50px 0
        65px;

    background:#f7fbff;

    font-family:
        "Poppins",
        Arial,
        sans-serif;}
.gef-single-view .gef-related-blogs-container {width:100%;

    max-width:1450px;

    margin:0 auto;

    padding-left:40px;
    padding-right:40px;}
.gef-single-view .gef-related-blogs-heading {width:100%;

    margin-bottom:25px;

    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:20px;}
.gef-single-view .gef-related-blogs-label {display:block;

    margin-bottom:6px;

    color:#0b8ad6;

    font-size:12px;

    line-height:1;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;}
.gef-single-view .gef-related-blogs-heading h2 {margin:0;

    color:#06438f;

    font-size:32px;

    line-height:1.2;

    font-weight:700;

    letter-spacing:-.5px;}
.gef-single-view .gef-related-blogs-view {min-height:42px;

    padding:
        0 18px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:9px;

    border:
        1px solid
        #1389cf;

    border-radius:50px;

    color:#087bc4;

    background:#ffffff;

    font-size:13px;

    line-height:1;

    font-weight:600;

    text-decoration:none;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;}
.gef-single-view .gef-related-blogs-view:hover {background:#087fc9;

    color:#ffffff;

    transform:
        translateY(-2px);}
.gef-single-view .gef-related-blogs-grid {width:100%;

    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:22px;}
.gef-single-view .gef-blog-card {width:100%;

    overflow:hidden;

    display:flex;

    flex-direction:column;

    background:#ffffff;

    border:
        1px solid
        #dbe9f5;

    border-radius:10px;

    box-shadow:
        0 7px 22px
        rgba(25,79,132,.06);

    transition:
        transform .3s ease,
        box-shadow .3s ease;}
.gef-single-view .gef-blog-card:hover {transform:
        translateY(-6px);

    box-shadow:
        0 14px 30px
        rgba(25,79,132,.12);}
.gef-single-view .gef-blog-card-image {position:relative;

    display:block;

    width:100%;
    height:190px;

    overflow:hidden;

    background:#edf4f8;}
.gef-single-view .gef-blog-card-image img {display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    object-position:center;

    transition:
        transform .45s ease;}
.gef-single-view .gef-blog-card:hover
.gef-blog-card-image img {transform:
        scale(1.06);}
.gef-single-view .gef-blog-card-category {position:absolute;

    left:14px;
    bottom:14px;

    min-height:26px;

    padding:
        5px 11px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    border-radius:30px;

    font-size:10px;

    line-height:1;

    font-weight:600;

    box-shadow:
        0 4px 12px
        rgba(0,0,0,.08);}
.gef-single-view .gef-blog-category-purple {background:#e8e5ff;
    color:#6557d2;}
.gef-single-view .gef-blog-category-violet {background:#f0e5ff;
    color:#864bd1;}
.gef-single-view .gef-blog-category-blue {background:#ddf3ff;
    color:#137daf;}
.gef-single-view .gef-blog-category-green {background:#e4f8e7;
    color:#348f49;}
.gef-single-view .gef-blog-card-body {flex:1;

    padding:
        18px 18px
        20px;

    display:flex;

    flex-direction:column;}
.gef-single-view .gef-blog-card-meta {display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:10px;

    color:#6b88a8;

    font-size:11px;

    line-height:1.4;}
.gef-single-view .gef-blog-card-meta span {display:flex;

    align-items:center;

    gap:5px;}
.gef-single-view .gef-blog-card-meta i {color:#0b87d3;

    font-size:11px;}
.gef-single-view .gef-blog-card-body h3 {margin:
        0 0
        10px;

    padding:0;

    font-size:17px;

    line-height:1.42;

    font-weight:600;}
.gef-single-view .gef-blog-card-body h3 a {color:#07488f;

    text-decoration:none;

    transition:
        color .2s ease;}
.gef-single-view .gef-blog-card-body h3 a:hover {color:#0786d4;}
.gef-single-view .gef-blog-card-body > p {margin:
        0 0
        17px;

    color:#54779f;

    font-size:13.5px;

    line-height:1.65;

    font-weight:400;}
.gef-single-view .gef-blog-card-link {margin-top:auto;

    display:inline-flex;

    align-items:center;

    gap:7px;

    width:max-content;

    color:#0784d2;

    font-size:12.5px;

    line-height:1;

    font-weight:600;

    text-decoration:none;}
.gef-single-view .gef-blog-card-link i {font-size:11px;

    transition:
        transform .2s ease;}
.gef-single-view .gef-blog-card-link:hover i {transform:
        translateX(4px);}
@media (max-width:1350px) {
  .gef-single-view .gef-related-blogs-container {padding-left:28px;
        padding-right:28px;}
  .gef-single-view .gef-related-blogs-grid {gap:18px;}
  .gef-single-view .gef-blog-card-image {height:175px;}
  .gef-single-view .gef-blog-card-body h3 {font-size:16px;}
}
@media (max-width:1180px) {
  .gef-single-view .gef-related-blogs-section {padding:
            45px 0
            58px;}
  .gef-single-view .gef-related-blogs-grid {grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:22px;}
  .gef-single-view .gef-blog-card-image {height:215px;}
  .gef-single-view .gef-blog-card-body h3 {font-size:17px;}
  .gef-single-view .gef-blog-card-body > p {font-size:13.5px;}
}
@media (max-width:991px) {
  .gef-single-view .gef-related-blogs-container {padding-left:20px;
        padding-right:20px;}
  .gef-single-view .gef-related-blogs-heading h2 {font-size:29px;}
  .gef-single-view .gef-related-blogs-view {min-height:40px;

        font-size:12px;}
}
@media (max-width:600px) {
  .gef-single-view .gef-related-blogs-section {padding:
            38px 0
            46px;}
  .gef-single-view .gef-related-blogs-container {padding-left:15px;
        padding-right:15px;}
  .gef-single-view .gef-related-blogs-heading {align-items:flex-start;

        flex-direction:column;

        margin-bottom:20px;}
  .gef-single-view .gef-related-blogs-label {font-size:11px;}
  .gef-single-view .gef-related-blogs-heading h2 {font-size:27px;}
  .gef-single-view .gef-related-blogs-view {min-height:38px;

        padding:
            0 15px;

        font-size:11.5px;}
  .gef-single-view .gef-related-blogs-grid {grid-template-columns:1fr;

        gap:18px;}
  .gef-single-view .gef-blog-card-image {height:210px;}
  .gef-single-view .gef-blog-card-body {padding:
            17px;}
  .gef-single-view .gef-blog-card-body h3 {font-size:16px;}
  .gef-single-view .gef-blog-card-body > p {font-size:13px;}
  .gef-single-view .gef-blog-card-meta {font-size:10.5px;}
  .gef-single-view .gef-blog-card-link {font-size:12px;}
}
@media (max-width:380px) {
  .gef-single-view .gef-related-blogs-container {padding-left:14px;
        padding-right:14px;}
  .gef-single-view .gef-blog-card-image {height:190px;}
  .gef-single-view .gef-related-blogs-heading h2 {font-size:25px;}
  .gef-single-view .gef-blog-card-body h3 {font-size:15px;}
}


/* GEF native-post content adapter. The original design had its paragraphs
   directly under <article>; WordPress adds a wrapper. These rules give those
   paragraphs/headings their identical original values without editing Posts. */
.gef-single-view .gef-detail-article .gef-single-post-content > p {
  margin:0 0 17px; color:#416b9f; font-size:17px; line-height:1.72; font-weight:400;
}
.gef-single-view .gef-detail-article .gef-single-post-content > p:first-of-type {
  margin-bottom:27px;
}
.gef-single-view .gef-detail-article .gef-single-post-content > h2,
.gef-single-view .gef-detail-article .gef-single-post-content > .wp-block-heading {
  margin:28px 0 10px; padding:0; color:#06438f;
  font-size:28px; line-height:1.25; font-weight:700; letter-spacing:-.5px;
  scroll-margin-top:110px;
}
.gef-single-view .gef-single-post-content .gef-strategy-info p {color:#4972a3;}
.gef-single-view .gef-detail-article .gef-single-post-content :is(.wp-block-image,.wp-block-gallery,figure,img) {
  max-width:100%;
}
.gef-single-view .gef-blog-hero h1,
.gef-single-view .gef-detail-content-section,
.gef-single-view .gef-blog-navigation-section,
.gef-single-view .gef-related-blogs-section {font-family:'Poppins',Arial,sans-serif;}
/* WordPress must not add extra margin around the source's generated sections. */
.gef-single-view :is(.gef-detail-content-container,.gef-blog-navigation-container,.gef-related-blogs-container) {
  box-sizing:border-box;
}
.gef-single-view .gef-detail-content-section .gef-detail-content-grid {min-width:0;}
.gef-single-view .gef-detail-sidebar .gef-side-card:first-child {margin-top:0;}
/* Keep WordPress link hover styling from overriding source card styles. */
.gef-single-view a.gef-blog-card-image,
.gef-single-view a.gef-related-item,
.gef-single-view a.gef-blog-nav-card {text-decoration:none;}
/* Transparent-header spacing is deliberately retained from 0.3.1. */
@media(max-width:1180px){
  .gef-single-view .gef-detail-article .gef-single-post-content > p {font-size:15.5px;}
  .gef-single-view .gef-detail-article .gef-single-post-content > h2,
  .gef-single-view .gef-detail-article .gef-single-post-content > .wp-block-heading {font-size:25px;}
}
@media(max-width:600px){
  .gef-single-view .gef-detail-article .gef-single-post-content > p {font-size:14.5px;line-height:1.75;}
  .gef-single-view .gef-detail-article .gef-single-post-content > h2,
  .gef-single-view .gef-detail-article .gef-single-post-content > .wp-block-heading {font-size:22px;line-height:1.28;margin-bottom:9px;}
}