/* THEMA Flow 1.4.0 — isolated Single Post rebuild */
body.single-post .dgn-single{width:100%;background:#fff;padding:28px 0 56px}
body.single-post .dgn-single-container{width:calc(100% - 40px);max-width:1240px;margin:0 auto;padding:0}
body.single-post .dgn-single-grid{display:grid!important;grid-template-columns:minmax(0,860px) minmax(280px,320px)!important;gap:40px!important;align-items:start!important;width:100%!important;margin:0!important}
body.single-post .dgn-article{min-width:0;width:100%;max-width:none!important;margin:0!important;padding:0!important}
body.single-post .dgn-sidebar{display:block!important;min-width:0;width:100%!important;margin:0!important;padding:0!important}
body.single-post .dgn-sidebar-inner{position:sticky;top:138px}
body.single-post .dgn-breadcrumb{display:flex;align-items:center;gap:8px;margin:0 0 20px;font-size:14px;color:#70767b}
body.single-post .dgn-title{margin:0 0 22px;font-size:40px;line-height:1.12;letter-spacing:-.5px;color:#111}
body.single-post .dgn-author{display:block;margin:0 0 22px}
body.single-post .dgn-author-name{font-size:14px;font-weight:700;line-height:1.3}
body.single-post .dgn-meta{margin-top:3px;font-size:12px;line-height:1.35;color:#777}
body.single-post .dgn-featured{width:100%;margin:0 0 24px}
body.single-post .dgn-featured img{display:block;width:100%;height:auto}
body.single-post .dgn-caption{margin-top:7px;padding-bottom:10px;border-bottom:1px solid #e1e1e1;font-size:12px;line-height:1.45;color:#777}
body.single-post .dgn-content{width:100%;font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.72;color:#181818}
body.single-post .dgn-content p{margin:0 0 24px}
body.single-post .dgn-content img,body.single-post .dgn-content iframe,body.single-post .dgn-content video{max-width:100%;height:auto}
body.single-post .dgn-article-footer{margin-top:32px;padding-top:16px;border-top:1px solid #e5e5e5}
body.single-post .dgn-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
body.single-post .dgn-share a,body.single-post .dgn-share button{display:inline-flex;align-items:center;min-height:34px;padding:6px 11px;border:1px solid #dfe3e5;border-radius:5px;background:#fff;color:#333;font-size:12px;text-decoration:none}
body.single-post .dgn-side-module,body.single-post .dgn-sidebar .widget-box{background:#fff;border:0;border-top:3px solid #e53935;border-radius:0;padding:14px 0 0;margin:0 0 30px;box-shadow:none}
body.single-post .dgn-side-module h2,body.single-post .dgn-sidebar .widget-box h3{margin:0 0 12px;font-size:19px;line-height:1.3;font-weight:800}
body.single-post .dgn-popular ol{list-style:none;counter-reset:dgnrank;margin:0;padding:0}
body.single-post .dgn-popular li{counter-increment:dgnrank;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:13px 0;border-bottom:1px solid #eceff1}
body.single-post .dgn-popular li:before{content:counter(dgnrank,decimal-leading-zero);font-size:22px;line-height:1.2;font-weight:800;color:#9aa0a6}
body.single-post .dgn-popular li a{font-size:14px;line-height:1.4;font-weight:700}
body.single-post .dgn-latest-item{display:grid;grid-template-columns:92px minmax(0,1fr);gap:11px;padding:12px 0;border-bottom:1px solid #eceff1}
body.single-post .dgn-latest-thumb{display:block;width:92px;height:68px;background:#eef0f2;overflow:hidden;border-radius:5px}
body.single-post .dgn-latest-thumb img{width:100%;height:100%;object-fit:cover}
body.single-post .dgn-latest-title{display:block;font-size:13px;line-height:1.4;font-weight:700}
body.single-post .dgn-latest-item span{display:block;margin-top:5px;font-size:10px;color:#858b90}
@media (max-width:1100px) and (min-width:801px){body.single-post .dgn-single-container{width:calc(100% - 32px)}body.single-post .dgn-single-grid{grid-template-columns:minmax(0,1fr) 280px!important;gap:28px!important}}
@media (max-width:800px){body.single-post .dgn-single{padding-top:18px}body.single-post .dgn-single-container{width:100%;padding:0 20px}body.single-post .dgn-single-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:38px!important}body.single-post .dgn-sidebar{display:block!important;width:100%!important}body.single-post .dgn-sidebar-inner{position:static}body.single-post .dgn-title{font-size:24px;line-height:1.22}body.single-post .dgn-content{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.58}body.single-post .dgn-content p{margin-bottom:30px}}


/* THEMA Flow 1.4.2 — related articles */
body.single-post .dgn-related-inline{margin:30px 0;padding:15px 0;border-top:2px solid #e53935;border-bottom:1px solid #e5e7eb;font-family:Arial,Helvetica,sans-serif}
body.single-post .dgn-related-label{margin-bottom:9px;font-size:14px;font-weight:800;color:#111}
body.single-post .dgn-related-inline ul{margin:0;padding:0;list-style:none}
body.single-post .dgn-related-inline li{position:relative;margin:0;padding:7px 0 7px 15px;line-height:1.4}
body.single-post .dgn-related-inline li:before{content:'•';position:absolute;left:0;color:#e53935}
body.single-post .dgn-related-inline a{font-size:15px;font-weight:700;color:#222;text-decoration:none}
body.single-post .dgn-related-bottom{margin:42px 0 10px;padding-top:18px;border-top:3px solid #e53935}
body.single-post .dgn-related-bottom>h2{margin:0 0 18px;font-size:21px;line-height:1.3}
body.single-post .dgn-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
body.single-post .dgn-related-card{margin:0}.dgn-related-card a{text-decoration:none;color:#111}.dgn-related-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:5px}.dgn-related-card h3{margin:9px 0 0;font-size:15px;line-height:1.4;font-weight:700}
@media(max-width:800px){body.single-post .dgn-related-inline{margin:26px 0}body.single-post .dgn-related-inline a{font-size:14px}body.single-post .dgn-related-bottom{margin-top:34px}body.single-post .dgn-related-grid{grid-template-columns:1fr 1fr;gap:14px}.dgn-related-card h3{font-size:14px}}

/* THEMA Flow 1.4.3 — compact share, related and ad slots */
body.single-post .dgn-share-top{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:14px 0 20px;padding:0;border:0}
body.single-post .dgn-share-top>span{font-size:12px;font-weight:700;color:#6b7280;margin-right:2px}
body.single-post .dgn-share-btn{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 9px;border:1px solid #e1e5ea;border-radius:5px;background:#fff;color:#30343b;font:600 11px/1 Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer}
body.single-post .dgn-share-btn:hover{border-color:#c9ced6;background:#f7f8fa;color:#111}
body.single-post .dgn-related-inline li{padding-top:3px;padding-bottom:3px;line-height:1.28}
body.single-post .dgn-related-label{margin-bottom:5px}
body.single-post .dgn-related-bottom>h2{margin-bottom:12px}
body.single-post .dgn-related-grid{row-gap:14px}
body.single-post .dgn-related-card h3{margin-top:6px;line-height:1.28}
body.single-post .dgn-ad-slot{width:100%;margin:22px 0;text-align:center;overflow:hidden}
body.single-post .dgn-ad-slot:empty{display:none}
body.single-post .dgn-ad-slot img{max-width:100%;height:auto}
body.single-post .dgn-ad-before-title{margin:0 0 20px}
body.single-post .dgn-ad-after-photo{margin:18px 0 22px}
body.single-post .dgn-ad-after-article{margin:28px 0 18px}
body.single-post .dgn-ad-after-latest{margin:22px 0 0}
@media(max-width:800px){body.single-post .dgn-share-top{gap:6px;margin:12px 0 16px}body.single-post .dgn-share-btn{min-height:29px;padding:5px 8px;font-size:10px}body.single-post .dgn-related-inline li{padding-top:3px;padding-bottom:3px}}


/* THEMA Flow 1.4.5 — icon-only share controls */
body.single-post .dgn-share-top,body.single-post .dgn-share-bottom{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:9px}
body.single-post .dgn-share-top{margin:14px 0 20px}
body.single-post .dgn-share .dgn-share-btn{width:38px;height:38px;min-width:38px;min-height:38px;padding:0!important;border:1px solid #e0e4e8;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#30343b;line-height:1;box-shadow:none;overflow:hidden}
body.single-post .dgn-share .dgn-share-btn svg{display:block;width:18px;height:18px;fill:currentColor;pointer-events:none}
body.single-post .dgn-share .dgn-share-btn:hover{background:#f6f7f8;border-color:#cbd1d7;color:#111;transform:translateY(-1px)}
body.single-post .dgn-share .dgn-share-btn:focus-visible{outline:2px solid #e53935;outline-offset:2px}
body.single-post .dgn-share .dgn-share-btn.is-copied{border-color:#b9c2c9;background:#f3f5f6}
@media(max-width:800px){body.single-post .dgn-share-top,body.single-post .dgn-share-bottom{gap:8px}body.single-post .dgn-share .dgn-share-btn{width:36px;height:36px;min-width:36px;min-height:36px}body.single-post .dgn-share .dgn-share-btn svg{width:17px;height:17px}}

/* THEMA Flow 1.4.6 — uploaded share icon normalization */
body.single-post .dgn-share .dgn-share-btn .dgn-share-custom-icon{display:block;width:19px;height:19px;object-fit:contain;pointer-events:none}
@media(max-width:800px){body.single-post .dgn-share .dgn-share-btn .dgn-share-custom-icon{width:18px;height:18px}}
\n\n/* THEMA Flow 1.4.7 — hard containment for uploaded share icons */\nbody.single-post .dgn-share .dgn-share-btn{\n  box-sizing:border-box!important;\n  flex:0 0 38px!important;\n  width:38px!important;max-width:38px!important;\n  height:38px!important;max-height:38px!important;\n  min-width:38px!important;min-height:38px!important;\n  padding:8px!important;overflow:hidden!important;\n}\nbody.single-post .dgn-share .dgn-share-btn img.dgn-share-custom-icon,\nbody.single-post .dgn-share .dgn-share-btn img{\n  display:block!important;\n  box-sizing:border-box!important;\n  width:22px!important;max-width:22px!important;min-width:0!important;\n  height:22px!important;max-height:22px!important;min-height:0!important;\n  margin:0!important;padding:0!important;\n  object-fit:contain!important;object-position:center!important;\n  border:0!important;border-radius:0!important;box-shadow:none!important;\n}\n@media(max-width:800px){\n  body.single-post .dgn-share .dgn-share-btn{\n    flex-basis:36px!important;width:36px!important;max-width:36px!important;\n    height:36px!important;max-height:36px!important;min-width:36px!important;min-height:36px!important;\n    padding:8px!important;\n  }\n  body.single-post .dgn-share .dgn-share-btn img.dgn-share-custom-icon,\n  body.single-post .dgn-share .dgn-share-btn img{\n    width:20px!important;max-width:20px!important;height:20px!important;max-height:20px!important;\n  }\n}\n

/* ==========================================================
   THEMA Flow v1.4.8 — Share Buttons Redesign
   Isolated visual override; preserves existing share behavior.
   ========================================================== */
.dgn-share,
.dgn-share-buttons,
.dgn-share-list,
.dgn-share-top,
.dgn-share-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.dgn-share a,
.dgn-share button,
.dgn-share-buttons a,
.dgn-share-buttons button,
.dgn-share-list a,
.dgn-share-list button,
.dgn-share-top a,
.dgn-share-top button,
.dgn-share-bottom a,
.dgn-share-bottom button {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease;
}

.dgn-share a:hover,
.dgn-share button:hover,
.dgn-share-buttons a:hover,
.dgn-share-buttons button:hover,
.dgn-share-list a:hover,
.dgn-share-list button:hover,
.dgn-share-top a:hover,
.dgn-share-top button:hover,
.dgn-share-bottom a:hover,
.dgn-share-bottom button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.12);
}

.dgn-share img,
.dgn-share-buttons img,
.dgn-share-list img,
.dgn-share-top img,
.dgn-share-bottom img {
    width: 21px !important;
    height: 21px !important;
    max-width: 21px !important;
    max-height: 21px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Keep inline SVG/icons centered and proportional */
.dgn-share svg,
.dgn-share-buttons svg,
.dgn-share-list svg,
.dgn-share-top svg,
.dgn-share-bottom svg {
    width: 21px !important;
    height: 21px !important;
    display: block;
}

/* Mobile: compact national-news style */
@media (max-width: 800px) {
    .dgn-share,
    .dgn-share-buttons,
    .dgn-share-list,
    .dgn-share-top,
    .dgn-share-bottom {
        gap: 7px;
    }

    .dgn-share a,
    .dgn-share button,
    .dgn-share-buttons a,
    .dgn-share-buttons button,
    .dgn-share-list a,
    .dgn-share-list button,
    .dgn-share-top a,
    .dgn-share-top button,
    .dgn-share-bottom a,
    .dgn-share-bottom button {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
        border-radius: 8px !important;
    }

    .dgn-share img,
    .dgn-share-buttons img,
    .dgn-share-list img,
    .dgn-share-top img,
    .dgn-share-bottom img,
    .dgn-share svg,
    .dgn-share-buttons svg,
    .dgn-share-list svg,
    .dgn-share-top svg,
    .dgn-share-bottom svg {
        width: 20px !important;
        height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
    }
}


/* ==========================================================
   THEMA Flow v1.4.9 — Colorful branded share buttons
   ========================================================== */
body.single-post .dgn-share .dgn-share-btn {
    border: 0 !important;
    color: #fff !important;
    box-shadow: 0 2px 7px rgba(0,0,0,.12) !important;
}

/* Brand backgrounds */
body.single-post .dgn-share .dgn-share-whatsapp { background: #25D366 !important; }
body.single-post .dgn-share .dgn-share-facebook { background: #1877F2 !important; }
body.single-post .dgn-share .dgn-share-x { background: #111111 !important; }
body.single-post .dgn-share .dgn-share-threads { background: #6D35C5 !important; }
body.single-post .dgn-share .dgn-share-telegram { background: #229ED9 !important; }
body.single-post .dgn-share .dgn-share-instagram {
    background: linear-gradient(135deg,#833AB4 0%,#C13584 35%,#E1306C 58%,#F77737 78%,#FCAF45 100%) !important;
}
body.single-post .dgn-share .dgn-share-copy {
    background: #EEF1F4 !important;
    color: #374151 !important;
}

/* Built-in SVGs stay crisp and white on brand colors */
body.single-post .dgn-share .dgn-share-btn svg {
    fill: currentColor !important;
    color: inherit !important;
}

/* Uploaded icons remain supported and are contained cleanly */
body.single-post .dgn-share .dgn-share-btn img.dgn-share-custom-icon {
    object-fit: contain !important;
}

/* Refined interaction */
body.single-post .dgn-share .dgn-share-btn:hover {
    filter: brightness(.94);
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 5px 14px rgba(0,0,0,.16) !important;
}
body.single-post .dgn-share .dgn-share-btn:active {
    transform: translateY(0) scale(.97);
}

/* Keep the row tidy */
body.single-post .dgn-share-top,
body.single-post .dgn-share-bottom {
    gap: 8px !important;
    align-items: center !important;
}
@media (max-width:800px) {
    body.single-post .dgn-share-top,
    body.single-post .dgn-share-bottom {
        gap: 7px !important;
    }
}


/* ==========================================================
   THEMA Flow v1.5.0 — Theme-blended editorial share buttons
   Neutral surfaces + muted platform accents + THEMA red hover
   ========================================================== */
body.single-post .dgn-share .dgn-share-btn {
    background: #f4f5f6 !important;
    border: 1px solid #e1e4e7 !important;
    box-shadow: none !important;
    color: #454b52 !important;
}

/* Muted platform accents: icon only, not button background */
body.single-post .dgn-share .dgn-share-whatsapp { color: #278b55 !important; }
body.single-post .dgn-share .dgn-share-facebook { color: #356ba8 !important; }
body.single-post .dgn-share .dgn-share-x { color: #30343a !important; }
body.single-post .dgn-share .dgn-share-threads { color: #62546e !important; }
body.single-post .dgn-share .dgn-share-telegram { color: #3f7f9f !important; }
body.single-post .dgn-share .dgn-share-instagram {
    background: #f4f5f6 !important;
    color: #9a536f !important;
}
body.single-post .dgn-share .dgn-share-copy { color: #59616a !important; }

/* Keep SVG fallback icons tied to the muted accent */
body.single-post .dgn-share .dgn-share-btn svg {
    color: inherit !important;
    fill: currentColor !important;
}

/* Custom uploaded icons stay contained; reduce visual intensity slightly */
body.single-post .dgn-share .dgn-share-btn img.dgn-share-custom-icon {
    opacity: .86;
}

/* THEMA editorial hover: restrained red accent */
body.single-post .dgn-share .dgn-share-btn:hover {
    background: #fff !important;
    border-color: #b52a2f !important;
    color: #9f2026 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 9px rgba(0,0,0,.07) !important;
    filter: none !important;
}

body.single-post .dgn-share .dgn-share-btn:focus-visible {
    outline: 2px solid #b52a2f !important;
    outline-offset: 2px;
}

body.single-post .dgn-share .dgn-share-btn:active {
    transform: translateY(0) scale(.98) !important;
    box-shadow: none !important;
}

/* Mobile: no desktop hover emphasis */
@media (max-width: 800px) {
    body.single-post .dgn-share .dgn-share-btn {
        box-shadow: none !important;
    }
}


/* ==========================================================
   THEMA Flow v1.5.2 — Responsive in-article media
   Prevent editor-inserted images/figures from overflowing.
   ========================================================== */
body.single-post .dgn-content,
body.single-post .dgn-content figure,
body.single-post .dgn-content .wp-block-image,
body.single-post .dgn-content .wp-caption {
    max-width: 100% !important;
    box-sizing: border-box;
}

body.single-post .dgn-content figure,
body.single-post .dgn-content .wp-block-image,
body.single-post .dgn-content .wp-caption {
    width: auto !important;
}

body.single-post .dgn-content img,
body.single-post .dgn-content figure img,
body.single-post .dgn-content .wp-block-image img,
body.single-post .dgn-content .wp-caption img {
    display: block;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    box-sizing: border-box;
}

body.single-post .dgn-content figure.aligncenter,
body.single-post .dgn-content .wp-block-image.aligncenter,
body.single-post .dgn-content img.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

body.single-post .dgn-content figcaption,
body.single-post .dgn-content .wp-caption-text {
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: anywhere;
}

@media (max-width: 800px) {
    body.single-post .dgn-content {
        min-width: 0;
        overflow-x: hidden;
    }

    body.single-post .dgn-content figure,
    body.single-post .dgn-content .wp-block-image,
    body.single-post .dgn-content .wp-caption,
    body.single-post .dgn-content figure.alignleft,
    body.single-post .dgn-content figure.alignright,
    body.single-post .dgn-content .wp-block-image.alignleft,
    body.single-post .dgn-content .wp-block-image.alignright {
        float: none !important;
        clear: both;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.single-post .dgn-content img,
    body.single-post .dgn-content figure img,
    body.single-post .dgn-content .wp-block-image img,
    body.single-post .dgn-content .wp-caption img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain;
    }

    body.single-post .dgn-content iframe,
    body.single-post .dgn-content video,
    body.single-post .dgn-content embed {
        max-width: 100% !important;
    }
}


/* ==========================================================
   THEMA Flow v1.5.4 — Professional editorial photo captions
   Featured image + Gutenberg/Classic Editor image captions.
   ========================================================== */
body.single-post .dgn-caption,
body.single-post .dgn-content figcaption,
body.single-post .dgn-content .wp-caption-text {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 7px 0 18px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid #e1e4e7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.45 !important;
    text-align: left;
    color: #70757a;
}
body.single-post .dgn-caption .dgn-photo-credit {
    color: #8a8f94;
    white-space: normal;
}
body.single-post .dgn-content figure,
body.single-post .dgn-content .wp-block-image,
body.single-post .dgn-content .wp-caption {
    margin-bottom: 24px;
}
body.single-post .dgn-content figure > figcaption:last-child,
body.single-post .dgn-content .wp-caption > .wp-caption-text:last-child {
    margin-bottom: 0 !important;
}
@media (max-width: 800px) {
    body.single-post .dgn-caption,
    body.single-post .dgn-content figcaption,
    body.single-post .dgn-content .wp-caption-text {
        margin-top: 6px !important;
        margin-bottom: 16px !important;
        padding-bottom: 9px !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
    }
}

/* THEMA Flow v1.6.2 — Video Story on Single Post */
.dgn-video-story{margin:28px 0 30px;padding-top:20px;border-top:1px solid #e5e7e9}
.dgn-video-story-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.dgn-video-story-head h2{margin:0;font-size:21px;line-height:1.25}
.dgn-video-story-head a{font-size:12px;text-decoration:none;white-space:nowrap}
.dgn-video-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dgn-video-story-card{min-width:0}
.dgn-video-story-card>a{display:block;color:inherit;text-decoration:none}
.dgn-video-story-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#111}
.dgn-video-story-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.dgn-video-story-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:rgba(181,42,47,.92);color:#fff;font-size:16px;padding-left:2px}
.dgn-video-story-card h3{font-size:15px;line-height:1.35;margin:8px 0 5px}
.dgn-video-story-meta{display:block;font-size:11px;color:#737980}
@media(max-width:800px){
 .dgn-video-story{margin:24px 0 26px}
 .dgn-video-story-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:7px}
 .dgn-video-story-card{flex:0 0 82%;scroll-snap-align:start}
 .dgn-video-story-head h2{font-size:19px}
 .dgn-video-story-play{width:40px;height:40px;font-size:15px}
 .dgn-video-story-card h3{font-size:15px}
}
@media(max-width:380px){.dgn-video-story-card{flex-basis:86%}}