/* SC Litoral — stiluri principale */

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/inter-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/inter-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--scale: 1;
	--navy: #04284a;
	--sea: #00699a;
	--sea-strong: #00517a;
	--aqua: #19b6c9;
	--foam: #eef7fa;
	--sand: #f7f1e4;
	--coral: #c8102e;

	--bg: #ffffff;
	--surface: #ffffff;
	--surface-alt: var(--foam);
	--text: #0d1f2d;
	--muted: #4a5f70;
	--border: #d5e3ea;
	--link: var(--sea);
	--link-hover: var(--sea-strong);
	--focus: #ff9f1c;
	--topbar-bg: #021a31;
	--nav-bg: var(--navy);
	--footer-bg: #021a31;
	--band-bg: linear-gradient(135deg, #04284a 0%, #00598a 60%, #0a8ea6 100%);
	--logo-bg: var(--navy);
	--logo-accent: var(--aqua);
	--shadow: 0 1px 2px rgba(4, 40, 74, .06), 0 8px 24px rgba(4, 40, 74, .07);
	--radius: 12px;
	--wrap: 1240px;
	--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

:root[data-theme="dark"] {
	--bg: #061522;
	--surface: #0c2236;
	--surface-alt: #0a1c2d;
	--text: #e9f2f7;
	--muted: #a9bdcb;
	--border: #1f3a52;
	--link: #6fd3e6;
	--link-hover: #a5e6f2;
	--topbar-bg: #030d17;
	--nav-bg: #0a2740;
	--footer-bg: #030d17;
	--sand: #10283c;
	--coral: #ff6b7d;
	--logo-bg: #0f3557;
	--shadow: 0 1px 2px rgba(0, 0, 0, .4);
}

:root[data-contrast="high"] {
	--bg: #ffffff;
	--surface: #ffffff;
	--surface-alt: #ffffff;
	--text: #000000;
	--muted: #1a1a1a;
	--border: #000000;
	--link: #00338d;
	--link-hover: #000000;
	--coral: #a30016;
	--nav-bg: #000000;
	--topbar-bg: #000000;
	--footer-bg: #000000;
	--band-bg: #000000;
	--logo-bg: #000000;
	--logo-accent: #ffffff;
	--shadow: none;
}

:root[data-contrast="high"][data-theme="dark"] {
	--bg: #000000;
	--surface: #000000;
	--surface-alt: #000000;
	--text: #ffffff;
	--muted: #f0f0f0;
	--border: #ffffff;
	--link: #ffe600;
	--link-hover: #ffffff;
	--coral: #ff8a98;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	font-size: calc(100% * var(--scale));
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--bg);
	color: var(--text);
	font-family: var(--font);
	font-size: 1rem;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

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

a {
	color: var(--link);
	text-decoration-thickness: .08em;
	text-underline-offset: .18em;
}

a:hover {
	color: var(--link-hover);
}

:root[data-underline="on"] a {
	text-decoration: underline !important;
}

:focus-visible {
	outline: 3px solid var(--focus);
	outline-offset: 2px;
	border-radius: 4px;
}

h1,
h2,
h3,
h4 {
	margin: 0;
	line-height: 1.2;
	letter-spacing: -.015em;
	text-wrap: balance;
}

p {
	margin: 0 0 1em;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

button,
input {
	font: inherit;
	color: inherit;
}

button {
	cursor: pointer;
}

.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;
}

.skip-link {
	position: absolute;
	left: 12px;
	top: -100px;
	z-index: 100;
	padding: 12px 18px;
	background: var(--focus);
	color: #000;
	font-weight: 700;
	border-radius: 8px;
	text-decoration: none;
}

.skip-link:focus {
	top: 12px;
	color: #000;
}

.wrap {
	width: 100%;
	max-width: var(--wrap);
	margin-inline: auto;
	padding-inline: 16px;
}

.site-main:focus {
	outline: none;
}

/* Bara de sus */

.topbar {
	background: var(--topbar-bg);
	color: #dcebf3;
	font-size: .8125rem;
}

.topbar__inner {
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 40px;
}

.topbar p {
	margin: 0;
}

.topbar__date {
	display: none;
}

.topbar__weather {
	display: flex;
	flex-wrap: wrap;
	gap: 0 6px;
	flex: 1;
	min-width: 0;
}

.topbar__weather strong {
	color: #fff;
}

.topbar__extra {
	display: none;
}

.topbar__sep {
	opacity: .5;
}

.a11y-toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: auto;
	min-height: 40px;
	padding: 0 10px;
	background: transparent;
	color: #fff;
	border: 0;
	font-weight: 600;
}

