/* Editorial feed heading: compact icon, quiet border and no double orange rule. */
body header.blog-feed-heading { display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:12px!important; padding:13px 17px!important; margin:18px auto!important; border:1px solid #365668!important; border-radius:14px; background:linear-gradient(110deg,#123042,#0a2030 65%); box-shadow:inset 0 1px #ffffff07; }
body header.blog-feed-heading::before,body header.blog-feed-heading > div::before,body header.blog-feed-heading > div::after { content:none!important; display:none!important; }
body header.blog-feed-heading > div { display:grid; gap:4px; padding:0!important; margin:0!important; border:0!important; min-width:0; }
body header.blog-feed-heading .blog-feed-emblem { display:grid; place-items:center; width:37px; height:37px; flex:0 0 37px; padding:0; border:1px solid #b88e434d; border-radius:11px; background:#ffc45a0b; color:#ffc76a; }
.blog-feed-emblem svg { width:23px; height:23px; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
body header.blog-feed-heading > div > span { display:block; color:#d1ad73!important; font:650 9px/1.3 system-ui,sans-serif!important; letter-spacing:.1em; text-transform:uppercase; }
body header.blog-feed-heading h2 { margin:0!important; padding:0!important; border:0!important; background:none!important; color:#f3f7fa!important; font:800 24px/1.2 system-ui,sans-serif!important; letter-spacing:-.025em; }
body header.blog-feed-heading h2::before,body header.blog-feed-heading h2::after { display:none!important; content:none!important; }
body header.blog-feed-heading::after { content:''; display:block; flex:1; height:1px; margin-left:8px; background:linear-gradient(90deg,#46617380,transparent); }
@media(max-width:760px) {
 body #mobile-blog-intro + .blog-category-tabs { margin-top:0!important; margin-bottom:10px!important; padding:5px!important; }
 body #mobile-blog-intro ~ header.blog-feed-heading { margin-top:12px!important; margin-bottom:12px!important; padding:10px 12px!important; gap:10px!important; }
 body header.blog-feed-heading .blog-feed-emblem { width:30px; height:30px; flex-basis:30px; border-radius:9px; }
 .blog-feed-emblem svg { width:19px; height:19px; }
 body header.blog-feed-heading > div > span { display:none!important; }
 body #mobile-blog-intro ~ header.blog-feed-heading h2 { font-size:19px!important; }
}

/* Supplied latest-stories artwork; the empty outer canvas stays outside the frame. */
body header.blog-feed-art-heading { position:relative; margin:16px auto; padding:0; border:0; background:none; }
.blog-feed-art-heading > a { position:relative; display:block; width:100%; aspect-ratio:5.8; overflow:hidden; border-radius:14px; }
.blog-feed-art-heading > a > img { position:absolute; left:-1%; top:-69%; display:block; width:102%!important; max-width:none!important; height:auto!important; margin:0!important; border:0; border-radius:0; }
.blog-feed-art-heading .blog-feed-art-title { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.blog-feed-art-heading > a:focus-visible { outline:3px solid #ffc247; outline-offset:4px; }
@media(max-width:760px) {
 body header.blog-feed-art-heading { margin:12px auto; }
 .blog-feed-art-heading > a { border-radius:10px; }
}
/* Dedicated mobile composition: readable type and the character, not a shrunk strip. */
.blog-feed-mobile-art { display:none; }
@media(max-width:760px) {
 .blog-feed-art-heading > a { box-sizing:border-box; aspect-ratio:auto; height:112px; border:1px solid #c49b54; border-radius:14px; background:radial-gradient(ellipse at bottom left,#b97b2533,transparent 65%),#081d28; }
 .blog-feed-art-heading > a > .blog-feed-desktop-art { display:none; }
 .blog-feed-art-heading .blog-feed-mobile-art { position:absolute; inset:0; display:flex; align-items:center; }
 .blog-feed-mobile-portrait { position:absolute; inset:0 auto 0 0; width:44%; overflow:hidden; }
 .blog-feed-mobile-portrait img { position:absolute; width:100%!important; max-width:none!important; height:145px!important; object-fit:contain; left:0; top:-19px; margin:0!important; border:0!important; }
 .blog-feed-mobile-copy { position:relative; margin-left:44%; padding:10px 26px 10px 3px; }
 .blog-feed-mobile-copy small { display:block; color:#d8b75f; font:650 8px/1.3 system-ui,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
 .blog-feed-mobile-copy b { display:block; margin-top:5px; color:#fff; font:850 23px/1.06 system-ui,sans-serif; letter-spacing:-.04em; }
 .blog-feed-mobile-copy em { display:block; color:#ffc43c; font-style:normal; }
 .blog-feed-mobile-arrow { position:absolute; right:9px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:24px; height:24px; border:1px solid #d1a64c; border-radius:50%; background:#ffc53f; color:#102331; font:650 24px/1 system-ui,sans-serif; }
}