@layer tushal.content {
	.tushal-reading-progress {
		position: fixed;
		inset: 0 0 auto;
		z-index: 1200;
		height: 4px;
		background: transparent;
		pointer-events: none;
	}

	.tushal-reading-progress span {
		display: block;
		width: 0;
		height: 100%;
		background: linear-gradient(90deg, var(--tushal-color-orange-500), var(--tushal-color-blue-600));
		box-shadow: 0 2px 8px rgb(55 108 255 / 28%);
	}

	.tushal-single-site-main { overflow: clip; }
	.tushal-single-container { width: min(92vw, 1440px); margin-inline: auto; }

	.tushal-single-hero {
		position: relative;
		padding-block: clamp(3.5rem, 8vw, 7.5rem) clamp(5rem, 10vw, 9rem);
		background:
			radial-gradient(circle at 12% 18%, rgb(255 148 24 / 22%), transparent 28%),
			radial-gradient(circle at 88% 12%, rgb(91 62 228 / 18%), transparent 30%),
			linear-gradient(135deg, #fff7eb 0%, #f4efff 55%, #eaf5ff 100%);
	}

	.tushal-breadcrumbs {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: .5rem;
		margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
		font-size: .9rem;
		font-weight: 700;
	}

	.tushal-breadcrumbs a { color: var(--tushal-color-copy); text-decoration: none; }
	.tushal-breadcrumbs a:hover { color: var(--tushal-color-blue-600); }

	.tushal-single-hero__content {
		display: grid;
		justify-items: center;
		gap: 1.15rem;
		max-width: 1080px;
		margin-inline: auto;
		text-align: center;
	}

	.tushal-single-title {
		max-width: 19ch;
		font-size: clamp(2.35rem, 1.7rem + 3.4vw, 5.5rem);
		line-height: 1.03;
		text-wrap: balance;
	}

	.tushal-single-deck {
		max-width: 72ch;
		margin: 0;
		font-size: clamp(1.05rem, .98rem + .35vw, 1.32rem);
		text-wrap: pretty;
	}

	.tushal-single-meta {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: .8rem 1rem;
		margin-top: .4rem;
		padding: .75rem 1rem;
		border: 2px solid rgb(255 148 24 / 42%);
		border-radius: var(--tushal-radius-pill);
		background: rgb(255 255 255 / 82%);
		box-shadow: var(--tushal-shadow-sm);
	}

	.tushal-single-meta > span { display: grid; gap: .05rem; text-align: left; }
	.tushal-single-meta > span:first-child { display: block; }
	.tushal-single-meta strong { color: var(--tushal-color-ink); font-size: .92rem; }
	.tushal-single-meta small { color: var(--tushal-color-muted); }
	.tushal-single-meta__avatar { width: 42px; height: 42px; border: 2px solid var(--tushal-color-orange-500); border-radius: 50%; object-fit: cover; }
	.tushal-single-meta__divider { width: 1px; height: 34px; background: var(--tushal-color-border-strong); }

	.tushal-single-featured-wrap { margin-top: clamp(-5rem, -7vw, -3.75rem); position: relative; z-index: 2; }
	.tushal-single-featured {
		margin: 0;
		aspect-ratio: 16 / 8.4;
		overflow: hidden;
		border: 3px solid var(--tushal-color-orange-500);
		border-radius: var(--tushal-radius-feature);
		background: var(--tushal-color-lilac);
		box-shadow: var(--tushal-shadow-elevated);
	}
	.tushal-single-featured img { width: 100%; height: 100%; object-fit: cover; }

	.tushal-single-layout {
		display: grid;
		grid-template-columns: minmax(220px, .34fr) minmax(0, 1fr);
		gap: clamp(1.5rem, 4vw, 4rem);
		align-items: start;
		padding-block: clamp(3rem, 7vw, 6.5rem);
	}

	.tushal-single-aside__sticky {
		position: sticky;
		top: 96px;
		display: grid;
		gap: 1rem;
	}

	.tushal-toc,
	.tushal-share-card {
		padding: 1rem;
		border: 2px solid var(--tushal-color-border-strong);
		border-radius: var(--tushal-radius-card);
		background: var(--tushal-color-white);
		box-shadow: var(--tushal-shadow-card);
	}

	.tushal-toc h2,
	.tushal-share-card h2 {
		margin-bottom: .85rem;
		font-size: 1rem;
		letter-spacing: -.01em;
	}

	.tushal-toc nav { display: grid; gap: .3rem; }
	.tushal-toc a {
		display: block;
		padding: .46rem .55rem;
		border-left: 3px solid transparent;
		border-radius: 0 8px 8px 0;
		color: var(--tushal-color-copy);
		font-size: .9rem;
		font-weight: 700;
		line-height: 1.35;
		text-decoration: none;
	}
	.tushal-toc a[data-depth="3"] { padding-left: 1.15rem; font-size: .84rem; }
	.tushal-toc a:hover,
	.tushal-toc a.is-active { border-left-color: var(--tushal-color-orange-500); background: var(--tushal-color-cream); color: var(--tushal-color-ink); }

	.tushal-share-actions { display: grid; gap: .55rem; }
	.tushal-share-actions a,
	.tushal-share-actions button {
		width: 100%;
		padding: .62rem .75rem;
		border: 1px solid var(--tushal-color-border-strong);
		border-radius: 10px;
		background: var(--tushal-color-white);
		color: var(--tushal-color-ink);
		font-weight: 800;
		text-align: center;
		text-decoration: none;
	}
	.tushal-share-actions a:hover,
	.tushal-share-actions button:hover { border-color: var(--tushal-color-blue-600); background: var(--tushal-color-blue-600); color: #fff; }

	.tushal-single-main-column { min-width: 0; }
	.tushal-single-content {
		width: 100%;
		padding: clamp(1rem, 2.7vw, 3rem);
		border: 2px solid var(--tushal-color-border-strong);
		border-radius: var(--tushal-radius-feature);
		background: var(--tushal-color-white);
		box-shadow: var(--tushal-shadow-card);
		color: var(--tushal-color-copy);
		font-size: clamp(1.02rem, .97rem + .25vw, 1.16rem);
		line-height: 1.78;
		overflow-wrap: break-word;
	}

	.tushal-single-content > * { max-width: 100%; }
	.tushal-single-content > :first-child { margin-top: 0; }
	.tushal-single-content h2,
	.tushal-single-content h3,
	.tushal-single-content h4 { scroll-margin-top: 110px; margin-block: 1.85em .7em; text-align: center; text-wrap: balance; }
	.tushal-single-content h2 { padding-bottom: .45rem; border-bottom: 3px solid var(--tushal-color-orange-500); }
	.tushal-single-content p { text-align: justify; }
	.tushal-single-content ul,
	.tushal-single-content ol { padding-left: 1.35rem; }
	.tushal-single-content li + li { margin-top: .45rem; }
	.tushal-single-content blockquote {
		margin: 1.6rem 0;
		padding: 1.1rem 1.25rem;
		border-left: 5px solid var(--tushal-color-orange-500);
		border-radius: 0 var(--tushal-radius-control) var(--tushal-radius-control) 0;
		background: linear-gradient(135deg, var(--tushal-color-cream), var(--tushal-color-lilac));
		color: var(--tushal-color-ink);
		font-size: 1.08em;
		font-weight: 700;
	}
	.tushal-single-content img { border-radius: var(--tushal-radius-card); box-shadow: var(--tushal-shadow-sm); }
	.tushal-single-content table { width: 100%; border-collapse: collapse; overflow: hidden; border-radius: var(--tushal-radius-control); }
	.tushal-single-content th,
	.tushal-single-content td { padding: .75rem; border: 1px solid var(--tushal-color-border-strong); text-align: left; }
	.tushal-single-content th { background: var(--tushal-color-lilac); color: var(--tushal-color-ink); }
	.tushal-single-content pre { max-width: 100%; overflow: auto; padding: 1rem; border-radius: var(--tushal-radius-control); background: var(--tushal-color-navy-950); color: #fff; }

	.tushal-single-tags { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.25rem; }
	.tushal-single-tags a { padding: .45rem .72rem; border: 1px solid var(--tushal-color-border-strong); border-radius: var(--tushal-radius-pill); background: var(--tushal-color-white); font-weight: 800; text-decoration: none; }

	.tushal-author-box {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		gap: 1.1rem;
		align-items: center;
		margin-top: 1.5rem;
		padding: clamp(1rem, 2.5vw, 2rem);
		border: 2px solid #8c76ff;
		border-radius: var(--tushal-radius-feature);
		background: linear-gradient(135deg, var(--tushal-color-lilac), var(--tushal-color-sky));
		box-shadow: var(--tushal-shadow-card);
	}
	.tushal-author-box__avatar img { width: 88px; height: 88px; border: 3px solid var(--tushal-color-orange-500); border-radius: 50%; object-fit: cover; }
	.tushal-author-box h2 { margin-block: .65rem .35rem; font-size: clamp(1.35rem, 1.15rem + .7vw, 1.9rem); }
	.tushal-author-box p { margin: 0; }

	.tushal-post-navigation {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1rem;
		margin-top: 1.5rem;
	}
	.tushal-post-navigation a { display: grid; gap: .3rem; height: 100%; padding: 1rem; border: 2px solid var(--tushal-color-border-strong); border-radius: var(--tushal-radius-card); background: #fff; color: var(--tushal-color-ink); text-decoration: none; box-shadow: var(--tushal-shadow-sm); }
	.tushal-post-navigation span { color: var(--tushal-color-blue-600); font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
	.tushal-post-navigation a:hover { border-color: var(--tushal-color-orange-500); transform: translateY(-2px); }

	.tushal-comments { margin-top: 1.5rem; padding: clamp(1rem, 2.5vw, 2rem); border: 2px solid var(--tushal-color-border-strong); border-radius: var(--tushal-radius-feature); background: var(--tushal-color-white); box-shadow: var(--tushal-shadow-card); }
	.tushal-comments h2,
	.tushal-comments .comment-reply-title { margin-bottom: 1rem; text-align: center; }
	.tushal-comments .comment-list { display: grid; gap: 1rem; padding: 0; list-style: none; }
	.tushal-comments .comment-body { padding: 1rem; border: 1px solid var(--tushal-color-border-strong); border-radius: var(--tushal-radius-card); background: var(--tushal-color-cream); }
	.tushal-comments textarea,
	.tushal-comments input:not([type="submit"]) { width: 100%; padding: .75rem; border: 2px solid #26334e; border-radius: var(--tushal-radius-control); }
	.tushal-comments input[type="submit"] { min-height: 50px; padding: .75rem 1.35rem; border: 2px solid transparent; border-radius: var(--tushal-radius-control); background: var(--tushal-color-orange-500); color: var(--tushal-color-ink); font-weight: 800; }
	.tushal-comments input[type="submit"]:hover { background: var(--tushal-color-blue-600); color: #fff; }

	.tushal-related-posts { border-top: 3px solid var(--tushal-color-orange-500); }
}

@layer tushal.content {
	.tushal-page-main { overflow: clip; }
	.tushal-page-container { width: min(92vw, 1440px); margin-inline: auto; }

	.tushal-page-hero {
		position: relative;
		padding-block: clamp(1.6rem, 3vw, 2.5rem) clamp(1.8rem, 3.5vw, 3rem);
		background:
			radial-gradient(circle at 13% 20%, rgb(245 158 11 / 24%), transparent 30%),
			radial-gradient(circle at 86% 16%, rgb(104 70 255 / 20%), transparent 32%),
			linear-gradient(135deg, #fff7e8 0%, #f5f0ff 56%, #eaf6ff 100%);
	}

	.tushal-page-hero::after {
		content: "";
		position: absolute;
		inset: auto 8% 10% auto;
		width: 140px;
		aspect-ratio: 1;
		border: 2px solid rgb(37 99 235 / 18%);
		border-radius: 38% 62% 52% 48%;
		transform: rotate(12deg);
		pointer-events: none;
	}

	.tushal-page-hero__content {
		display: grid;
		justify-items: center;
		gap: .65rem;
		max-width: 1040px;
		margin-inline: auto;
		text-align: center;
	}

	.tushal-page-title,
	.tushal-page-inline-title {
		display: grid;
		justify-items: center;
		row-gap: 3px;
		max-width: 24ch;
		margin: 0;
		font-size: clamp(2.15rem, 1.7rem + 2.45vw, 4.25rem);
		line-height: 1.04;
		text-align: center;
		text-wrap: balance;
	}

	.tushal-page-title::after,
	.tushal-page-inline-title::after {
		content: "";
		display: block;
		width: clamp(120px, 38%, 220px);
		height: 4px;
		border-radius: 999px;
		background: linear-gradient(90deg, var(--tushal-color-orange-500), #f4b33d 48%, var(--tushal-color-violet-600));
		box-shadow: 0 3px 12px rgb(104 70 255 / 16%);
	}

	.tushal-page-deck {
		max-width: 72ch;
		margin: 0;
		font-size: clamp(1.04rem, .98rem + .34vw, 1.3rem);
		line-height: 1.7;
		text-wrap: pretty;
	}

	.tushal-page-body { padding-block: clamp(1.5rem, 3vw, 3rem); }

	.tushal-page {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: clamp(1rem, 3vw, 2.5rem);
		align-items: start;
	}

	.tushal-page--sidebar-left,
	.tushal-page--sidebar-right { grid-template-columns: minmax(220px, .32fr) minmax(0, 1fr); }
	.tushal-page--sidebar-right .tushal-page-article { order: 1; }
	.tushal-page--sidebar-right .tushal-page-sidebar { order: 2; }

	.tushal-page--reading .tushal-page-article { width: min(100%, 880px); margin-inline: auto; }
	.tushal-page--full .tushal-page-article { width: 100%; }

	.tushal-page-article {
		min-width: 0;
		padding: clamp(1rem, 2.8vw, 3rem);
		border: 2px solid var(--tushal-color-border-strong);
		border-top-width: 5px;
		border-radius: var(--tushal-radius-feature);
		background: var(--tushal-color-white);
		box-shadow: var(--tushal-shadow-card);
	}

	.tushal-page--accent-orange .tushal-page-article { border-top-color: var(--tushal-color-orange-500); }
	.tushal-page--accent-blue .tushal-page-article { border-top-color: var(--tushal-color-blue-600); }
	.tushal-page--accent-violet .tushal-page-article { border-top-color: var(--tushal-color-violet-600); }
	.tushal-page--accent-aqua .tushal-page-article { border-top-color: #0f9f83; }

	.tushal-page-article__header { margin-bottom: 1.4rem; text-align: center; }
	.tushal-page-inline-title { margin-inline: auto; }
	.tushal-page-featured {
		margin: 0 0 clamp(1.25rem, 3vw, 2.25rem);
		aspect-ratio: 16 / 8.5;
		overflow: hidden;
		border: 2px solid var(--tushal-color-orange-500);
		border-radius: var(--tushal-radius-card);
		background: var(--tushal-color-lilac);
		box-shadow: var(--tushal-shadow-sm);
	}
	.tushal-page-featured img { width: 100%; height: 100%; object-fit: cover; }

	.tushal-page-content {
		width: 100%;
		color: var(--tushal-color-copy);
		font-size: clamp(1.02rem, .97rem + .24vw, 1.15rem);
		line-height: 1.78;
		overflow-wrap: break-word;
	}
	.tushal-page-content > :first-child { margin-top: 0; }
	.tushal-page-content > :last-child { margin-bottom: 0; }
	.tushal-page-content h2,
	.tushal-page-content h3,
	.tushal-page-content h4 { margin-block: 1.8em .7em; text-align: center; text-wrap: balance; }
	.tushal-page-content h2 { padding-bottom: .45rem; border-bottom: 3px solid var(--tushal-color-orange-500); }
	.tushal-page--align-justify .tushal-page-content p { text-align: justify; }
	.tushal-page--align-left .tushal-page-content p { text-align: left; }
	.tushal-page--align-center .tushal-page-content p { text-align: center; }
	.tushal-page-content ul,
	.tushal-page-content ol { padding-left: 1.35rem; }
	.tushal-page-content blockquote {
		margin: 1.5rem 0;
		padding: 1rem 1.2rem;
		border-left: 5px solid var(--tushal-color-orange-500);
		border-radius: 0 var(--tushal-radius-control) var(--tushal-radius-control) 0;
		background: linear-gradient(135deg, var(--tushal-color-cream), var(--tushal-color-lilac));
		color: var(--tushal-color-ink);
		font-weight: 700;
	}
	.tushal-page-content img { border-radius: var(--tushal-radius-card); box-shadow: var(--tushal-shadow-sm); }
	.tushal-page-content table { width: 100%; border-collapse: collapse; }
	.tushal-page-content th,
	.tushal-page-content td { padding: .75rem; border: 1px solid var(--tushal-color-border-strong); text-align: left; }
	.tushal-page-content th { background: var(--tushal-color-lilac); color: var(--tushal-color-ink); }

	.tushal-page-sidebar {
		position: sticky;
		top: 96px;
		display: grid;
		gap: 1rem;
	}
	.tushal-page-sidebar .widget {
		padding: 1rem;
		border: 2px solid var(--tushal-color-border-strong);
		border-radius: var(--tushal-radius-card);
		background: var(--tushal-color-white);
		box-shadow: var(--tushal-shadow-sm);
	}
	.tushal-page-sidebar .widget-title { margin-bottom: .75rem; font-size: 1.15rem; text-align: center; }
	.tushal-page-links { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; margin-top: 1.5rem; }
}

@layer tushal.content {
	.tushal-listing-main { overflow: clip; background: var(--tushal-color-white); }
	.tushal-listing-container { width: min(92vw, 1440px); margin-inline: auto; }

	.tushal-listing-hero {
		position: relative;
		isolation: isolate;
		padding-block: clamp(3.5rem, 7vw, 7rem) clamp(4.5rem, 8vw, 7.75rem);
		overflow: hidden;
		background:
			radial-gradient(circle at 14% 24%, rgb(255 148 24 / 28%), transparent 31%),
			radial-gradient(circle at 84% 14%, rgb(105 71 245 / 24%), transparent 34%),
			linear-gradient(135deg, #fff7e9 0%, #f5f0ff 54%, #e8f4ff 100%);
	}

	.tushal-listing-hero::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -2;
		opacity: .36;
		background-image: radial-gradient(rgb(36 78 216 / 28%) 1px, transparent 1px);
		background-size: 24px 24px;
		mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%);
	}

	.tushal-listing-hero::after {
		content: "";
		position: absolute;
		inset: auto -6rem -9rem auto;
		z-index: -1;
		width: clamp(18rem, 36vw, 34rem);
		aspect-ratio: 1;
		border: 2px solid rgb(255 148 24 / 26%);
		border-radius: 37% 63% 51% 49% / 48% 38% 62% 52%;
		transform: rotate(17deg);
	}

	.tushal-listing-hero > .tushal-listing-container,
	.tushal-listing-hero .tushal-listing-container {
		display: grid;
		grid-template-columns: minmax(0, 1.28fr) minmax(250px, .72fr);
		gap: clamp(2rem, 5vw, 5rem);
		align-items: center;
	}

	.tushal-listing-hero__content { display: grid; gap: 1rem; align-content: center; }
	.tushal-listing-title {
		max-width: 15ch;
		margin: 0;
		font-size: clamp(2.6rem, 1.65rem + 4.2vw, 6.15rem);
		line-height: 1.01;
		letter-spacing: -.045em;
		text-wrap: balance;
	}
	.tushal-listing-intro {
		max-width: 70ch;
		margin: 0;
		color: var(--tushal-color-copy);
		font-size: clamp(1.05rem, .98rem + .35vw, 1.3rem);
		line-height: 1.72;
		text-wrap: pretty;
	}
	.tushal-listing-hero__meta {
		display: flex;
		flex-wrap: wrap;
		gap: .6rem;
		align-items: center;
		width: fit-content;
		margin-top: .25rem;
		padding: .68rem .9rem;
		border: 1px solid rgb(105 71 245 / 30%);
		border-radius: var(--tushal-radius-pill);
		background: rgb(255 255 255 / 76%);
		box-shadow: var(--tushal-shadow-sm);
		backdrop-filter: blur(12px);
		color: var(--tushal-color-ink);
		font-size: .88rem;
		font-weight: 800;
	}

	.tushal-listing-hero__art {
		position: relative;
		display: grid;
		place-items: center;
		min-height: 310px;
	}
	.tushal-listing-hero__note {
		position: relative;
		z-index: 2;
		display: grid;
		gap: .35rem;
		width: min(100%, 330px);
		padding: clamp(1.25rem, 3vw, 2rem);
		border: 2px solid var(--tushal-color-orange-500);
		border-radius: var(--tushal-radius-feature);
		background: linear-gradient(145deg, rgb(255 255 255 / 95%), rgb(255 243 223 / 94%));
		box-shadow: var(--tushal-shadow-elevated);
		transform: rotate(2deg);
	}
	.tushal-listing-hero__note strong { color: var(--tushal-color-ink); font-size: clamp(1.2rem, 1.05rem + .75vw, 1.75rem); }
	.tushal-listing-hero__note span { color: var(--tushal-color-copy); line-height: 1.6; }
	.tushal-listing-orb { position: absolute; border-radius: 50%; filter: blur(1px); }
	.tushal-listing-orb--one { inset: 8% auto auto 4%; width: 120px; aspect-ratio: 1; background: rgb(55 108 255 / 20%); }
	.tushal-listing-orb--two { inset: auto 5% 3% auto; width: 160px; aspect-ratio: 1; background: rgb(255 148 24 / 23%); }

	.tushal-listing-body { padding-block: clamp(2.5rem, 6vw, 6.5rem); background: linear-gradient(180deg, #fff 0%, #fffaf1 45%, #f7f4ff 100%); }
	.tushal-listing-toolbar {
		display: grid;
		gap: 1rem;
		margin-bottom: clamp(1.75rem, 4vw, 3.5rem);
		padding: clamp(1rem, 2vw, 1.5rem);
		border: 2px solid var(--tushal-color-border-strong);
		border-radius: var(--tushal-radius-feature);
		background: var(--tushal-color-white);
		box-shadow: var(--tushal-shadow-card);
	}
	.tushal-listing-toolbar__search { width: min(100%, 860px); margin-inline: auto; }

	.tushal-search-form { display: grid; gap: .45rem; }
	.tushal-search-form > label { color: var(--tushal-color-ink); font-size: .82rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
	.tushal-search-form__row {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr) auto;
		gap: .6rem;
		align-items: center;
		padding: .35rem;
		border: 2px solid #26334e;
		border-radius: calc(var(--tushal-radius-control) + 4px);
		background: #fff;
		transition: border-color var(--tushal-duration-standard) var(--tushal-ease), box-shadow var(--tushal-duration-standard) var(--tushal-ease);
	}
	.tushal-search-form__row:focus-within { border-color: var(--tushal-color-orange-500); box-shadow: 0 0 0 4px rgb(255 148 24 / 20%); }
	.tushal-search-form__icon { padding-left: .55rem; color: var(--tushal-color-blue-600); font-size: 1.45rem; font-weight: 900; }
	.tushal-search-form input[type="search"] { min-width: 0; width: 100%; padding: .7rem .25rem; border: 0; outline: 0; background: transparent; color: var(--tushal-color-ink); font: inherit; }
	.tushal-search-form input[type="search"]::placeholder { color: #798197; }

	.tushal-category-chips { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: center; }
	.tushal-category-chip {
		display: inline-flex;
		gap: .45rem;
		align-items: center;
		min-height: 40px;
		padding: .55rem .78rem;
		border: 1px solid var(--tushal-color-border-strong);
		border-radius: var(--tushal-radius-pill);
		background: #fff;
		color: var(--tushal-color-ink);
		font-size: .84rem;
		font-weight: 800;
		text-decoration: none;
		transition: transform var(--tushal-duration-fast) var(--tushal-ease), color var(--tushal-duration-standard) var(--tushal-ease), background var(--tushal-duration-standard) var(--tushal-ease), border-color var(--tushal-duration-standard) var(--tushal-ease);
	}
	.tushal-category-chip span { display: grid; place-items: center; min-width: 24px; height: 24px; padding-inline: .25rem; border-radius: 999px; background: var(--tushal-color-lilac); color: var(--tushal-color-blue-600); font-size: .72rem; }
	.tushal-category-chip:hover,
	.tushal-category-chip.is-active { transform: translateY(-2px); border-color: var(--tushal-color-blue-600); background: var(--tushal-color-blue-600); color: #fff; }
	.tushal-category-chip:hover span,
	.tushal-category-chip.is-active span { background: rgb(255 255 255 / 20%); color: #fff; }

	.tushal-listing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2.4vw, 2rem); align-items: stretch; }
	.tushal-listing-card {
		position: relative;
		display: grid;
		grid-template-rows: auto 1fr;
		min-width: 0;
		height: 100%;
		overflow: hidden;
		border: 2px solid var(--tushal-color-border-strong);
		border-radius: var(--tushal-radius-feature);
		background: var(--tushal-color-white);
		box-shadow: var(--tushal-shadow-card);
		transition: transform var(--tushal-duration-standard) var(--tushal-ease), border-color var(--tushal-duration-standard) var(--tushal-ease), box-shadow var(--tushal-duration-standard) var(--tushal-ease);
	}
	.tushal-listing-card:nth-child(3n+1) { border-color: #f0a43b; }
	.tushal-listing-card:nth-child(3n+2) { border-color: #5276f2; }
	.tushal-listing-card:nth-child(3n) { border-color: #36a68b; }
	.tushal-listing-card:hover,
	.tushal-listing-card:focus-within { transform: translateY(-5px); border-color: var(--tushal-color-violet-500); box-shadow: var(--tushal-shadow-elevated); }
	.tushal-listing-card__media { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: linear-gradient(135deg, var(--tushal-color-lilac), var(--tushal-color-sky)); color: var(--tushal-color-blue-600); }
	.tushal-listing-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms var(--tushal-ease); }
	.tushal-listing-card:hover .tushal-listing-card__media img { transform: scale(1.055); }
	.tushal-listing-card__fallback { display: grid; place-items: center; width: 100%; height: 100%; }
	.tushal-listing-card__fallback svg { width: 74px; height: 74px; opacity: .72; }
	.tushal-listing-card__category { position: absolute; inset: 12px auto auto 12px; padding: .42rem .66rem; border-radius: var(--tushal-radius-pill); background: rgb(17 24 42 / 88%); color: #fff; font-size: .72rem; font-weight: 800; backdrop-filter: blur(8px); }
	.tushal-listing-card__body { display: flex; flex-direction: column; gap: .8rem; min-width: 0; padding: clamp(.9rem, 2vw, 1.4rem); }
	.tushal-listing-card__meta { display: flex; flex-wrap: wrap; gap: .45rem; justify-content: center; color: var(--tushal-color-muted); font-size: .78rem; font-weight: 700; }
	.tushal-listing-card__title { margin: 0; font-size: clamp(1.2rem, 1.03rem + .65vw, 1.72rem); line-height: 1.22; text-align: center; text-wrap: balance; overflow-wrap: anywhere; }
	.tushal-listing-card__title a { color: var(--tushal-color-ink); text-decoration: none; }
	.tushal-listing-card__title a:hover { color: var(--tushal-color-blue-600); }
	.tushal-listing-card__excerpt { margin: 0; color: var(--tushal-color-copy); line-height: 1.7; text-align: justify; overflow-wrap: break-word; }
	.tushal-listing-card__action { display: flex; justify-content: space-between; align-items: center; gap: .75rem; margin-top: auto; padding: .72rem .82rem; border: 1px solid var(--tushal-color-border-strong); border-radius: var(--tushal-radius-control); background: linear-gradient(135deg, #fff8eb, #f2eeff); color: var(--tushal-color-ink); font-weight: 800; text-decoration: none; transition: background var(--tushal-duration-standard) var(--tushal-ease), color var(--tushal-duration-standard) var(--tushal-ease), border-color var(--tushal-duration-standard) var(--tushal-ease); }
	.tushal-listing-card__action:hover { border-color: var(--tushal-color-blue-600); background: var(--tushal-color-blue-600); color: #fff; }

	.tushal-listing-main .navigation.pagination { margin-top: clamp(2rem, 5vw, 4rem); }
	.tushal-listing-main .nav-links { display: flex; flex-wrap: wrap; gap: .55rem; justify-content: center; }
	.tushal-listing-main .page-numbers { display: grid; place-items: center; min-width: 44px; min-height: 44px; padding: .55rem .75rem; border: 2px solid var(--tushal-color-border-strong); border-radius: var(--tushal-radius-control); background: #fff; color: var(--tushal-color-ink); font-weight: 800; text-decoration: none; box-shadow: var(--tushal-shadow-sm); }
	.tushal-listing-main .page-numbers.current,
	.tushal-listing-main a.page-numbers:hover { border-color: var(--tushal-color-blue-600); background: var(--tushal-color-blue-600); color: #fff; }

	.tushal-listing-empty { display: grid; justify-items: center; gap: .85rem; max-width: 760px; margin-inline: auto; padding: clamp(1.5rem, 4vw, 3rem); border: 2px solid var(--tushal-color-orange-500); border-radius: var(--tushal-radius-feature); background: linear-gradient(135deg, #fff8eb, #f4f0ff); box-shadow: var(--tushal-shadow-card); text-align: center; }
	.tushal-listing-empty__icon { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 50%; background: var(--tushal-color-blue-600); color: #fff; font-size: 2.2rem; font-weight: 900; }
	.tushal-listing-empty h2 { max-width: 24ch; margin: 0; text-wrap: balance; }
	.tushal-listing-empty p { max-width: 62ch; margin: 0; color: var(--tushal-color-copy); line-height: 1.7; }
	.tushal-listing-empty__actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: center; margin-top: .5rem; }
}

@layer tushal.content {
	.tushal-404-main { overflow: clip; background: var(--tushal-color-white); }
	.tushal-404-container { width: min(92vw, 1440px); margin-inline: auto; }
	.tushal-404-hero {
		position: relative;
		isolation: isolate;
		overflow: hidden;
		padding-block: clamp(3.75rem, 7vw, 7rem);
		background:
			radial-gradient(circle at 13% 18%, rgb(255 148 24 / 30%), transparent 31%),
			radial-gradient(circle at 84% 12%, rgb(92 65 220 / 24%), transparent 34%),
			linear-gradient(135deg, #fff8ec 0%, #f6f0ff 54%, #eaf4ff 100%);
	}
	.tushal-404-hero::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -2;
		opacity: .28;
		background-image: radial-gradient(rgb(36 78 216 / 35%) 1px, transparent 1px);
		background-size: 26px 26px;
		mask-image: linear-gradient(to right, transparent, #000 18%, #000 82%, transparent);
	}
	.tushal-404-container {
		display: grid;
		grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr);
		gap: clamp(2rem, 5vw, 5.5rem);
		align-items: center;
	}
	.tushal-404-copy { display: grid; gap: 1rem; align-content: center; }
	.tushal-404-code {
		margin: 0;
		color: transparent;
		font-size: clamp(5rem, 13vw, 11rem);
		font-weight: 900;
		line-height: .75;
		letter-spacing: -.08em;
		-webkit-text-stroke: 3px rgb(70 55 190 / 35%);
		text-shadow: 0 20px 50px rgb(70 55 190 / 12%);
	}
	.tushal-404-copy h1 {
		max-width: 13ch;
		margin: 0;
		font-size: clamp(2.3rem, 1.5rem + 3.4vw, 5.1rem);
		line-height: 1.02;
		letter-spacing: -.045em;
		text-wrap: balance;
	}
	.tushal-404-copy > p:not(.tushal-404-code) {
		max-width: 66ch;
		margin: 0;
		color: var(--tushal-color-copy);
		font-size: clamp(1.03rem, .98rem + .3vw, 1.25rem);
		line-height: 1.72;
	}
	.tushal-404-search { width: min(100%, 780px); }
	.tushal-404-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
	.tushal-404-assurances { display: flex; flex-wrap: wrap; gap: .5rem; }
	.tushal-404-assurances span {
		display: inline-flex;
		align-items: center;
		min-height: 38px;
		padding: .5rem .75rem;
		border: 1px solid var(--tushal-color-border-strong);
		border-radius: var(--tushal-radius-pill);
		background: rgb(255 255 255 / 76%);
		box-shadow: var(--tushal-shadow-sm);
		color: var(--tushal-color-ink);
		font-size: .8rem;
		font-weight: 800;
	}
	.tushal-404-art { position: relative; min-height: 420px; display: grid; place-items: center; }
	.tushal-404-orbit { position: absolute; border-radius: 50%; }
	.tushal-404-orbit--one { width: 280px; aspect-ratio: 1; border: 2px solid rgb(255 148 24 / 36%); transform: rotate(18deg); }
	.tushal-404-orbit--two { width: 360px; aspect-ratio: 1; border: 1px dashed rgb(55 108 255 / 38%); transform: rotate(-12deg); }
	.tushal-404-compass {
		position: relative;
		z-index: 2;
		display: grid;
		gap: .65rem;
		place-items: center;
		width: min(100%, 370px);
		padding: clamp(1.25rem, 3vw, 2.25rem);
		border: 2px solid var(--tushal-color-orange-500);
		border-radius: 42% 58% 52% 48% / 42% 44% 56% 58%;
		background: linear-gradient(145deg, rgb(255 255 255 / 96%), rgb(255 244 226 / 95%));
		box-shadow: var(--tushal-shadow-elevated);
		text-align: center;
	}
	.tushal-404-compass svg { width: min(66%, 220px); color: var(--tushal-color-blue-600); filter: drop-shadow(0 16px 25px rgb(55 108 255 / 18%)); }
	.tushal-404-compass strong { color: var(--tushal-color-ink); font-size: clamp(1.2rem, 1.05rem + .7vw, 1.7rem); }
	.tushal-404-compass span { color: var(--tushal-color-copy); line-height: 1.6; }
	.tushal-404-suggestions { padding-block: clamp(3rem, 6vw, 6.5rem); background: linear-gradient(180deg, #fff, #fff8ec 50%, #f4f0ff); }

	.tushal-author-profile { padding-block: clamp(1.5rem, 4vw, 3.5rem); background: linear-gradient(180deg, #fff 0%, #fffaf0 100%); }
	.tushal-author-profile__shell {
		display: grid;
		grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr);
		gap: clamp(1.5rem, 4vw, 3.5rem);
		align-items: center;
		padding: clamp(1.25rem, 3vw, 2.25rem);
		border: 2px solid var(--tushal-color-orange-500);
		border-radius: var(--tushal-radius-feature);
		background:
			radial-gradient(circle at 8% 12%, rgb(255 148 24 / 18%), transparent 30%),
			linear-gradient(135deg, #fffdf8 0%, #f4f0ff 100%);
		box-shadow: var(--tushal-shadow-card);
	}
	.tushal-author-profile__identity { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 1rem; align-items: center; }
	.tushal-author-profile__avatar { position: relative; width: 150px; aspect-ratio: 1; }
	.tushal-author-profile__avatar img { width: 100%; height: 100%; object-fit: cover; border: 5px solid #fff; border-radius: 50%; box-shadow: var(--tushal-shadow-elevated); }
	.tushal-author-profile__avatar span { position: absolute; inset: -7px; z-index: -1; border: 3px solid var(--tushal-color-orange-500); border-radius: 50%; }
	.tushal-author-profile h2 { margin: .65rem 0 .35rem; font-size: clamp(1.8rem, 1.35rem + 1.6vw, 3rem); line-height: 1.08; }
	.tushal-author-profile__role { margin: 0; color: var(--tushal-color-copy); line-height: 1.6; }
	.tushal-author-profile__content { display: grid; gap: 1rem; }
	.tushal-author-profile__content > p { margin: 0; color: var(--tushal-color-copy); font-size: clamp(1rem, .96rem + .2vw, 1.15rem); line-height: 1.72; text-align: justify; }
	.tushal-author-profile__trust { display: flex; flex-wrap: wrap; gap: .55rem; }
	.tushal-author-profile__trust span { padding: .52rem .75rem; border: 1px solid var(--tushal-color-border-strong); border-radius: var(--tushal-radius-pill); background: #fff; color: var(--tushal-color-ink); font-size: .8rem; font-weight: 800; }
	.tushal-author-profile__actions { display: flex; flex-wrap: wrap; gap: .7rem; }
}

/* Final single-post corrections: contained media, premium sidebar and compact related-title list. */
@layer tushal.content {
  .tushal-single-container {
    width: min(92vw, 1280px);
  }
  .tushal-single-title {
    max-width: 900px;
    margin-inline: auto;
    font-size: clamp(2rem, 1.45rem + 2.2vw, 4rem);
    font-weight: 760;
    line-height: 1.06;
  }
  .tushal-single-featured-wrap {
    width: min(86vw, 1040px);
    margin-top: clamp(-3.5rem, -5vw, -2rem);
  }
  .tushal-single-featured {
    max-height: 520px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
  }
  .tushal-single-featured img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .tushal-single-layout {
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    gap: clamp(1.25rem, 3vw, 2.5rem);
    align-items: start;
  }
  .tushal-single-aside__sticky {
    display: grid;
    gap: .85rem;
  }
  .tushal-toc,
  .tushal-share-card {
    border: 1px solid rgb(91 108 255 / 42%);
    background: linear-gradient(145deg, #fff, #f7f4ff);
    box-shadow: 0 14px 32px rgb(37 99 235 / 10%);
  }
  .tushal-toc h2,
  .tushal-share-card h2 {
    margin-bottom: .75rem;
    padding-bottom: .55rem;
    border-bottom: 2px solid #f59e0b;
    font-size: 1rem;
  }
  .tushal-related-posts {
    padding-block: clamp(2rem, 5vw, 4rem);
  }
  .tushal-related-title-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: related;
  }
  .tushal-related-title-list li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    min-width: 0;
    padding: .85rem 1rem;
    border: 1px solid rgb(91 108 255 / 35%);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 22px rgb(37 99 235 / 8%);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
  }
  .tushal-related-title-list li:hover {
    transform: translateY(-2px);
    border-color: #f59e0b;
    box-shadow: 0 12px 28px rgb(245 158 11 / 14%);
  }
  .tushal-related-title-list__number {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: linear-gradient(135deg, #f59e0b, #ffb84f);
    color: #111827;
    font-size: .78rem;
    font-weight: 900;
  }
  .tushal-related-title-list a {
    color: #172033;
    font-weight: 800;
    line-height: 1.35;
    text-decoration: none;
  }
  .tushal-related-title-list a:hover {
    color: #2563eb;
  }

  @media (max-width: 1023px) {
    .tushal-single-featured-wrap {
      width: min(92vw, 920px);
    }
    .tushal-related-title-list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 767px) {
    .tushal-single-title {
      font-size: clamp(1.8rem, 1.35rem + 2.8vw, 2.6rem);
      font-weight: 750;
    }
    .tushal-single-featured-wrap {
      width: calc(100% - 12px);
      margin-top: -1.75rem;
    }
    .tushal-single-featured {
      max-height: 340px;
      aspect-ratio: 4 / 3;
    }
    .tushal-related-title-list {
      grid-template-columns: 1fr;
    }
  }
}

/* Runtime polish v7.0.1 — wider editorial title, denser sidebar and compact article media. */
@layer tushal.content {
  .tushal-single-hero { padding-block: clamp(2.25rem, 5vw, 4.5rem) clamp(4.25rem, 7vw, 6rem); }
  .tushal-single-hero__content { max-width: min(94vw, 1380px); }
  .tushal-single-title {
    max-width: min(96vw, 1320px);
    font-size: clamp(2.2rem, 1.35rem + 2.6vw, 4.35rem);
    font-weight: 730;
    line-height: 1.02;
  }
  .tushal-single-featured-wrap { width: min(78vw, 980px); }
  .tushal-single-featured { max-height: 460px; aspect-ratio: 16 / 8; }
  .tushal-single-layout { grid-template-columns: minmax(250px, 310px) minmax(0, 1fr); }
  .tushal-single-aside__sticky { gap:.75rem; }
  .tushal-toc,
  .tushal-share-card { padding:.9rem; }
  .tushal-article-topic-list,
  .tushal-article-recent-list { display:grid; gap:.45rem; margin:0; padding:0; list-style:none; }
  .tushal-article-topic-list a,
  .tushal-article-recent-list a {
    display:block;
    padding:.5rem .6rem;
    border:1px solid rgb(37 99 235 / 18%);
    border-radius:10px;
    background:#fff;
    color:#172033;
    font-size:.86rem;
    font-weight:750;
    line-height:1.35;
    text-decoration:none;
  }
  .tushal-article-topic-list a:hover,
  .tushal-article-recent-list a:hover { border-color:#f59e0b; background:#fff7e8; color:#1d4ed8; }
  @media (max-width: 1023px) {
    .tushal-single-title { max-width:94vw; font-size:clamp(2rem, 1.45rem + 2.8vw, 3.5rem); }
    .tushal-single-featured-wrap { width:min(90vw,900px); }
  }
  @media (max-width: 767px) {
    .tushal-single-hero { padding-block:1.5rem 3rem; }
    .tushal-single-title { max-width:calc(100vw - 20px); font-size:clamp(1.75rem, 7.8vw, 2.45rem); font-weight:720; }
    .tushal-single-featured-wrap { width:calc(100% - 12px); }
    .tushal-single-featured { max-height:300px; aspect-ratio:4 / 3; }
  }
}