.a11y-toggle:hover {
	text-decoration: underline;
}

.a11y-panel {
	background: #0b3355;
	border-top: 1px solid rgba(255, 255, 255, .15);
}

.a11y-panel__inner {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding-block: 10px;
}

.a11y-panel button {
	min-height: 44px;
	min-width: 44px;
	padding: 0 14px;
	background: transparent;
	color: #fff;
	border: 2px solid rgba(255, 255, 255, .7);
	border-radius: 999px;
	font-weight: 600;
}

.a11y-panel button:hover,
.a11y-panel button[aria-pressed="true"] {
	background: #fff;
	color: #04284a;
	border-color: #fff;
}

/* Antet */

.site-header {
	background: var(--surface);
	position: relative;
}

.site-header__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 24px;
	padding-block: 14px;
}

.logo {
	margin: 0;
	font-size: 1rem;
}

.logo a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--text);
	text-decoration: none;
}

.logo__text {
	display: flex;
	flex-direction: column;
	line-height: 1;
	text-transform: uppercase;
}

.logo__top {
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .32em;
	color: var(--link);
}

.logo__bottom {
	font-size: 1.5rem;
	font-weight: 900;
	letter-spacing: -.02em;
	margin-top: 3px;
}

.site-header__tagline {
	display: none;
	margin: 0;
	padding-left: 24px;
	border-left: 2px solid var(--aqua);
	color: var(--muted);
	font-size: .9375rem;
	max-width: 16em;
	line-height: 1.35;
}

.search-toggle {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	margin-left: auto;
	background: transparent;
	color: var(--text);
	border: 2px solid var(--border);
	border-radius: 50%;
}

.search-toggle:hover,
.search-toggle[aria-expanded="true"] {
	background: var(--sea);
	border-color: var(--sea);
	color: #fff;
}

.site-search {
	display: none;
	flex: 1 1 100%;
}

.site-search.is-open {
	display: block;
}

.search-form {
	display: flex;
}

.search-form input {
	flex: 1;
	min-width: 0;
	min-height: 46px;
	padding: 0 16px;
	background: var(--surface-alt);
	border: 2px solid var(--border);
	border-right: 0;
	border-radius: 999px 0 0 999px;
}

.search-form input::placeholder {
	color: var(--muted);
	opacity: 1;
}

.search-form button {
	display: grid;
	place-items: center;
	width: 52px;
	min-height: 46px;
	background: var(--sea);
	color: #fff;
	border: 0;
	border-radius: 0 999px 999px 0;
}

.search-form button:hover {
	background: var(--sea-strong);
}

.main-nav {
	background: var(--nav-bg);
}

.main-nav .wrap {
	padding-inline: 0;
}

.main-nav__list {
	display: flex;
	overflow-x: auto;
	scrollbar-width: none;
	padding-inline: 8px;
	-webkit-overflow-scrolling: touch;
}

.main-nav__list::-webkit-scrollbar {
	display: none;
}

.main-nav__list a {
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: 0 12px;
	color: #fff;
	font-size: .875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .03em;
	text-decoration: none;
	white-space: nowrap;
	border-bottom: 3px solid transparent;
}

.main-nav__list a:hover,
.main-nav__list a[aria-current] {
	border-bottom-color: var(--aqua);
	color: #fff;
}

.main-nav__live::before {
	content: "";
	width: 8px;
	height: 8px;
	margin-right: 8px;
	border-radius: 50%;
	background: #ff5468;
}

.wave {
	display: block;
	width: 100%;
	height: 16px;
	margin-top: -1px;
}

.wave--footer {
	margin: 0 0 -1px;
}

/* Ultima oră */

.ticker {
	margin: 4px 0 20px;
}

.ticker__inner {
	display: flex;
	align-items: stretch;
	gap: 0;
}

.ticker__label {
	display: flex;
	align-items: center;
	flex: none;
	padding: 0 12px;
	background: var(--coral);
	color: #fff;
	font-size: .75rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .06em;
	border-radius: 8px 0 0 8px;
}

