/* ==========================================================================
   Guardian Home + Post + Footer  (override layer, loaded AFTER guardian-skin.css)
   - No markup / option / ad slot / dynamic setting is removed.
   - To revert: delete the <link> to this file in header.php.
   - Colours:  :root { --g-blue ... } in guardian-skin.css
   ========================================================================== */

/* ---------- 0. base ---------- */
html body{background:#fff;color:var(--g-text,#121212)}
html body .container{max-width:1300px}
@media (max-width:767px){
  html body .container,html body .container-fluid{padding-left:12px;padding-right:12px}
}
html body img{border-radius:0}

/* ---------- 1. flat white sections (pastel inline backgrounds neutralised) ----------
   Admin-coloured blocks (special / quick category, home TV, quotes) are NOT touched. */
html body section[style*="background-color"]:not(.special-cat-section):not(.quick-cat-section):not(.home-tv-section):not(.quotes-section),
html body section.tt-gray{background:#fff!important}
html[data-theme=dark] body section[style*="background-color"]:not(.special-cat-section):not(.quick-cat-section):not(.home-tv-section):not(.quotes-section),
html[data-theme=dark] body section.tt-gray{background:transparent!important}

/* Guardian "container": thin rule on top, pillar-coloured accent */
html body section.py-3>.container,
html body section.py-2.tt-gray>.container{border-top:1px solid var(--g-line,#dcdcdc);padding-top:10px}
html body section.py-3,html body section.py-2.tt-gray{padding-top:0!important;padding-bottom:18px!important}

/* ---------- 2. section headings (all 10 header styles unified) ---------- */
html body .heading-postcard{
  background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  padding:0!important;margin:0 0 10px!important;position:relative;
  display:flex!important;align-items:baseline;justify-content:space-between;gap:12px}
html body .heading-postcard::before,html body .heading-postcard::after,
html body .heading-postcard h2::before,html body .heading-postcard h2::after{content:none!important;display:none!important}
html body .heading-postcard .long-line{display:none!important}
html body .heading-postcard h2{
  margin:0!important;padding:0!important;background:none!important;border:0!important;
  font-family:var(--g-serif);font-weight:800;font-size:26px;line-height:1.15;letter-spacing:-.2px}
html body .heading-postcard h2 a,html body .heading-postcard h2 .hp-name,html body .heading-postcard h2 .flex{
  color:var(--pillar,var(--g-red))!important;background:none!important;padding:0!important;border:0!important;display:inline}
html body .heading-postcard h2 a:hover{text-decoration:underline}
html body .heading-postcard .indicator-hp,html body .heading-postcard.hp-5>span{
  background:none!important;border:0!important;padding:0!important;color:var(--g-blue)!important;
  font-family:var(--g-sans);font-size:14px;font-weight:700;white-space:nowrap}
html body .heading-postcard .indicator-hp:hover{color:var(--g-red)!important}
html body .heading-postcard.hp-3{display:block!important}
html body .heading-postcard.hp-3 h2{display:flex;align-items:baseline;justify-content:space-between}
html body .heading-postcard i{color:inherit}
html[data-theme=dark] body .heading-postcard .indicator-hp{color:var(--g-yellow)!important}

/* ---------- 3. story cards ---------- */
/* horizontal list item (thumb + title) */
html body .prothom-songbad-post-style{
  border-top:1px solid var(--g-line,#dcdcdc);padding:9px 0;margin:0;background:none!important;box-shadow:none!important;border-radius:0!important}
html body .row>.col-12:first-child>.prothom-songbad-post-style{border-top:0}
html body .prothom-songbad-post-style .ps-post-line-img{aspect-ratio:3/2;object-fit:cover;width:100%;border-radius:0!important}
html body .prothom-songbad-post-style .news-title-2,
html body .prothom-songbad-post-style h1,html body .prothom-songbad-post-style h2,html body .prothom-songbad-post-style h3{
  font-family:var(--g-serif);font-weight:600;font-size:17px;line-height:1.3;color:var(--g-text,#121212)}
html body .prothom-songbad-post-style:hover .news-title-2,
html body .prothom-songbad-post-style:hover h1,html body .prothom-songbad-post-style:hover h2,html body .prothom-songbad-post-style:hover h3{
  color:var(--g-blue)!important;text-decoration:underline;text-underline-offset:3px}

/* lead story (image + headline overlay) */
html body .ps-category-lead-news{border-radius:0!important;overflow:hidden;background:#000}
html body .ps-category-lead-news img{border-radius:0!important;width:100%;aspect-ratio:5/3;object-fit:cover;display:block}
html body .ps-clead-title{
  background:linear-gradient(to top,rgba(5,20,50,.92) 0%,rgba(5,20,50,.55) 55%,rgba(5,20,50,0) 100%)!important;
  padding-top:44px}
html body .ps-clead-title h1,html body .ps-clead-title h2,html body .ps-clead-title h3{
  font-family:var(--g-serif);font-weight:800;color:#fff!important;font-size:26px;line-height:1.2;padding:14px!important;margin:0}
html body .ps-category-lead-news:hover .ps-clead-title h1,
html body .ps-category-lead-news:hover .ps-clead-title h2,
html body .ps-category-lead-news:hover .ps-clead-title h3{text-decoration:underline;text-underline-offset:4px}

/* vertical rules between desktop columns (Guardian look) */
@media (min-width:992px){
  html body section .row.g-3>.col-lg-3:not(:first-child),
  html body section .row.g-3>.col-lg-4:not(:first-child),
  html body section .row.g-3>.col-lg-6:not(:first-child),
  html body section .row.g-3>.col-lg-9:not(:first-child){border-left:1px solid var(--g-line,#dcdcdc)}
}
@media (max-width:767px){
  html body .ps-clead-title h1,html body .ps-clead-title h2,html body .ps-clead-title h3{font-size:21px;padding:12px!important}
  html body .heading-postcard h2{font-size:22px}
  html body .prothom-songbad-post-style .news-title-2{font-size:16px}
  /* the lead image becomes full-bleed like the Guardian app */
  html body section .row>.col-12>.ps-category-lead-news{margin-left:-12px;margin-right:-12px;width:calc(100% + 24px)}
}

/* ---------- 4. mobile hero slider ---------- */
html body .home-slider-container{border-radius:0!important;overflow:hidden;margin-left:-12px;margin-right:-12px;width:calc(100% + 24px)}
@media (min-width:992px){html body .home-slider-container{margin-left:0;margin-right:0;width:auto}}
html body .home-slider-slide img{border-radius:0!important}
html body .slide-title-overlay{background:linear-gradient(to top,rgba(5,20,50,.92),rgba(5,20,50,0))!important;padding-top:40px}
html body .slide-title-overlay h2{font-family:var(--g-serif);font-weight:800;font-size:22px;line-height:1.2;color:#fff!important}
html body .slider-arrow-left,html body .slider-arrow-right{border-radius:0!important;background:var(--g-yellow)!important;color:var(--g-blue)!important}

/* ---------- 5. trending chips, join banner, ticker ---------- */
html body .trending-label{border-radius:0!important;background:var(--g-blue)!important;font-family:var(--g-serif);font-size:15px;padding:7px 14px}
html body .trending-chip{border-radius:0!important;background:#fff!important;border:1px solid var(--g-line,#dcdcdc)!important;color:var(--g-blue)!important;font-family:var(--g-serif);font-weight:700;box-shadow:none!important}
html body .trending-chip:hover{background:var(--g-blue)!important;color:#fff!important}
html body .joinus-banner{border-radius:0!important;box-shadow:none!important;border:0!important;border-top:4px solid var(--g-yellow)!important;background:var(--g-blue)!important}
html body .joinus-banner .joinus-title,html body .joinus-banner .joinus-sub,html body .joinus-banner .joinus-icon{color:#fff!important}
html body .joinus-banner .joinus-title .highlight{color:var(--g-yellow)!important}
html body .joinus-banner .joinus-btn{border-radius:0!important;background:var(--g-yellow)!important;color:var(--g-blue)!important;box-shadow:none!important}
html body .mahamudfutureit-ticker-container{border-radius:0!important}

/* ---------- 6. POST PAGE ---------- */
html body .news-title-1,html body .post-main-title{
  font-family:var(--g-serif)!important;font-weight:800;line-height:1.15;letter-spacing:-.3px;color:var(--g-text,#121212)}
html body .writer-name{font-family:var(--g-serif);font-weight:700;color:var(--g-red)!important}
html body .writer-designation,html body .mfit-meta-inline,html body .mfit-meta-label{color:var(--g-muted,#707070)!important;font-size:13px}
html body .story-details{font-family:var(--g-serif);line-height:1.7;color:var(--g-text,#121212)}
html body .story-details p{margin-bottom:1.1em}
html body .story-details a{color:var(--g-blue);text-decoration:underline;text-underline-offset:3px}
html body .story-details blockquote{border-left:4px solid var(--g-red);padding:4px 0 4px 16px;margin:20px 0;font-style:italic;font-weight:600;color:var(--g-red)}
html body .story-details h2,html body .story-details h3{font-family:var(--g-serif);font-weight:800}
html body .story-image img,html body .story-details img{border-radius:0!important;max-width:100%;height:auto}
html body .social-share-wrapper{border-top:1px solid var(--g-line,#dcdcdc);border-bottom:1px solid var(--g-line,#dcdcdc);padding:8px 0;margin:12px 0}
html body .social-share-btn{border-radius:50%!important}
html body .related-post{border-top:1px solid var(--g-line,#dcdcdc);padding-top:8px}
html body .sidebar{border-left:1px solid var(--g-line,#dcdcdc);padding-left:16px}
@media (max-width:991px){html body .sidebar{border-left:0;padding-left:0}}


/* ---------- 7. FOOTER (Guardian) ---------- */
html body footer.mahamudfutureit_footer_2{background:var(--g-blue)!important;color:#fff;margin-top:24px;border-top:0}
html body .gf-wrap{padding:0}
html body .gf-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 14px;border-bottom:1px solid rgba(255,255,255,.28);flex-wrap:wrap}
html body .gf-brand img{max-height:54px;width:auto;background:#fff;padding:6px 10px;display:block}
html body .gf-brand .gf-tag{font-family:var(--g-serif);font-weight:800;font-size:22px;line-height:1.2;color:#fff!important}
html body .gf-up{display:inline-flex;align-items:center;gap:10px;background:var(--g-yellow);color:var(--g-blue)!important;
  font-family:var(--g-serif);font-weight:800;font-size:16px;padding:10px 14px 10px 18px;border-radius:999px;cursor:pointer;border:0;text-decoration:none!important}
html body .gf-up i{background:var(--g-blue);color:var(--g-yellow)!important;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
html body .gf-up:hover{background:#fff}
html body .gf-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
html body .gf-col{padding:16px 16px 18px 14px;border-left:1px solid rgba(255,255,255,.28);min-width:0}
html body .gf-col:first-child{border-left:0;padding-left:0}
html body .gf-col h4{font-family:var(--g-serif);font-weight:800;font-size:17px;margin:0 0 8px;color:#fff!important}
html body .gf-col h4 a{color:#fff!important}
html body .gf-col ul{list-style:none;margin:0;padding:0}
html body .gf-col li{margin:0}
html body .gf-col li a{display:block;padding:4px 0;font-family:var(--g-sans);font-size:15px;color:#fff!important;text-decoration:none}
html body .gf-col li a:hover,html body .gf-col h4 a:hover{color:var(--g-yellow)!important;text-decoration:underline}
html body .gf-info{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:16px 0;border-top:1px solid rgba(255,255,255,.28);font-size:14px;line-height:1.5}
html body .gf-info,html body .gf-info *{color:#fff!important}
html body .gf-info .mahamudfutureit_social_menu{justify-content:flex-start}
html body .gf-bottom{background:var(--g-blue-dark,#041e4a);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}
html body .gf-bottom,html body .gf-bottom *{color:#fff!important}
@media (max-width:991px){
  html body .gf-cols{grid-template-columns:repeat(2,1fr)}
  html body .gf-col:nth-child(odd){border-left:0;padding-left:0}
  html body .gf-col{border-top:1px solid rgba(255,255,255,.2)}
  html body .gf-col:nth-child(-n+2){border-top:0}
  html body .gf-info{grid-template-columns:1fr}
}
@media (max-width:575px){
  html body .gf-cols{grid-template-columns:1fr}
  html body .gf-col{border-left:0;padding-left:0}
  html body .gf-col:nth-child(2){border-top:1px solid rgba(255,255,255,.2)}
  html body .gf-top{flex-direction:column;align-items:flex-start}
  html body .gf-bottom{flex-direction:column;text-align:center}
}

/* ==========================================================================
   v2 additions
   ========================================================================== */

/* ---------- A. MOBILE TOP CARD STRIP (above header) ---------- */
.mfit-topcards{background:#fff;border-bottom:1px solid var(--g-line,#dcdcdc);padding:8px 0 8px 10px}
.mfit-topcards-track{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;padding-right:10px}
.mfit-topcards-track::-webkit-scrollbar{display:none}
.mfit-tc{flex:0 0 74%;max-width:300px;height:104px;scroll-snap-align:start;display:flex;align-items:stretch;justify-content:space-between;
  gap:8px;padding:10px 10px 10px 12px;text-decoration:none!important;overflow:hidden;background:#fff3f3}
.mfit-tc-0{background:#fff1f1}.mfit-tc-1{background:#fff6ee}.mfit-tc-2{background:#eef5fb}.mfit-tc-3{background:#f6f0f8}.mfit-tc-4{background:#eef6ef}
.mfit-tc-txt{flex:1;min-width:0;font-family:var(--g-serif);font-weight:800;font-size:16px;line-height:1.25;color:var(--g-red,#c70000);
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;align-self:flex-start}
.mfit-tc-1 .mfit-tc-txt{color:#c24d00}.mfit-tc-2 .mfit-tc-txt{color:#0077b6}.mfit-tc-3 .mfit-tc-txt{color:#a8326f}.mfit-tc-4 .mfit-tc-txt{color:#0b7a3b}
.mfit-tc-img{flex:0 0 82px;width:82px;height:82px;align-self:flex-end;border-radius:50%;overflow:hidden;background:#ddd}
.mfit-tc-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
@media (min-width:992px){.mfit-topcards{display:none!important}}

/* ---------- B. TICKER: under the header, fixed (sticky) on desktop + mobile ---------- */
html body .mfit-ticker-frame.mfit-ticker-top{position:sticky!important;top:0;bottom:auto!important;left:auto;right:auto;z-index:1030;
  box-shadow:0 2px 8px rgba(0,0,0,.18);width:100%}
html body .mfit-ticker-frame.mfit-ticker-top>.mahamudfutureit-ticker-container{min-height:40px}
body.has-fixed-ticker{padding-bottom:0!important}

/* ---------- C. MOBILE BOTTOM NAV ---------- */
.mfit-bottomnav{display:none}
@media (max-width:991px){
  .mfit-bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1040;background:var(--g-blue,#052962);
    border-top:3px solid var(--g-yellow,#ffe500);padding-bottom:env(safe-area-inset-bottom,0)}
  .mfit-bn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 4px 6px;
    color:#fff!important;text-decoration:none!important;font-family:var(--g-sans);font-size:12px;font-weight:600}
  .mfit-bn-item i{font-size:20px;line-height:1;color:#fff!important}
  .mfit-bn-item.active,.mfit-bn-item.active i{color:var(--g-yellow,#ffe500)!important}
  body.has-bottomnav{padding-bottom:62px!important}
  body.has-bottomnav #mahamudfutureit_backToTop{bottom:76px!important}
}

/* ---------- D. CATEGORY HIGHLIGHT (desktop + mobile menus) ---------- */
html body .mahamudfutureit_header .tt_navbar .tt_nav-menu>.nav-item>a{
  font-family:var(--g-serif);font-weight:800;letter-spacing:.1px;border-bottom:3px solid transparent;padding-bottom:6px;transition:border-color .15s}
html body .mahamudfutureit_header .tt_navbar .tt_nav-menu>.nav-item:nth-child(6n+2)>a{border-bottom-color:#ff5a3c}
html body .mahamudfutureit_header .tt_navbar .tt_nav-menu>.nav-item:nth-child(6n+3)>a{border-bottom-color:#ffe500}
html body .mahamudfutureit_header .tt_navbar .tt_nav-menu>.nav-item:nth-child(6n+4)>a{border-bottom-color:#4fc3f7}
html body .mahamudfutureit_header .tt_navbar .tt_nav-menu>.nav-item:nth-child(6n+5)>a{border-bottom-color:#7bd88f}
html body .mahamudfutureit_header .tt_navbar .tt_nav-menu>.nav-item:nth-child(6n+6)>a{border-bottom-color:#ff9ecb}
html body .mahamudfutureit_header .tt_navbar .tt_nav-menu>.nav-item:nth-child(6n+7)>a{border-bottom-color:#ffb74d}
html body .mahamudfutureit_header .tt_navbar .tt_nav-menu>.nav-item>a:hover{border-bottom-color:#fff}
html body .mobile_header_two .mobile-navmenu li a{font-family:var(--g-serif);font-weight:800;border-bottom:3px solid transparent;padding:4px 2px;display:inline-block}
html body .mobile_header_two .mobile-navmenu li:nth-child(6n+1) a{border-bottom-color:#ff5a3c}
html body .mobile_header_two .mobile-navmenu li:nth-child(6n+2) a{border-bottom-color:#ffb400}
html body .mobile_header_two .mobile-navmenu li:nth-child(6n+3) a{border-bottom-color:#0aa5e8}
html body .mobile_header_two .mobile-navmenu li:nth-child(6n+4) a{border-bottom-color:#2eaa57}
html body .mobile_header_two .mobile-navmenu li:nth-child(6n+5) a{border-bottom-color:#e0529c}
html body .mobile_header_two .mobile-navmenu li:nth-child(6n+6) a{border-bottom-color:#8a63d2}
/* section headings: small coloured bar before the title so categories stand out */
html body .heading-postcard h2 .hp-name::before,html body .heading-postcard.hp-2 h2 a::before{content:"";display:inline-block;width:5px;height:.95em;
  background:var(--pillar,var(--g-red));margin-right:8px;vertical-align:-1px}

/* ---------- E. VIDEO GALLERY ---------- */
html body .mahamudfutureit_vwraper{background:#0b1730;border-radius:0;overflow:hidden;margin:0 4px}
html body .mahamudfutureit_vwraper a.position-relative{display:block;position:relative}
html body .mahamudfutureit_vwraper img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0!important;display:block;transition:transform .35s,opacity .2s}
html body .mahamudfutureit_vwraper:hover img{transform:scale(1.04);opacity:.9}
html body .mahamudfutureit_vwraper a.position-relative::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;
  background:linear-gradient(to top,rgba(5,20,50,.75),rgba(5,20,50,0));pointer-events:none}
html body .mahamudfutureit_vwraper i.bi-play-circle{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);
  width:54px;height:54px;line-height:54px;text-align:center;font-size:26px;border-radius:50%;
  background:var(--g-yellow,#ffe500);color:var(--g-blue,#052962)!important;box-shadow:0 3px 12px rgba(0,0,0,.4);transition:transform .2s}
html body .mahamudfutureit_vwraper:hover i.bi-play-circle{transform:translate(-50%,-50%) scale(1.1)}
html body .mahamudfutureit_vwraper h3{margin:0;padding:10px 12px 12px;font-family:var(--g-serif);font-weight:700;font-size:16px;line-height:1.3;border-top:3px solid var(--g-yellow,#ffe500)}
html body .mahamudfutureit_vwraper h3 a{color:#fff!important}
html body .mahamudfutureit_vwraper h3 a:hover{text-decoration:underline}
html body .mahamudfutureit_video_slider .slick-prev,html body .mahamudfutureit_video_slider .slick-next{background:var(--g-blue,#052962)!important;border-radius:0;width:34px;height:34px;z-index:3}
@media (max-width:767px){html body .mahamudfutureit_vwraper i.bi-play-circle{width:44px;height:44px;line-height:44px;font-size:21px}}

/* ---------- F. PHOTO GALLERY ---------- */
html body #MahamudFutureITPhoto{border-radius:0;overflow:hidden;background:#000}
html body #MahamudFutureITPhoto .featured-image-photo,html body .featured-image-photo{border-radius:0!important;overflow:hidden;position:relative}
html body #MahamudFutureITPhoto .gallery-img-cover-1{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0}
html body #MahamudFutureITPhoto .carousel-control-prev,html body #MahamudFutureITPhoto .carousel-control-next{
  width:38px;height:38px;top:50%;bottom:auto;transform:translateY(-50%);margin:0 8px;background:var(--g-yellow,#ffe500);opacity:1;border-radius:0}
html body #MahamudFutureITPhoto .carousel-control-prev-icon,html body #MahamudFutureITPhoto .carousel-control-next-icon{filter:invert(1) brightness(0) saturate(100%);width:16px;height:16px}
html body .news-title{font-family:var(--g-serif);font-weight:800;line-height:1.25}
html body .gallery-img-1{aspect-ratio:3/2;object-fit:cover;width:100%;border-radius:0!important}
html body .featured-image-photo::after{content:"\F42A";font-family:"bootstrap-icons";position:absolute;right:6px;top:6px;z-index:2;
  width:26px;height:26px;line-height:26px;text-align:center;font-size:13px;background:rgba(5,41,98,.88);color:#fff;pointer-events:none}

/* ==========================================================================
   v3 — POST PAGE: drop cap + clean, perfectly left-aligned article text
   (font size stays under admin control; nothing here forces a size)
   ========================================================================== */
html body .story-details{text-align:left!important;overflow-wrap:break-word;word-wrap:break-word;hyphens:none;-webkit-hyphens:none}
html body .story-details p,html body .story-details div,html body .story-details li,html body .story-details span,
html body .story-details h2,html body .story-details h3,html body .story-details h4,html body .story-details blockquote{
  text-align:left!important;text-indent:0!important;text-justify:auto}
html body .story-details p{margin:0 0 1.05em!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;line-height:1.7!important}
/* pasted-from-Word / editor junk: unify font + spacing of inline wrappers (links, bold, italic kept) */
html body .story-details p span,html body .story-details p font,html body .story-details div span{
  font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;background:transparent!important}
html body .story-details p:empty,html body .story-details p:has(>br:only-child){display:none}
/* media never overflows */
html body .story-details img,html body .story-details video,html body .story-details iframe,html body .story-details embed{max-width:100%!important;height:auto}
html body .story-details iframe{width:100%;aspect-ratio:16/9;height:auto}
html body .story-details table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
html body .story-details table td,html body .story-details table th{border:1px solid var(--g-line,#dcdcdc);padding:6px 10px}
html body .story-details ul,html body .story-details ol{padding-left:1.4em;margin:0 0 1.05em}
html body .story-details figure{margin:0 0 1.1em;max-width:100%}
html body .story-details figcaption{font-family:var(--g-sans);font-size:.78em;color:var(--g-muted,#707070);text-align:left!important;padding-top:6px}

/* DROP CAP — solid Guardian-blue tile, white serif letter, yellow underline */
html body .story-details>p:first-of-type::first-letter{
  float:left!important;
  font-family:var(--g-serif)!important;font-weight:800!important;font-style:normal!important;
  font-size:3.3em!important;line-height:.95!important;
  color:#fff!important;background:var(--g-blue,#052962)!important;
  padding:.07em .15em .03em!important;margin:.08em .16em 0 0!important;
  border-bottom:.07em solid var(--g-yellow,#ffe500)!important;text-transform:none}
@media (max-width:767px){
  html body .story-details>p:first-of-type::first-letter{font-size:3em!important;margin-right:.14em!important}
  html body .story-details,html body .story-details p{line-height:1.7!important}
}
/* no drop cap when the first paragraph is only an image / embed */
html body .story-details>p:first-of-type:has(>img:first-child)::first-letter,
html body .story-details>p:first-of-type:has(>iframe:first-child)::first-letter{all:unset}