.todays-citation > h1								{ text-align: right; text-decoration: underline; font:inherit; margin: 0; font-style: italic; }

*[class^='todays-'] > div							{ margin: 0; padding: 0; }
*[class^='todays-'] > div[lang]:before				{ content: none; }
*[class^='todays-'] .single							{ margin-top: 0.25em; margin-bottom:0.25em; font-size:10pt; padding: 0; }
*[class^='todays-'] .citation						{ -moz-hyphens: auto; hyphens: auto; position: relative; }
*[class^='todays-'] .citation + .citation			{ margin-top: 0.5em; }
*[class^='todays-'] .author							{ text-align: right; font-size: smaller; hyphens: manual; -moz-hyphens: manual; -ms-hyphens: manual; -webkit-hyphens: manual; clear: both; }
*[class^='todays-'] .author > .dead					{ outline: 1px solid black; text-decoration: none; }
*[class^='todays-'] .author + div					{ margin-top: 0.5em; }
*[class^='todays-'] .congrats						{ text-align: center; text-decoration: underline; font-style: italic; font-size: larger; }
*[class^='todays-'] .portrait						{ float: right; text-align: center; font-size: 8pt; margin-left:4px; padding-left:2px; border-bottom:1px solid black; border-radius:0 0 0 10px; }
*[class^='todays-'] .portrait + .portrait			{ float: left; text-align: center; font-size: 8pt; margin-right: 4px; padding-right:2px; border-bottom:1px solid black; border-radius:0 0 10px 0; }
*[class^='todays-'] .portrait > img,         		
*[class^='todays-'] .portrait > a > img				{ display: block; }
*[class^='todays-'] .отговор-на-загадката			{ display: none; -moz-transform: rotate(180deg) translateY(-0.5em); -webkit-transform: rotate(180deg) translateY(-0.5em); -ms-transform: rotate(180deg) translateY(-0.5em); -o-transform: rotate(180deg) translateY(-0.5em); transform: rotate(180deg) translateY(-0.5em); font-size: smaller; }
*[class^='todays-'] .отговор-на-загадката > a:hover	{ text-decoration: overline; }
*[class^='todays-'] > hr							{ border-color: #F3BE72; margin-bottom: 0.5em; margin-top: 0.25em; }

aside.todays-citation						
{ 
	background-color: lightgoldenrodyellow; 
	border-radius: 10px 10px 10px 10px; 
	box-shadow: 6pt 6pt 6pt 0 #444; 
	font-size: 9pt; 
	margin-right:0ex; 
	max-width: 40ex; 
	padding:1ex; 
	position: relative;
}

.todays-citation > div.citation > p							{ margin-top: 0; }
.todays-citation > div.citation > p > br + span:last-child	{ display: block; text-align: right; }

.todays-citation > aside:last-child, .todays-picture > aside:last-child
{
	bottom: 4px; 
	border:none;
	display: none;
	right: 4px; 
	padding: 0;
	position: absolute; 
}
	
@media screen
{	
	@supports (border-image:none)
	{
		.todays-citation:not(.no-scroll)
		{ 
			background-color: lightgoldenrodyellow; 
			border-image-repeat: stretch; 
			border-image-slice:12 12 16 fill; 
			border-image-source: url(/todays-citation/scroll.jpg); 
			border-image-width:17px 12px;
			border-radius: 0; 
			box-shadow: none; 
			padding: 12px 10px 26px 14px ! important; 
		}
		.todays-citation > aside:last-child					
		{
			bottom: calc(14px - 1em); 
			left: 8px; 
			right: auto;
		}
	}
}

aside.todays-citation							{ margin-bottom: 2.5em; }
.todays-citation.no-scroll						{ padding: 12px 0.5ex 0.5em; border-radius: 0 0 10px 0; box-shadow: 6pt 6pt 6pt 0 #333E34; }

.citation-list									{ display: inline-block; vertical-align: top; padding-right: 2.5ex; }

aside.todays-picture							{ clear: both; }
.todays-picture									{ font-size: smaller; position: relative; clear: both; }
.todays-picture > div							{ display: inline-block; width: 100%; text-align: left; }
.todays-picture > div > img						{ display:block; }

body[data-sizes~='md'] .todays-citation:not(.auto-size)	{ max-width: 40ex ! important; }
body:not([data-sizes~='md']) .todays-citation			{ max-width: calc(100% - 36px) ! important; }
.todays-citation.auto-size								{ max-width: unset ! important; }

label						 
{
	font-size: smaller;
}

.todays-citation > div.cjkv
{
	writing-mode: vertical-rl;
	line-height: 2; 
}

body:not([data-sizes~='sm'])  aside.todays-citation.wide-xs	> * { font-size: smaller; }

.citation:lang(jp)
{
	font-size: 150%; 
	letter-spacing: 0.25ex; 
	line-height: 2;
	margin-top: 1em;
	width: auto; 
	writing-mode: vertical-rl; 
}

.citation:lang(jp) > .author
{
	font-size: 65%;	
	margin-top: 2em;
}

input[name='Furigana']:not(:checked) ~ .citation:lang(jp) rt	{ visibility: hidden; }
input[name='Furigana']:checked ~ .citation:lang(jp) rt			{ visibility: visible; }

*.citation.first-letter-red span								{ display: inline-block; }
*.citation.first-letter-red span:first-letter					{ color: red; }
*.citation.first-letter-red td									{ vertical-align: bottom; }
*.citation.first-letter-red td:first-child						{ font-size: larger; }

table.citation													{ width: 100%; }
table.citation > * > tr > *										{ width:  50%; }

*.todays-picture.two-pictures									{ width: min-content; }
*.todays-picture.two-pictures > div > div				        { width: calc(50% - 2px); display:inline-block; vertical-align: top; }

body[data-sizes~='md'] .todays-picture > div > img				{ max-width: calc(40vw - 12px) ! important; }
body:not([data-sizes~='md']) .todays-picture > div > img		{ max-width: calc(100vw - 48px) ! important; }