:root[data-theme="dark"] .ticker__label {
	color: #1a0006;
}

.ticker__list {
	display: flex;
	gap: 24px;
	flex: 1;
	min-width: 0;
	overflow-x: auto;
	padding: 0 14px;
	background: var(--surface-alt);
	border: 1px solid var(--border);
	border-left: 0;
	border-radius: 0 8px 8px 0;
	scrollbar-width: thin;
}

.ticker__list li {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: none;
	min-height: 44px;
	font-size: .9375rem;
	white-space: nowrap;
}

.ticker__list time {
	color: var(--coral);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.ticker__list a {
	color: var(--text);
	font-weight: 600;
	text-decoration: none;
}

.ticker__list a:hover {
	text-decoration: underline;
}

/* Carduri */

.card {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.card__media {
	display: block;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background: var(--surface-alt);
	border-radius: var(--radius);
}

.card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}

.card:hover .card__media img {
	transform: scale(1.03);
}

.card__body {
	padding-top: 10px;
}

.card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 10px;
	margin: 0 0 6px;
	font-size: .8125rem;
	color: var(--muted);
}

.card__meta time {
	font-variant-numeric: tabular-nums;
}

.kicker {
	color: var(--link);
	font-size: .75rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .06em;
	text-decoration: none;
}

a.kicker:hover {
	text-decoration: underline;
}

.card__title {
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.3;
}

.card__title a {
	color: var(--text);
	text-decoration: none;
}

.card__title a:hover {
	color: var(--link);
	text-decoration: underline;
}

.card__lead {
	margin: 8px 0 0;
	color: var(--muted);
}

.card--hero .card__title {
	font-size: clamp(1.5rem, 1.1rem + 2vw, 2.5rem);
	font-weight: 800;
	line-height: 1.12;
	letter-spacing: -.025em;
}

.card--hero .card__lead {
	font-size: 1.0625rem;
}

.card--lg .card__title {
	font-size: clamp(1.25rem, 1.1rem + .8vw, 1.625rem);
	font-weight: 800;
	line-height: 1.2;
}

.card--row {
	flex-direction: row;
	gap: 12px;
	padding-block: 14px;
	border-top: 1px solid var(--border);
}

.card--row:first-child {
	border-top: 0;
	padding-top: 0;
}

.card--row .card__media {
	flex: none;
	width: 120px;
	border-radius: 8px;
	align-self: flex-start;
}

.card--row .card__body {
	padding-top: 0;
	min-width: 0;
}

.card--row .card__title {
	font-size: 1rem;
}

/* Grile */

.grid {
	display: grid;
	gap: 24px 20px;
}

.top-grid {
	display: grid;
	gap: 28px;
}

.top-grid__main > .card--hero {
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--border);
}

.panel {
	align-self: start;
	padding: 18px;
	background: var(--surface-alt);
	border: 1px solid var(--border);
	border-radius: var(--radius);
}

.panel__title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
	font-size: 1.125rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .02em;
}

.pulse {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--coral);
	box-shadow: 0 0 0 0 rgba(200, 16, 46, .5);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	70% {
		box-shadow: 0 0 0 9px rgba(200, 16, 46, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(200, 16, 46, 0);
	}
}

.timeline__item {
	display: grid;
	grid-template-columns: 3.4em 1fr;
	gap: 10px;
	padding-block: 11px;
	border-top: 1px solid var(--border);
	font-size: .9375rem;
	line-height: 1.35;
}

.timeline__item:first-child {
	border-top: 0;
}

.timeline__item time {
	color: var(--coral);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}

.timeline__item .kicker {
	display: block;
	margin-bottom: 2px;
	font-size: .6875rem;
}

.timeline__item a {
	color: var(--text);
	font-weight: 600;
	text-decoration: none;
}

.timeline__item a:hover {
	color: var(--link);
	text-decoration: underline;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 20px;
	border-radius: 999px;
	font-weight: 700;
	text-decoration: none;
}

.btn--ghost {
	width: 100%;
	margin-top: 10px;
	border: 2px solid var(--link);
	color: var(--link);
}

.btn--ghost:hover {
	background: var(--link);
	color: var(--bg);
}

