main { padding-top: 2.2rem }
@media (min-width: 1280px) { main { padding-top: 0; padding-bottom: 7rem; display: flex; flex-flow: row wrap; justify-content: space-between; }}
h2.heading { position:relative;margin:0 0 1rem 0;padding-top:1.5rem;font-size: 2rem; line-height: 1; font-weight: 700; font-family: 'Passion One', sans-serif; color: var(--body-color); text-transform:uppercase; }
h2.heading::before {content:'';position: absolute;width: 70px;height: 7px;top:0;left:0;background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);}

@media (min-width: 906px) {
	h2.heading {font-size: 3rem; margin: 4rem 0 2rem 0;}
}
	
.wccf_video_tag { position: relative; padding-bottom: 56.25%; margin:0; }
	.wccf_video_tag > div > .pgAdWrapper { width: 100%; height: 100%; display: flex !important; justify-content: center; align-items: center;}
	.wccf_video_tag > div { 
		position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
		background-image: url(https://cdn.wccftech.com/wp-content/uploads/2022/11/bg-video-light-16x9-1.webp);
		background-repeat: no-repeat;
    	background-size: contain;
		text-align:center;
		}
		.dark .wccf_video_tag > div { background-image: url(https://cdn.wccftech.com/wp-content/uploads/2022/11/bg-video-dark-16x9-1.webp);  }

	@media only screen and (min-width: 768px) {
		.wccf_video_tag { margin:0 0 1rem 0 !important; }
		.wccf_video_tag > div       { background-image: url(https://cdn.wccftech.com/wp-content/uploads/2022/11/bg-video-light.webp); }
		.dark .wccf_video_tag > div { background-image: url(https://cdn.wccftech.com/wp-content/uploads/2022/11/bg-video-dark.webp);  }
	}

	main div.heading { margin-bottom: 1.6rem; padding: 0 1.5rem  }
	
		.badge { border-radius: 1.6rem; display: flex; align-items: center; gap: 2rem; width: max-content; justify-content: start; line-height: 1.1; font-size: 1.2rem; font-weight: 400; margin-bottom: 1rem;} 
		.badge a { color: var(--primary); font-weight: 500; text-transform: uppercase;}
		.badge a:hover {border-bottom: 1px solid var(--primary);}
		.badge span { position: relative;} 
		.badge span::before { content: ""; position: absolute; left: -1rem; top: 0rem; bottom: 0rem; width: 0.2rem; transform: rotate(16deg); background-color: var(--body-color); border-radius: 0.05rem; } .badge span:first-child::before {display: none;}
		.badge:empty { display:none }
		
		.heading h1 { font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 0.8rem; font-weight: 800; }
		.heading .meta { font-size: 1.2rem; display: flex; align-items: center; height: 30px; }
		.heading .meta span, .heading .meta-more span {display: flex; align-items: center; justify-content: center; gap: .4rem; font-size: 1.2rem; margin: 0 10px; }
		.heading .meta .post-comments { margin-left:auto; display: none; align-items: center; }
		.heading .meta .disqus-comment-count { margin-left: 0.7rem; margin-right: 0.4rem; font-size: 1.2rem;}
		.heading .meta-more { font-size: 1.2rem; display: flex; align-items: center; margin-top:5px; }
		.heading .meta-more .share-btns {display: flex; gap: 0.8rem;}
		.heading .meta-more .share-btns div {height: 34px; width: 34px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--gray-300); border-radius: 500px; }
		.heading .meta-more .post-comments {margin-left: auto; padding-left: 1rem; display: flex; gap: .5rem; color: var(--primary);}
		.heading .meta-more .post-comments span {margin: 0; padding: 0;}
		.heading .meta .post-comments span img, .heading .meta-more .post-comments span img {display: none;}
		.heading .meta-more .share-btns div:hover, .heading .meta-more .share-btns div:active {background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%); border-color: transparent; color: #fff;}
		
		@media (min-width: 768px) {
			.heading h1 { font-size: 3.8rem; line-height: 4.7rem; margin-bottom: 0.6rem; font-weight: 900; }

		}
		@media (min-width: 1280px) {
			main div.heading { flex: 1 100%; padding: 0 4rem 0 2rem; }
			main .heading .meta { max-width:80rem }
			.heading .meta .post-comments {display: flex; gap: .5rem;}
			.heading .meta .post-comments span {margin: 0;}
			main .heading .meta-more {display: none;}
		}

	main .content { padding-left: 0.4rem; padding-right: 0.4rem; }
		@media (min-width: 768px) {main .content { padding-left: 0; padding-right: 0; }}
		/* Grid Setup */
		@media (min-width: 1280px) {
			main {display: grid; grid-template-columns: 84.6rem 30rem; gap: 0 4rem;}
				.heading {grid-column: 1/-1;} 
				.content, .aside {grid-column: 1/1;}
				.sidebar {grid-column: 3/2; grid-row: 2/4;}
		}

		.content figure { margin-bottom: 0rem; }
			.content figure .post-cover { position: relative; margin-bottom: 2.0rem; background-color: var(--gray-300); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg transform='translate(-126 -181)'%3E%3Crect width='56' height='56' transform='translate(126 181)' fill='%23fff' opacity='0'/%3E%3Cpath d='M20536,23203a2,2,0,0,1-1.414-3.418h0l8.941-8.936a2,2,0,0,1,2.955.008l8.934,8.928h0A2,2,0,0,1,20554,23203Z' transform='translate(-20403 -22977)' fill='%23e1eaed'/%3E%3Cpath d='M20539.654,23224H20534l20.418-20.416a2,2,0,0,1,2.844.018l16.984,16.984a2.015,2.015,0,0,1,.582,1.27v.291a2.007,2.007,0,0,1-2,1.854Zm.174-29.5a4.5,4.5,0,1,1,4.5,4.5A4.5,4.5,0,0,1,20539.828,23194.5Z' transform='translate(-20397.828 -22998)' fill='%23d5e1e5'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; border-radius: 1.2rem; overflow: hidden; }
			.content figure .post-cover img { width: 100%; height: auto; max-height: 600px; object-fit: cover; }
			.content figure figcaption { font-size: 1.3rem; text-align: left; padding: 1.6rem 1.1rem; line-height: 1.9rem; border-bottom: 1px solid var(--gray-300); word-break:break-all; }

		.post { padding: 0 1.1rem; font-size: 1.6rem; line-height: 2.5rem; font-weight: 500; position:relative; display: flex; flex-direction: column; gap: 2rem;}
			.post img { max-width: 100%; height: auto; display:block; }
			.post img.aligncenter { margin:auto }
			.post a { position: relative; color: inherit; background-image: linear-gradient(to right, var(--primary), var(--primary)); background-position: 0 100%; background-size: 100% 1px; background-repeat: no-repeat; }
			.post a:hover { color: var(--primary); }

			.post p {margin: 0 ; }
			.post h1, .post h2 { font-size: 2rem; line-height: 2.8rem; font-weight: 800; margin: .7rem 0 .5rem;}
			.post h3, .post h4 { font-size: 1.8rem; line-height: 3rem; font-weight: 800;  margin: 0; padding: 0.8rem 0 0.6rem;}
			.post h5, .post h6 { font-size: 1.6rem; line-height: 2.4rem; font-weight: 800; }
			.post strong { font-weight: 700; }			

			.story-share{display:none;}

			.post .story-notice{font-size:1.3rem!important;line-height:2.1rem;padding:1.2rem 1.5rem;color:var(--gray-800);border:1px solid var(--gray-400);border-radius:1.2rem;position:relative}
			.post .story-notice:last-child{margin-bottom:1.5rem}
			@media (min-width: 768px)  { .post .story-notice{padding:2rem 2.5rem;} .post .story-notice:last-child{margin-bottom:0} }
			@media (min-width: 1280px) { .post .story-notice:last-child{margin-bottom:2rem} }

			.post blockquote { position: relative; padding: 1rem 1rem 1rem 2.1rem; margin: 1rem 0; background-color: var(--gray-300); }
			.post blockquote::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1rem; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%); border-radius: 0.1rem; }
			.post blockquote p {margin-bottom: 2rem;} .post blockquote p:last-child, .post blockquote div:last-child { margin-bottom: 0; }
			.post .twitter-tweet { width: 100% !important; margin: 3rem auto !important; }

			.related-story { margin: 0 !important; }
				.related-story a { color: var(--primary); }
				.related-story h5 { font-weight:600; font-size:1.5rem; line-height: 2.2rem;}
				.related-story strong { font-weight:600; text-transform:uppercase; color: var(--body-color);  }
				.related-story strong::before { left: 0; padding-right: 8px; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10'%3E%3Cg transform='translate(-593 -158)'%3E%3Crect width='7' height='10' transform='translate(593 158)' opacity='0'/%3E%3Cpath d='M4742,1659l3,3-3,3' transform='translate(-4147 -1499)' fill='none' stroke='%23f05' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");}
				.related-story strong::after { right: 0; padding-left: 6px; padding-right: 4px; content: '\00B7'; color:lightgray; }
				.related-story a:hover span { border-bottom:1px solid var(--body-color); }

			.content .post-related { font-size: 1.3rem; position: relative; padding: 2rem 1.5rem 1.9rem 1.5rem; margin: 3rem 0 3rem 0; cursor: pointer; border: 1px solid var(--gray-300); border-radius: 1.2rem; background-color: var(--gray-200); clear: both; }			
				.content .post-related .text-muted { position: relative; padding-left: 2.2rem; color: var(--gray-800); }
				.content .post-related .text-muted::before { content: ""; position: absolute; top: 0.8rem; left: 1.1rem; width: 0.2rem; height: 0.2rem; background-color: var(--gray-800); border-radius: 0.1rem; }
				.content .post-related strong { text-transform: uppercase; }
				.content .post-related header { position: inherit; display: flex; align-items: center; margin-top: 0.1rem; margin-bottom: 0.9rem; line-height: 1.9rem; }
				.content .post-related h5, .content .post-related h5 span { font-weight: 600; color: var(--primary);}

			.post figure { text-align: center; }
			.post figure a { background: none; display: block; }
			.post figure img { border-radius: 1.2rem; }
			
			.post ul, .post ol { display: grid; font-size: 1.6rem; line-height: 2.6rem; padding-left: 0; padding-top: 0.8rem; padding-bottom: 0.8rem; margin-bottom: 0; margin-top: -2rem; }
			.post li { position: relative; padding-left: 1.5rem; list-style: none; }
			.post li::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10'%3E%3Cg transform='translate(-593 -158)'%3E%3Crect width='7' height='10' transform='translate(593 158)' opacity='0'/%3E%3Cpath d='M4742,1659l3,3-3,3' transform='translate(-4147 -1499)' fill='none' stroke='%23f05' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E"); position: absolute; top: 0; left: 0; margin-top: -0.1rem; }
			.dark .post li::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10'%3E%3Cg transform='translate(-593 -158)'%3E%3Crect width='7' height='10' transform='translate(593 158)' opacity='0'/%3E%3Cpath d='M4742,1659l3,3-3,3' transform='translate(-4147 -1499)' fill='none' stroke='%23ff1a66' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E"); }
			
			.post .iframe-wrapper{position:relative;overflow:hidden;padding-top:56.25%;aspect-ratio:16/9;margin-top:2.2rem;margin-bottom:2.4rem;margin-left:-1rem;margin-right:-1rem;border-radius:1.2rem}
			.post .iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
			
			@media (min-width: 768px) {
				.post .iframe-wrapper{margin-top:3.9rem;margin-bottom:4.1rem;margin-left:0;margin-right:0}
			}
			@media (max-width: 906px) { .post figure, .post .table-wrapper, .post .iframe-wrapper {width: calc(100% + 2.2rem) !important; margin-left: -1.1rem !important; margin-right: -1.1rem !important;}}
			
			.wccf-stock-quote {font-size: 90%; background-color: #000; border-radius: 5px; background-image: none !important; color: white !important; padding: 1px 6px;}
			.wccf-stock-quote:hover, .wccf-stock-quote:active { color: white !important; }
			.wccf-stock-quote.plus { color: white !important; }
			.wccf-stock-quote.minus { color: white !important;}
			.wccf-stock-quote.plus span { color: #27C8AE !important; }
			.wccf-stock-quote.minus span { color: #ff0095 !important }
			.wccf-stock-quote .fetching { background: url(https://cdn.wccftech.com/files/loading-bar.gif) no-repeat center right;width: 24px;height: 11px;display: inline-block;background-size: 16px 11px;}
			.wccf-stock-quote .quote-na {display: none;}

			.democracy { margin: 3rem 0 !important; border-radius: 1.2rem !important; background-color: var(--gray-300) !important; border:  none !important; }
			.dem-edit-link { position: absolute !important; padding: 10px; background-image: none !important; }
			.dem-poll-title { padding: 30px 20px 20px 20px !important; }
			.dem-notice { color:var(--gray-800); line-height:34px; text-transform:uppercase; font-size:90% }
			.dem-screen { height: auto !important; }
			.democracy ul.dem-vote{ height: auto !important; }
			.dem-answers { height: auto !important; }

			@media (min-width: 768px) {
				.content figure figcaption { padding: 1.6rem 2rem; }
				.post { padding: 4rem 5rem 0 5rem; }
				.post .twitter-tweet { width: 100% !important; margin: 4rem auto !important; }				
				.post figure { margin: 2rem 0; }
				.post h1, .post h2 { margin-top: 1rem; line-height: 3.7rem; font-size: 2.4rem; line-height: 3.3rem; }
				.content .post-related { padding: 2.6rem 1.9rem 2.5rem 1.9rem; margin: 4rem 0 4rem 0; }
				.post ul, .post ol { line-height: 3rem; font-weight: 500; padding-top: 1.8rem; padding-bottom: 1.1rem; }
				.post p { line-height: 2.75rem; font-weight: 500; }
				.post blockquote { padding: 2rem 1.5rem 2rem 3rem; margin: 2rem 0; }

				.democracy { margin: 4rem 0 !important; border-radius: 1.2rem !important; background-color: var(--gray-300) !important; border:  none !important; }
				.dem-edit-link { position: absolute !important; padding: 10px; background-image: none !important; }
				.dem-poll-title { padding: 30px 20px 20px 20px !important; }				
			}
			@media (min-width: 1280px) {
				.post { padding: 4rem 5rem 0 6.8rem; } .post h2 {margin-top: 2rem;} .story-gallery + h2 {margin-top: 1rem;}
				.story-share{display:flex;flex-direction: column; gap: 2rem; z-index:2;position: absolute;left: 0rem; top: 5.2rem; }
				.share-single{display:flex;align-items: center; justify-content: center; width:4rem;height:4rem;border-radius:2rem;background-color:var(--body-bg);border:1px solid var(--gray-300);cursor:pointer;transition:.4s width cubic-bezier(0,0,0,1)}
				.share-single:hover{color:#fff;border:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-grad2) 60%,var(--primary-grad3) 100%);width:5rem;}
				.share-single:active{color:#fff;border:0;background:linear-gradient(135deg,var(--primary-active) 0%,var(--grad2-active) 60%,var(--grad3-active) 100%)}
			}


		.aside { padding: 3rem 1.1rem 0 1.1rem; font-size: 1.6rem; line-height: 2.5rem; margin-bottom: 2rem; }
			.aside .body h4 { font-weight: 500; font-size:1.5rem; line-height:2.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; padding:0.5rem; }
			.aside .body img { border-radius: 1.2rem; border:1px solid var(--gray-300)}
			.aside .body ul li {display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; align-content: center; margin-bottom: 1.2rem} 
			.aside .body ul li img { width: 9rem; height: 9rem; margin-right: 0.9rem; }
			
		@media (min-width: 768px) {
			.aside .heading { margin-top:1rem; }
			.aside { padding: 3rem 5rem 0 5rem; margin-bottom: 3rem; }
				.aside .body ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
				.aside .body ul li { margin-bottom:2rem }
				.aside .body ul li img { width: 10rem; height:10rem; margin-right:1rem; }
		}

		.sidebar { display: none; }
			
			@media (min-width: 1280px) {
				.aside { padding: 4rem 5rem 0 6.8rem; }
				.sidebar { width: 300px; display: flex; flex-direction: column; gap: 8rem; } 
					.widget { background-color: var(--gray-300); border-radius: 1rem; padding: 2.5rem 2rem 1rem; }
					.dark .widget {background-color: #15191b;}
					.widget h3 { display: inline-block; font-size: 1.6rem; font-weight: 800; color: var(--body-color); background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; margin-bottom: 1rem}
					.widget li { padding: 1.1rem 0 1rem}
					.widget h4 { font-size: 1.4rem; font-weight: 500; line-height: 2rem; margin-bottom: 0.9rem; }
					.widget a { background-image: linear-gradient(to right, #000, #000); background-position: 0 100%; background-size: 0 1px; background-repeat: no-repeat; transition: 0.4s background-size cubic-bezier(0, 0, 0, 1); }
					.dark .widget a {background-image: linear-gradient(to right, #fff, #fff);}
					.widget li:hover a { background-size: 100% 1px; }
					.widget div svg {margin-right: 0.9rem}
					.widget div { font-size: 1.2rem; font-weight: 500; display: flex; align-items: center; justify-content: start;}
					.widget div span:first-child {font-weight: 800;}
					.widget div span:last-child {color:#91a8b0; margin-left: .4rem; }
			}

			.post .table-wrapper table {width: 100%; border-collapse: collapse;}
			.post .table-wrapper {font-size: 1.3rem; font-weight: 400; margin-bottom: 3rem;}
			.post .table-wrapper tr:nth-child(even){background-color:var(--gray-300)}
			.post .table-wrapper td{padding:1rem .5rem}
			.post .table-wrapper tr td:first-child,.post > .table-wrapper tr th:first-child{padding-left:1.1rem}
			.post .table-wrapper tr td:last-child,.post > .table-wrapper tr th:last-child{padding-right:1.1rem}

			@media (min-width: 768px) {
				.post .table-wrapper td, .post .table-wrapper th{padding:1.6rem .75rem 1.5rem}
				.post .table-wrapper tr td:first-child,.post > .table-wrapper tr th:first-child{padding-left:2rem}
				.post .table-wrapper tr td:last-child,.post > .table-wrapper tr th:last-child{padding-right:2rem}
			}

			.table-wrapper:has(.tablepress) {border: 1px solid var(--gray-300); border-radius: 1.2rem; min-width: 100%; transition: min-width .3s ease-in; position: relative; overflow-x: auto; }
			  .post .table-wrapper { width: 100%; margin-left: 0; margin-right: 0; }
			  .tablepress caption { display:none }
			  .post .table-wrapper .tablepress thead::after { content:none; height: 0; }
			  .post .table-wrapper .tablepress tr:nth-child(even) td:first-child, .post .table-wrapper tr:nth-child(even) th:first-child,
			  .post .table-wrapper .tablepress tr:nth-child(even) td:last-child, .post .table-wrapper tr:nth-child(even) th:last-child {border-radius: 0;}
			  
			  .tablepress { width: 100%; text-align: center; font-size: 1.3rem; background-color: #0a0c0d; color: #edf3f5; border-radius: 1.2rem;}
			  .tablepress tr {cursor: pointer; font-weight: 400;}
			  .tablepress thead tr {text-transform: uppercase; line-height: 1.9rem;}
			  .tablepress thead tr:first-of-type th { padding: 0.8rem;}
			  .tablepress thead tr:nth-child(2) th {padding: 0.8rem 0; }

			  .tablepress tbody tr:not(:last-child) {border-bottom: 1px solid rgba(21, 27, 25);}
			  .post .tablepress tbody tr:nth-child(2n) {background-color: rgba(21, 27, 25);}
			  .tablepress tbody tr:hover { background: linear-gradient(135deg, #ff1a66 0%, #ff5448 60%, #ff8448 100%);}
			  
			  .tablepress.expanded tbody tr > td:first-child, .tablepress.expanded thead tr > th:first-child {padding-left: 10px; padding-right: 10px; width: 22rem; }
			  .tablepress tbody tr > td:last-child, .tablepress thead tr > th:last-child { padding-right: 10px; }
			  .tablepress tbody tr td:first-child, .tablepress thead tr:nth-child(2) th { background-color: #282e31; color: #edf3f5; }
			  .tablepress tbody td {position: relative; }
			  .tablepress tbody td:not(td:first-child, td:last-child) { border-right: 1px solid rgba(21, 27, 25);}
			  .tablepress tr td:first-child {text-align: left; }
			  .tablepress tr td span { position: relative; z-index: 1; }

			  .table-wrapper .tablepress tbody td { padding: .75rem .5rem; }
			  .table-wrapper .tablepress tbody tr > td:first-child, .tablepress thead tr > th:first-child { padding-left: 10px; padding-right: 10px; width: 10rem;}
			  .post .table-wrapper .tablepress thead + tbody tr:first-child td { padding-top: .75rem; }
			  .tablepress .progress-bar { height: 100%; top: 0; bottom: 0; background: linear-gradient(135deg, #ff1a66 0%, #ff5448 60%, #ff8448 100%); position: absolute;}
			  
			  .table-wrapper:has(.tablepress) button { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); z-index: 8888; background-color: #fff; width: 1.6rem; height: 3.6rem; border-radius: 1.2rem 0 0 1.2rem; border: none; display: none; transition: transform .3s ease-in-out; }
			  .table-wrapper:has(.tablepress) button svg {fill: #0a0c0d; position: absolute; left: 6px; top: 12px;}
			  .table-wrapper:has(.tablepress.expanded) button svg {left: 6px; top: 10px}
			  
			  @media (max-width: 1280px) {.table-wrapper:has(.tablepress) { overflow-x: auto; }}
			  @media (min-width: 1280px) {
				.table-wrapper:has(.expanded) { min-width: 111.8rem; overflow: hidden; table-layout: fixed;}
			  	.table-wrapper:has(.tablepress) button { display: block; }
				.table-wrapper:has(.expanded) button svg { transform: rotate(180deg); transform-origin: center;}
			  }


.further-reading {padding: 0 0.4rem; margin-bottom: 2rem;}
@media (min-width: 768px) {.further-reading {padding: 0 5rem;}}
@media (min-width: 1280px) {.further-reading {padding: 0 5rem 0 6.8rem;}}

.related-posts { display: grid; grid-template-columns: 1fr;  gap: 0 2rem; padding-bottom: 1rem; }
.related-post { display: flex; gap: 1rem; padding: 1.1rem 0; border-bottom: 1px solid var(--gray-300); position: relative; } .related-post:last-child {border-bottom: none;}
	.related-post .post-thumb { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg transform='translate(-126 -181)'%3E%3Crect width='56' height='56' transform='translate(126 181)' fill='%23fff' opacity='0'/%3E%3Cpath d='M20536,23203a2,2,0,0,1-1.414-3.418h0l8.941-8.936a2,2,0,0,1,2.955.008l8.934,8.928h0A2,2,0,0,1,20554,23203Z' transform='translate(-20403 -22977)' fill='%23e1eaed'/%3E%3Cpath d='M20539.654,23224H20534l20.418-20.416a2,2,0,0,1,2.844.018l16.984,16.984a2.015,2.015,0,0,1,.582,1.27v.291a2.007,2.007,0,0,1-2,1.854Zm.174-29.5a4.5,4.5,0,1,1,4.5,4.5A4.5,4.5,0,0,1,20539.828,23194.5Z' transform='translate(-20397.828 -22998)' fill='%23d5e1e5'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; position: relative; min-width: 9rem; width: 9rem; height: 9rem; border-radius: 1.2rem; overflow: hidden; }
	.dark .related-post .post-thumb {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg transform='translate(-126 -181)'%3E%3Crect width='56' height='56' transform='translate(126 181)' fill='%23fff' opacity='0'/%3E%3Cpath d='M20536,23203a2,2,0,0,1-1.414-3.418h0l8.941-8.936a2,2,0,0,1,2.955.008l8.934,8.928h0A2,2,0,0,1,20554,23203Z' transform='translate(-20403 -22977)' fill='%2331373a'/%3E%3Cpath d='M20539.654,23224H20534l20.418-20.416a2,2,0,0,1,2.844.018l16.984,16.984a2.015,2.015,0,0,1,.582,1.27v.291a2.007,2.007,0,0,1-2,1.854Zm.174-29.5a4.5,4.5,0,1,1,4.5,4.5A4.5,4.5,0,0,1,20539.828,23194.5Z' transform='translate(-20397.828 -22998)' fill='%2350585c'/%3E%3C/g%3E%3C/svg%3E");}
	.related-post .post-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
	.related-post .post-content { display: flex; flex-direction: column; justify-content: space-between; gap: 0.9rem; padding: 0.1rem 1.1rem 0 0;}
	.related-post h3 { font-size: 1.4rem; font-weight: 600; line-height: 2rem;  margin-left: -0.1rem; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
	.related-post h3 a::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; cursor: pointer; }
	.related-post a { background-image: linear-gradient(to right, #000, #000); background-position: 0 100%; background-size: 0 1px; background-repeat: no-repeat; transition: 0.4s background-size cubic-bezier(0, 0, 0, 1); }
	.related-post a:visited {color: var(--gray-900);}
	.dark .related-post a {background-image: linear-gradient(to right, #fff, #fff);}
	.related-post:active a {background-size: 100% 1px;}	
	.related-post footer { display: flex; align-items: center; justify-content: start; font-size: 1.2rem; color: var(--gray-800); margin-top: -0.2rem;}
	.related-post footer .post-time {position: relative; padding-left: 1.4rem; padding-right: 0; flex: 1;}
	.related-post footer .post-time::before {content:''; width: 2px; height: 2px; background-color: var(--gray-800); position: absolute; top: 50%; left: 0.6rem; border-radius: 50%;}

.aside-related { background-color: var(--gray-200); margin-top: 2rem; margin-left: -.4rem; margin-right: -.4rem; padding-left: 1.5rem; padding-right: 1.5rem; }
.aside-related .body > h3 { display: inline-block; font-size: 1.6rem; font-weight: 800; color: var(--body-color); background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; margin-bottom: 1.1rem;}

@media (min-width: 906px) {
.aside-related { background-color:transparent; margin-left:0; margin-right:0; margin-top: 0; padding: 3rem 5rem 0 5rem }
.aside-related .body { background-color:var(--gray-200); padding: 2.5rem 2rem 1rem ; border-radius:1rem; }
.aside-related .body > h3 {margin-bottom: 2.1rem;}
.related-posts {grid-template-columns: repeat(2, 1fr); align-items: start; gap: 1.6rem; margin-bottom: 0; padding-bottom: 0;}
.related-post {border-bottom: none; gap: 1.8rem; padding: 0; }
.related-post .post-thumb {min-width: 10rem; height: 10rem; display: none}
.related-post .post-content h3 {-webkit-line-clamp: 3; line-clamp: 3; font-size: 1.4rem; font-weight: 500; line-height: 2rem;}
.related-post:hover a { background-size: 100% 1px; }
}
@media (min-width: 1280px) {
	.aside-related { padding:4rem 5rem 0 6.8rem }
}

.aside-products {background-color: var(--gray-200); margin: 0 -.4rem; padding: 3rem 0; margin-top: 2rem; }
.aside-products > h2 { display: inline-block; font-size: 1.6rem; line-height: 1.92rem; font-weight: 800; color: var(--body-color); background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; margin: 0 0 2.1rem 1.5rem;}
	.product {display: flex; gap: 1.5rem; padding: 0 1.5rem; position: relative;} .product:not(:first-child) {border-top: 1px solid var(--gray-300); margin-top: 1.5rem; padding-top: 1.5rem;}
	.product .product-thumb { height: 9rem; width: 9rem; object-fit: cover; border-radius: 1.2rem; overflow: hidden;}
	.product .product-thumb img { height: 100%; width: 100%; object-fit: cover;}
	.product .product-content { display: flex; flex-direction: column; flex: 1; }
	.product .product-content h3 {font-size: 1.4rem; font-weight: 600; line-height: 2rem; padding: 0; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
	.product .product-content a {position: static; background-image: linear-gradient(to right, currentColor, currentColor); background-position: 0 100%; background-size: 0% 1px; background-repeat: no-repeat; transition: 0.4s background-size cubic-bezier(0, 0, 0, 1);}
	.product .product-content a:active {background-size: 100% 1px;}
	.product .product-content h3 a::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
	.product .product-content strong {font-size: 1.3rem; font-weight: 700; color: var(--primary);}
	.product .product-content p {font-size: 1.4rem; line-height: 2rem; opacity: .8; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 1rem;}
	.product .product-content .btn {z-index: 2; margin-top: auto; text-align: center; display: block; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%); color: #FFF; text-align: center; width: max-content; border: none; border-radius: 1.2rem; padding: .2rem 2.2rem; font-size: 1.2rem; font-weight: 600; line-height: 2.1rem; color: #fff;}

	@media(min-width: 906px) {
		.aside-products {border-radius: 1rem; margin: 3rem 5rem 0 5rem ; padding: 3rem 2rem;}
		.aside-products > h2 {margin: 0 0 2.1rem 0;}
		.aside-products .body {display: grid; grid-template-columns: 1fr 1fr;row-gap: 15px;}
				.product{ display: flex; padding: 0; border: none; margin-top: 0;}	
				.product:not(:first-child) {border-top: none; margin-top: 0; padding-top: 0;}
				.product .product-content a:hover {background-size: 100% 1px;}
	}
	@media(min-width: 1280px) {.aside-products {margin: 4rem 5rem 0 6.8rem;}}

.story-gallery{position:relative; overflow: hidden;}
.story-gallery a { background-image:none; display:block; }
.post figure.story-gallery {margin: 1rem 0}
.gallery-nav{position:absolute;left:.2rem;bottom:.2rem;display:flex;color:#fff;background:rgba(0,0,0,0.8);padding:.5rem;border-radius:2.5rem;z-index:1}
.gallery-nav span{font-weight:500;padding:0.5rem 0.5rem 0.5rem 0.4rem;line-height:1.9rem;cursor:default}
.gallery-next,.gallery-prev{display:grid;place-items:center;flex-shrink: 0; width:3rem;height:3rem;border-radius:50%;cursor:pointer;color:#fff;border:2px solid rgba(255,255,255,0.15);margin-right:.5rem}
body:not(.is-tablet) .gallery-next:hover,body:not(.is-tablet) .gallery-prev:hover{border:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-grad2) 60%,var(--primary-grad3) 100%)}
.gallery-next:active,.gallery-prev:active{border:0;background:linear-gradient(135deg,var(--primary-active) 0%,var(--grad2-active) 60%,var(--grad3-active) 100%)!important}
.gallery-next svg{margin-left:.2rem}
.gallery-prev svg{margin-right:.2rem;transform:rotate(180deg)}
.post .swiper-slide img { display:inline-block; }