/* The King's Chronicle — blocks (front end and editor). */

.kcb { font-family: Manrope, Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.6; color: #394456; margin: 2.4em 0; }
.kcb__label, .kcb-facts__heading, .kcb-match__comp {
	display: block; margin: 0 0 12px; font-family: Manrope, Arial, sans-serif; font-size: 12px; font-weight: 800;
	line-height: 1.4; text-transform: uppercase; letter-spacing: .18em; color: #b71c32;
}
.kcb [data-rich-text-placeholder]::after { opacity: .5; }

/* Fact box */
.kcb-facts { border-top: 3px solid #b71c32; background: #f8f9fc; padding: 26px 28px 22px; }
.kcb-facts__heading { padding: 0; border: 0; }
.kcb-facts__list { margin: 0; padding-left: 1.2em; }
.kcb-facts__list li { margin: 0 0 8px; }
.kcb-facts__list li::marker { color: #b71c32; font-weight: 700; }

/* Match result */
.kcb-match { border: 1px solid #dde2ea; border-top: 3px solid #122b55; background: #fff; padding: 24px 28px; }
.kcb-match__comp { color: #122b55; }
.kcb-match__board { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; text-align: center; }
.kcb-match__score { font-family: Manrope, Arial, sans-serif; font-size: 64px; font-weight: 700; line-height: 1; color: #122b55; }
.kcb-match__team { margin-top: 6px; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }
.kcb-match__dash { font-family: Manrope, Arial, sans-serif; font-size: 40px; color: #b71c32; }
.kcb-match__details { display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; margin: 20px 0 0; padding-top: 16px; border-top: 1px solid #dde2ea; }
.kcb-match__details dt { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; color: #7b8491; padding-top: 3px; }
.kcb-match__details dd { margin: 0; }

/* Review verdict */
.kcb-verdict { border-left: 4px solid #b71c32; background: #f8f9fc; padding: 22px 28px; }
.kcb-verdict__stars { font-size: 28px; line-height: 1; letter-spacing: .08em; color: #b71c32; }
.kcb-verdict__work { margin-top: 10px; font-family: Manrope, Arial, sans-serif; font-size: 26px; font-weight: 700; line-height: 1.1; color: #19212c; }
.kcb-verdict__details { margin-top: 4px; color: #586272; }
.kcb-verdict__row { margin-top: 12px; padding-top: 12px; border-top: 1px solid #dde2ea; }
.kcb-verdict__row > span:first-child { font-weight: 800; text-transform: uppercase; font-size: 11px; letter-spacing: .12em; color: #7b8491; }

/* Question & answer */
.kcb-qa { margin: 1.8em 0; }
.kcb-qa__q { margin: 0 0 6px; font-weight: 800; color: #b71c32; font-size: 15px; }
.kcb-qa__q::before { content: "Q  "; opacity: .55; }
.kcb-qa__a { margin: 0; font-family: "Cormorant Garamond", Georgia, serif; font-size: 1.3rem; font-weight: 500; line-height: 1.6; color: #232b37; }

/* Profile card */
.kcb-profile { display: grid; grid-template-columns: 1fr; gap: 20px; align-items: center; border: 1px solid #dde2ea; border-radius: 3px; padding: 18px 22px; }
.kcb-profile__photo { position: relative; width: 112px; aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: #e8ecf4; }
.kcb-profile__photo img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1 !important; display: block; }
.kcb-profile__pick { position: absolute; inset: auto 0 0; justify-content: center; font-size: 11px; background: rgba(255,255,255,.85); }
.kcb-profile__name { font-family: Manrope, Arial, sans-serif; font-size: 24px; font-weight: 700; line-height: 1.1; color: #19212c; }
.kcb-profile__role { margin-top: 4px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; color: #b71c32; }
.kcb-profile__line { margin: 8px 0 0; }
@media (max-width: 520px) { .kcb-profile { grid-template-columns: 1fr; } .kcb-match__score { font-size: 44px; } }

.kcb-profile.has-photo { grid-template-columns: 112px 1fr; }

/* Win over the article's own typography */
.article-prose .kcb :where(h3, p, ul, div, dl, dd) { margin: 0; padding: 0; border: 0; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; }
.article-prose .kcb h3::before { display: none; }
.article-prose .kcb-facts__heading, .article-prose .kcb-match__comp { margin-bottom: 12px; font-size: 12px; font-weight: 800; line-height: 1.4; text-transform: uppercase; letter-spacing: .18em; color: #b71c32; }
.article-prose .kcb-match__comp { color: #122b55; }
.article-prose .kcb-facts__list { padding-left: 1.2em; }
.article-prose .kcb-facts__list li { margin: 0 0 8px; padding: 0; }
.article-prose .kcb-match__score { font-family: Manrope, Arial, sans-serif; font-size: 64px; font-weight: 700; line-height: 1; color: #122b55; }
.article-prose .kcb-match__team { margin-top: 6px; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }
.article-prose .kcb-match__dash { font-family: Manrope, Arial, sans-serif; font-size: 40px; color: #b71c32; }
.article-prose .kcb-match__details { margin-top: 20px; padding-top: 16px; border-top: 1px solid #dde2ea; }
.article-prose .kcb-verdict__stars { font-size: 28px; line-height: 1; letter-spacing: .08em; color: #b71c32; }
.article-prose .kcb-verdict__work { margin-top: 10px; font-family: Manrope, Arial, sans-serif; font-size: 26px; font-weight: 700; line-height: 1.1; color: #19212c; }
.article-prose .kcb-verdict__details { margin-top: 4px; color: #586272; }
.article-prose .kcb-verdict__row { margin-top: 12px; padding-top: 12px; border-top: 1px solid #dde2ea; }
.article-prose .kcb-qa__q { margin-bottom: 6px; font-weight: 800; color: #b71c32; }
.article-prose .kcb-qa__a { font-family: "Cormorant Garamond", Georgia, serif; font-size: 1.3rem; font-weight: 500; line-height: 1.6; color: #232b37; }
.article-prose .kcb-profile__name { font-family: Manrope, Arial, sans-serif; font-size: 24px; font-weight: 700; line-height: 1.1; color: #19212c; }
.article-prose .kcb-profile__role { margin-top: 4px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; color: #b71c32; }
.article-prose .kcb-profile__line { margin-top: 8px; }
.article-prose .kcb-profile__photo { width: 112px; aspect-ratio: 1; border-radius: 50%; overflow: hidden; }
.article-prose .kcb-profile__photo img { border-radius: 0; }