/* =============================================================
   Refugee Tamil Initiative — main.css  v2
   Campaign-bright Tamil news layout. Headlines: Anek Tamil 800.
   ============================================================= */

/* ---------- Tokens ---------- */
:root{
	--rti-primary:#d81b45;
	--rti-accent:#ff9500;
	--rti-ink:#141021;
	--rti-teal:#0e9488;
	--rti-violet:#6d3bf5;
	--rti-pink:#e0246b;

	/* Category palette — six stable campaign tones */
	--tone1:#d81b45;
	--tone2:#ff9500;
	--tone3:#0e9488;
	--tone4:#6d3bf5;
	--tone5:#e0246b;
	--tone6:#1f7ae0;

	--bg:#f6f4fb;
	--surface:#ffffff;
	--surface-2:#f4f2fa;
	--text:#181428;
	--text-soft:#6a6480;
	--line:#e6e2f0;

	--radius:16px;
	--shadow:0 2px 4px rgba(24,20,40,.05), 0 12px 32px rgba(24,20,40,.07);
	--shadow-lift:0 10px 20px rgba(24,20,40,.09), 0 24px 60px rgba(24,20,40,.12);

	--wrap:1240px;
	--gap:24px;
	--bar:70px;

	--font-head:"Anek Tamil", "Noto Sans Tamil", system-ui, sans-serif;
	--font-body:"Anek Tamil", "Noto Sans Tamil", system-ui, -apple-system, "Segoe UI", sans-serif;
}

html[data-theme="dark"]{
	--bg:#0e0b18;
	--surface:#17132a;
	--surface-2:#1f1a36;
	--text:#eee9fb;
	--text-soft:#a49dc0;
	--line:#2c2549;
	--shadow:0 2px 4px rgba(0,0,0,.4), 0 14px 34px rgba(0,0,0,.42);
	--shadow-lift:0 12px 26px rgba(0,0,0,.5), 0 28px 64px rgba(0,0,0,.5);
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box;}
body,h1,h2,h3,h4,p,figure,blockquote,ol,ul{margin:0;}
ol[class],ul[class]{list-style:none;padding:0;}
img{max-width:100%;height:auto;display:block;}
svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;}
a{color:inherit;text-decoration:none;}

html{scroll-behavior:smooth;}
body{
	font-family:var(--font-body);font-weight:400;font-size:16px;line-height:1.7;
	background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;
	background-image:
		radial-gradient(760px 420px at 8% -6%, color-mix(in srgb, var(--rti-violet) 12%, transparent), transparent 70%),
		radial-gradient(680px 380px at 98% 2%, color-mix(in srgb, var(--rti-accent) 14%, transparent), transparent 68%);
	background-repeat:no-repeat;
}

h1,h2,h3,h4,.site-title,.card-title,.block-title,.entry-title,.panel-title{
	font-family:var(--font-head);font-weight:800;line-height:1.26;letter-spacing:-.012em;
}

.wrap{width:min(100% - 28px, var(--wrap));margin-inline:auto;}