/* Secțiuni */

.section {
	padding-block: 32px;
}

.section__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
	padding-bottom: 10px;
	border-bottom: 3px solid var(--text);
}

.section__title {
	position: relative;
	font-size: 1.375rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .01em;
}

.section__title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -13px;
	width: 64px;
	height: 3px;
	background: var(--aqua);
}

.section__title a {
	color: inherit;
	text-decoration: none;
}

.section__title a:hover {
	color: var(--link);
}

.section__more {
	flex: none;
	font-size: .875rem;
	font-weight: 700;
	text-decoration: none;
}

.section__more:hover {
	text-decoration: underline;
}

.section--cat:nth-of-type(even) {
	background: var(--surface-alt);
}

.section--band {
	background: var(--band-bg) !important;
	color: #fff;
}

.section--band .section__head {
	border-bottom-color: rgba(255, 255, 255, .85);
}

.section--band .card__title a,
.section--band .section__title a,
.section--band .section__more {
	color: #fff;
}

.section--band .kicker {
	color: #9fe8f3;
}

.section--band .card__meta,
.section--band .card__lead {
	color: #d6e8f1;
}

.section--band .card--row {
	border-top-color: rgba(255, 255, 255, .25);
}

.cat-grid {
	display: grid;
	gap: 24px;
}

/* Arhive */

.page-head {
	padding: 24px 0 20px;
	margin-bottom: 24px;
	border-bottom: 3px solid var(--text);
}

.page-head__eyebrow {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 4px;
	color: var(--link);
	font-size: .8125rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.page-head__title {
	font-size: clamp(1.75rem, 1.3rem + 2vw, 2.75rem);
	font-weight: 900;
}

.page-head__desc {
	margin-top: 8px;
	color: var(--muted);
	max-width: 60ch;
}

.page-head__desc p {
	margin: 0;
}

.archive-list__lead {
	margin-bottom: 28px;
	padding-bottom: 28px;
	border-bottom: 1px solid var(--border);
}

.pagination {
	margin: 36px 0;
}

.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 46px;
	min-height: 46px;
	padding: 0 14px;
	border: 2px solid var(--border);
	border-radius: 999px;
	color: var(--text);
	font-weight: 700;
	text-decoration: none;
}

.pagination .page-numbers.current,
.pagination a.page-numbers:hover {
	background: var(--nav-bg);
	border-color: var(--nav-bg);
	color: #fff;
}

.empty {
	padding: 40px 0;
	color: var(--muted);
	font-size: 1.125rem;
}

/* Firul zilei (pagină) */

.firul {
	max-width: 860px;
	padding-bottom: 40px;
}

.firul__date {
	position: sticky;
	top: 0;
	z-index: 2;
	padding: 10px 0;
	background: var(--bg);
	font-size: 1.125rem;
	font-weight: 800;
	border-bottom: 2px solid var(--aqua);
}

.firul__item {
	display: grid;
	grid-template-columns: 3.6em 1fr;
	gap: 6px 14px;
	padding-block: 18px;
	border-bottom: 1px solid var(--border);
}

.firul__item > time {
	color: var(--coral);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}

.firul__body h3 {
	margin: 2px 0 6px;
	font-size: 1.1875rem;
	font-weight: 700;
	line-height: 1.3;
}

.firul__body h3 a {
	color: var(--text);
	text-decoration: none;
}

.firul__body h3 a:hover {
	color: var(--link);
	text-decoration: underline;
}

.firul__body p {
	margin: 0;
	color: var(--muted);
	font-size: .9375rem;
}

.firul__thumb {
	display: none;
}

/* Articol */

.article-layout {
	display: grid;
	gap: 40px;
	padding-block: 20px 8px;
}

.breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 8px;
	font-size: .875rem;
}

.breadcrumb li + li::before {
	content: "/";
	margin-right: 8px;
	color: var(--muted);
}

.breadcrumb a {
	font-weight: 600;
	text-decoration: none;
}

.breadcrumb a:hover {
	text-decoration: underline;
}

.article__head {
	margin: 14px 0 20px;
}

.article__title {
	font-size: clamp(1.75rem, 1.2rem + 2.6vw, 2.875rem);
	font-weight: 900;
	line-height: 1.1;
	letter-spacing: -.028em;
}

