/* ==========================================================================
   One Nation News — article page (3 columns, full width)
   ========================================================================== */
.single-grid{display:grid;grid-template-columns:minmax(250px,300px) minmax(0,1fr) minmax(290px,340px);grid-template-areas:"left main right";gap:28px;margin-top:20px;align-items:start}
.s-main{grid-area:main;min-width:0}
.s-left{grid-area:left}
.s-right{grid-area:right}
.s-left,.s-right{display:flex;flex-direction:column;gap:22px;min-width:0}

/* Boxes with red header */
.box{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.box-head{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--red);color:#fff;padding:9px 14px}
.box-head h2{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:800;line-height:1.2}
.box-head a{color:#fff;display:grid;place-items:center}
.box-head a:hover{color:#fff;opacity:.85}
.box .rank-list{padding:0 12px 4px}
.mini-list li{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);align-items:start}
.mini-list li:last-child{border-bottom:0}
.mini-img{display:block;aspect-ratio:3/2;border-radius:5px;overflow:hidden;background:var(--soft)}
.mini-img img,.mini-img .ph{width:100%;height:100%;object-fit:cover;min-height:0}
.mini-t{font-size:15px;font-weight:700;line-height:1.38;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mini-list .meta{margin-top:3px;font-size:12px}
.pill-tabs{display:flex;gap:8px;padding:10px 12px 4px}
.pill-tabs button{flex:1;border:1px solid var(--line);background:#fff;border-radius:4px;padding:4px 6px;font-size:14px;font-weight:600;color:#374151}
.pill-tabs button[aria-selected=true]{background:var(--red);border-color:var(--red);color:#fff}

/* Article head */
.s-main .a-title{font-size:clamp(26px,2.1vw,34px);line-height:1.28}
.s-main .a-dek{font-size:18px;color:#4b5563;margin-top:10px}
.byline{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin-top:16px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.by-avatar img,.author-box img.avatar{border-radius:50%;display:block}
.by-text{flex:1;min-width:200px;display:flex;flex-direction:column;line-height:1.35}
.by-name{font-weight:800;font-size:15px;color:var(--ink)}
.by-desig{font-size:13px;color:#4b5563}
.by-date{font-size:13px;color:var(--muted);margin-top:2px}
.by-date .sep{margin:0 5px;opacity:.6}
.share-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.share-l{font-size:14px;color:#4b5563;font-weight:600}
.share-bar .share{margin:0;gap:6px}
.share-bar .share a,.share-bar .share button{width:30px;height:30px}
.sh-linkedin{background:#0a66c2}
.fsize{display:flex;align-items:baseline;gap:2px;border-left:1px solid var(--line);padding-left:10px}
.fsize button{background:none;border:0;padding:2px 5px;font-weight:700;color:#374151;line-height:1}
.fsize button:hover{color:var(--red)}
.fsize [data-fs="-1"]{font-size:13px}.fsize [data-fs="0"]{font-size:15px}.fsize [data-fs="1"]{font-size:18px}

/* Figure with caption bar */
.s-main .a-figure{position:relative;margin-top:16px;border-radius:var(--r);overflow:hidden}
.s-main .a-figure img{width:100%;height:auto;border-radius:0}
.s-main .a-figure figcaption{position:absolute;left:0;right:0;bottom:0;margin:0;background:rgba(10,14,20,.78);color:#fff;font-size:14px;padding:8px 12px;text-align:left}

/* Article body */
.s-main .entry{margin-top:18px}
/* Default justified text; an alignment chosen in the editor (inline style / align class) still wins */
.s-main .entry p,.s-main .entry li,.s-main .entry blockquote{text-align:justify;text-justify:inter-word}
.s-main .entry .has-text-align-left,.s-main .entry .alignleft{text-align:left}
.s-main .entry .has-text-align-center,.s-main .entry .aligncenter{text-align:center}
.s-main .entry .has-text-align-right,.s-main .entry .alignright{text-align:right}
.entry blockquote{position:relative;background:#fdf0f2;border-left:4px solid var(--red);border-radius:0 8px 8px 0;padding:18px 20px 18px 72px;font-weight:600;color:#1f2937}
.entry blockquote::before{content:"\201C";position:absolute;left:16px;top:6px;font:700 76px/1 Georgia,serif;color:var(--red)}
.entry blockquote cite,.entry blockquote footer{display:block;margin-top:6px;color:var(--red);font-style:normal;font-weight:700;font-size:.9em}
.entry ol{list-style:none;padding-left:0;counter-reset:n}
.entry ol>li{counter-increment:n;position:relative;padding-left:38px}
.entry ol>li::before{content:counter(n);position:absolute;left:0;top:.3em;width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;font-size:13px;font-weight:700;display:grid;place-items:center;line-height:1}
.entry h2{font-size:24px}
.entry h3{font-size:21px}

/* X (Twitter) embeds */
.one-embed-x{display:flex;justify-content:center;margin:1.5em auto}
.one-embed-x .twitter-tweet{margin:0 auto!important}
.one-embed-x blockquote.twitter-tweet{background:#f5f8fa;border:1px solid var(--line);border-left:4px solid #000;border-radius:10px;padding:14px 18px;font-size:16px;max-width:550px}
.s-main .entry .one-embed-x blockquote::before{content:none}

/* Related strip */
.rel-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
.rel-strip a{display:block}
.rel-strip img,.rel-strip .ph{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:6px;min-height:0}
.rel-strip span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:600;line-height:1.4;margin-top:6px}

.s-main .a-tags a{color:var(--red);background:#fdf0f2;border-color:#f8d4da;font-size:13px}

/* Author box */
.author-box{margin-top:24px;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:var(--r);padding:14px 16px}
.author-box h2{font-size:17px;font-weight:800;margin-bottom:10px}
.ab-in{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.ab-text{flex:1;min-width:220px;display:flex;flex-direction:column;line-height:1.4}
.ab-text p{font-size:14px;color:#4b5563;margin-top:4px}

/* Left column widgets */
.topic-list{display:flex;flex-wrap:wrap;gap:8px}
.topic-list a{background:var(--soft);border:1px solid var(--line);border-radius:4px;padding:4px 12px;font-size:14px;font-weight:500}
.topic-list a:hover{border-color:var(--red);color:var(--red)}
.nl-mini{border:1px solid #f6d5db;background:#fff7f8;border-radius:var(--r);padding:14px}
.nl-mini-head{display:flex;gap:12px;align-items:center}
.nl-ic{color:var(--red);flex:none}
.nl-mini h2{font-size:18px;font-weight:800}
.nl-mini p{font-size:13px;color:#4b5563}
.nl-mini form{display:flex;gap:8px;margin-top:12px}
.nl-mini input[type=email]{flex:1;min-width:0;border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font:inherit;font-size:14px;background:#fff}
.nl-mini input[type=email]:focus{outline:0;border-color:var(--red)}
.nl-mini .btn-red{padding:8px 10px;font-size:14px;white-space:nowrap}
.ad-box img{width:100%;height:auto;border-radius:var(--r)}
.s-right .video-box .vb-head h2{font-size:19px}

/* Responsive */
@media (max-width:1240px){
	.single-grid{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"main right" "left right"}
	.s-left{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
}
@media (max-width:960px){
	.single-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "right" "left"}
	.s-left{grid-template-columns:minmax(0,1fr)}
	.rel-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:720px){
	.single-grid{margin-top:12px;gap:22px}
	.s-main .a-title{font-size:25px}
	.s-main .a-dek{font-size:16px}
	.byline{gap:10px}
	.byline .share-bar{width:100%}
	.rel-strip{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:46%;overflow-x:auto;scrollbar-width:none}
	.rel-strip::-webkit-scrollbar{display:none}
	.entry blockquote{padding:44px 16px 14px 16px}
	.entry blockquote::before{font-size:56px;top:2px}
	.s-main .a-figure figcaption{position:static;font-size:13px}
}