@charset "utf-8";


/* reset */
.l-main-article :is(ul, ol) {

	&, & & {
		margin-left: 0 !important;
		padding-left: 0 !important;
	}

	&>* {
		text-indent: unset !important;
		margin-top: 0 !important;
	}

	&> ::before {
		content: unset !important;
	}
}


/* title */
.c-section-title {
	line-height: 1.2;
	letter-spacing: .1em;
	font-size: 1.5em;
	font-weight: 700;
	color: #33393e;
	background-color: #dce3f1;
	margin-block: 2em 1.5em;
	padding: .5rem 1rem;
}

.c-section-title--archive {
	background: #eee;
}


/* latest */
.c-latest-report {
	display: flex;
	gap: .5em 1em;
	
	& > *{
		flex: 1 1 min-content;
	}
}
@media (max-width: 767px){
	.c-latest-report {
		flex-direction: column;
	}
}

.c-latest-report__title {
	font-weight: bold;
	border-bottom: 2px solid #eee;
	margin-bottom: 1em;
	padding-bottom: .5em;
}


/* archive list */
.c-monthly-archives {
	--archive-gutter: 1.875em;
	display: grid;
	gap: var(--archive-gutter);

	& > * {
		border-bottom: 2px solid #eee;
		padding-bottom: var(--archive-gutter);
		
		display: flex;
		flex-wrap: wrap;
		gap: 1em;
	}
	& > * > * {
		flex: 1 1 min-content;
	}
}
@media (min-width: 768px){
	.c-monthly-archives > *{
		flex-wrap: nowrap;
	}
}
@media (max-width: 767px){
	.c-monthly-archives > *{
		flex-direction: column;
	}
}



/* report list */
.c-report-list {
	margin-top: 0 !important;
	display: flex;
	flex-wrap: wrap;
	gap: .5em 1em;
	
	& > *{
		flex: 1 1 auto;
	}
}



/* report > publish */
.c-archive-publish {
	flex: 0 1 256px;
	display: flex;
	flex-wrap: wrap;
	gap: .5em 1em;

	&:where(.c-latest-report *) {
		flex-direction: column;
	}
}
@media (max-width: 767px){
	.c-archive-publish {
		flex-basis: auto;
		gap: 0 1em;
	}
}

.c-archive-publish__date {
	font-size: .875em;
	color: #ccc;
}

.c-archive-publish__month {
	&:where(.c-latest-report *) {
		font-size: 24px;
		font-weight: bold;
	}
}



/* archive body */
.c-archive-body{
	& > *{
		margin-block: 0;
	}
	& > * + *{
		margin-top:  1rem !important;
	}
}


/* report > more */
.c-report-more {
	line-height: 1.333;
	color: white;
	background: #95a3be;
	/* border-radius: 100vmax; */
	border-radius: .5em;
	padding: .5em 1em;
	display: block;

	&:hover {
		color: white;
	}

	&:is([target]) {
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		gap: .5em;
	}

	&:is([target])::after {
		content: "";
		width: 1.25em;
		height: 1.25em;
		background: url(/wp-content/uploads/2025/07/icon-pdf.svg) no-repeat center / contain;
	}
	
	&:is(.js-ricereport-latest *){
		background: #002d56;
	}
	
	&:is(.js-ricereport-latest *)::after {
		background-image: url(/wp-content/uploads/2025/07/icon-pdf--latest.svg);
	}
}

/* archive description */
.c-archive-description{
	color: #333;
	background: whitesmoke;
	border-radius: 1em;
	padding: 1em 1.5em;
}
