/* News title card (owner 2026-11-12): what an article without a usable lead image shows instead of a grey box - the category's colour, its label and a SHORT SUBJECT (the primary work, else the brand, else the first quoted name of the headline - never the headline, which is printed beside the card), clamped to 2 lines;
 * with no subject the category name alone, large (.nrc--solo).
 * Generated by Nuruma_News::title_card(): <span class="nrc nrc--KIND" aria-hidden="true"><span class="nrc__k">label</span><span class="nrc__t">subject</span></span>. Pure CSS, no image, decorative
 * (the real title is the link text beside it). It fills its box (the box is position:relative and has its own ratio / size: list row 4:3, hero, TOP card, 72x54 ranking thumbnail, related 16:9)
 * and sizes its type by its OWN width (container query units), so one markup serves every size. At 140px wide or less the category label is dropped (the ranking shows it as text beside the card). No dark mode. */
.nrc { --nrc-a: #4a5863; --nrc-b: #38444d; position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: .35em; margin: 0; padding: 7% 8%; box-sizing: border-box; overflow: hidden; container: nrc / inline-size; color: #fff; text-align: left; font-weight: 700; line-height: 1.3; background: linear-gradient(135deg, var(--nrc-a), var(--nrc-b)); }
.nrc *, .nrc *::before, .nrc *::after { box-sizing: border-box; }
.nrc--news { --nrc-a: #357294; --nrc-b: #26536f; }
.nrc--release-start { --nrc-a: #bd5320; --nrc-b: #913c13; }
.nrc--doujin { --nrc-a: #8a4aa3; --nrc-b: #66337c; }
.nrc--anniversary { --nrc-a: #b5385a; --nrc-b: #8a2744; }
.nrc--where-to-buy { --nrc-a: #2f7d5a; --nrc-b: #215c42; }
.nrc--market { --nrc-a: #96640d; --nrc-b: #714b08; }
.nrc--feature { --nrc-a: #4558ad; --nrc-b: #33428a; }
.nrc .nrc__k { display: block; flex: none; max-width: 100%; padding: 0 .55em; border-radius: 2px; background: rgba(255, 255, 255, .2); font-size: 11px; font-size: clamp(8px, 6.4cqw, 13px); line-height: 1.6; font-weight: 700; letter-spacing: .02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nrc .nrc__t { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; max-width: 100%; margin: 0; font-size: 12px; font-size: clamp(9.5px, 9.2cqw, 28px); line-height: 1.32; overflow-wrap: anywhere; line-break: strict; text-shadow: 0 1px 2px rgba(0, 0, 0, .25); }
/* the category name alone: large, nothing else */
.nrc.nrc--solo .nrc__t { font-size: 13px; font-size: clamp(11px, 15cqw, 34px); letter-spacing: .02em; }
@container nrc (max-width: 140px) {
	.nrc .nrc__k { display: none; }
	.nrc .nrc__t { font-size: clamp(9.5px, 10.5cqw, 14px); }
}
@supports not (font-size: 1cqw) { .nrc .nrc__k { font-size: 10px; } .nrc .nrc__t { font-size: 12px; } }