/* ================================
   MAGAZINE / BLOG FEED (AGGRESSIVE)
   This file intentionally uses high-specificity + !important
   to override any older layout styles.
==================================*/

body .wtfto-magazine{display:block !important; margin-top:14px !important;}
body .wtfto-magazine .magTop{
  display:grid !important;
  grid-template-columns: 1.65fr 1fr !important;
  gap:14px !important;
  align-items:stretch !important;
}
@media (max-width: 980px){
  body .wtfto-magazine .magTop{ grid-template-columns: 1fr !important; }
}

body .wtfto-magazine .magFeatured{
  border:1px solid var(--line) !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background: rgba(255,255,255,.06) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.18) !important;
}

body .wtfto-magazine .magFeatured .img{
  display:block !important;
  height:420px !important;
  overflow:hidden !important;
  background:#0b0f14 !important;
}
body .wtfto-magazine .magFeatured .img img{
  width:100% !important; height:100% !important; object-fit:cover !important; display:block !important;
}
@media (max-width: 980px){
  body .wtfto-magazine .magFeatured .img{ height:320px !important; }
}
@media (max-width: 720px){
  body .wtfto-magazine .magFeatured .img{ height:240px !important; }
}

body .wtfto-magazine .magFeatured .body{ padding:16px 16px 18px !important; }
body .wtfto-magazine .magFeatured h2{
  font-size: clamp(22px, 2.6vw, 34px) !important;
  line-height:1.1 !important;
  margin:10px 0 8px !important;
}
body .wtfto-magazine .magFeatured p{
  margin:0 !important;
  color: var(--ink2) !important;
  font-weight: 900 !important;
  font-size: 16px !important;
}

body .wtfto-magazine .magRail{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}
body .wtfto-magazine .magRailItem{
  display:grid !important;
  grid-template-columns: 150px 1fr !important;
  gap:12px !important;
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background: rgba(255,255,255,.06) !important;
}
body .wtfto-magazine .magRailItem .thumb{
  display:block !important;
  height:110px !important;
  background:#0b0f14 !important;
}
body .wtfto-magazine .magRailItem .thumb img{
  width:100% !important; height:100% !important; object-fit:cover !important; display:block !important;
}
body .wtfto-magazine .magRailItem .meta{ padding:10px 12px 12px !important; }
body .wtfto-magazine .magRailItem h3{ margin:6px 0 0 !important; font-size:16px !important; line-height:1.2 !important; }
body .wtfto-magazine .magRailItem .date{ color:var(--muted) !important; font-weight:1000 !important; font-size:13px !important; }

@media (max-width: 980px){
  body .wtfto-magazine .magRailItem{ grid-template-columns: 1fr !important; }
  body .wtfto-magazine .magRailItem .thumb{ height:200px !important; }
}

body .wtfto-magazine .magGrid{
  margin-top:16px !important;
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap:12px !important;
}
@media (max-width: 980px){
  body .wtfto-magazine .magGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 720px){
  body .wtfto-magazine .magGrid{ grid-template-columns: 1fr !important; }
}

body .wtfto-magazine .magCard{
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background: rgba(255,255,255,.06) !important;
}
body .wtfto-magazine .magCard .thumb{
  display:block !important;
  height:220px !important;
  background:#0b0f14 !important;
}
body .wtfto-magazine .magCard .thumb img{
  width:100% !important; height:100% !important; object-fit:cover !important; display:block !important;
}
@media (max-width: 980px){
  body .wtfto-magazine .magCard .thumb{ height:190px !important; }
}
@media (max-width: 720px){
  body .wtfto-magazine .magCard .thumb{ height:210px !important; }
}

body .wtfto-magazine .magCard .body{ padding:12px 12px 14px !important; }
body .wtfto-magazine .magCard h4{ margin:8px 0 0 !important; font-size:16px !important; line-height:1.25 !important; }
body .wtfto-magazine .kickerRow{
  display:flex !important; gap:8px !important; align-items:center !important; flex-wrap:wrap !important;
}

/* Override old small storyThumb on any page */
@media (min-width: 721px){
  body a.storyThumb{ height:240px !important; }
}
@media (max-width: 720px){
  body a.storyThumb{ height:210px !important; }
}


/* ================================
   FEATURE STORY (SPLIT / COMPACT)
   Image left (about half width) + content right
==================================*/
body .wtfto-magazine .magHero{ margin-top: 14px !important; }
body .wtfto-magazine .magFeaturedSplit{
  display:grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap:14px !important;
  align-items:stretch !important;
  border:1px solid var(--line) !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background: rgba(255,255,255,.06) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.18) !important;
}
body .wtfto-magazine .magFeaturedSplit .img{
  display:block !important;
  min-height: 260px !important;
  max-height: 320px !important;
  overflow:hidden !important;
  background:#0b0f14 !important;
}
body .wtfto-magazine .magFeaturedSplit .img img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
body .wtfto-magazine .magFeaturedSplit .body{
  padding:16px 16px 18px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
body .wtfto-magazine .magFeaturedSplit .date{
  color:var(--muted) !important;
  font-weight:1000 !important;
  margin-top:6px !important;
}
body .wtfto-magazine .magFeaturedSplit .headline{
  font-size: clamp(20px, 2.2vw, 30px) !important;
  line-height:1.1 !important;
  margin:10px 0 10px !important;
}
body .wtfto-magazine .magFeaturedSplit .excerpt{
  margin:0 !important;
  color: var(--ink2) !important;
  font-weight: 900 !important;
  font-size: 15px !important;
  line-height:1.35 !important;
}
body .wtfto-magazine .magFeaturedSplit .actions{
  margin-top:14px !important;
}

@media (max-width: 980px){
  body .wtfto-magazine .magFeaturedSplit{ grid-template-columns: 1fr !important; }
  body .wtfto-magazine .magFeaturedSplit .img{ min-height: 220px !important; max-height: 300px !important; }
}



/* ================================
   Sources & References dropdown
==================================*/
body .wtfto-sources-wrap{margin-top:18px !important;}
body details.wtfto-sources{
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  background: rgba(255,255,255,.02) !important;
  overflow:hidden !important;
}
body details.wtfto-sources > summary{
  cursor:pointer !important;
  padding:12px 14px !important;
  font-weight:1000 !important;
  list-style:none !important;
}
body details.wtfto-sources > summary::-webkit-details-marker{display:none;}
body details.wtfto-sources > summary:after{
  content:"▾" !important;
  float:right !important;
  opacity:.8 !important;
}
body details.wtfto-sources[open] > summary:after{content:"▴" !important;}
body .wtfto-sources-body{
  padding:0 14px 12px !important;
  color: var(--text) !important;
}
body .wtfto-sources-body a{word-break:break-word;}