.screen-reader-text{
	position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
	overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.skip-link{position:absolute;left:-9999px;top:0;z-index:999;background:var(--rti-ink);color:#fff;padding:10px 16px;}
.skip-link:focus{left:8px;top:8px;width:auto;height:auto;clip:auto;}
:focus-visible{outline:3px solid var(--rti-accent);outline-offset:2px;border-radius:4px;}

/* =============================================================
   Header — logo and menu share one sticky bar
   ============================================================= */
.site-header{position:sticky;top:0;z-index:200;}
.header-ribbon{
	height:5px;
	background:linear-gradient(90deg,
		var(--rti-primary), var(--rti-pink) 22%, var(--rti-violet) 46%,
		var(--rti-teal) 70%, var(--rti-accent));
	background-size:220% 100%;
	animation:rti-ribbon 14s linear infinite;
}
@keyframes rti-ribbon{to{background-position:220% 0;}}

.navbar{
	background:var(--surface);
	box-shadow:0 2px 20px rgba(24,20,40,.1);
	position:relative;
}
.navbar--gradient{
	background:linear-gradient(115deg, var(--rti-ink), color-mix(in srgb, var(--rti-violet) 62%, var(--rti-ink)) 52%, var(--rti-primary));
	color:#fff;
}
.navbar-inner{display:flex;align-items:center;gap:14px;min-height:var(--bar);}

/* Branding inside the bar */
.site-branding{flex:none;display:flex;align-items:center;}
.site-branding .custom-logo{max-height:46px;width:auto;}
.site-title{font-size:20px;line-height:1;}
.site-title a{display:flex;align-items:center;gap:10px;}
.site-title-mark{
	display:grid;place-items:center;width:40px;height:40px;border-radius:12px;
	background:linear-gradient(140deg, var(--rti-accent), var(--rti-pink));
	color:#fff;font-size:15px;letter-spacing:.02em;
	box-shadow:0 6px 16px color-mix(in srgb, var(--rti-pink) 45%, transparent);
}
.site-title-text{font-size:19px;}
.navbar--gradient .site-title-text{color:#fff;}

/* Menu */
.primary-nav{flex:1;min-width:0;display:flex;justify-content:center;}
.primary-menu{display:flex;flex-wrap:wrap;align-items:center;gap:2px;}
.primary-menu li{position:relative;}
.primary-menu > li > a{
	display:block;padding:10px 15px;border-radius:999px;
	font-family:var(--font-head);font-weight:800;font-size:15.5px;
	transition:background .18s, color .18s;
}
.navbar--gradient .primary-menu > li > a{color:rgba(255,255,255,.9);}
.primary-menu > li > a:hover{background:color-mix(in srgb, var(--rti-accent) 22%, transparent);}
.navbar--gradient .primary-menu > li > a:hover{background:rgba(255,255,255,.16);color:#fff;}
.primary-menu > li.current-menu-item > a,
.primary-menu > li.current_page_item > a{
	background:linear-gradient(120deg, var(--rti-accent), var(--rti-pink));color:#fff;
	box-shadow:0 6px 16px color-mix(in srgb, var(--rti-pink) 38%, transparent);
}

/* Dropdowns */
.primary-menu .sub-menu{
	position:absolute;top:calc(100% + 8px);inset-inline-start:0;min-width:224px;z-index:220;
	background:var(--surface);color:var(--text);border-radius:14px;padding:8px;
	box-shadow:var(--shadow-lift);border-top:3px solid var(--rti-accent);
	opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;
}
.primary-menu li:hover > .sub-menu,
.primary-menu li:focus-within > .sub-menu{opacity:1;visibility:visible;transform:translateY(0);}
.primary-menu .sub-menu a{display:block;padding:9px 13px;border-radius:9px;font-size:14.5px;font-weight:600;}
.primary-menu .sub-menu a:hover{background:var(--surface-2);color:var(--rti-primary);}
.primary-menu .sub-menu .sub-menu{top:-8px;inset-inline-start:100%;}

/* Tools */
.navbar-tools{flex:none;display:flex;align-items:center;gap:6px;margin-inline-start:auto;}
.nav-socials{display:flex;gap:4px;padding-inline-end:6px;border-inline-end:1px solid var(--line);}
.navbar--gradient .nav-socials{border-inline-end-color:rgba(255,255,255,.22);}
.nav-social,.icon-btn{
	display:grid;place-items:center;width:36px;height:36px;border-radius:11px;font-size:17px;
	transition:transform .18s, background .18s, color .18s;
}
.nav-social:hover,.icon-btn:hover{transform:translateY(-2px);color:#fff;}
.nav-social--facebook:hover{background:#1877f2;}
.nav-social--instagram:hover{background:linear-gradient(135deg,#f9ce34,#ee2a7b 48%,#6228d7);}
.nav-social--tiktok:hover{background:#000;color:#25f4ee;}
.nav-social--youtube:hover{background:#ff0000;}
.icon-btn:hover{background:var(--rti-accent);}

.header-search{
	border-top:1px solid var(--line);padding:12px 0;
	background:var(--surface);
}
.navbar--gradient .header-search{background:rgba(0,0,0,.22);border-top-color:rgba(255,255,255,.16);}
.header-search[hidden]{display:none;}
.header-search .search-form{max-width:560px;margin-inline:auto;}

/* Mobile toggle */
.menu-toggle{display:none;align-items:center;gap:9px;padding:9px 13px;border-radius:11px;font-family:var(--font-head);font-weight:800;}
.menu-toggle-bars{display:grid;gap:4px;width:18px;}
.menu-toggle-bars i{height:2px;background:currentColor;border-radius:2px;transition:.2s;}
.menu-toggle[aria-expanded="true"] .menu-toggle-bars i:nth-child(1){transform:translateY(6px) rotate(45deg);}
.menu-toggle[aria-expanded="true"] .menu-toggle-bars i:nth-child(2){opacity:0;}
.menu-toggle[aria-expanded="true"] .menu-toggle-bars i:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

/* Search form */
.search-form{display:flex;align-items:center;border-radius:999px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line);}
.search-field{flex:1;min-width:0;border:0;background:transparent;padding:11px 18px;font-family:var(--font-body);font-size:15px;color:inherit;}
.search-field:focus{outline:none;}
.search-submit{padding:10px 16px;font-size:17px;color:var(--rti-primary);}

/* =============================================================
   Layout
   ============================================================= */
.site-content{padding:28px 0 46px;}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start;}
body.no-sidebar .layout{grid-template-columns:minmax(0,1fr);}
.layout-main{min-width:0;}

/* =============================================================
   Cards
   ============================================================= */
.card{
	background:var(--surface);border-radius:var(--radius);overflow:hidden;
	box-shadow:var(--shadow);display:flex;flex-direction:column;
	transition:transform .25s ease, box-shadow .25s ease;
}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);}
.card .thumb{display:block;overflow:hidden;background:var(--surface-2);position:relative;}
.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.card:hover .thumb img{transform:scale(1.06);}
.thumb--empty{
	display:grid;place-items:center;aspect-ratio:16/10;
	background:linear-gradient(135deg, var(--rti-violet), var(--rti-pink) 55%, var(--rti-accent));
}
.thumb--empty span{font-family:var(--font-head);font-weight:800;font-size:28px;color:rgba(255,255,255,.9);letter-spacing:.04em;}

.card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:9px;}
.card-title{font-size:18px;}
.card-title a{background-image:linear-gradient(var(--rti-accent),var(--rti-accent));background-size:0 3px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .3s;}
.card-title a:hover{background-size:100% 3px;}
.card-excerpt{color:var(--text-soft);font-size:14.5px;line-height:1.65;}

.card-cta{
	align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:4px;
	background:linear-gradient(120deg, var(--rti-primary), var(--rti-pink));color:#fff;
	border-radius:999px;padding:9px 20px;font-family:var(--font-head);font-weight:800;font-size:14.5px;
	box-shadow:0 8px 20px color-mix(in srgb, var(--rti-pink) 35%, transparent);
	transition:transform .18s, filter .18s;
}
.card-cta:hover{transform:translateX(3px);filter:brightness(1.06);color:#fff;}
.card-cta svg{width:16px;height:16px;}

/* Colourful category chips */
.cat-badge{
	align-self:flex-start;color:#fff;font-family:var(--font-head);font-weight:800;
	font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;
	padding:4px 11px;border-radius:999px;background:var(--rti-primary);
	transition:transform .16s, filter .16s;
}
.cat-badge:hover{transform:translateY(-1px);filter:brightness(1.08);color:#fff;}
.cat-badge--c1{background:linear-gradient(120deg, var(--tone1), color-mix(in srgb, var(--tone1) 55%, var(--tone5)));}
.cat-badge--c2{background:linear-gradient(120deg, var(--tone2), color-mix(in srgb, var(--tone2) 55%, var(--tone1)));}
.cat-badge--c3{background:linear-gradient(120deg, var(--tone3), color-mix(in srgb, var(--tone3) 55%, var(--tone6)));}
.cat-badge--c4{background:linear-gradient(120deg, var(--tone4), color-mix(in srgb, var(--tone4) 55%, var(--tone5)));}
.cat-badge--c5{background:linear-gradient(120deg, var(--tone5), color-mix(in srgb, var(--tone5) 55%, var(--tone2)));}
.cat-badge--c6{background:linear-gradient(120deg, var(--tone6), color-mix(in srgb, var(--tone6) 55%, var(--tone3)));}

.entry-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;color:var(--text-soft);font-size:12.5px;font-weight:500;}
.entry-meta svg{width:13px;height:13px;margin-inline-end:5px;vertical-align:-2px;}
.entry-meta a:hover{color:var(--rti-primary);}

/* =============================================================
   Lead story
   ============================================================= */
.lead-wrap{margin-bottom:30px;}
.card--lead{
	display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
	border-radius:22px;overflow:hidden;
}
.card--lead:hover{transform:none;}
.card--lead .thumb{height:100%;min-height:340px;}
.card--lead .thumb::after{
	content:"";position:absolute;inset:0;
	background:linear-gradient(120deg, color-mix(in srgb, var(--rti-violet) 35%, transparent), transparent 60%);
	mix-blend-mode:multiply;
}
.card--lead .card-body{padding:clamp(22px,3vw,38px);justify-content:center;gap:12px;}
.card--lead .card-title{font-size:clamp(26px,3.1vw,40px);line-height:1.2;}
.card--lead .card-excerpt{font-size:16px;}

/* =============================================================
   Post grid
   ============================================================= */
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);}
.post-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.post-grid .card .thumb{aspect-ratio:16/10;}
.post-grid--nine{margin-bottom:30px;}

/* Row card (used inside category blocks) */
.card--row{flex-direction:row;gap:12px;align-items:flex-start;padding:12px 0;box-shadow:none;background:transparent;border-radius:0;}
.card--row:hover{transform:none;box-shadow:none;}
.card--row .thumb{flex:none;width:96px;border-radius:10px;aspect-ratio:4/3;}
.card--row .card-body{padding:0;gap:5px;}
.card--row .card-title{font-size:15px;line-height:1.35;}

/* =============================================================
   Category blocks
   ============================================================= */
.block{margin-bottom:38px;}
.block-title{
	display:flex;align-items:center;justify-content:space-between;gap:12px;
	font-size:20px;margin-bottom:18px;
}
.block-title > span{
	position:relative;padding-inline-start:16px;
}
.block-title > span::before{
	content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);
	width:6px;height:22px;border-radius:4px;background:var(--rti-primary);
}
.block-title::after{content:"";flex:1;height:2px;border-radius:2px;background:var(--line);}
.block-more{
	font-family:var(--font-head);font-weight:800;font-size:13px;white-space:nowrap;
	background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 14px;
	color:var(--rti-primary);transition:.18s;
}
.block-more:hover{background:var(--rti-primary);color:#fff;border-color:var(--rti-primary);}

.block--tone1 .block-title > span::before{background:var(--tone1);}
.block--tone2 .block-title > span::before{background:var(--tone2);}
.block--tone3 .block-title > span::before{background:var(--tone3);}
.block--tone4 .block-title > span::before{background:var(--tone4);}
.block--tone5 .block-title > span::before{background:var(--tone5);}
.block--tone6 .block-title > span::before{background:var(--tone6);}
.block--tone1 .block-more{color:var(--tone1);}
.block--tone2 .block-more{color:var(--tone2);}
.block--tone3 .block-more{color:var(--tone3);}
.block--tone4 .block-more{color:var(--tone4);}
.block--tone5 .block-more{color:var(--tone5);}
.block--tone6 .block-more{color:var(--tone6);}

.block-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--gap);}
.card--feature .thumb{aspect-ratio:16/9;}
.block-list{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px 18px;}
.block-list .card{border-bottom:1px dashed var(--line);}
.block-list .card:last-child{border-bottom:0;}

/* Buttons */
.btn,input[type="submit"].btn,.comment-form .submit{
	display:inline-block;border:0;border-radius:999px;cursor:pointer;
	background:linear-gradient(120deg, var(--rti-primary), var(--rti-pink));color:#fff;
	padding:12px 28px;font-family:var(--font-head);font-weight:800;font-size:15px;
	box-shadow:0 10px 24px color-mix(in srgb, var(--rti-pink) 32%, transparent);
	transition:transform .18s, filter .18s;
}
.btn:hover,.comment-form .submit:hover{transform:translateY(-2px);filter:brightness(1.07);color:#fff;}
.btn--wide{display:block;text-align:center;}

/* =============================================================
   Archive head
   ============================================================= */
.page-head{
	background:linear-gradient(120deg, var(--rti-violet), var(--rti-pink) 62%, var(--rti-accent));
	color:#fff;border-radius:20px;padding:26px clamp(18px,3vw,34px);margin-bottom:28px;
	box-shadow:var(--shadow);position:relative;overflow:hidden;
}
.page-head::after{
	content:"";position:absolute;inset-block-start:-70px;inset-inline-end:-40px;
	width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.14);
}
.page-head-title{font-size:clamp(24px,3.2vw,34px);position:relative;z-index:1;}
.page-head-title em{font-style:normal;color:#ffe7a8;}
.page-head-desc{color:rgba(255,255,255,.88);font-size:14.5px;position:relative;z-index:1;}

/* =============================================================
   Single
   ============================================================= */
.entry{background:var(--surface);border-radius:20px;box-shadow:var(--shadow);padding:28px clamp(18px,3vw,40px) 34px;}
.entry-header{display:flex;flex-direction:column;gap:12px;}
.entry-title{font-size:clamp(27px,3.6vw,42px);line-height:1.2;}
.entry-standfirst{color:var(--text-soft);font-size:17px;font-weight:500;line-height:1.6;}
.entry-byline{display:flex;align-items:center;gap:12px;padding:14px 0;border-block:1px solid var(--line);margin-top:6px;}
.byline-avatar{border-radius:50%;}
.byline-author{font-family:var(--font-head);font-weight:800;font-size:15px;}
.byline-author a:hover{color:var(--rti-primary);}
.byline-meta{color:var(--text-soft);font-size:13px;display:flex;gap:8px;}

.entry-figure{margin:22px 0;}
.entry-figure img{width:100%;border-radius:14px;}
.entry-figure figcaption{color:var(--text-soft);font-size:13px;border-inline-start:3px solid var(--rti-accent);padding-inline-start:10px;margin-top:10px;}

.entry-content{font-size:17.5px;line-height:1.85;}
.entry-content > * + *{margin-top:1.15em;}
.entry-content h2{font-size:25px;margin-top:1.6em;}
.entry-content h3{font-size:21px;margin-top:1.4em;}
.entry-content a{color:var(--rti-primary);text-decoration:underline;text-underline-offset:3px;}
.entry-content ul,.entry-content ol{padding-inline-start:1.3em;}
.entry-content li::marker{color:var(--rti-accent);}
.entry-content li + li{margin-top:.4em;}
.entry-content blockquote{
	border-inline-start:5px solid var(--rti-violet);
	background:linear-gradient(120deg, color-mix(in srgb, var(--rti-violet) 9%, var(--surface-2)), var(--surface-2));
	padding:16px 20px;border-radius:0 14px 14px 0;font-weight:500;
}
.entry-content img{border-radius:14px;}
.entry-content table{width:100%;border-collapse:collapse;font-size:15px;}
.entry-content th,.entry-content td{border:1px solid var(--line);padding:9px 11px;text-align:start;}
.entry-content th{background:var(--surface-2);font-family:var(--font-head);font-weight:800;}
.entry-content code{background:var(--surface-2);padding:2px 6px;border-radius:5px;font-size:.9em;}

.entry-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:26px;padding-top:18px;border-top:1px solid var(--line);}
.entry-tags span{font-family:var(--font-head);font-weight:800;font-size:13px;}
.entry-tags a{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-size:13px;}
.entry-tags a:hover{background:var(--rti-violet);color:#fff;border-color:var(--rti-violet);}

/* Share */
.share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0;padding:14px 0;border-block:1px solid var(--line);}
.share-label{font-family:var(--font-head);font-weight:800;font-size:13px;margin-inline-end:4px;}
.share-btn{font-size:13px;font-weight:700;padding:7px 15px;border-radius:999px;color:#fff;transition:transform .15s, filter .15s;}
.share-btn:hover{transform:translateY(-2px);filter:brightness(1.08);color:#fff;}
.share-fb{background:#1877f2;}
.share-wa{background:#25d366;}
.share-tg{background:#2aabee;}
.share-x{background:#101418;}
.share-copy{background:var(--surface-2);color:var(--text);border:1px solid var(--line);}

/* Author + nav */
.author-box{
	display:flex;gap:16px;align-items:flex-start;background:var(--surface);
	border-radius:18px;box-shadow:var(--shadow);padding:22px;margin-top:26px;
	border-inline-start:5px solid var(--rti-accent);
}
.author-box img{border-radius:50%;}
.author-name{font-size:17px;}
.author-box p{color:var(--text-soft);font-size:14.5px;}

.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin:26px 0 36px;}
.post-navigation .nav-links{display:contents;}
.post-navigation a{
	display:block;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);
	padding:16px 18px;border:1px solid transparent;transition:.2s;
}
.post-navigation a:hover{border-color:var(--rti-primary);transform:translateY(-3px);}
.post-navigation .nav-next{text-align:end;}
.nav-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--rti-pink);font-weight:700;}
.nav-title{display:block;font-family:var(--font-head);font-weight:800;font-size:15.5px;line-height:1.35;margin-top:4px;}

/* Comments */
.comments-area{background:var(--surface);border-radius:20px;box-shadow:var(--shadow);padding:26px;margin-top:10px;}
.comment-list,.comment-list .children{list-style:none;padding:0;}
.comment-list .children{padding-inline-start:clamp(14px,4vw,40px);}
.comment-body{padding:16px 0;border-bottom:1px solid var(--line);}
.comment-author{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:800;font-size:15px;}
.comment-author img{border-radius:50%;}
.comment-metadata{font-size:12.5px;color:var(--text-soft);margin:4px 0 8px;}
.comment-reply-link{font-size:13px;font-weight:700;color:var(--rti-primary);}
.comment-form{display:grid;gap:12px;margin-top:20px;}
.comment-form label{font-size:13.5px;font-weight:600;display:block;margin-bottom:4px;}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{
	width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:12px;
	background:var(--surface-2);color:inherit;font-family:var(--font-body);font-size:15px;
}
.comment-form textarea{min-height:130px;resize:vertical;}
.comment-notes{color:var(--text-soft);font-size:13.5px;}

/* Empty / 404 */
.empty-state,.error-404{
	background:var(--surface);border-radius:20px;box-shadow:var(--shadow);
	padding:44px 24px;text-align:center;display:grid;gap:14px;justify-items:center;margin-bottom:30px;
}
.error-code{
	font-family:var(--font-head);font-weight:800;font-size:clamp(64px,14vw,124px);line-height:1;
	background:linear-gradient(120deg, var(--rti-violet), var(--rti-pink), var(--rti-accent));
	-webkit-background-clip:text;background-clip:text;color:transparent;
}
.empty-state .search-form,.error-404 .search-form{max-width:400px;width:100%;}

/* Pagination */
.pagination,.comments-pagination{display:flex;justify-content:center;margin:32px 0;}
.pagination .nav-links,.comments-pagination .nav-links{display:flex;flex-wrap:wrap;gap:7px;}
.pagination a,.pagination span,
.comments-pagination a,.comments-pagination span{
	display:grid;place-items:center;min-width:42px;height:42px;padding:0 13px;
	background:var(--surface);border-radius:12px;box-shadow:var(--shadow);
	font-family:var(--font-head);font-weight:800;font-size:14px;
}
.pagination .current,.comments-pagination .current{
	background:linear-gradient(120deg, var(--rti-primary), var(--rti-pink));color:#fff;
}
.pagination a:hover{background:var(--rti-violet);color:#fff;}

/* =============================================================
   Sidebar — adverts, helpline, video
   ============================================================= */
.layout-side{display:grid;gap:22px;align-content:start;}

.panel{background:var(--surface);border-radius:18px;box-shadow:var(--shadow);padding:20px;position:relative;overflow:hidden;}
.panel-title{font-size:16px;margin-bottom:14px;display:flex;align-items:center;gap:10px;}
.panel-title > span{position:relative;padding-inline-start:15px;}
.panel-title > span::before{
	content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);
	width:5px;height:19px;border-radius:3px;
	background:linear-gradient(var(--rti-accent), var(--rti-pink));
}
.panel-title::after{content:"";flex:1;height:1px;background:var(--line);}

/* Advert slots */
.ad-slot{background:var(--surface);border-radius:18px;box-shadow:var(--shadow);padding:14px;display:grid;gap:9px;justify-items:center;}
.ad-flag{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--text-soft);}
.ad-media{width:100%;border-radius:12px;overflow:hidden;line-height:0;}
.ad-media img{width:100%;height:auto;transition:transform .5s ease;}
.ad-media:hover img{transform:scale(1.03);}
.ad-media--code{line-height:normal;text-align:center;}

.ad-slot--empty{background:transparent;box-shadow:none;padding:0;gap:6px;}
.ad-slot--empty .ad-flag{justify-self:start;}
.ad-placeholder{
	display:grid;gap:5px;justify-items:center;align-content:center;width:100%;
	min-height:196px;padding:24px 16px;border-radius:18px;text-align:center;
	border:2px dashed color-mix(in srgb, var(--rti-violet) 38%, var(--line));
	background:repeating-linear-gradient(135deg,
		transparent 0 12px,
		color-mix(in srgb, var(--rti-violet) 6%, transparent) 12px 24px);
	color:var(--text-soft);transition:border-color .2s;
}
.ad-placeholder:hover{border-color:var(--rti-violet);}
.ad-placeholder .icon{color:var(--rti-accent);}
.ad-placeholder-title{font-family:var(--font-head);font-weight:800;font-size:16px;color:var(--text);}
.ad-placeholder-size{font-size:12px;}
.ad-placeholder-cta{
	margin-top:8px;font-family:var(--font-head);font-weight:800;font-size:13px;color:#fff;
	background:linear-gradient(120deg, var(--rti-violet), var(--rti-pink));border-radius:999px;padding:6px 17px;
}
.ad-note{font-size:11px;color:var(--text-soft);text-align:center;line-height:1.5;}
.side-sticky{position:sticky;top:calc(var(--bar) + 16px);}

/* Helpline */
.panel--help{
	background:linear-gradient(150deg, var(--rti-teal), color-mix(in srgb, var(--rti-teal) 45%, var(--rti-violet)));
	color:#fff;padding:22px;
}
.panel--help::after{
	content:"";position:absolute;inset-block-start:-60px;inset-inline-end:-50px;
	width:180px;height:180px;border-radius:50%;
	background:radial-gradient(circle, rgba(255,255,255,.2), transparent 68%);pointer-events:none;
}
.help-head{display:flex;gap:12px;align-items:flex-start;position:relative;z-index:1;}
.help-head .icon{flex:none;color:var(--rti-accent);margin-top:2px;}
.help-title{font-size:19px;color:#fff;}
.help-text{font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.88);margin-top:2px;}
.help-actions{display:grid;gap:10px;margin-top:16px;position:relative;z-index:1;}
.help-btn{
	display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.14);
	border:1px solid rgba(255,255,255,.24);border-radius:14px;padding:12px 15px;
	transition:background .18s, transform .18s;
}
.help-btn:hover{background:rgba(255,255,255,.26);transform:translateX(3px);color:#fff;}
.help-btn .icon{flex:none;}
.help-btn em{display:block;font-style:normal;font-size:11px;letter-spacing:.13em;text-transform:uppercase;opacity:.85;}
.help-btn strong{display:block;font-family:var(--font-head);font-weight:800;font-size:17.5px;}
.help-btn--wa{background:rgba(37,211,102,.25);border-color:rgba(37,211,102,.5);}
.help-btn--wa:hover{background:rgba(37,211,102,.4);}
.help-hours{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:12.5px;color:rgba(255,255,255,.82);position:relative;z-index:1;}

/* Video */
.video-lite{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#000;cursor:pointer;}
.video-poster{width:100%;height:100%;object-fit:cover;transition:transform .5s ease, opacity .3s;}
.video-lite:hover .video-poster{transform:scale(1.05);opacity:.85;}
.video-play{
	position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;
	display:grid;place-items:center;color:#fff;
	background:linear-gradient(140deg, var(--rti-primary), var(--rti-pink));
	box-shadow:0 10px 28px rgba(0,0,0,.45);transition:transform .2s;
}
.video-play::before{
	content:"";position:absolute;inset:-9px;border-radius:50%;
	border:2px solid rgba(255,255,255,.5);animation:rti-pulse 2.4s ease-out infinite;
}
@keyframes rti-pulse{0%{transform:scale(.85);opacity:.9;}100%{transform:scale(1.28);opacity:0;}}
.video-lite:hover .video-play{transform:scale(1.08);}
.video-lite iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.video-caption{font-size:13.5px;color:var(--text-soft);margin-top:10px;line-height:1.55;}
.video-sub{
	display:inline-flex;align-items:center;gap:8px;margin-top:12px;background:#ff0000;color:#fff;
	border-radius:999px;padding:8px 16px;font-family:var(--font-head);font-weight:800;font-size:13px;
	transition:filter .18s, transform .18s;
}
.video-sub:hover{filter:brightness(1.08);transform:translateY(-2px);color:#fff;}

/* =============================================================
   Footer — supporter logos and socials
   ============================================================= */
.site-footer{
	position:relative;margin-top:26px;color:#cdc7e4;
	background:linear-gradient(150deg, var(--rti-ink), color-mix(in srgb, var(--rti-violet) 40%, var(--rti-ink)));
}
.site-footer::before{
	content:"";position:absolute;top:0;left:0;right:0;height:5px;
	background:linear-gradient(90deg, var(--rti-primary), var(--rti-pink) 25%, var(--rti-violet) 50%, var(--rti-teal) 75%, var(--rti-accent));
}
.footer-mission{padding:30px 0 6px;}
.footer-mission p{max-width:80ch;margin-inline:auto;text-align:center;font-size:14.5px;line-height:1.8;}

.partners{padding:34px 0 30px;}
.partners-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.partner-row + .partner-row{border-inline-start:1px solid rgba(255,255,255,.12);padding-inline-start:30px;}
.partner-heading{
	font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--rti-accent);
	margin-bottom:16px;display:flex;align-items:center;gap:10px;
}
.partner-heading::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.14);}
.partner-logos{display:flex;flex-wrap:wrap;align-items:center;gap:20px;list-style:none;padding:0;}
.partner-logo img{
	max-height:46px;width:auto;max-width:150px;object-fit:contain;
	filter:grayscale(1) brightness(1.9) contrast(.85);opacity:.75;
	transition:filter .25s, opacity .25s, transform .25s;
}
.partner-logo a:hover img{filter:none;opacity:1;transform:translateY(-3px);}
.partner-name{
	font-family:var(--font-head);font-weight:800;font-size:15px;color:#efeaff;
	border:1px solid rgba(255,255,255,.2);border-radius:11px;padding:9px 15px;display:inline-block;
	transition:.2s;
}
.partner-logo a:hover .partner-name{border-color:var(--rti-accent);color:var(--rti-accent);}

.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:13.5px;}
.footer-bottom-inner{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;}
.footer-brand-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.footer-brand-line .custom-logo{max-height:40px;width:auto;}
.footer-brand{font-family:var(--font-head);font-weight:800;font-size:19px;color:#fff;}
.footer-tagline{font-size:12.5px;color:var(--rti-accent);font-weight:600;}

.footer-socials{display:flex;gap:10px;}
.footer-social{
	display:grid;place-items:center;width:40px;height:40px;border-radius:12px;
	border:1px solid rgba(255,255,255,.18);transition:transform .18s, background .18s, border-color .18s;
}
.footer-social:hover{transform:translateY(-3px);color:#fff;}
.footer-social--facebook:hover{background:#1877f2;border-color:#1877f2;}
.footer-social--instagram:hover{background:linear-gradient(135deg,#f9ce34,#ee2a7b 48%,#6228d7);border-color:transparent;}
.footer-social--tiktok:hover{background:#000;border-color:#25f4ee;color:#25f4ee;}
.footer-social--youtube:hover{background:#ff0000;border-color:#ff0000;}

.footer-menu{display:flex;flex-wrap:wrap;gap:16px;list-style:none;padding:0;}
.footer-menu a:hover,.footer-copy a:hover{color:var(--rti-accent);}

.to-top{
	position:fixed;inset-inline-end:18px;bottom:18px;width:46px;height:46px;border-radius:50%;
	background:linear-gradient(140deg, var(--rti-primary), var(--rti-pink));color:#fff;
	display:grid;place-items:center;font-size:18px;box-shadow:0 8px 22px rgba(0,0,0,.3);
	opacity:0;visibility:hidden;transform:translateY(10px);transition:.22s;z-index:150;
}
.to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0);}
.to-top:hover{filter:brightness(1.08);}

/* =============================================================
   Responsive
   ============================================================= */
@media (max-width:1180px){
	.primary-menu > li > a{padding:10px 11px;font-size:14.5px;}
	.nav-socials{display:none;}
}

@media (max-width:1080px){
	.layout{grid-template-columns:minmax(0,1fr) 300px;gap:26px;}
	.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
	.partners-inner{grid-template-columns:1fr;gap:24px;}
	.partner-row + .partner-row{border-inline-start:0;padding-inline-start:0;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;}
}

@media (max-width:900px){
	:root{--bar:62px;}
	.layout{grid-template-columns:minmax(0,1fr);}
	.menu-toggle{display:flex;}
	.card--lead{grid-template-columns:minmax(0,1fr);}
	.card--lead .thumb{min-height:0;aspect-ratio:16/9;}

	.navbar{position:relative;}
	.primary-nav{
		position:absolute;left:0;right:0;top:100%;z-index:210;
		background:var(--rti-ink);max-height:0;overflow:hidden;transition:max-height .28s ease;
		display:block;
	}
	.primary-nav.is-open{max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lift);}
	.primary-menu{flex-direction:column;gap:0;padding:8px;}
	.primary-menu > li{width:100%;border-bottom:1px solid rgba(255,255,255,.1);}
	.primary-menu > li > a{color:#fff;border-radius:10px;}
	.primary-menu .sub-menu{
		position:static;opacity:1;visibility:visible;transform:none;display:none;
		background:rgba(255,255,255,.07);box-shadow:none;border-top:0;color:#fff;padding:4px;
	}
	.primary-menu li.is-expanded > .sub-menu{display:block;}
	.primary-menu .sub-menu a{color:#fff;}
	.primary-menu .sub-menu a:hover{background:rgba(255,255,255,.12);color:#fff;}
	.menu-caret{position:absolute;top:2px;inset-inline-end:2px;width:44px;height:44px;display:grid;place-items:center;color:#fff;}
	.menu-caret svg{transition:transform .2s;}
	li.is-expanded > .menu-caret svg{transform:rotate(180deg);}
	.layout-side{grid-template-columns:1fr 1fr;}
	.panel--help,.ad-slot--empty{grid-column:1 / -1;}
	.side-sticky{position:static;}
}

@media (max-width:700px){
	.post-grid,.post-grid--3,.block-grid{grid-template-columns:minmax(0,1fr);}
	.post-navigation{grid-template-columns:1fr;}
	.layout-side{grid-template-columns:1fr;}
	.site-title-text{font-size:17px;}
	.footer-bottom-inner{justify-content:center;text-align:center;}
	.entry-content{font-size:16.5px;}
}

@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
	html{scroll-behavior:auto;}
}

@media print{
	.site-header,.share,.layout-side,.site-footer,.to-top,.post-navigation{display:none!important;}
	.entry{box-shadow:none;padding:0;}
	body{background:#fff;}
}

/* Sticky bar compresses slightly after scroll */
.site-header.is-scrolled .navbar-inner{min-height:calc(var(--bar) - 10px);}
.site-header.is-scrolled .navbar{box-shadow:0 6px 26px rgba(24,20,40,.16);}
.site-header.is-scrolled .site-branding .custom-logo{max-height:40px;}
.site-header.is-scrolled .header-ribbon{height:3px;}