/*	Imports  */

@import "fonts.css";
@import "variables.css";
@import "basics.css";


/*	Post  */

article p + figure,
article figure + p,
article figure + h2
{	margin-top: var(--padding-y); }

article time
{	color: var(--neutral-100);
	font-size: 15px;
	line-height: 24px; }

article time,
article * + p.last
{	margin-top: var(--padding-y); }

article h2 + p,
article p + blockquote,
article blockquote + p
{	margin-top: 24px; }

blockquote
{	max-width: 100%;
	text-align: right;
	width: fit-content; }

blockquote p
{	display: inline-block; }

blockquote p:first-child
{	background-color: var(--neutral-20);
	box-shadow:	1px 0 0 var(--neutral-20) inset,
				-1px 0 0 var(--neutral-20) inset;
	padding: 4px 12px 8px 12px;
	width: fit-content; }

blockquote p:first-child:before,
blockquote p:first-child:after
{	background-image:	linear-gradient(var(--neutral-100), var(--neutral-100)),
						linear-gradient(var(--yin), var(--yin));
	border-radius: 3.7px;
	content: "";
	height: 8px;
	width: 8px;
	position: absolute; }

blockquote p:first-child:before
{	left: -3.5px;
	top: -7.5px; }

blockquote p:first-child:after
{	right: -3.5px;
	bottom: -7.5px; }

blockquote p + p.small
{	color: var(--neutral-100);
	display: block;
	font-size: 15px;
	line-height: 24px;
	margin-right: 12px;
	margin-top: 4px; }

blockquote cite
{	font-size: inherit;
	font-style: inherit;
	line-height: inherit; }

ol.deco li:before
{	background-color: var(--neutral-20);
	border-radius: 15.5px;
	content: counter(list-item);
	display: block;
	font-size: 15px;
	position: absolute;
	margin: 1px 0 0 -44px;
	text-align: center;
	height: 32px;
	width: 32px; }

article p + ol.deco
{	margin-top: 24px; }

ol.deco li
{	counter-increment: list-item;
	margin-left: 44px; }

ol.deco li + li
{	margin-top: 16px; }