/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.dmilb.liveblog {
    border-top: 1px solid #b6b6b6;
    margin-bottom: 30px;
    padding-top: 30px;
}

.dmilb-preloader {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0 auto 30px;
}

.dmilb-preloader svg {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.dmilb-preloader svg path {
    fill: #8050AB;
}

.dmilb-new-day {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 15px;
    font-weight: 700;
    padding-left: 90px;
}

.dmilb-new-day:first-child {
    margin-top: 0;
}

.dmilb-contents {
    border-bottom: 1px solid #b6b6b6;
    padding-bottom: 30px;
}

.dmilb-contents-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 15px;
    margin-bottom: 10px;
}

.dmilb-contents-title > a {
    font-weight: 700;
}

.dmilb-contents-date, 
.dmilb-item-date {
    line-height: 1;
    color: #b6b6b6;
    flex: 0 0 90px;
    max-width: 90px;
    font-size: 12px;
}

.dmilb-item-date {
    padding-top: 5px;
}

.dmilb-item {
    border-bottom: 1px solid #b6b6b6;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: row;
    column-gap: 12px;
}

.dmilb-time {
    font-size: 14px;
    color: #000000;
    margin-bottom: 4px;
}

.dmilb-item-content {
    font-size: 16px;
    line-height: 1.35;
}

.dmilb-item-title {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
}

.dmilb-item-content p {
    margin-top: 0;
    margin-bottom: 0;    
}

.dmilb-item-content p:not(:last-child) {
    margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
    .dmilb-new-day {
        padding-left: 50px;
    }

    .dmilb-contents-date {
        flex: 0 0 50px;
        max-width: 50px;
    }

    .dmilb-item-date {
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 0;
        margin-bottom: 20px;
    }

    .dmilb-item {
        flex-direction: column;   
    }
}

/**
 * Scrolling button
 *
 */
 .dmilb-scrolling-button {
    position: fixed;
    bottom: 90px;
    right: 30px;
    display: flex;
    flex-direction: column;
}

.dmilb-scrolling-button > a { 
    text-decoration: none;
    outline: none;
    width: 40px;
    height: 40px;    
    text-align: center;
    background-color: #b6b6b6;
    color: #ffffff;
    position: relative;
    border-radius: 4px;
    display: flex; 
    justify-content: center;
    align-items: center;   
}

.dmilb-scrolling-button > a:hover {
    opacity: 0.8;
}

.dmilb-scrolling-button-up:before {
    content: '\2191';
    font-size: 26px;
    line-height: 1;
}

/* --- LiveBlog share card (overview pages) --- */
.dmilb-share-card{
    border:1px solid rgba(0,0,0,.12);
    border-radius:12px;
    padding:14px 16px;
    margin:12px 0;
    display:block;
    text-decoration:none;
    color:inherit;
}
.dmilb-share-card:hover{opacity:.92;}
.dmilb-share-card:focus{outline:2px solid rgba(0,0,0,.35);outline-offset:2px;}

.dmilb-share-card-inner{display:flex;gap:12px;align-items:flex-start;}
.dmilb-share-thumb{flex:0 0 auto;}
.dmilb-share-thumb img{width:56px;height:56px;object-fit:cover;border-radius:12px;display:block;}
.dmilb-share-body{min-width:0;flex:1 1 auto;}

