/* ==========================================================
   TechCriterion News — базовые стили
   Только классы, без inline style. CSS-переменные для тем.
   ========================================================== */

:root{
	--tc-bg:#ffffff;
	--tc-surface:#f7f7f5;
	--tc-border:#e2e2e0;
	--tc-border-strong:#111111;
	--tc-text:#111111;
	--tc-text-secondary:#4a4a4a;
	--tc-text-muted:#8a8a8a;

	--tc-c-news:#791f1f;
	--tc-c-ukraine:#0c447c;
	--tc-c-tech:#04342c;
	--tc-c-science:#26215c;
	--tc-c-startups:#4a1b0c;
	--tc-c-guides:#633806;
	--tc-c-guides-bg:#faeeda;

	--tc-font-mast:"Playfair Display", Georgia, serif;
	--tc-font-headline:"Playfair Display", Georgia, serif;
	--tc-font-body:Georgia, "Times New Roman", serif;
	--tc-font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

	--tc-radius:0px;
	--tc-container:1180px;
}

*{box-sizing:border-box;}

body.tc-body{
	margin:0;
	font-family:var(--tc-font-ui);
	color:var(--tc-text);
	background:var(--tc-bg);
	font-display:swap;
	overflow-x:hidden;
	max-width:100vw;
}
html{overflow-x:hidden;max-width:100vw;}

img{max-width:100%;height:auto;display:block;}

/* Глобальний скидання кольору посилань — інакше браузер підставляє
   стандартний синій/фіолетовий (:visited), що "випадає" з дизайну теми.
   Специфіка кольору задається вже в конкретних компонентах нижче. */
