.rjy-datasheet-library {
	--rjy-ds-blue: #2857ad;
	--rjy-ds-blue-dark: #15366f;
	--rjy-ds-ink: #172033;
	--rjy-ds-text: #475467;
	--rjy-ds-line: #dfe5ee;
	--rjy-ds-soft: #f7f9fc;
	width: min(100%, 1120px);
	margin: 48px auto 80px;
	color: var(--rjy-ds-ink);
	font-family: inherit;
	line-height: 1.6;
}

.rjy-datasheet-library *,
.rjy-datasheet-library *::before,
.rjy-datasheet-library *::after { box-sizing: border-box; }

.rjy-datasheet-library [hidden] { display: none !important; }

.rjy-datasheet-header { max-width: 760px; margin-bottom: 28px; }
.rjy-datasheet-eyebrow { margin: 0 0 8px !important; color: var(--rjy-ds-blue) !important; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.rjy-datasheet-header h2 { margin: 0 0 12px; color: var(--rjy-ds-ink); font-size: clamp(32px, 4vw, 46px); font-weight: 800; line-height: 1.08; }
.rjy-datasheet-header > p:not(.rjy-datasheet-eyebrow) { margin: 0; color: var(--rjy-ds-text); }

.rjy-datasheet-search { margin-top: 24px; }
.rjy-datasheet-search label { display: block; margin-bottom: 7px; color: var(--rjy-ds-ink); font-size: 14px; font-weight: 750; }
.rjy-datasheet-search input { width: min(100%, 540px); min-height: 48px; padding: 11px 14px; border: 1px solid #b8c3d2; border-radius: 6px; background: #fff; color: var(--rjy-ds-ink); font: inherit; }
.rjy-datasheet-search input:focus { border-color: var(--rjy-ds-blue); box-shadow: 0 0 0 3px rgba(40, 87, 173, .16); outline: 0; }
.rjy-datasheet-search input:focus-visible,
.rjy-datasheet-link:focus-visible { outline: 3px solid rgba(40, 87, 173, .28); outline-offset: 3px; }

.rjy-datasheet-count { margin: 0 0 12px !important; color: var(--rjy-ds-text) !important; font-size: 14px; font-weight: 700; }
.rjy-datasheet-table { overflow: hidden; border: 1px solid var(--rjy-ds-line); border-radius: 8px; background: #fff; }
.rjy-datasheet-table__head,
.rjy-datasheet-row { display: grid; grid-template-columns: minmax(220px, 1.35fr) minmax(180px, .8fr) minmax(180px, .8fr); align-items: center; }
.rjy-datasheet-table__head { min-height: 48px; padding: 0 20px; background: var(--rjy-ds-soft); color: var(--rjy-ds-text); font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.rjy-datasheet-row { min-height: 72px; padding: 12px 20px; border-top: 1px solid var(--rjy-ds-line); }
.rjy-datasheet-row > div { min-width: 0; }
.rjy-datasheet-model strong { overflow-wrap: anywhere; font-size: 15px; }
.rjy-datasheet-link { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; padding: 9px 15px; border: 1px solid var(--rjy-ds-blue); border-radius: 4px; background: var(--rjy-ds-blue); color: #fff !important; font-size: 13px; font-weight: 800; line-height: 1.25; text-decoration: none !important; }
.rjy-datasheet-link:hover { border-color: var(--rjy-ds-blue-dark); background: var(--rjy-ds-blue-dark); color: #fff !important; }
.rjy-datasheet-link--secondary { background: #fff; color: var(--rjy-ds-blue) !important; }
.rjy-datasheet-link--quote { border-color: #6b7b91; background: #fff; color: var(--rjy-ds-ink) !important; }
.rjy-datasheet-link--quote:hover { border-color: var(--rjy-ds-blue); background: var(--rjy-ds-soft); color: var(--rjy-ds-blue-dark) !important; }
.rjy-datasheet-empty { margin-top: 16px; padding: 24px; border: 1px solid var(--rjy-ds-line); border-radius: 8px; background: var(--rjy-ds-soft); color: var(--rjy-ds-text); text-align: center; }
.rjy-datasheet-empty h3 { margin: 0 0 6px; color: var(--rjy-ds-ink); }
.rjy-datasheet-empty p { margin: 0; }

@media (max-width: 700px) {
	.rjy-datasheet-library { width: 100%; margin: 32px auto 56px; }
	.rjy-datasheet-table { border: 0; border-radius: 0; background: transparent; }
	.rjy-datasheet-table__head { display: none; }
	.rjy-datasheet-row { grid-template-columns: 1fr; gap: 12px; margin-bottom: 12px; padding: 18px; border: 1px solid var(--rjy-ds-line); border-radius: 8px; background: #fff; }
	.rjy-datasheet-row > div { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; align-items: center; }
	.rjy-datasheet-row > div::before { color: var(--rjy-ds-text); content: attr(data-label); font-size: 12px; font-weight: 800; text-transform: uppercase; }
	.rjy-datasheet-link { width: 100%; min-height: 44px; }
}

@media (max-width: 380px) {
	.rjy-datasheet-row > div { grid-template-columns: 1fr; gap: 5px; }
}

@media (prefers-reduced-motion: reduce) {
	.rjy-datasheet-library * { scroll-behavior: auto !important; transition: none !important; }
}