.dmilb-share-title{
    font-weight:700;
}
.dmilb-share-meta{
    font-size:12px;
    opacity:.75;
    margin-top:6px;
}
.dmilb-share-actions{
    margin-top:12px;
}
.dmilb-share-button{
    display:inline-block;
    padding:8px 12px;
    border-radius:999px;
    border:1px solid rgba(0,0,0,.12);
    text-decoration:none;
}
/* Liveblog update colour templates (full-card themes, square edges) */
.dmilb-post{padding:12px 14px;border-radius:0;border-left:0;margin:0 0 16px 0;}
.dmilb-post.dlb-style-yellow{background:#ffd400;color:#111;}
.dmilb-post.dlb-style-black{background:#111;color:#f9fafb;}
.dmilb-post.dlb-style-black a{color:inherit;text-decoration:underline;}
.dmilb-post.dlb-style-white{background:#fff;color:#111;box-shadow:0 0 0 1px rgba(0,0,0,.06) inset;}

/* Additional preset templates for LiveBlog entries */
.dmilb-post.dlb-style-sky{background:#fff;color:#111;box-shadow:0 0 0 1px rgba(0,0,0,.06) inset;}
.dmilb-post.dlb-style-bbc{background:#bb1919;color:#fff;}
.dmilb-post.dlb-style-itv{background:#0057b8;color:#fff;}
.dmilb-post.dlb-style-blackyellow{background:#111;color:#ffd400;}
.dmilb-post.dlb-style-blackred{background:#111;color:#fff;}
.dmilb-post.dlb-style-bluewhite{background:#0b3d91;color:#fff;}

/* Extra presets */
.dmilb-post.dlb-style-guardian{background:#052962;color:#fff;}
.dmilb-post.dlb-style-reuters{background:#ff8000;color:#111;}
.dmilb-post.dlb-style-cnn{background:#cc0000;color:#fff;}
.dmilb-post.dlb-style-aljazeera{background:#caa24a;color:#111;}


/* Breaking logo header */
/* --- Sky-style compact teaser/header row --- */
/* Applies to the one-block tease shortcode by default (class="dmilb-tease").
   You can also add class="dmilb-sky" to any share card to force this style. */
.dmilb-share-card.dmilb-sky,
.dmilb-share-card.dmilb-tease{
    border-radius: 14px;
    padding: 12px 14px;
}

/* One-row layout: use the inner wrapper so thumbnails remain aligned */
.dmilb-share-card.dmilb-sky .dmilb-share-card-inner,
.dmilb-share-card.dmilb-tease .dmilb-share-card-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 12px;
    flex-wrap: wrap;
}

/* Tease cards: support a much larger thumbnail */
.dmilb-share-card.dmilb-tease .dmilb-share-card-inner{
    align-items:flex-start;
    flex-wrap: nowrap;
}
.dmilb-share-card.dmilb-tease .dmilb-share-thumb{flex:0 0 auto;}
.dmilb-share-card.dmilb-tease .dmilb-share-body{flex:1 1 auto; min-width:0;}

/* LIVE badge (black text on yellow) */
.dmilb-share-card.dmilb-sky .dmilb-share-title:before,
.dmilb-share-card.dmilb-tease .dmilb-share-title:before{
    content: 'LIVE';
    display:inline-block;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: .04em;
    text-transform: uppercase;
    line-height: 1;
    padding: 6px 10px;
    border-radius: 10px;
    background: #f5e21b;
    color: #111;
}

/* Title styling */
.dmilb-share-card.dmilb-sky .dmilb-share-title a,
.dmilb-share-card.dmilb-tease .dmilb-share-title a{
    color:#111;
    text-decoration:none;
    font-weight: 800;
}

/* Thumbnail sizing */
.dmilb-share-card.dmilb-sky .dmilb-share-thumb img{
    width:72px;
    height:72px;
    object-fit:cover;
}
.dmilb-share-card.dmilb-tease .dmilb-share-thumb img{
    width:250px;
    height:250px;
    object-fit:cover;
}

/* Large (hero) tease mode: [dmimag-liveblog-tease size="large"] */
.dmilb-share-card.dmilb-tease-large{
    max-width: 1200px;
    padding: 22px 24px;
    border-radius: 0;
}
.dmilb-share-card.dmilb-tease-large .dmilb-share-card-inner{
    gap: 20px;
}
.dmilb-share-card.dmilb-tease-large .dmilb-share-thumb img{
    width: 320px;
    height: 320px;
}
.dmilb-share-card.dmilb-tease-large .dmilb-share-title a{
    color: #000;
    font-size: 32px;
    line-height: 1.2;
}
.dmilb-share-card.dmilb-tease-large .dmilb-share-meta{
    font-size: 16px;
}
.dmilb-share-card.dmilb-tease-large .dmilb-share-button{
    padding: 16px 26px;
    font-size: 20px;
}

@media only screen and (max-width: 600px){
    .dmilb-share-card.dmilb-tease-large{padding: 16px 14px;}
    .dmilb-share-card.dmilb-tease-large .dmilb-share-card-inner{flex-wrap: wrap;}
    .dmilb-share-card.dmilb-tease-large .dmilb-share-thumb img{width: 100%; height: auto; max-width: 420px;}
    .dmilb-share-card.dmilb-tease-large .dmilb-share-title a{font-size: 24px;}
}

@media only screen and (max-width: 600px){
    .dmilb-share-card.dmilb-tease .dmilb-share-card-inner{flex-wrap: wrap;}
    .dmilb-share-card.dmilb-tease .dmilb-share-thumb img{width:140px;height:140px;}
}

/* Button: white on black */
.dmilb-share-card.dmilb-sky .dmilb-share-button,
.dmilb-share-card.dmilb-tease .dmilb-share-button{
    background:#e10600;
    color:#fff;
    border-color:#e10600;
    font-weight:700;
    padding: 10px 14px;
}

.dmilb-share-card.dmilb-sky .dmilb-share-button:hover,
.dmilb-share-card.dmilb-tease .dmilb-share-button:hover{
    opacity:.9;
}

/* Meta line drops below full width */
.dmilb-share-card.dmilb-sky .dmilb-share-meta,
.dmilb-share-card.dmilb-tease .dmilb-share-meta{
    flex: 0 0 100%;
    margin-top: 6px;
    margin-bottom: 0;
}

/* Keep actions tight */
.dmilb-share-card.dmilb-sky .dmilb-share-actions,
.dmilb-share-card.dmilb-tease .dmilb-share-actions{
    margin-top: 0;
}

@media only screen and (max-width: 600px){
    .dmilb-share-card.dmilb-sky,
    .dmilb-share-card.dmilb-tease{
        align-items:flex-start;
    }
    .dmilb-share-card.dmilb-sky .dmilb-share-actions,
    .dmilb-share-card.dmilb-tease .dmilb-share-actions{
        width: 100%;
    }
    .dmilb-share-card.dmilb-sky .dmilb-share-button,
    .dmilb-share-card.dmilb-tease .dmilb-share-button{
        width: 100%;
        text-align:center;
    }
}


/* Live Updates badge shown on posts/pages */
.dmilb-live-updates-badge{
    display:inline-block;
    background:#f5e21b;
    color:#111;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
    padding:8px 12px;
    border-radius:12px;
    margin:0 0 12px 0;
}


/* --- BREAKING + LIVE badge (overlay) --- */
.dmilb-featured-wrap{position:relative;display:block;}
.dmilb-featured-wrap img{display:block;width:100%;height:auto;}

.dmilb-share-thumb{position:relative;}
.dmilb-badge{
    position:absolute;
    top:10px;
    left:10px;
    display:flex;
    align-items:stretch;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
    line-height:1;
    z-index:3;
    box-shadow:0 6px 18px rgba(0,0,0,.18);
}
.dmilb-badge-breaking{
    background:#ffd400;
    color:#111;
    padding:10px 16px;
    font-size:14px;
}
.dmilb-badge-live{
    background:#e10600;
    color:#fff;
    padding:10px 16px;
    font-size:14px;
    display:flex;
    gap:8px;
    align-items:center;
}
.dmilb-badge-dot{width:10px;height:10px;border:2px solid #fff;border-radius:50%;display:inline-block;box-sizing:border-box;opacity:.85;}



/* Inline badge usage (e.g., prepended above content) */
.dmilb-live-updates-badge .dmilb-badge{
    position:relative;
    top:auto;
    left:auto;
    box-shadow:none;
}
.dmilb-live-updates-badge{
    display:flex;
    justify-content:flex-start;
    margin:0 0 12px 0;
    background:transparent;
    padding:0;
    border-radius:0;
}

/* Pulse animation for LIVE dot */
@keyframes dmilbLivePulse{
    0%{opacity:1;transform:scale(1);}
    50%{opacity:.35;transform:scale(.75);}
    100%{opacity:1;transform:scale(1);}
}
.dmilb-badge-dot{width:10px;height:10px;border:2px solid #fff;border-radius:50%;display:inline-block;box-sizing:border-box;opacity:.85;}

/* scale down badge when used on small thumbs */
.dmilb-share-thumb .dmilb-badge{
    top:6px;
    left:6px;
    transform:scale(.82);
    transform-origin:top left;
}

/* --- Sky-style compact live update boxes --- */
.dmilb-item{padding-top:16px;padding-bottom:16px;}
.dmilb-new-day{margin-top:18px;margin-bottom:18px;}
.dmilb-item-title{font-size:16px;margin-bottom:6px;}

/* === Fix24: subtle "bleed" around update cards + force sharp rectangles === */
/* Some earlier blocks set border-radius; override everything here. */
.dmilb-item-content.dmilb-post{
  border-radius: 0 !important;
  /* subtle separation/bleed like Sky (no rounding) */
  box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
  outline: 1px solid rgba(0,0,0,.06);
  outline-offset: -1px;
  margin-bottom: 12px;
}

/* Ensure any inner wrappers stay square too */
.dmilb-item-content.dmilb-post *{
  border-radius: 0 !important;
}
.dmilb-item-content{font-size:15px;line-height:1.35;}
.dmilb-item-content p:not(:last-child){margin-bottom:14px;}

/* Make the coloured update card itself tighter */
.dmilb-item-content.dmilb-post{padding:10px 12px;border-radius:12px;border-left-width:0;margin:0;}

/* Slightly narrower timestamp column on desktop */
.dmilb-contents-date,.dmilb-item-date{flex:0 0 74px;max-width:74px;}

@media only screen and (max-width:768px){
  .dmilb-contents-date{flex:0 0 50px;max-width:50px;}
}


/* --- Sky-style compact live update boxes --- */
/* Reduce vertical whitespace between updates */
.dmilb-item{padding-top:16px;padding-bottom:16px;}
.dmilb-new-day{margin-top:18px;margin-bottom:18px;}

/* Smaller content typography */
.dmilb-item-title{font-size:16px;margin-bottom:6px;}
.dmilb-item-content{font-size:15px;line-height:1.35;}
.dmilb-item-content p:not(:last-child){margin-bottom:14px;}

/* Tighter coloured update card (the box) */
.dmilb-item-content.dmilb-post{
  padding:10px 12px;
  border-radius:10px;
  border-left-width:0;
  margin:0 0 10px 0;
}

/* Slightly narrower time column on desktop for a Sky-like feel */
@media only screen and (min-width: 769px){
  .dmilb-contents-date,
  .dmilb-item-date{flex:0 0 72px;max-width:72px;}
  .dmilb-new-day{padding-left:72px;}
}

/* --- Sky-style compact live update boxes --- */
/* Reduce vertical whitespace between updates */
.dmilb-item{padding-top:16px;padding-bottom:16px;}
.dmilb-new-day{margin-top:18px;margin-bottom:18px;}

/* Smaller content typography */
.dmilb-item-title{font-size:16px;margin-bottom:6px;}
.dmilb-item-content{font-size:15px;line-height:1.35;}
.dmilb-item-content p:not(:last-child){margin-bottom:14px;}

/* Make the coloured update card itself tighter */
.dmilb-item-content.dmilb-post{
  padding:10px 12px;
  border-radius:10px;
  border-left-width:0;
  margin:0;
}

/* Narrower time column on desktop to match Sky's feel */
@media only screen and (min-width: 769px){
  .dmilb-contents-date,
  .dmilb-item-date{flex:0 0 72px;max-width:72px;}
}

/* --- Sky-style compact live update boxes --- */
/* Reduce vertical whitespace between updates */
.dmilb-item{padding-top:16px;padding-bottom:16px;}
.dmilb-new-day{margin-top:18px;margin-bottom:18px;}

/* Smaller content typography */
.dmilb-item-title{font-size:16px;margin-bottom:6px;}
.dmilb-item-content{font-size:15px;line-height:1.35;}
.dmilb-item-content p:not(:last-child){margin-bottom:14px;}

/* Date/time column slightly tighter (desktop) */
@media only screen and (min-width:769px){
  .dmilb-contents-date,.dmilb-item-date{flex:0 0 70px;max-width:70px;}
  .dmilb-new-day{padding-left:70px;}
}

/* Tighter coloured update cards (the box) */
.dmilb-item-content.dmilb-post{
  padding:10px 12px;
  border-radius:10px;
  border-left-width:0;
  margin-top:2px;
}

/* --- Sky-style compact live update boxes --- */
/* Reduce vertical whitespace between updates */
.dmilb-item{padding-top:16px;padding-bottom:16px;}
.dmilb-new-day{margin-top:18px;margin-bottom:18px;}

/* Smaller content typography */
.dmilb-item-title{font-size:16px;margin-bottom:6px;}
.dmilb-item-content{font-size:15px;line-height:1.35;}
.dmilb-item-content p:not(:last-child){margin-bottom:14px;}

/* Tighter coloured update cards */
.dmilb-item-content.dmilb-post{padding:10px 12px;border-radius:10px;border-left-width:0;}

/* Narrower time/date column for a Sky-like feel */
.dmilb-item-date{flex:0 0 72px;max-width:72px;}
.dmilb-contents-date,.dmilb-item-date{font-size:11px;}

@media only screen and (max-width:768px){
  .dmilb-item-date{flex:0 0 100%;max-width:100%;}
}

/* --- Sky-style compact live update boxes --- */
/* Reduce vertical whitespace between updates */
.dmilb-item{padding-top:16px;padding-bottom:16px;}
.dmilb-new-day{margin-top:18px;margin-bottom:18px;}

/* Smaller content typography */
.dmilb-item-title{font-size:16px;margin-bottom:6px;}
.dmilb-item-content{font-size:15px;line-height:1.35;}
.dmilb-item-content p:not(:last-child){margin-bottom:14px;}

/* Make the coloured update card itself tighter */
.dmilb-item-content.dmilb-post{padding:10px 12px;border-left-width:0;border-radius:10px;margin:0 0 12px 0;}

/* Slightly narrower time column (desktop) */
.dmilb-contents-date,
.dmilb-item-date{flex:0 0 72px;max-width:72px;}

@media only screen and (max-width: 768px) {
  .dmilb-contents-date{flex:0 0 50px;max-width:50px;}
}

/* --- Sky-style compact live update boxes --- */
/* Reduce vertical whitespace between updates */
.dmilb-item{padding-top:16px;padding-bottom:16px;}
.dmilb-new-day{margin-top:18px;margin-bottom:18px;}

/* Smaller content typography */
.dmilb-item-title{font-size:16px;margin-bottom:6px;}
.dmilb-item-content{font-size:15px;line-height:1.35;}
.dmilb-item-content p:not(:last-child){margin-bottom:14px;}

/* Make the coloured update card itself tighter */
.dmilb-item-content.dmilb-post{padding:10px 12px;border-radius:10px;border-left-width:0;margin:0 0 10px 0;}

/* Narrower time column on desktop */
@media only screen and (min-width: 769px){
  .dmilb-contents-date,.dmilb-item-date{flex:0 0 72px;max-width:72px;}
  .dmilb-new-day{padding-left:72px;}
}


/* --- Sky-style compact live update boxes --- */
/* Reduce vertical whitespace between updates */
.dmilb-item{padding-top:16px;padding-bottom:16px;}
.dmilb-new-day{margin-top:18px;margin-bottom:18px;}

/* Smaller content typography */
.dmilb-item-title{font-size:16px;margin-bottom:6px;}
.dmilb-item-content{font-size:15px;line-height:1.35;}
.dmilb-item-content p:not(:last-child){margin-bottom:14px;}

/* Make the coloured update card itself tighter (yellow/black/white templates) */
.dmilb-item-content.dmilb-post{
  padding:10px 12px;
  border-left-width:0;
  border-radius:0;
  margin:0;
}
@media only screen and (max-width: 768px){
  .dmilb-item-content.dmilb-post{padding:10px 12px;}
}

/* Slightly narrower time column on desktop */
@media only screen and (min-width: 769px){
  .dmilb-contents-date, .dmilb-item-date{flex:0 0 70px;max-width:70px;}
  .dmilb-new-day{padding-left:70px;}
}


.dmilb-post.dlb-style-ap{background:#d0021b;color:#fff;}
.dmilb-post.dlb-style-nyt{background:#111111;color:#fff;}
.dmilb-post.dlb-style-telegraph{background:#0b1f3a;color:#fff;}
.dmilb-post.dlb-style-independent{background:#312c7a;color:#fff;}
.dmilb-post.dlb-style-mirror{background:#e10600;color:#fff;}
.dmilb-post.dlb-style-economist{background:#e3120b;color:#fff;}
.dmilb-post.dlb-style-ft{background:#fff1e5;color:#111;}

.dmilb-entry-badge{display:inline-flex;align-items:center;font-weight:800;letter-spacing:.4px;text-transform:uppercase;font-size:12px;margin:0 0 8px 0;overflow:hidden;border-radius:2px;}
.dmilb-entry-badge span{padding:6px 10px;display:inline-flex;align-items:center;gap:6px;}
.dmilb-entry-badge .dmilb-entry-badge-left{background:#ffd400;color:#111;}
.dmilb-entry-badge .dmilb-entry-badge-right{background:#e10600;color:#fff;}
.dmilb-entry-badge.pictures .dmilb-entry-badge-left{background:#6d28d9;color:#fff;}
.dmilb-entry-badge.pictures .dmilb-entry-badge-right{background:#111;color:#fff;}
.dmilb-entry-badge.watch .dmilb-entry-badge-left{background:#111;color:#fff;}
.dmilb-entry-badge.watch .dmilb-entry-badge-right{background:#e10600;color:#fff;}
.dmilb-entry-badge .dmilb-entry-dot{width:8px;height:8px;border:2px solid #fff;border-radius:50%;display:inline-block;}

.dmilb-entry-share{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap;}
.dmilb-entry-share a,.dmilb-entry-share button{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-decoration:none;border:1px solid rgba(0,0,0,.14);background:rgba(255,255,255,.14);padding:6px 8px;border-radius:0;cursor:pointer;color:inherit;}
.dmilb-entry-share a:hover,.dmilb-entry-share button:hover{background:rgba(255,255,255,.22);}
.dmilb-entry-share svg{width:16px;height:16px;display:block;}

/* Force rectangular update entries */
.dmilb-item-content.dmilb-post,.dmilb-entry-default,.dmilb-post{border-radius:0 !important;}

/* Remove any left accent borders so only ONE red timeline line is visible */
.dmilb-item-content.dmilb-post,
.dmilb-entry-default,
.dmilb-post{
  border-left:0 !important;
}


/* === UKNIP / Sky-style timeline segments (per update) === */
.dmilb-item-date{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}
.dmilb-date-block{
  width:100%;
  text-align:center;
  position:relative;
  z-index:2;
}
.dmilb-time{
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.05 !important;
}
.dmilb-day,.dmilb-year{
  font-size:12px !important;
  line-height:1.15 !important;
}
.dmilb-timeline-seg{
  flex:1 1 auto;
  width:2px;
  background:#e10600;
  margin-top:8px;
  margin-bottom:4px;
}

/* Hard rectangles everywhere for update cards */
.dmilb-item-content.dmilb-post,
.dmilb-share-card,
.dmilb-scrolling-button > a{
  border-radius:0 !important;
}

/* On mobile (date becomes full-width), hide timeline segment */
@media only screen and (max-width:768px){
  .dmilb-timeline-seg{display:none !important;}
}


/* === Fix v30: remove double red line + force square cards everywhere === */
.dmilb-item-date .dmilb-timeline-seg + .dmilb-timeline-seg{display:none !important;}

/* Kill any accent borders that could look like a 2nd red line */
.dmilb-item-content,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-entry-default{
  border-left: none !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
}

/* Hard rectangles (some themes/widgets were still adding radius) */
.dmilb-item-content,
.dmilb-item-content * ,
.dmilb-post,
.dmilb-share-card,
.dmilb-share-thumb img{
  border-radius: 0 !important;
}

/* === Fix v30: remove double timeline line + force square cards everywhere === */
/* If, for any reason, two timeline segments are output, only show the first */
.dmilb-item-date .dmilb-timeline-seg + .dmilb-timeline-seg{display:none !important;}

/* Remove any accent borders that could be mistaken for a second red line */
.dmilb-item-content,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-entry-default{
  border-left: none !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
}

/* Hard rectangles everywhere (some earlier rules were re-introducing radius) */
.dmilb-item-content,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-entry-default,
.dmilb-share-card,
.dmilb-share-thumb img,
.dmilb-entry-share a,
.dmilb-entry-share button{
  border-radius: 0 !important;
}

/* === Fix v30: remove double timeline line + force square cards everywhere === */
/* If, for any reason, two timeline segments are output, only show the first */
.dmilb-item-date .dmilb-timeline-seg + .dmilb-timeline-seg{display:none !important;}

/* Remove any accent borders that could be mistaken for a second red line */
.dmilb-item-content,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-entry-default{
  border-left: none !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
}

/* Hard rectangles everywhere */
.dmilb-item-content,
.dmilb-item-content * ,
.dmilb-item-content.dmilb-post,
.dmilb-share-card,
.dmilb-share-card * ,
.dmilb-entry-share a,
.dmilb-entry-share button{
  border-radius: 0 !important;
}

/* Ensure the timeline line is the ONLY vertical red element */
.dmilb-timeline-seg{
  box-shadow: none !important;
  outline: none !important;
}

/* === Fix v30: remove double timeline line + force square cards everywhere === */
/* If, for any reason, two timeline segments are output, only show the first */
.dmilb-item-date .dmilb-timeline-seg + .dmilb-timeline-seg{display:none !important;}

/* Remove any accent borders that could be mistaken for a second red line */
.dmilb-item-content,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-entry-default,
.dmilb-item-content[class*="dlb-style-"]{
  border-left: none !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
}

/* Force sharp rectangles everywhere (some earlier rules set radius) */
.dmilb-item-content,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-entry-default,
.dmilb-share-card,
.dmilb-share-button,
.dmilb-entry-share a,
.dmilb-entry-share button{
  border-radius: 0 !important;
}

/* Ensure the timeline line sits centered and is the only red vertical element */
.dmilb-item-date{position:relative;}
.dmilb-timeline-seg{background:#e10600 !important;}

/* === Fix v30: remove double timeline line + force square cards everywhere === */
/* If, for any reason, two timeline segments are output, only show the first */
.dmilb-item-date .dmilb-timeline-seg + .dmilb-timeline-seg{display:none !important;}

/* Remove any accent borders that could be mistaken for a second red line */
.dmilb-item-content,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-entry-default{
  border-left: none !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
}

/* Force sharp rectangles regardless of earlier theme rules */
.dmilb-item-content,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-entry-default,
.dmilb-share-card,
.dmilb-scrolling-button > a{
  border-radius: 0 !important;
}

/* === Fix v30: remove double timeline line + force square cards everywhere === */
/* If, for any reason, two timeline segments are output, only show the first */
.dmilb-item-date .dmilb-timeline-seg + .dmilb-timeline-seg{display:none !important;}

/* Remove any accent borders that could be mistaken for a second red line */
.dmilb-item-content,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-entry-default{
  border-left: none !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
}

/* Force sharp rectangles (some earlier rules set radius) */
.dmilb-item-content,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-entry-default,
.dmilb-share-card,
.dmilb-scrolling-button > a{
  border-radius: 0 !important;
}

/* Ensure the timeline segment is the ONLY vertical red element */
.dmilb-timeline-seg{
  background: #e10600 !important;
  box-shadow: none !important;
}

/* === Fix v30: remove double timeline line + force square cards everywhere === */
/* If, for any reason, two timeline segments are output, only show the first */
.dmilb-item-date .dmilb-timeline-seg + .dmilb-timeline-seg{display:none !important;}

/* Remove any accent borders that could be mistaken for a second red line */
.dmilb-item-content,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-entry-default{
  border-left: none !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
}

/* Force hard rectangles everywhere (some earlier rules reintroduce radius) */
.dmilb-item-content,
.dmilb-item-content * ,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-share-card,
.dmilb-scrolling-button > a{
  border-radius: 0 !important;
}


/* === Fix v30: remove double timeline line + force square cards everywhere === */
/* If, for any reason, two timeline segments are output, only show the first */
.dmilb-item-date .dmilb-timeline-seg + .dmilb-timeline-seg{display:none !important;}

/* Remove any accent borders that could be mistaken for a second red line */
.dmilb-item-content,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-entry-default{
  border-left:0 !important;
  border-left-width:0 !important;
  border-left-style:none !important;
}

/* Hard rectangles everywhere */
.dmilb-item-content,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-entry-default,
.dmilb-share-card,
.dmilb-scrolling-button > a{
  border-radius:0 !important;
}


/* === Fix v30: remove double timeline line + force square cards everywhere === */
/* If, for any reason, two timeline segments are output, only show the first */
.dmilb-item-date .dmilb-timeline-seg + .dmilb-timeline-seg{display:none !important;}

/* Remove any accent borders that could be mistaken for a second red line */
.dmilb-item-content,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-entry-default{
  border-left:0 !important;
  border-left-width:0 !important;
  border-left-style:none !important;
}

/* Hard rectangles everywhere */
.dmilb-item-content,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-entry-default,
.dmilb-share-card,
.dmilb-scrolling-button > a{
  border-radius:0 !important;
}


/* === Fix v30: remove double timeline line + force square cards everywhere === */
/* If, for any reason, two timeline segments are output, only show the first */
.dmilb-item-date .dmilb-timeline-seg + .dmilb-timeline-seg{display:none !important;}

/* Remove any accent borders that could be mistaken for a second red line */
.dmilb-item-content,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-entry-default{
  border-left:0 !important;
  border-left-width:0 !important;
  border-left-style:none !important;
}

/* Force sharp rectangles everywhere */
.dmilb-item-content,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-entry-default,
.dmilb-share-card,
.dmilb-scrolling-button > a{
  border-radius:0 !important;
}


/* === Fix v30: remove double timeline line + force square cards everywhere === */
/* If, for any reason, two timeline segments are output, only show the first */
.dmilb-item-date .dmilb-timeline-seg + .dmilb-timeline-seg{display:none !important;}

/* Remove any accent borders that could be mistaken for a second red line */
.dmilb-item-content,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-entry-default{
  border-left:0 !important;
  border-left-width:0 !important;
  border-left-style:none !important;
}

/* Force sharp rectangles everywhere (some themes/widgets add radius) */
.dmilb-item-content,
.dmilb-item-content.dmilb-post,
.dmilb-post,
.dmilb-entry-default,
.dmilb-share-card,
.dmilb-scrolling-button > a{
  border-radius:0 !important;
}

/* === v31: HARD kill any secondary vertical accent line === */
/* Some templates/theme CSS may force border-left-style on cards; neutralise completely */
.dmilb-item .dmilb-item-content,
.dmilb-item .dmilb-item-content.dmilb-post,
.dmilb-item .dmilb-post,
.dmilb-item .dmilb-entry-default{
  border-left: 0 !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
  border-left-color: transparent !important;
}
/* Also neutralise any inset box-shadows that could look like a second line */
.dmilb-item .dmilb-item-content{
  box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
}

/* === v31 hard fix: eliminate ANY second red line (accent borders) === */
/* Some themes/templates may force borders with !important; nuke them here with max specificity */
.dmilb-item .dmilb-item-content,
.dmilb-item .dmilb-item-content.dmilb-post,
.dmilb-item .dmilb-post,
.dmilb-item-content,
.dmilb-post{
  border-left: 0 !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
  border-left-color: transparent !important;
}

/* Also ensure no pseudo-element is drawing a vertical line */
.dmilb-item .dmilb-item-content:before,
.dmilb-item .dmilb-item-content:after,
.dmilb-item .dmilb-post:before,
.dmilb-item .dmilb-post:after{
  content: none !important;
}

/* === v31 hard fix: eliminate ANY second red line === */
/* Some themes/inline styles can reintroduce a left accent border; kill it with very high specificity. */
body .dmilb-item .dmilb-item-content,
body .dmilb-item .dmilb-item-content.dmilb-post,
body .dmilb-item .dmilb-item-content.dmilb-entry-default,
body .dmilb-item-content,
body .dmilb-post,
body .dmilb-entry-default{
  border-left: 0 !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
  border-left-color: transparent !important;
}

/* Also prevent any inset box-shadow/outline that could look like a second vertical rail */
body .dmilb-item .dmilb-item-content.dmilb-post{
  box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
}

/* Keep the timeline segment as the ONLY red vertical element */
body .dmilb-timeline-seg{background:#e10600 !important;}

/* === v31 hard fix: eliminate ANY second red line === */
body .dmilb-item .dmilb-item-content,
body .dmilb-item .dmilb-item-content.dmilb-post,
body .dmilb-item-content,
body .dmilb-post{
  border-left: 0 !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
  border-left-color: transparent !important;
}

/* Ensure no template injects a red "accent" using outline on the left edge */
body .dmilb-item .dmilb-item-content{
  box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
  outline-color: rgba(0,0,0,.06) !important;
}

/* === v33 hard fix: ensure ONLY ONE red timeline line === */
/* Some themes or older CSS may draw a second vertical rule inside the date column.
   Nuke ALL borders/lines on the date column and re-apply only the segment element. */
body .dmilb-item-date,
body .dmilb-item-date *{
  border-left: 0 !important;
  border-right: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}
/* Re-apply the timeline segment styling (the ONLY vertical red line). */
body .dmilb-item-date .dmilb-timeline-seg{
  display:block !important;
  width:2px !important;
  background:#e10600 !important;
  box-shadow:none !important;
}
/* If any older template outputs a 2nd segment wrapper/line, hide it. */
body .dmilb-item-date .dmilb-timeline-seg ~ .dmilb-timeline-seg{display:none !important;}

/* === v36: timeline line should NEVER cut through the time ===
   Make each segment a fixed-height block rendered AFTER the time/date block,
   rather than flex-filling the full column height. */
body .dmilb-item-date{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}
body .dmilb-item-date .dmilb-date-block{position:relative;z-index:2;}
body .dmilb-item-date .dmilb-timeline-seg{
  flex: 0 0 auto !important;
  height: 36px !important;
  width: 2px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  background: #e10600 !important;
}

/* Mobile: keep the SAME layout as desktop (time column + timeline segment) */
@media only screen and (max-width: 768px){
  body .dmilb-item{padding-top:16px; padding-bottom:16px;}

  /* Keep the left time column on mobile so it matches desktop */
  body .dmilb-item-date{
    flex: 0 0 72px !important;
    max-width: 72px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin-bottom: 0 !important;
  }

  /* Slightly smaller but still prominent */
  body .dmilb-time{font-size:16px !important;}
  body .dmilb-day, body .dmilb-year{font-size:12px !important;}

  /* Keep the segment visible; slightly shorter to fit mobile */
  body .dmilb-item-date .dmilb-timeline-seg{
    display:block !important;
    height: 28px !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  /* Content spacing */
  body .dmilb-item-content{font-size:14px !important; line-height:1.35 !important;}
}


/* v34: force-disable any left accent rail so only timeline line shows */
body .dmilb-item-content.dmilb-post, body .dmilb-post{border-left:0 !important;border-left-width:0 !important;border-left-style:none !important;border-left-color:transparent !important;}

/* v34 hard fix: absolutely remove any second vertical line next to timeline */
body .dmilb-item-content.dmilb-post,
body .dmilb-post,
body .dmilb-item-content{
  border-left: 0 !important;
  border-left-width: 0 !important;
  border-left-style: none !important;
  border-left-color: transparent !important;
}
/* Some themes add a left rail using a box-shadow inset; kill it */
body .dmilb-item-content.dmilb-post,
body .dmilb-post{
  box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
}
body .dmilb-item-content.dmilb-post::before,
body .dmilb-item-content.dmilb-post::after,
body .dmilb-post::before,
body .dmilb-post::after{
  content: none !important;
}

/* v38: add gutter between time column and card to avoid a second vertical red edge */
body .dmilb-item{column-gap:12px !important;}
body .dmilb-item-content.dmilb-post{margin-left:0 !important;}

/* v38: force square cards everywhere */
body .dmilb-item-content.dmilb-post, body .dmilb-post, body .dmilb-entry-default{border-radius:0 !important;}

/* === v38: single timeline line visual fix ===
   The second "red line" users see is often the left edge of a full-colour update card sitting flush
   against the timeline column. Create a consistent gutter between time column and card so only the
   timeline segment reads as a line.
*/
body .dmilb-item{column-gap:12px !important;}
body .dmilb-item-content.dmilb-post,
body .dmilb-post,
body .dmilb-entry-default{border-radius:0 !important;}

/* Mobile should match desktop layout (fixed time column + gutter) */
@media only screen and (max-width:768px){
  body .dmilb-item{flex-direction:row !important;}
  body .dmilb-item-date{flex:0 0 72px !important;max-width:72px !important;padding-top:5px !important;}
  body .dmilb-item-content{flex:1 1 auto !important;}
  body .dmilb-timeline-seg{display:block !important;}
}