a{color:inherit;text-decoration:none;}
a:visited{color:inherit;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

.tc-container{max-width:var(--tc-container);margin:0 auto;padding:0 20px;}

/* ---------- Header / masthead ---------- */
.tc-utility-bar{
	display:flex;justify-content:space-between;align-items:center;
	padding:6px 20px;font-size:11px;color:var(--tc-text-muted);
	border-bottom:2px solid var(--tc-border-strong);
}
.tc-follow-list{list-style:none;display:flex;gap:8px;padding:0;margin:0;}
.tc-follow-list a{
	display:flex;align-items:center;justify-content:center;
	width:22px;height:22px;border-radius:50%;
	color:var(--tc-text-muted);
	transition:color .15s ease;
}
.tc-follow-list a svg{width:13px;height:13px;}
.tc-follow-list a:hover{color:var(--tc-text);}
@media (pointer:coarse){
	/* Целимся в честные ~40px области нажатия на тач-устройствах, не меняя визуальный размер иконок на десктопе */
	.tc-follow-list a{width:36px;height:36px;}
	.tc-share-block--compact .tc-share-block__icons a,
	.tc-share-block--compact .tc-share-block__copy{width:34px;height:34px;}
}
.tc-masthead{text-align:center;padding:20px 12px 8px;overflow:hidden;}
.tc-masthead__row{text-align:center;width:100%;}
.tc-masthead__name{
	display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	font-family:var(--tc-font-mast);font-weight:900;font-size:clamp(14px,6vw,42px);line-height:1.1;
	color:var(--tc-text);text-decoration:none;letter-spacing:-0.5px;
}
.tc-masthead__tagline{font-size:11px;color:var(--tc-text-secondary);letter-spacing:1.5px;margin-top:6px;}

.tc-rule{border:0;border-top:2px solid var(--tc-border-strong);height:0;margin:0;}

@media (max-width:600px){
	.tc-utility-bar{padding:8px 16px;}
	.tc-utility-bar > span{font-size:11px;}
	.tc-masthead{padding:16px 12px 6px;}
	.tc-masthead__tagline{font-size:10px;letter-spacing:0.8px;padding:0 8px;}
}

.tc-nav{border-bottom:0.5px solid var(--tc-border-strong);}
.tc-nav__list{
	list-style:none;margin:0;padding:9px 0;
	display:flex;justify-content:center;gap:0;flex-wrap:wrap;
}
.tc-nav__item{padding:0 14px;border-right:0.5px solid var(--tc-border);font-size:12px;white-space:nowrap;}
.tc-nav__item:last-child{border-right:0;}
.tc-nav__link{color:var(--tc-text);text-decoration:none;}
.tc-nav__item.is-current .tc-nav__link{font-weight:700;}

@media (max-width:600px){
	/* На телефоне рубрики не переносятся в несколько строк (это съедает экран),
	   а идут в одну строку с горизонтальным скроллом — привычный паттерн для новостных сайтов. */
	.tc-nav__list{
		flex-wrap:nowrap;justify-content:flex-start;
		overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
		padding:9px 16px;
	}
	.tc-nav__list::-webkit-scrollbar{display:none;}
	.tc-nav__item{padding:0 10px;font-size:12px;}
}

/* ---------- Kicker (category label) ---------- */
.tc-kicker{
	display:inline-block;font-size:11px;font-weight:600;letter-spacing:0.5px;
	text-decoration:none;
}
.tc-kicker--news{color:var(--tc-c-news);}
.tc-kicker--ukraine{color:var(--tc-c-ukraine);}
.tc-kicker--tech{color:var(--tc-c-tech);}
.tc-kicker--science{color:var(--tc-c-science);}
.tc-kicker--startups{color:var(--tc-c-startups);}
.tc-kicker--guides{color:var(--tc-c-guides);}

/* ---------- Homepage hero ---------- */
.tc-hero{
	display:grid;grid-template-columns:1.7fr 1fr;gap:28px;
	padding:24px 0;border-top:0.5px solid var(--tc-border);
}
.tc-hero__main{display:flex;flex-direction:column;gap:24px;}
.tc-hero__item--secondary{
	display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:start;
	border-top:0.5px solid var(--tc-border);padding-top:24px;
}
.tc-hero__item--secondary .tc-hero__figure{aspect-ratio:16/9;}
.tc-hero__item--secondary .tc-kicker,
.tc-hero__item--secondary .tc-hero__title,
.tc-hero__item--secondary .tc-hero__dek,
.tc-hero__item--secondary .tc-byline{grid-column:2;}
.tc-hero__item--secondary .tc-hero__figure{grid-column:1;grid-row:1 / span 4;}
.tc-hero__title--secondary{font-size:clamp(17px,2.6vw,20px);margin-top:0;}
@media (max-width:600px){
	.tc-hero__item--secondary{grid-template-columns:110px 1fr;gap:12px;padding-top:18px;}
}
.tc-hero__figure{margin:0;background:var(--tc-surface);aspect-ratio:16/9;}
.tc-hero__title{font-family:var(--tc-font-headline);font-weight:700;font-size:clamp(22px,4.5vw,30px);line-height:1.18;margin:12px 0 0;}
.tc-hero__dek{font-family:var(--tc-font-headline);font-style:italic;font-size:15px;color:var(--tc-text-secondary);margin-top:10px;}
.tc-byline{font-size:11px;color:var(--tc-text-muted);letter-spacing:0.3px;margin-top:10px;}

.tc-side-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;}
.tc-side-list li{border-top:0.5px solid var(--tc-border);padding-top:14px;}
.tc-side-list li:first-child{border-top:0;padding-top:0;}
.tc-side-title{font-family:var(--tc-font-headline);font-weight:500;font-size:16px;line-height:1.3;margin-top:4px;}

/* ---------- Card grid (archive / category rows) ---------- */
.tc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--tc-border-strong);padding-top:16px;}
.tc-grid__col{padding:0 16px;border-right:0.5px solid var(--tc-border);}
.tc-grid__col:first-child{padding-left:0;}
.tc-grid__col:last-child{border-right:0;padding-right:0;}
.tc-grid__heading{font-size:12px;font-weight:600;letter-spacing:0.4px;margin:0 0 10px;}
.tc-card-mini{border-bottom:0.5px solid var(--tc-border);padding-bottom:10px;margin-bottom:10px;font-size:13px;line-height:1.4;}
.tc-card-mini:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0;}
.tc-card-mini a{color:var(--tc-text);text-decoration:none;}

.tc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:24px 0;}
.tc-card{margin:0;}
.tc-card__figure{margin:0;background:var(--tc-surface);aspect-ratio:16/9;}
.tc-card__title{font-family:var(--tc-font-headline);font-size:17px;line-height:1.3;margin:10px 0 0;}
.tc-card__title a{color:var(--tc-text);text-decoration:none;}