.article__lead {
	margin: 16px 0 0;
	font-size: clamp(1.125rem, 1.05rem + .4vw, 1.3125rem);
	font-weight: 500;
	line-height: 1.5;
	color: var(--text);
}

.byline {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 18px;
	padding: 12px 14px;
	background: var(--surface-alt);
	border: 1px solid var(--border);
	border-left: 4px solid var(--aqua);
	border-radius: var(--radius);
}

.byline__avatar {
	flex: none;
	line-height: 0;
}

.byline__avatar svg {
	width: 42px;
	height: 42px;
	border-radius: 50%;
}

.byline__text {
	min-width: 0;
}

.byline p {
	margin: 0;
}

.byline__author {
	font-size: .9375rem;
	font-weight: 700;
	line-height: 1.3;
}

.byline__info,
.byline__updated {
	color: var(--muted);
	font-size: .8125rem;
	line-height: 1.5;
}

.byline__read::before {
	content: "·";
	margin-inline: 6px;
}

.article__figure {
	margin: 0 -16px 24px;
}

.article__figure img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.article__figure figcaption {
	padding: 8px 16px 0;
	color: var(--muted);
	font-size: .8125rem;
}

.article__content {
	max-width: 70ch;
	font-size: 1.125rem;
	line-height: 1.7;
}

.article__content > * {
	margin-block: 0 1.2em;
}

.article__content h2 {
	margin-top: 1.6em;
	font-size: 1.5rem;
	font-weight: 800;
}

.article__content h3 {
	margin-top: 1.4em;
	font-size: 1.25rem;
	font-weight: 800;
}

.article__content ul,
.article__content ol {
	padding-left: 1.3em;
}

.article__content ul {
	list-style: disc;
}

.article__content ol {
	list-style: decimal;
}

.article__content li {
	margin-bottom: .4em;
}

.article__content li::marker {
	color: var(--link);
}

.article__content blockquote {
	margin-inline: 0;
	padding: 4px 0 4px 20px;
	border-left: 4px solid var(--aqua);
	font-size: 1.1875rem;
	font-weight: 500;
}

.article__content blockquote p:last-child {
	margin-bottom: 0;
}

.article__content table {
	width: 100%;
	border-collapse: collapse;
	font-size: 1rem;
}

.article__content th,
.article__content td {
	padding: 10px 12px;
	border: 1px solid var(--border);
	text-align: left;
}

.article__content th {
	background: var(--surface-alt);
}

.sc-sources {
	margin-top: 2em;
	padding: 16px 20px;
	background: var(--sand);
	border-left: 4px solid var(--aqua);
	border-radius: 0 var(--radius) var(--radius) 0;
	font-size: 1rem;
}

.article__content .sc-sources__title {
	margin: 0 0 6px;
	font-size: .8125rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--muted);
}

.article__content .sc-sources ul {
	margin: 0;
	padding-left: 1.2em;
}

.article__content .sc-sources li {
	margin-bottom: .2em;
	overflow-wrap: anywhere;
}

.article__tags ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 24px;
}

.article__tags a {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	padding: 0 14px;
	background: var(--surface-alt);
	border: 1px solid var(--border);
	border-radius: 999px;
	color: var(--text);
	font-size: .875rem;
	font-weight: 600;
	text-decoration: none;
}

.article__tags a:hover {
	border-color: var(--link);
	color: var(--link);
}

.share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 16px;
	margin-top: 28px;
	padding-top: 20px;
	border-top: 1px solid var(--border);
}

.share__title {
	font-size: .875rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .06em;
}

.share ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.share a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 16px;
	background: transparent;
	border: 2px solid var(--link);
	border-radius: 999px;
	color: var(--link);
	font-size: .9375rem;
	font-weight: 700;
	text-decoration: none;
}

.share a:hover {
	background: var(--link);
	color: var(--bg);
}

.article--page {
	padding-block: 16px 48px;
}

/* Subsol */

.site-footer {
	margin-top: 40px;
	color: #d6e6ef;
}

.site-footer__body {
	background: var(--footer-bg);
	padding-block: 36px 20px;
}

.site-footer a {
	color: #fff;
}

.site-footer__grid {
	display: grid;
	gap: 32px;
}

.site-footer .logo a {
	color: #fff;
}

