/* ==========================================================================
   Tidy article pages (inc/article-tidy.php). Sits on top of the DFLV
   Homepage plugin's article CSS and article-refined.css.
   ========================================================================== */

/* ---- "go ad-free" link under every ad (also used without the tidy layout) ---- */
.tidy-adfree { display: block; margin: 8px auto 0; font: 600 12px/1.3 var(--font-body, Inter, sans-serif); color: #6B6B68 !important; text-align: center; text-decoration: underline !important; text-decoration-color: #FBBF00 !important; text-decoration-thickness: 2px !important; text-underline-offset: 3px; }
.tidy-adfree:hover { color: #141414 !important; }
.tidy-ad { text-align: center; }
.dflv-ad--as-col .tidy-adfree { margin-top: 10px; }

/* ---- white page ---- */
body.dflv-tidy,
body.dflv-tidy .site-main,
body.dflv-tidy .dflv-article-page,
body.dflv-tidy .dflv-art { background: #fff !important; }

/* ---- photo: taller, category as a small tag on it ---- */
body.dflv-tidy .dflv-art-hstrip { position: relative; }
body.dflv-tidy .dflv-art-hstrip-bar { position: absolute; left: 18px; top: 18px; z-index: 2; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; width: auto !important; min-height: 0 !important; }
body.dflv-tidy .dflv-art-hstrip-link { display: inline-block; background: #FBBF00 !important; color: #141414 !important; border-radius: 999px; padding: 7px 12px !important; font: 700 11px/1 var(--font-body, Inter, sans-serif) !important; letter-spacing: .08em; text-transform: uppercase; text-decoration: none !important; }
body.dflv-tidy .dflv-art-hstrip-link::after { content: none !important; }
body.dflv-tidy .dflv-art-hstrip-link:hover { background: #141414 !important; color: #FBBF00 !important; text-decoration: none !important; }
body.dflv-tidy .dflv-art-hstrip-photo { height: 420px !important; min-height: 0 !important; background-size: cover; background-position: center; }
/* no photo: the tag sits above the headline */
body.dflv-tidy .dflv-art-hstrip:not(:has(.dflv-art-hstrip-photo)) .dflv-art-hstrip-bar { position: static; padding: 26px 0 0 !important; margin-left: 40px !important; }

/* ---- byline: date, read time, Share ---- */
body.dflv-tidy .dflv-art-byline { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
body.dflv-tidy .dflv-art-by-right { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.tidy-share { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 14px; border: 1px solid #E6E3DC; border-radius: 999px; background: #fff; color: #141414; font: 700 13px/1 var(--font-body, Inter, sans-serif); cursor: pointer; }
.tidy-share:hover { border-color: #141414; }

/* ---- links: black with a gold underline ---- */
body.dflv-tidy .dflv-art-body a:not([class]) { color: #141414 !important; font-weight: 600; text-decoration: underline !important; text-decoration-color: #FBBF00 !important; text-decoration-thickness: 2px !important; text-underline-offset: 3px; }
body.dflv-tidy .dflv-art-body a:not([class]):hover { background: #FFF4CC; }

/* ---- right rail ---- */
body.dflv-tidy .dflv-art-rail:not(.dflv-art-rail--left) { gap: 18px; }
.tidy-rail-box { display: block; }
.tidy-rail-ad { text-align: center; }
.tidy-rail-ad .dflv-ad-label { text-align: center; }
.tidy-card { display: block; background: #fff; border: 1px solid #E6E3DC; border-radius: 16px; padding: 16px 18px; color: #141414; text-decoration: none !important; }
.tidy-card-h { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-bottom: 4px; }
.tidy-card-h p { margin: 0; font: 800 16px/1.2 var(--font-display, Poppins, sans-serif); color: #141414; }
.tidy-card-h a { font: 700 11px/1 var(--font-body, Inter, sans-serif); letter-spacing: .06em; text-transform: uppercase; color: #141414 !important; text-decoration: none !important; white-space: nowrap; }
.tidy-card-h a:hover { text-decoration: underline !important; }
.tidy-ev-row { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid #EEECE6; color: #141414 !important; text-decoration: none !important; }
.tidy-card-h + .tidy-ev-row { border-top: 0; }
.tidy-ev-d { background: #141414; border-radius: 9px; text-align: center; padding: 6px 0; font: 700 10px/1.2 var(--font-body, Inter, sans-serif); letter-spacing: .04em; text-transform: uppercase; color: #bbb; }
.tidy-ev-d b { display: block; margin-top: 1px; font: 800 18px/1 var(--font-display, Poppins, sans-serif); color: #FBBF00; }
.tidy-ev-t { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font: 700 14px/1.3 var(--font-display, Poppins, sans-serif); }
.tidy-ev-tm { display: block; margin-top: 2px; font-size: 12.5px; color: #6B6B68; }
.tidy-ev-row:hover .tidy-ev-t { text-decoration: underline; }

.tidy-walk { background: #141414; border: 0; color: #fff !important; }
.tidy-walk-k { display: block; font: 800 10.5px/1 var(--font-body, Inter, sans-serif); letter-spacing: .12em; text-transform: uppercase; color: #FBBF00; }
.tidy-walk-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 10px 0 6px; }
.tidy-walk-n { font: 800 38px/1 var(--font-display, Poppins, sans-serif); letter-spacing: -.02em; color: #fff; }
.tidy-walk-lv { background: #FBBF00; color: #141414; border-radius: 999px; padding: 6px 12px; font: 700 12.5px/1 var(--font-body, Inter, sans-serif); white-space: nowrap; }
.tidy-walk--high .tidy-walk-lv, .tidy-walk--danger .tidy-walk-lv { background: #B42318; color: #fff; }
.tidy-walk-s { display: block; font-size: 13px; color: #BDBDB8; }
.tidy-walk:hover .tidy-walk-s { color: #fff; text-decoration: underline; }

/* ---- end of the first article: related stories ---- */
.tidy-more { max-width: 1100px; margin: 40px auto 0; padding: 0 20px; }
.tidy-more-h { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 16px; }
.tidy-more-h h2 { margin: 0; font: 800 22px/1.2 var(--font-display, Poppins, sans-serif); color: #141414; }
.tidy-more-h a { font: 700 11.5px/1 var(--font-body, Inter, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: #141414 !important; text-decoration: none !important; white-space: nowrap; }
.tidy-more-h a:hover { text-decoration: underline !important; }
.tidy-more-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.tidy-more-c { display: flex; flex-direction: column; background: #fff; border: 1px solid #E6E3DC; border-radius: 14px; overflow: hidden; color: #141414 !important; text-decoration: none !important; transition: box-shadow .15s, transform .15s; }
.tidy-more-c:hover { box-shadow: 0 10px 26px rgba(20,20,20,.09); transform: translateY(-2px); }
.tidy-more-im { position: relative; display: block; aspect-ratio: 16 / 9; background: #2A2A28; }
.tidy-more-im img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.tidy-more-tx { display: block; padding: 14px 16px 16px; }
.tidy-more-k { display: block; font: 700 11px/1 var(--font-body, Inter, sans-serif); letter-spacing: .1em; text-transform: uppercase; color: #8A6A00; }
.tidy-more-t { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 6px; font: 700 15.5px/1.3 var(--font-display, Poppins, sans-serif); }
.tidy-more-c:hover .tidy-more-t { text-decoration: underline; }

/* ---- "Next Story" divider before each post infinite scroll adds ---- */
.tidy-next { display: flex; align-items: center; gap: 16px; max-width: 1100px; margin: 44px auto 0; padding: 0 20px; font: 700 11.5px/1 var(--font-body, Inter, sans-serif); letter-spacing: .1em; text-transform: uppercase; color: #6B6B68; }
.tidy-next::before, .tidy-next::after { content: ""; flex: 1; height: 1px; background: #E6E3DC; }
body.dflv-tidy.dflv-article-active .tidy-next ~ .dflv-is-post { margin-top: 28px !important; }

/* ---- phones ---- */
@media (max-width: 900px) {
	body.dflv-tidy .dflv-art-hstrip-photo { height: 240px !important; }
	body.dflv-tidy .dflv-art-hstrip-bar { left: 14px; top: 14px; }
	body.dflv-tidy .dflv-art-hstrip:not(:has(.dflv-art-hstrip-photo)) .dflv-art-hstrip-bar { margin-left: 16px !important; }
	.tidy-more { margin-top: 28px; padding: 0 16px; }
	.tidy-more-row { grid-template-columns: 1fr; gap: 12px; }
	.tidy-more-c { flex-direction: row; }
	.tidy-more-im { flex: 0 0 116px; aspect-ratio: auto; min-height: 96px; }
	.tidy-more-tx { padding: 12px 14px; align-self: center; }
	.tidy-more-t { font-size: 15px; }
	.tidy-next { margin-top: 32px; padding: 0 16px; }
}

/* ---- phones: the rail's Coming Up and Walk Right Now, under the article ---- */
.tidy-below { display: none; }
@media (max-width: 900px) {
	.tidy-below { display: grid; gap: 14px; margin: 22px 16px 6px; }
}