/* ---------- Guides promo strip ---------- */
.tc-guides-strip{
	display:flex;align-items:center;justify-content:space-between;
	background:var(--tc-c-guides-bg);padding:14px 16px;margin:20px 0;text-decoration:none;
}
.tc-guides-strip__kicker{font-size:11px;color:var(--tc-c-guides);font-weight:600;letter-spacing:0.5px;}
.tc-guides-strip__title{font-family:var(--tc-font-headline);font-size:15px;color:#412402;margin-top:4px;}

/* ---------- Single article ---------- */
.tc-article{max-width:760px;margin:0 auto;padding:30px 20px 60px;}
.tc-article__title{font-family:var(--tc-font-headline);font-size:clamp(24px,5.5vw,34px);line-height:1.18;margin:12px 0;}
.tc-article__dek{font-family:var(--tc-font-headline);font-style:italic;font-size:18px;color:var(--tc-text-secondary);margin-bottom:16px;}
.tc-article__meta{font-size:12px;color:var(--tc-text-muted);border-top:0.5px solid var(--tc-border);border-bottom:0.5px solid var(--tc-border);padding:10px 0;margin-bottom:20px;}
.tc-article__figure{margin:0 0 24px;aspect-ratio:16/9;background:var(--tc-surface);}
.tc-article__figure figcaption{font-size:12px;color:var(--tc-text-muted);margin-top:6px;}
.tc-article__body{font-family:var(--tc-font-body);font-size:18px;line-height:1.7;word-spacing:normal;}
.tc-article__body p{margin:0 0 20px;}
.tc-article__body a{color:var(--tc-c-ukraine);text-decoration:underline;text-underline-offset:2px;}
.tc-article__body a:hover{color:var(--tc-text);}
.tc-article__body h2,
.tc-article__body h3,
.tc-article__body h4{
	font-family:var(--tc-font-headline);font-weight:700;color:var(--tc-text);
	word-spacing:normal;letter-spacing:normal;text-align:left;
}
.tc-article__body h2{font-size:26px;line-height:1.25;margin:36px 0 16px;padding-top:24px;border-top:0.5px solid var(--tc-border);}
.tc-article__body h3{font-size:21px;line-height:1.3;margin:28px 0 12px;}
.tc-article__body h4{font-size:18px;line-height:1.4;margin:22px 0 10px;}
.tc-article__body h2:first-child,
.tc-article__body h3:first-child{margin-top:0;padding-top:0;border-top:0;}
.tc-article__body ul,
.tc-article__body ol{margin:0 0 20px;padding-left:22px;}
.tc-article__body li{margin-bottom:8px;}
.tc-article__body blockquote{
	margin:24px 0;padding:4px 0 4px 20px;border-left:3px solid var(--tc-border-strong);
	font-style:italic;color:var(--tc-text-secondary);
}

@media (max-width:600px){
	.tc-article__body h2{font-size:22px;margin:28px 0 12px;padding-top:20px;}
	.tc-article__body h3{font-size:19px;margin:24px 0 10px;}
}
.tc-article__meta a{color:var(--tc-text);font-weight:600;}
.tc-article__meta a:hover{text-decoration:underline;}
.tc-article__tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:30px 0 0;}
.tc-article__tags a{font-size:12px;border:0.5px solid var(--tc-border-strong);padding:4px 10px;text-decoration:none;color:var(--tc-text);}

/* ---------- Footer ----------
   ВАЖЛИВО: раніше тут був .tc-footer{padding:24px 0} — це шорткод
   обнуляв ЛІВЕ/ПРАВЕ поле (0) поверх padding:0 20px від .tc-container,
   через що подвал розтягувався на всю ширину без бічних відступів.
   Задаємо тепер тільки вертикальні відступи окремими властивостями,
   щоб не чіпати горизонтальний padding контейнера. */
.tc-footer{
	border-top:2px solid var(--tc-border-strong);
	margin-top:40px;
	padding-top:32px;
	padding-bottom:0;
	font-size:13px;color:var(--tc-text-secondary);
}