.site-footer .logo {
	margin-bottom: 14px;
	--logo-bg: #0f3557;
}

.site-footer .logo__top {
	color: #7fdcea;
}

.site-footer__title {
	margin-bottom: 12px;
	color: #fff;
	font-size: .875rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.site-footer__list a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	text-decoration: none;
}

.site-footer__list a:hover {
	text-decoration: underline;
}

.site-footer__list--cols {
	columns: 2;
	column-gap: 24px;
}

.site-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px 24px;
	margin-top: 28px;
	padding-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, .18);
	font-size: .875rem;
}

.site-footer__bottom p {
	margin: 0;
}

/* Tabletă */

@media (min-width: 600px) {
	.wrap {
		padding-inline: 24px;
	}

	.topbar__date {
		display: block;
		font-weight: 600;
		color: #fff;
	}

	.topbar__weather {
		flex: none;
		margin-left: auto;
	}

	.a11y-toggle {
		margin-left: 0;
	}

	.topbar__extra {
		display: inline;
	}

	.search-toggle {
		display: none;
	}

	.site-search {
		display: block;
		flex: 0 1 320px;
		margin-left: auto;
	}

	.grid--3,
	.grid--4 {
		grid-template-columns: repeat(2, 1fr);
	}

	.main-nav__list {
		padding-inline: 12px;
	}

	.article__figure {
		margin-inline: 0;
	}

	.article__figure img {
		border-radius: var(--radius);
	}

	.article__figure figcaption {
		padding-inline: 0;
	}

	.firul__item {
		grid-template-columns: 3.6em 1fr 160px;
	}

	.firul__thumb {
		display: block;
		overflow: hidden;
		border-radius: 8px;
		align-self: start;
	}

	.site-footer__grid {
		grid-template-columns: 1.4fr 1fr;
	}

	.site-footer__grid > :first-child {
		grid-column: 1 / -1;
		max-width: 60ch;
	}
}

/* Desktop */

@media (min-width: 1000px) {
	.site-header__tagline {
		display: block;
	}

	.logo__bottom {
		font-size: 1.875rem;
	}

	.logo__mark {
		width: 54px;
		height: 54px;
	}

	.main-nav__list {
		flex-wrap: wrap;
		overflow: visible;
	}

	.main-nav__list a {
		padding: 0 11px;
		font-size: .8125rem;
	}

	.top-grid {
		grid-template-columns: minmax(0, 1fr) 340px;
		gap: 32px;
	}

	.top-grid__side {
		position: sticky;
		top: 16px;
	}

	.grid--3 {
		grid-template-columns: repeat(3, 1fr);
	}

	.grid--4 {
		grid-template-columns: repeat(4, 1fr);
	}

	.top-grid .grid--4 {
		grid-template-columns: repeat(4, 1fr);
	}

	.top-grid .grid--4 .card__title {
		font-size: 1rem;
	}

	.cat-grid {
		grid-template-columns: 1.15fr 1fr;
		gap: 36px;
		align-items: start;
	}

	.cat-grid--flip .cat-grid__lead {
		order: 2;
	}

	.archive-list__lead .card--lg {
		display: grid;
		grid-template-columns: 1.3fr 1fr;
		gap: 28px;
		align-items: center;
	}

	.archive-list__lead .card__body {
		padding-top: 0;
	}

	.article-layout {
		grid-template-columns: minmax(0, 1fr) 330px;
		gap: 48px;
		padding-top: 28px;
	}

	.article-side .panel {
		position: sticky;
		top: 16px;
	}

	.site-footer__grid {
		grid-template-columns: 1.5fr 1.2fr .9fr;
	}

	.site-footer__grid > :first-child {
		grid-column: auto;
	}

	.section {
		padding-block: 40px;
	}
}

@media (min-width: 1200px) {
	.main-nav__list a {
		padding: 0 14px;
		font-size: .875rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation: none !important;
		transition: none !important;
	}
}

@media (forced-colors: active) {
	.pulse,
	.main-nav__live::before {
		background: CanvasText;
	}
}

@media print {
	.topbar,
	.main-nav,
	.search-toggle,
	.site-search,
	.ticker,
	.article-side,
	.share,
	.site-footer,
	.wave,
	.skip-link {
		display: none !important;
	}
}