@certrev/cert-block 1.1.0 → 1.2.0-canary.0

package/src/reader/reader.css

@@ -0,0 +1,550 @@
+/* CERTREV-READER-GEN:BEGIN */
+/* GENERATED by scripts/build-cert-reader-css.mjs from src/lib/cert-render/reader/site-snapshot/ (certrev.com,
+ * component Reader, "What your reader sees"). DO NOT EDIT: run `pnpm build:cert-reader-css`. The face is driven by
+ * four variables the Liquid root sets inline: --cr-ba accent, --cr-ba-fg accent foreground, --cr-br corner, --cr-bf
+ * font. */
+.certrev-reader {
+	color: #141414;
+	font-family: var(--cr-bf);
+	font-size: 16px;
+	line-height: 1.65;
+	-webkit-font-smoothing: antialiased;
+	text-rendering: optimizelegibility;
+}
+.certrev-reader,
+.certrev-reader *,
+.certrev-reader *:before,
+.certrev-reader *:after {
+	box-sizing: border-box;
+}
+.certrev-reader .certrev-r-card {
+	z-index: 1;
+	border: 1px solid #14141421;
+	border-radius: calc(var(--cr-br) * 0.7);
+	background: #fff;
+	flex-shrink: 0;
+	margin: 12px 0 0;
+	position: relative;
+	overflow: hidden;
+}
+.certrev-reader .certrev-r-card.pad {
+	padding: 15px 18px;
+	overflow: visible;
+}
+.certrev-reader .certrev-r-card.pad .certrev-r-bys {
+	gap: 14px;
+}
+.certrev-reader .certrev-r-cap {
+	white-space: nowrap;
+	background: var(--cr-ba);
+	color: var(--cr-ba-fg);
+	font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
+	letter-spacing: 0.14em;
+	text-transform: uppercase;
+	align-items: center;
+	gap: 11px;
+	padding: 14px 20px;
+	font-size: 10.5px;
+	font-weight: 700;
+	display: flex;
+}
+.certrev-reader .certrev-r-cap.center {
+	letter-spacing: 0.16em;
+	justify-content: center;
+	padding: 12px;
+}
+.certrev-reader .certrev-r-cap img {
+	flex-shrink: 0;
+	width: 18px;
+	height: 18px;
+	display: block;
+}
+.certrev-reader .certrev-r-cap-body {
+	padding: 15px 18px 13px;
+}
+.certrev-reader .certrev-r-bys {
+	grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
+	gap: 20px;
+	display: grid;
+}
+.certrev-reader .certrev-r-by {
+	align-items: flex-start;
+	gap: 12px;
+	display: flex;
+}
+.certrev-reader .certrev-r-by > div {
+	min-width: 0;
+}
+.certrev-reader .certrev-r-by b {
+	font-size: 14.5px;
+	font-weight: 700;
+	line-height: 1.3;
+	display: block;
+}
+.certrev-reader .certrev-r-by em {
+	color: #1414148c;
+	margin-top: 4px;
+	font-size: 12.5px;
+	font-style: normal;
+	line-height: 1.45;
+	display: block;
+}
+.certrev-reader .certrev-r-role {
+	font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
+	letter-spacing: 0.14em;
+	text-transform: uppercase;
+	color: #14141459;
+	margin-top: 9px;
+	font-size: 9px;
+	display: block;
+}
+.certrev-reader .certrev-r-role.on {
+	color: #141414;
+	font-weight: 700;
+}
+.certrev-reader .certrev-r-face {
+	background: #14141412;
+	width: 42px;
+	height: 42px;
+	color: #141414;
+	border-radius: 50%;
+	flex-shrink: 0;
+	display: block;
+	overflow: hidden;
+}
+.certrev-reader .certrev-r-face.sm {
+	width: 36px;
+	height: 36px;
+}
+.certrev-reader .certrev-r-face.lg {
+	width: 46px;
+	height: 46px;
+}
+.certrev-reader .certrev-r-face svg {
+	fill: currentColor;
+	opacity: 0.38;
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+.certrev-reader .certrev-r-rule {
+	background: #14141421;
+	height: 1px;
+	margin: 15px 0 12px;
+}
+.certrev-reader .certrev-r-foot {
+	justify-content: space-between;
+	align-items: center;
+	gap: 16px;
+	font-size: 12.5px;
+	display: flex;
+}
+.certrev-reader .certrev-r-foot span {
+	white-space: nowrap;
+}
+.certrev-reader .certrev-r-foot em {
+	font-style: normal;
+	font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
+	letter-spacing: 0.14em;
+	text-transform: uppercase;
+	color: #1414148c;
+	margin-right: 9px;
+	font-size: 9.5px;
+}
+.certrev-reader .certrev-r-foot span + span {
+	color: #1414148c;
+}
+.certrev-reader .certrev-r-kick {
+	font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
+	letter-spacing: 0.16em;
+	text-transform: uppercase;
+	color: #1414148c;
+	margin-bottom: 14px;
+	font-size: 9.5px;
+}
+.certrev-reader .certrev-r-memo {
+	gap: 15px;
+	display: flex;
+}
+.certrev-reader .certrev-r-memo > div {
+	flex: 1;
+	min-width: 0;
+}
+.certrev-reader .certrev-r-memo-name {
+	color: #1414148c;
+	margin-bottom: 11px;
+	font-size: 15px;
+}
+.certrev-reader .certrev-r-memo-name b {
+	color: #141414;
+	font-weight: 700;
+}
+.certrev-reader blockquote {
+	border-left: 3px solid var(--cr-ba);
+	color: #141414b8;
+	text-wrap: pretty;
+	margin: 0;
+	padding-left: 16px;
+	font-size: 13.5px;
+	font-style: italic;
+	line-height: 1.55;
+}
+.certrev-reader .certrev-r-links {
+	gap: 22px;
+	margin-top: 14px;
+	display: flex;
+}
+.certrev-reader .certrev-r-links a {
+	color: #141414;
+	white-space: nowrap;
+	font-size: 13.5px;
+	font-weight: 700;
+	text-decoration: none;
+}
+.certrev-reader .certrev-r-links a:hover {
+	color: var(--cr-ba);
+}
+.certrev-reader .certrev-r-vfoot {
+	align-items: baseline;
+	gap: 16px;
+	display: flex;
+}
+.certrev-reader .certrev-r-vfoot .certrev-r-scope {
+	flex: 1;
+	min-width: 0;
+	margin-top: 0;
+}
+.certrev-reader .certrev-r-verified {
+	color: #141414b8;
+	flex-shrink: 0;
+	align-items: center;
+	gap: 9px;
+	font-size: 12.5px;
+	display: inline-flex;
+}
+.certrev-reader .certrev-r-verified img {
+	flex-shrink: 0;
+	width: 17px;
+	height: 17px;
+	display: block;
+}
+.certrev-reader .certrev-r-verified b {
+	font-family: "Plus Jakarta Sans", -apple-system, system-ui, Helvetica, Arial, sans-serif;
+	font-weight: 800;
+}
+.certrev-reader .certrev-r-scope {
+	color: #1414148c;
+	text-wrap: pretty;
+	margin-top: 9px;
+	font-size: 12.5px;
+	line-height: 1.5;
+}
+.certrev-reader .certrev-r-scope em {
+	font-style: normal;
+	font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
+	letter-spacing: 0.1em;
+	text-transform: uppercase;
+	font-size: 9.5px;
+}
+.certrev-reader .certrev-r-side {
+	z-index: 1;
+	float: right;
+	border: 1px solid #14141421;
+	border-radius: var(--cr-br);
+	width: 268px;
+	box-shadow: 0 4px 18px #14141412;
+	background: #fff;
+	margin: 2px 0 18px 28px;
+	position: relative;
+	overflow: hidden;
+}
+.certrev-reader .certrev-r-side-body {
+	padding: 18px;
+}
+.certrev-reader .certrev-r-side-body .certrev-r-by b {
+	font-size: 14px;
+}
+.certrev-reader .certrev-r-side-body p {
+	color: #141414b8;
+	text-wrap: pretty;
+	margin: 15px 0 0;
+	font-size: 13px;
+	line-height: 1.55;
+}
+.certrev-reader .certrev-r-side-body blockquote {
+	margin-top: 15px;
+	padding-left: 15px;
+	font-size: 13.5px;
+	line-height: 1.55;
+}
+.certrev-reader .certrev-r-side-body .certrev-r-scope {
+	margin-top: 15px;
+	font-size: 11.5px;
+}
+.certrev-reader .certrev-r-side-links {
+	border-top: 1px solid #14141421;
+	grid-template-columns: 1fr 1fr;
+	display: grid;
+}
+.certrev-reader .certrev-r-side-links a {
+	text-align: center;
+	color: #141414;
+	padding: 13px;
+	font-size: 13px;
+	font-weight: 700;
+	text-decoration: none;
+}
+.certrev-reader .certrev-r-side-links a:first-child {
+	border-right: 1px solid #14141421;
+}
+.certrev-reader .certrev-r-side-links a:hover {
+	color: var(--cr-ba);
+}
+.certrev-reader .certrev-r-pill {
+	z-index: 3;
+	background: var(--cr-ba);
+	color: var(--cr-ba-fg);
+	border-radius: 999px;
+	align-items: center;
+	gap: 13px;
+	padding: 12px 21px;
+	display: inline-flex;
+	position: absolute;
+	bottom: 26px;
+	right: 26px;
+	box-shadow: 0 10px 26px #14141429;
+}
+.certrev-reader .certrev-r-pill span {
+	white-space: nowrap;
+	font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
+	letter-spacing: 0.14em;
+	text-transform: uppercase;
+	font-size: 10.5px;
+	font-weight: 700;
+}
+.certrev-reader .certrev-r-pill a {
+	color: inherit;
+	text-underline-offset: 3px;
+	font-size: 13.5px;
+	font-weight: 700;
+	text-decoration: underline;
+}
+.certrev-reader .certrev-r-pill i {
+	opacity: 0.42;
+	font-style: normal;
+}
+@media (max-width: 820px) {
+	.certrev-reader .certrev-r-side {
+		float: none;
+		width: auto;
+		margin: 20px 0;
+	}
+	.certrev-reader .certrev-r-bys {
+		grid-template-columns: 1fr;
+		gap: 18px;
+	}
+	.certrev-reader .certrev-r-cap {
+		letter-spacing: 0.1em;
+		padding: 12px 16px;
+		font-size: 9.5px;
+	}
+	.certrev-reader .certrev-r-cap-body,
+	.certrev-reader .certrev-r-card.pad {
+		padding: 16px 18px;
+	}
+	.certrev-reader .certrev-r-pill {
+		gap: 10px;
+		padding: 10px 16px;
+		bottom: 20px;
+		right: 20px;
+	}
+}
+@media (max-width: 560px) {
+	.certrev-reader .certrev-r-links {
+		flex-direction: column;
+		gap: 9px;
+	}
+	.certrev-reader .certrev-r-foot {
+		flex-direction: column;
+		align-items: flex-start;
+		gap: 6px;
+	}
+	.certrev-reader .certrev-r-foot span {
+		white-space: normal;
+	}
+	.certrev-reader .certrev-r-vfoot {
+		flex-direction: column;
+		align-items: flex-start;
+		gap: 10px;
+	}
+	.certrev-reader .certrev-r-vfoot .certrev-r-scope {
+		width: 100%;
+	}
+	.certrev-reader .certrev-r-cap {
+		white-space: normal;
+		letter-spacing: 0.08em;
+		padding: 11px 14px;
+		font-size: 9px;
+	}
+	.certrev-reader .certrev-r-cap-body,
+	.certrev-reader .certrev-r-card.pad {
+		padding: 14px 15px;
+	}
+	.certrev-reader .certrev-r-foot {
+		flex-wrap: wrap;
+		gap: 8px 14px;
+	}
+	.certrev-reader .certrev-r-links {
+		flex-wrap: wrap;
+		gap: 16px;
+	}
+	.certrev-reader .certrev-r-vfoot {
+		flex-wrap: wrap;
+		gap: 10px;
+	}
+	.certrev-reader .certrev-r-face.lg {
+		width: 38px;
+		height: 38px;
+	}
+	.certrev-reader .certrev-r-side {
+		margin: 16px 0;
+	}
+	.certrev-reader .certrev-r-side-links a {
+		padding: 12px 8px;
+	}
+	.certrev-reader .certrev-r-pill {
+		text-align: center;
+		flex-wrap: wrap;
+		justify-content: center;
+		gap: 6px 12px;
+		padding: 11px 14px;
+		bottom: 14px;
+		left: 14px;
+		right: 14px;
+	}
+	.certrev-reader .certrev-r-pill span {
+		white-space: normal;
+	}
+}
+/* Theme-bleed armor (hand-written, not from the snapshot; see build-cert-reader-css.mjs). */
+.certrev-reader img {
+	margin: 0 !important;
+	max-width: 100% !important;
+	float: none !important;
+}
+.certrev-reader a {
+	background-image: none !important;
+}
+.certrev-reader .certrev-r-links a,
+.certrev-reader .certrev-r-side-links a {
+	text-decoration: none !important;
+}
+.certrev-reader .certrev-r-links a:not(:hover),
+.certrev-reader .certrev-r-side-links a:not(:hover) {
+	color: #141414 !important;
+}
+.certrev-reader .certrev-r-links a:hover,
+.certrev-reader .certrev-r-side-links a:hover {
+	color: var(--cr-ba) !important;
+}
+.certrev-reader .certrev-r-pill a {
+	color: inherit !important;
+	text-decoration: underline !important;
+}
+.certrev-reader .certrev-r-face img {
+	display: block;
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+}
+.certrev-reader .certrev-r-bys.solo {
+	grid-template-columns: minmax(0, 1fr);
+}
+.certrev-reader .certrev-r-foot a {
+	color: inherit !important;
+	text-decoration: underline !important;
+}
+.certrev-reader .certrev-r-pill {
+	position: fixed;
+	margin-bottom: env(safe-area-inset-bottom, 0px);
+}
+.certrev-memo-wrap[data-certrev-placement="rail"] .certrev-reader .certrev-r-side {
+	float: none;
+	width: auto;
+	margin: 0;
+}
+.certrev-memo-wrap[data-certrev-placement="body-fallback"] .certrev-reader .certrev-r-side,
+.certrev-sidebar-wrap:not([data-certrev-placement]) .certrev-reader .certrev-r-side {
+	float: none;
+	width: auto;
+	max-width: 360px;
+	margin: 0 auto;
+}
+.certrev-reader .certrev-r-side-links.single {
+	grid-template-columns: minmax(0, 1fr);
+}
+.certrev-reader .certrev-r-side-links.single a:first-child {
+	border-right: 0;
+}
+/* Reader-only font aliases (generated from the CERTREV-FONTS rules above: the same files and unicode ranges, only the family and
+ * the weight range differ, so the reader paints weights the legacy card does not declare). */
+@font-face {
+	font-family: "CertREV Reader Serif";
+	font-style: normal;
+	font-weight: 400 700;
+	font-display: swap;
+	src: url("https://assets.certrev.com/fonts/cert-playfair-latin-ext.woff2") format("woff2");
+	unicode-range:
+		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+	font-family: "CertREV Reader Serif";
+	font-style: normal;
+	font-weight: 400 700;
+	font-display: swap;
+	src: url("https://assets.certrev.com/fonts/cert-playfair-latin.woff2") format("woff2");
+	unicode-range:
+		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+	font-family: "CertREV Reader Serif";
+	font-style: italic;
+	font-weight: 400 700;
+	font-display: swap;
+	src: url("https://assets.certrev.com/fonts/cert-playfair-italic-latin-ext.woff2") format("woff2");
+	unicode-range:
+		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+	font-family: "CertREV Reader Serif";
+	font-style: italic;
+	font-weight: 400 700;
+	font-display: swap;
+	src: url("https://assets.certrev.com/fonts/cert-playfair-italic-latin.woff2") format("woff2");
+	unicode-range:
+		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+	font-family: "CertREV Reader Grotesk";
+	font-style: normal;
+	font-weight: 400 800;
+	font-display: swap;
+	src: url("https://assets.certrev.com/fonts/cert-jakarta-latin-ext.woff2") format("woff2");
+	unicode-range:
+		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+	font-family: "CertREV Reader Grotesk";
+	font-style: normal;
+	font-weight: 400 800;
+	font-display: swap;
+	src: url("https://assets.certrev.com/fonts/cert-jakarta-latin.woff2") format("woff2");
+	unicode-range:
+		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* CERTREV-READER-GEN:END */