.tc-footer__top{
	display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;
	padding-bottom:28px;
}
.tc-footer__brand{display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
.tc-footer__logo{
	font-family:var(--tc-font-mast);font-weight:900;font-size:20px;
	color:var(--tc-text);letter-spacing:-0.3px;
}
.tc-footer__tagline{font-size:12px;color:var(--tc-text-muted);margin:0;max-width:36ch;}

.tc-follow-list--footer{margin-top:2px;}
.tc-follow-list--footer a{
	width:30px;height:30px;border:1px solid var(--tc-border);
	color:var(--tc-text-secondary);
}
.tc-follow-list--footer a:hover{color:var(--tc-bg);background:var(--tc-text);border-color:var(--tc-text);}

a.tc-follow-google-news{
	display:inline-flex;align-items:center;gap:8px;
	border:1px solid var(--tc-text);border-radius:999px;
	padding:8px 16px 8px 12px;margin-top:4px;
	font-size:12px;font-weight:600;letter-spacing:0.2px;
	color:var(--tc-bg);text-decoration:none;background:var(--tc-text);
	transition:background-color .15s ease, color .15s ease;
}
.tc-follow-google-news svg{width:16px;height:16px;}
a.tc-follow-google-news:hover{background:var(--tc-bg);color:var(--tc-text);}

.tc-footer__heading{
	font-size:11px;font-weight:700;letter-spacing:0.6px;text-transform:uppercase;
	color:var(--tc-text);margin:0 0 14px;
}
.tc-footer__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.tc-footer__list a{color:var(--tc-text-secondary);text-decoration:none;font-size:13px;}
.tc-footer__list a:hover{color:var(--tc-text);text-decoration:underline;}

.tc-footer__bottom{
	display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;
	border-top:0.5px solid var(--tc-border);
	padding:16px 0;font-size:11px;color:var(--tc-text-muted);
}
.tc-footer__copy,.tc-footer__credit{margin:0;}
.tc-footer__credit a{color:var(--tc-text-muted);text-decoration:underline;text-underline-offset:2px;}
.tc-footer__credit a:hover{color:var(--tc-text);}

@media (max-width:820px){
	.tc-footer__top{grid-template-columns:1fr 1fr;}
	.tc-footer__brand{grid-column:1 / -1;}
}
@media (max-width:480px){
	.tc-footer__top{grid-template-columns:1fr;gap:24px;}
	.tc-footer__bottom{flex-direction:column;}
}

/* ---------- Layout min-height to reduce CLS on dynamic blocks ---------- */
.tc-cards, .tc-grid{min-height:200px;}

@media (max-width:820px){
	.tc-hero{grid-template-columns:1fr;}
	.tc-grid{grid-template-columns:1fr 1fr;}
	.tc-cards{grid-template-columns:1fr;}
	.tc-nav__list{gap:0;font-size:11px;}
}

@media (max-width:480px){
	/* На совсем узких телефонах 2 колонки рубрик становятся тесными — в 1 колонку */
	.tc-grid{grid-template-columns:1fr;gap:20px;}
	.tc-grid__col{padding:0 0 16px;border-right:0;border-bottom:0.5px solid var(--tc-border);}
	.tc-grid__col:last-child{padding-bottom:0;border-bottom:0;}
}

/* ---------- Author page ---------- */
.tc-author__header{text-align:center;padding:30px 0;border-bottom:0.5px solid var(--tc-border);margin-bottom:20px;}
.tc-author__header img{border-radius:50%;margin:0 auto 12px;}
.tc-author__role{font-size:13px;color:var(--tc-text-secondary);}
.tc-author__bio{max-width:560px;margin:12px auto 0;font-size:14px;color:var(--tc-text-secondary);line-height:1.6;}
.tc-author__links{list-style:none;display:flex;gap:14px;justify-content:center;padding:0;margin:14px 0 0;font-size:12px;}
.tc-author__portfolio-title{font-size:14px;font-weight:600;margin:20px 0 0;}

/* ---------- Editorial team ---------- */
/* ---------- Editorial page ("Редакція") ---------- */
.tc-editorial__header{
	max-width:760px;margin:0 auto;padding:30px 20px 0;text-align:center;
}
.tc-editorial__title{
	font-family:var(--tc-font-headline);font-weight:700;
	font-size:clamp(28px,5.5vw,40px);line-height:1.15;margin:10px 0 0;
}
.tc-editorial__lede{
	font-family:var(--tc-font-headline);font-style:italic;
	font-size:17px;color:var(--tc-text-secondary);margin:14px auto 0;max-width:56ch;
}
.tc-editorial__body{padding-top:24px;padding-bottom:0;}
.tc-editorial__team{max-width:1000px;margin:56px auto 60px;padding:0 20px;border-top:2px solid var(--tc-border-strong);}
.tc-editorial__team-heading{
	font-family:var(--tc-font-headline);font-size:26px;font-weight:700;
	margin:28px 0 4px;text-align:center;
}
.tc-editorial__team-sub{
	font-size:13px;color:var(--tc-text-muted);text-align:center;margin:0 0 32px;
}

.tc-team{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0;margin:0;}
.tc-team__item{
	text-align:center;font-size:13px;border:0.5px solid var(--tc-border);
	padding:28px 18px;background:var(--tc-surface);
}
.tc-team__link{display:inline-flex;flex-direction:column;align-items:center;gap:12px;color:var(--tc-text);text-decoration:none;}
.tc-team__avatar{border-radius:50%;display:block;}
.tc-team__name{font-family:var(--tc-font-headline);font-size:17px;font-weight:700;}
.tc-team__link:hover .tc-team__name{text-decoration:underline;}
.tc-team__role{display:block;color:var(--tc-c-news);font-size:11px;font-weight:600;letter-spacing:0.3px;text-transform:uppercase;margin-top:6px;}
.tc-team__bio{color:var(--tc-text-secondary);font-size:13px;line-height:1.5;margin:14px 0 0;}
.tc-team__more{
	display:inline-block;margin-top:14px;font-size:12px;font-weight:600;
	color:var(--tc-text);text-decoration:none;border-bottom:1px solid var(--tc-text);
}
.tc-team__more:hover{color:var(--tc-text-secondary);border-color:var(--tc-text-secondary);}

@media (max-width:820px){
	.tc-team{grid-template-columns:repeat(2,1fr);gap:16px;}
}
@media (max-width:560px){
	.tc-team{grid-template-columns:1fr;}
	.tc-editorial__title{font-size:26px;}
}

/* ---------- Author box under article ---------- */
.tc-author-box{display:flex;gap:12px;align-items:flex-start;border-top:0.5px solid var(--tc-border);padding-top:20px;margin-top:30px;}
.tc-author-box img{border-radius:50%;flex-shrink:0;}
.tc-author-box__name{font-weight:600;font-size:14px;color:var(--tc-text);text-decoration:none;}
.tc-author-box__bio{font-size:13px;color:var(--tc-text-secondary);margin:4px 0 0;line-height:1.5;}

/* ==========================================================
   Двухколоночный layout: статья/архив + сайдбар
   ========================================================== */
.tc-layout{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start;padding-top:30px;padding-bottom:60px;}
.tc-layout .tc-article,
.tc-layout .tc-archive{padding:0;max-width:none;}
@media (max-width:960px){
	.tc-layout{grid-template-columns:1fr;}
}

/* ---------- Sidebar ---------- */
.tc-sidebar{position:sticky;top:20px;display:flex;flex-direction:column;gap:28px;}
.tc-widget{border-top:2px solid var(--tc-border-strong);padding-top:14px;}
.tc-widget__title{font-size:13px;font-weight:600;letter-spacing:0.3px;margin:0 0 12px;}
.tc-sidebar-list{list-style:decimal;padding-left:18px;margin:0;display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.4;}
.tc-sidebar-list a{color:var(--tc-text);text-decoration:none;}
.tc-sidebar-list a:hover{text-decoration:underline;}

/* Захист: якщо в цю область через Зовнішній вигляд → Віджети додадуть
   стандартний віджет WP (напр. "Останні записи"), він все одно вийде
   у контейнер .tc-widget (див. register_sidebar) — підганяємо його
   посилання/списки під стиль теми, а не дефолт браузера/WP. */
.tc-sidebar .tc-widget a{color:var(--tc-text);text-decoration:none;}
.tc-sidebar .tc-widget a:hover{text-decoration:underline;}
.tc-sidebar .tc-widget ul{list-style:none;margin:0;padding:0;}
.tc-sidebar .tc-widget li{font-size:13px;line-height:1.4;border-top:0.5px solid var(--tc-border);padding-top:10px;margin-top:10px;}
.tc-sidebar .tc-widget li:first-child{border-top:0;margin-top:0;padding-top:0;}

/* ---------- Іконки (базові налаштування для inline SVG у кнопках) ----------
   Усі іконки — прості monoline (stroke, без заливки), самі задають
   fill/stroke атрибутами в розмітці, тут лише розмір за замовчуванням. */
svg{width:18px;height:18px;display:block;}
.tc-icon-copy,.tc-icon-check{display:flex;}

/* ---------- Share block (поділитися) — контейнер, справжні іконки мереж ---------- */
.tc-share-block{
	display:flex;align-items:center;gap:12px;flex-wrap:wrap;
	border:1px solid var(--tc-border-strong);padding:14px 16px;
}
.tc-share-block__label{font-size:12px;font-weight:600;letter-spacing:0.3px;color:var(--tc-text);white-space:nowrap;}
.tc-share-block__icons{list-style:none;display:flex;gap:8px;padding:0;margin:0;}
.tc-share-block__icons a,
.tc-share-block__copy{
	display:flex;align-items:center;justify-content:center;
	width:34px;height:34px;border-radius:50%;
	border:1px solid var(--tc-border-strong);background:var(--tc-bg);
	color:var(--tc-text);cursor:pointer;
	transition:background-color .15s ease, color .15s ease, border-color .15s ease, transform .1s ease;
}
.tc-share-block__icons a:hover,
.tc-share-block__copy:hover{background:var(--tc-text);color:var(--tc-bg);transform:translateY(-1px);}
.tc-share-block__icons a[data-network="telegram"]:hover{background:#229ED9;border-color:#229ED9;color:#fff;}
.tc-share-block__icons a[data-network="facebook"]:hover{background:#1877F2;border-color:#1877F2;color:#fff;}
.tc-share-block__icons a[data-network="whatsapp"]:hover{background:#25D366;border-color:#25D366;color:#fff;}
.tc-share-block__icons a[data-network="x"]:hover{background:#000;border-color:#000;color:#fff;}
.tc-share-block__icons a[data-network="linkedin"]:hover{background:#0A66C2;border-color:#0A66C2;color:#fff;}
.tc-share-block__copy .tc-icon-check{display:none;}
.tc-share-block__copy.is-copied{background:var(--tc-c-tech);color:var(--tc-bg);border-color:var(--tc-c-tech);}
.tc-share-block__copy.is-copied .tc-icon-copy{display:none;}
.tc-share-block__copy.is-copied .tc-icon-check{display:flex;}

/* компактний варіант — для тонкої утиліті-панелі шапки сайту */
.tc-share-block--compact{border:0;padding:0;gap:6px;}
.tc-share-block--compact .tc-share-block__icons a,
.tc-share-block--compact .tc-share-block__copy{width:26px;height:26px;}
.tc-share-block--compact .tc-share-block__icons a svg,
.tc-share-block--compact .tc-share-block__copy svg{width:14px;height:14px;}

/* ---------- Google News follow block (повна ширина на ПК, стек на мобілці) ---------- */
.tc-gnews-block{
	display:flex;align-items:center;justify-content:space-between;gap:20px;
	width:100%;margin:24px 0;padding:20px 24px;
	background:var(--tc-bg);
	border:0.5px solid var(--tc-border);border-top:2px solid var(--tc-border-strong);
}
.tc-gnews-block__tagline{
	font-family:var(--tc-font-headline);font-style:italic;
	font-size:13px;color:var(--tc-text-muted);margin:0 0 4px;
}
.tc-gnews-block__cta{
	font-family:var(--tc-font-headline);font-weight:700;
	font-size:17px;line-height:1.3;color:var(--tc-text);margin:0;
}
.tc-gnews-block .tc-follow-google-news{
	flex-shrink:0;margin-top:0;padding:11px 24px 11px 16px;font-size:13px;
}
@media (max-width:600px){
	.tc-gnews-block{flex-direction:column;align-items:flex-start;padding:18px 20px;}
	.tc-gnews-block .tc-follow-google-news{align-self:stretch;justify-content:center;margin-top:14px;}
}

/* ---------- Related posts ---------- */
.tc-related{border-top:2px solid var(--tc-border-strong);margin-top:40px;padding-top:20px;}
.tc-related__title{font-size:14px;font-weight:600;letter-spacing:0.3px;margin:0 0 16px;}
.tc-cards--related{padding:0;}

/* ---------- Card hover polish ---------- */
.tc-card__figure{overflow:hidden;}
.tc-card__figure img{transition:transform .3s ease;}
.tc-card:hover .tc-card__figure img{transform:scale(1.03);}
.tc-card__title a:hover,
.tc-side-title a:hover,
.tc-hero__title a:hover{text-decoration:underline;}

/* ---------- 404 ---------- */
.tc-404{max-width:560px;margin:0 auto;padding:60px 0 80px;text-align:center;}
.tc-404__code{
	font-family:var(--tc-font-headline);font-weight:900;font-size:clamp(48px,10vw,88px);
	line-height:1;margin:0;color:var(--tc-border-strong);
}
.tc-404__title{font-family:var(--tc-font-headline);font-size:clamp(20px,4vw,26px);margin:10px 0 14px;}
.tc-404__text{font-size:15px;color:var(--tc-text-secondary);line-height:1.6;margin:0 0 24px;}
.tc-404__home{
	display:inline-flex;align-items:center;border:1px solid var(--tc-border-strong);border-radius:999px;
	padding:10px 24px;font-size:13px;font-weight:600;color:var(--tc-text);text-decoration:none;
	transition:background-color .15s ease, color .15s ease;
}
.tc-404__home:hover{background:var(--tc-text);color:var(--tc-bg);}
.tc-404__cats{margin-top:44px;border-top:0.5px solid var(--tc-border);padding-top:24px;}
.tc-404__cats-list{
	list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
}
.tc-404__cats-list a{
	display:inline-block;font-size:12px;border:0.5px solid var(--tc-border-strong);
	padding:6px 14px;text-decoration:none;color:var(--tc-text);
}
.tc-404__cats-list a:hover{background:var(--tc-text);color:var(--tc-bg);border-color:var(--tc-text);}

/* ---------- Comments ---------- */
.tc-comments{border-top:2px solid var(--tc-border-strong);margin-top:40px;padding-top:24px;}
.tc-comments__title{font-size:16px;font-weight:700;margin:0 0 20px;}
.tc-comment-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px;}
.tc-comment{border-bottom:0.5px solid var(--tc-border);padding-bottom:20px;}
.tc-comment ol,
.tc-comment ul{list-style:none;padding-left:36px;margin-top:20px;}
.tc-comment__header{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.tc-comment__header img{border-radius:50%;}
.tc-comment__author{display:block;font-weight:600;font-size:13px;}
.tc-comment__date{display:block;font-size:11px;color:var(--tc-text-muted);}
.tc-comment__date a{color:inherit;text-decoration:none;}
.tc-comment__text{font-size:14px;line-height:1.6;color:var(--tc-text);}
.tc-comment__text p{margin:0 0 10px;}
.tc-comment__reply a{font-size:11px;font-weight:600;letter-spacing:0.3px;text-transform:uppercase;color:var(--tc-text-secondary);text-decoration:none;border-bottom:1px solid var(--tc-border-strong);}
.tc-comment__pending{font-size:12px;color:var(--tc-c-startups);font-style:italic;margin:4px 0;}

.tc-comment-form{margin-top:30px;padding-top:24px;border-top:0.5px solid var(--tc-border);max-width:520px;}
.tc-comment-form .comment-reply-title{font-size:15px;font-weight:700;margin:0 0 14px;}
.tc-comment-form .logged-in-as{font-size:13px;color:var(--tc-text-secondary);margin-bottom:14px;}
.tc-comment-form .logged-in-as a{color:var(--tc-text);}
.tc-comment-form .comment-notes{font-size:12px;color:var(--tc-text-muted);margin-bottom:14px;}
.tc-comment-form p{margin:0 0 14px;}
.tc-comment-form label{display:block;font-size:12px;font-weight:600;margin-bottom:6px;}
.tc-comment-form input[type="text"],
.tc-comment-form input[type="email"],
.tc-comment-form input[type="url"],
.tc-comment-form textarea{
	display:block;width:100%;box-sizing:border-box;
	border:1px solid var(--tc-border-strong);border-radius:2px;
	padding:10px 12px;font-family:var(--tc-font-ui);font-size:14px;
	background:var(--tc-bg);color:var(--tc-text);
}
.tc-comment-form input:focus,
.tc-comment-form textarea:focus{outline:2px solid var(--tc-c-ukraine);outline-offset:1px;}
.tc-comment-form .comment-form-cookies-consent{display:flex;align-items:center;gap:8px;font-size:12px;}
.tc-comment-form .comment-form-cookies-consent input{width:auto;}
.tc-comment-form__submit{
	background:var(--tc-text);color:var(--tc-bg);border:0;border-radius:2px;
	padding:11px 26px;font-size:13px;font-weight:600;letter-spacing:0.3px;cursor:pointer;
	transition:opacity .15s ease;
}
.tc-comment-form__submit:hover{opacity:0.85;}