.appreciation{
	margin-top: 6rem;
	width: 100%;
	font-size: clamp( 0.9rem, 1.1vw + 0.5rem, 1.05rem );
}

.appreciation > .titles{
	margin: 0 0 4rem 0;
}

.appreciation > .titles .title{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 0 2rem 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-size: 1em;
	row-gap: 2rem;
}

.appreciation > .titles .title::after{
	content: '';
	height: 3px;
	width: 320px;
	background-color: var( --exercise-category-border );
}

.appreciation > .titles .subtitle{
	font-size: 0.8em;
	margin: 0 auto 3rem auto;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	text-align: center;
	max-width: 180px;
	text-wrap: balance;
}

.article-games{
	display: flex;
	flex-direction: column;
	row-gap: 3rem;
	margin: 0;
	line-height: 1.4;
}
.article-games P{
	margin: 1rem 0;
	font-weight: 400;
	font-size: 1em;
}
.article-games .article-game .title{
	font-family: var( --font-sans );
	margin: 0 auto 1rem 0;
	font-style: italic;
	font-weight: 600;
	font-size: 1em;
	text-align: left;
	max-width: 180px;
}
.article-games .article-game .title + P,
.article-games .article-game .rubric{
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	line-height: 1.5;
}
.article-games .article-game .rubric.small{
	font-weight: 400;
	font-style: italic;
	font-size: 0.95em;
}
.article-games .article-game .title + P STRONG,
.article-games .article-game .rubric STRONG {
	font-weight: 600;
}
.article-games .article-game STRONG {
	font-weight: 600;
}
.article-game .styled-list LI,
.article-game .inline-list LI{
	font-size: 0.95em;
	font-weight: 400;
	text-align: left;
}

.article-games DETAILS .content{
	 font-size: 1em;
}

.article-games DETAILS .content > P > I{
	 font-size: 0.9em;
}

.article-games .inline-list STRONG,
.article-games .styled-list STRONG {
	font-style: italic;
}

.article-games DL {
	margin: 0;
	font-family: var( --font-sans );
}
.article-games DT {
	margin: 2rem 0 0.5rem 0;
	font-style: italic;
	font-weight: 500;
}
.article-games DD{
	line-height: 1.5;
	font-weight: 300;
}

.article-games DD DETAILS{
	margin: 0.5rem 0;
}

.article-games BLOCKQUOTE{
	/* Prevent BFC creation so it wraps under the drop cap float */
	display: flex;
	flex-direction: column;
	overflow: visible;
	width: auto;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	margin-right: 0;
	margin-left: 0;
	padding: 0 0 0 0;
	font-size: 0.95em;
}
.article-games BLOCKQUOTE.worked-example,
.article-games BLOCKQUOTE.jigsaw{
	padding: 0 0 0 0;
}
.article-games BLOCKQUOTE P{
	position: relative;
	margin: 0 0 0 0;
	font-style: italic;
	font-weight: 500;
	margin: 0 !important;
}

.article-games BLOCKQUOTE.worked-example P,
.article-games BLOCKQUOTE.jigsaw P{
	padding-left: 1rem;
	border-left: 3px solid var( --link-dark );
	font-weight: 400;
}
.article-games BLOCKQUOTE p:last-child {
	margin-bottom: 0;
}
.article-games BLOCKQUOTE.jigsaw + P{
	font-size: 0.85em;
	font-style: italic;
}

.article-games BLOCKQUOTE::before{
	display: none;
}

.article-games .comments{
	font-size: 0.85em;
}

.article-games .article-game-more{
	font-size: 0.95em;
	margin-top: 2rem;
}

.article-games .article-game-more .prompt{
	display: inline; 
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 600;
	opacity: 0.7;
}

.article-games .article-game-more UL{ 
	display: inline; 
	padding: 0; 
	list-style-type: none; 
}
.article-games .article-game-more UL LI{ 
	display: inline; 
	font-size: 0.9em; 
	margin-right: 0.5rem;
	font-style: italic;
}

.article-games .article-game-more .tag-count{
	font-size: 0.85em;
	font-weight: 400;
	opacity: 0.7;
	font-style: italic;
}

.article .wordlist-prompt {
  margin-right: 0.5em;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.article .wordlist {
  font-size: 0.95em;
}

.article .wordlist MARK {
  font-family: inherit;
  font-style: italic;
  font-weight: inherit; 
  color: var( --text-accent );
  margin-right: 0.3em;
}
.article .wordlist MARK:after {
  content: '.';
}
.article .wordlist[data-separator='semi-colon'] MARK:after {
  content: ';';
}
.article .wordlist MARK:last-child:after {
  content: '.';
}

DETAILS.hint{
	display: inline-flex;
	flex-flow: row;
	align-items: baseline;
	justify-content: flex-start;
}
DETAILS.hint SUMMARY{
	display: block;
	font-size: 0.8em;
	margin: 0 0.5em 0 0;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    text-decoration-color: var( --link-underline );
	
}
DETAILS.hint SUMMARY::after{
	display: none;
}
DETAILS.hint SPAN{
	display: block;
	font-size: 0.9em;
	margin: 0;
	font-weight: 500;
}