@import url("https://fonts.googleapis.com/css2?family=Mandali&family=Ramabhadra&display=swap");
/* EeVela magazine skin on Bootstrap */
:root{--ink:#111;--muted:#6b6b6b;--line:#d8d8d8;--soft:#f5f5f3;--accent:#d71920}
html{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}
body{margin:0;background:#fff;color:var(--ink)}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
img{display:block;max-width:100%;height:auto}

.tf-section-label{font-size:12px;font-weight:800;letter-spacing:1.3px;border-left:4px solid var(--accent);padding-left:9px;margin-bottom:18px}
.tf-card-meta{font-size:12px;color:#777;margin-top:12px;font-weight:700}
.tf-hero-main img{aspect-ratio:16/9;object-fit:cover}
.tf-hero-title{font-family:Ramabhadra,serif;font-size:42px;line-height:1.08;letter-spacing:-.5px}
.tf-hero-main p,.tf-news-card p{color:#555;line-height:1.55}
.tf-side-title{font-family:Ramabhadra,serif;font-size:20px;line-height:1.15}
.tf-news-card{border-bottom:1px solid var(--line);padding-bottom:20px}
.tf-news-card img{aspect-ratio:16/9;object-fit:cover}
.tf-news-title{font-family:Ramabhadra,serif;font-size:22px;line-height:1.18;margin:8px 0}
.tf-section-heading h1,.tf-section-heading h2{font-family:Georgia,serif}
.tf-section-heading span{height:1px;background:#111;flex:1}
.tf-topic-strip{border-top:1px solid var(--line)}
.tf-breadcrumb{font-size:13px;color:#777;display:flex;gap:9px}
.tf-breadcrumb a{font-weight:700;color:#222}
.tf-article-title{font-family:Ramabhadra,serif;font-size:34px;line-height:1.23;margin:0 0 15px}
.tf-dek{font-size:21px;line-height:1.45;color:#555;margin:0 0 18px}
.tf-article-meta{color:#777;font-size:13px}
.tf-featured img{max-height:600px;object-fit:cover}
.tf-article-content{font-family:Mandali,serif;font-size:20px;line-height:1.75}
.tf-article-content p{margin:0 0 1.25em}
.tf-article-content h2,.tf-article-content h3{font-family:Ramabhadra,sans-serif;line-height:1.2;margin-top:1.6em}
.tf-article-content img{margin:25px auto;max-width:100%;height:auto}
.tf-article-content blockquote{border-left:4px solid var(--accent);margin:25px 0;padding:5px 20px;color:#555}
.tf-sidebar-box{border-top:3px solid #111}
.tf-sidebar-story span{font-family:Ramabhadra,serif;font-size:18px;line-height:1.25}
.tf-related-title{font-family:Ramabhadra,serif;font-size:22px;line-height:1.18}
.tf-related-excerpt{color:#555;font-size:14px}
.tf-share a{text-decoration:none}
.tf-page-title{font-family:Ramabhadra,serif;font-size:42px}

.tf-footer{background:#151515;color:#fff}
.tf-footer-logo{font-family:Mandali,serif;font-size:30px;font-weight:700}
.tf-footer a{display:block;color:#bbb;padding:4px 0;font-size:14px}
.tf-footer a:hover{color:#fff}
.tf-footer-bottom{color:#999}

@media(max-width:900px){
    
 
    
    .tf-hero-title{font-size:34px}
    .tf-article-title{font-size:42px}
}
@media(max-width:600px){
    .tf-topbar-date{display:none}
    
    
    .tf-hero-title{font-size:30px}
    .tf-article-title{font-size:34px}
    .tf-dek{font-size:18px}
    .tf-article-content{font-size:18px}
    .tf-page-title{font-size:34px}
}

/* =========================================================
   EeVela BBC-style homepage
   ========================================================= */
.tf-home-lead{
	background:#fff;
	border-bottom:1px solid #cfcfcf;
}
.tf-home-section-title{
	display:flex;
	align-items:center;
	gap:12px;
	padding:10px 0 9px;
	border-bottom:2px solid #111;
	margin-bottom:14px;
}
.tf-home-section-title span{
	font-size:13px;
	font-weight:800;
	letter-spacing:.9px;
}
.tf-lead-grid{
	border-bottom:1px solid #ccc;
}
.tf-lead-main{
	padding:0 22px;
	border-left:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
}
.tf-lead-main-image{
	aspect-ratio:16/9;
	object-fit:cover;
}
.tf-lead-main h1{
	font-family:Ramabhadra,serif;
	font-size:38px;
	line-height:1.07;
	margin:5px 0 9px;
	letter-spacing:-.35px;
}
.tf-lead-summary{
	color:#555;
	font-size:16px;
	line-height:1.5;
	margin:0 0 8px;
}
.tf-home-meta{
	font-size:11px;
	font-weight:800;
	color:#777;
	letter-spacing:.2px;
	text-transform:uppercase;
}
.tf-lead-side{
	padding:0 15px;
}
.tf-lead-left{
	border-right:1px solid #d6d6d6;
}
.tf-lead-right{
	border-left:0;
}
.tf-lead-small{
	padding:0 0 15px;
	margin-bottom:15px;
	border-bottom:1px solid #d9d9d9;
}
.tf-lead-small:last-child{
	border-bottom:0;
	margin-bottom:0;
}
.tf-lead-small img{
	aspect-ratio:16/9;
	object-fit:cover;
	margin-bottom:8px;
}
.tf-lead-small h2,
.tf-lead-list-item h2{
	font-family:Ramabhadra,serif;
	font-size:18px;
	line-height:1.14;
	margin:4px 0 0;
}
.tf-lead-list-item{
	display:grid;
	grid-template-columns:100px 1fr;
	gap:11px;
	padding:0 0 15px;
	margin-bottom:15px;
	border-bottom:1px solid #d9d9d9;
}
.tf-lead-list-item:last-child{
	border-bottom:0;
	margin-bottom:0;
}
.tf-lead-list-item img{
	width:100px;
	height:66px;
	object-fit:cover;
}
.tf-home-widgets{
	background:#fff;
}
.tf-home-secondary{
	background:#f7f7f5;
	border-top:1px solid #ddd;
}
.tf-home-card{
	border-bottom:1px solid #ccc;
	padding-bottom:18px;
}
.tf-home-card img{
	aspect-ratio:16/9;
	object-fit:cover;
}
.tf-home-card h2{
	font-family:Ramabhadra,serif;
	font-size:22px;
	line-height:1.16;
	margin:5px 0 8px;
}
.tf-home-card p{
	color:#555;
	font-size:14px;
	line-height:1.5;
}

@media(max-width:991px){
	.tf-lead-main{
		border-left:0;
		border-right:0;
		border-top:1px solid #d6d6d6;
		border-bottom:1px solid #d6d6d6;
		padding:18px 0;
		margin:18px 0 0;
		order:-1;
	}
	.tf-lead-left,
	.tf-lead-right{
		border:0;
		padding-top:18px;
	}
	.tf-lead-left{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:18px;
	}
	.tf-lead-small{
		border-bottom:0;
		margin-bottom:0;
		padding-bottom:0;
	}
	.tf-lead-right{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:18px;
	}
	.tf-lead-list-item{
		margin-bottom:0;
		border-bottom:0;
	}
}
@media(max-width:575px){
	.tf-lead-main h1{
		font-size:31px;
	}
	.tf-lead-left,
	.tf-lead-right{
		display:block;
	}
	.tf-lead-small,
	.tf-lead-list-item{
		margin-bottom:14px;
		padding-bottom:14px;
		border-bottom:1px solid #d9d9d9;
	}
}

/* =========================================================
   Four-column category news section
   ========================================================= */
.tf-home-category-columns{
	background:#fff;
	border-top:1px solid #e1e1e1;
}
.tf-category-columns-section{
	width:100%;
}
.tf-category-column{
	border-top:2px solid #202020;
	height:100%;
}
.tf-category-column-heading{
	padding:9px 0 14px;
}
.tf-category-column-heading a{
	font-size:14px;
	font-weight:800;
	line-height:1.2;
	text-transform:uppercase;
	letter-spacing:.1px;
}
.tf-category-column-heading a:after{
	content:" ›";
	font-size:18px;
	font-weight:400;
}
.tf-category-lead{
	padding-bottom:14px;
}
.tf-category-lead img{
	width:100%;
	aspect-ratio:16/9;
	object-fit:cover;
	margin-bottom:10px;
}
.tf-category-lead h3{
        font-family:Ramabhadra,serif;
	font-size:21px;
	line-height:1.16;
	margin:4px 0 7px;
}
.tf-category-lead p{
        font-family:Mandali,serif;
	font-size:14px;
	line-height:1.45;
	color:#555;
	margin:0;
}
.tf-category-list{
	margin-top:0;
}
.tf-category-list-item{
	border-top:1px solid #d9d9d9;
	padding:12px 0;
}
.tf-category-list-item h4{
        font-family:Ramabhadra,serif;
	font-size:17px;
	line-height:1.18;
	margin:0;
}
.tf-category-list-item a:hover{
	color:var(--accent);
}
@media(max-width:767px){
	.tf-category-lead h3{
		font-size:20px;
	}
}


/* Keep dropdowns usable on touch devices. */
@media(max-width:900px){
}

/* On narrow screens a dropdown opens below the nav rather than
   being clipped by the horizontal scrolling track. */
@media(max-width:600px){
    
    
    .tf-hero-title{font-size:30px}
    .tf-article-title{font-size:34px}
    .tf-dek{font-size:18px}
    .tf-article-content{font-size:18px}
    .tf-page-title{font-size:34px}
}

/* =========================================================
   v18 Navigation
   ========================================================= */

/* Keep native main menu horizontally scrollable on all compact widths. */







/* Bootstrap navigation styling */



















.offcanvas-backdrop.show{
    opacity:.45;
}
@media(max-width:900px){
    
    
    
}
@media(max-width:600px){
    
    .tf-main-menu-portal{
        left:8px !important;
        right:8px;
        max-width:none;
    }
}

/* =========================================================
   Bootstrap Navigation
   ========================================================= */















/* Main nav remains visible + horizontally scrollable on mobile. */
@media(max-width:900px){
    
    
    
}

@media(max-width:900px){
    
    
    
    
}
@media(max-width:600px){
    
    
}

/* =========================================================
   Bootstrap 5 native dropdowns — authoritative navigation skin
   ========================================================= */

/* Main navigation remains horizontally scrollable. */






/* Native Bootstrap caret — no custom V/arrow icon. */






















@media(max-width:900px){
    
    
}
@media(max-width:600px){
    
    
}