@charset "utf-8";
/* ==========================================================================
   deco.css - text decoration for CMS body text (standard since 2026-10)
   - Loaded by public item/preview pages, the admin preview (staff.js) and
     staff/decosample.html. Keep this file ASCII-only so it works on both
     UTF-8 and EUC-JP sites.
   - Change a color by changing the number in the class (fc1 -> fc3, mk1 -> mk2).
   - Do not rename classes: they are stored inside saved articles.
     To restyle a site, override the values below in that site's own CSS.
   ========================================================================== */

/* text color: fc1-fc8 (fc1 red / fc2 pink kept compatible with older sites) */
.fc1 { color: #E60012; }
.fc2 { color: #E8507A; }
.fc3 { color: #8B5A2B; }
.fc4 { color: #1F3A7A; }
.fc5 { color: #1A6FC4; }
.fc6 { color: #23804A; }
.fc7 { color: #D96C00; }
.fc8 { color: #6E6E6E; }

/* marker line: mk1-mk5 (bold + highlighter under the lower half of the text) */
.mk1, .mk2, .mk3, .mk4, .mk5 {
	font-weight: bold;
	padding: 0 .1em;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.mk1 { background: linear-gradient(transparent 55%, #FFC2D9 55%); }
.mk2 { background: linear-gradient(transparent 55%, #FFEE66 55%); }
.mk3 { background: linear-gradient(transparent 55%, #C3EDA8 55%); }
.mk4 { background: linear-gradient(transparent 55%, #B5E2FF 55%); }
.mk5 { background: linear-gradient(transparent 55%, #DCCDFF 55%); }

/* sub heading: stitle1-stitle4 (bold line with a colored dot) */
.stitle1, .stitle2, .stitle3, .stitle4 {
	display: block;
	position: relative;
	font-weight: bold;
	font-size: 1.05em;
	padding-left: 1.1em;
}
.stitle1::before, .stitle2::before, .stitle3::before, .stitle4::before {
	content: "";
	position: absolute;
	left: 0;
	top: .55em;
	width: .65em;
	height: .65em;
	border-radius: 50%;
	background: #E8559A;
}
.stitle2::before { background: #9BC93A; }
.stitle3::before { background: #23804A; }
.stitle4::before { background: #A08C4E; }
/* the line break typed after a sub heading would add an empty line */
.stitle1 + br, .stitle2 + br, .stitle3 + br, .stitle4 + br { display: none; }