/* Proof of Tech Blog Kit — scoped to .pot-blog (blog, archive, single post, blogroll). */
/* Additive and accent-level. Does not replace the theme. */

.pot-blog a { color: #FF6B1F; }
.pot-blog .entry-content a,
.pot-blog .pot-prose a { text-decoration: underline; text-underline-offset: 3px; }

.pot-blog .cat-links a,
.pot-blog .post-categories a,
.pot-blog .wp-block-post-terms a { color: #FF6B1F; }

.pot-blog .entry-meta,
.pot-blog .posted-on,
.pot-blog .byline,
.pot-blog .wp-block-post-date {
	font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
	font-size: .8rem;
	letter-spacing: .02em;
}

.pot-blog code,
.pot-blog pre,
.pot-blog kbd { font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace; }

.pot-blog :not(pre) > code {
	background: rgba(255, 107, 31, 0.10);
	color: #ffb487;
	padding: .12em .42em;
	border-radius: 5px;
	font-size: .92em;
}

.pot-blog pre {
	background: #0e0c0b;
	color: #ECE6DC;
	border: 1px solid rgba(255, 107, 31, 0.25);
	border-radius: 10px;
	padding: 1rem 1.1rem;
	overflow: auto;
}

.pot-blog blockquote {
	border-left: 3px solid #FF6B1F;
	margin: 1.4rem 0;
	padding: .3rem 0 .3rem 1.1rem;
	opacity: .92;
}

.pot-blog h2, .pot-blog h3 { scroll-margin-top: 80px; }

/* brand post footer */
.pot-post-footer {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 2.5rem;
	padding-top: 1.4rem;
	border-top: 1px solid rgba(255, 107, 31, 0.25);
}
.pot-seal {
	width: 46px;
	height: 46px;
	flex: none;
	display: grid;
	place-items: center;
	border: 1.5px solid #62AC8F;
	color: #62AC8F;
	border-radius: 10px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
}
.pot-seal-line { display: flex; flex-direction: column; line-height: 1.3; }
.pot-seal-line strong {
	font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
	letter-spacing: .02em;
}
.pot-seal-line span { font-size: .85rem; opacity: .7; }

/* blogroll */
.pot-blogroll__group { margin: 0 0 1.8rem; }
.pot-blogroll__cat {
	color: #FF6B1F;
	font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
	font-size: .8rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	margin: 0 0 .6rem;
}
.pot-blogroll__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; }
.pot-blogroll__item { display: flex; flex-direction: column; gap: .15rem; }
.pot-blogroll__item a { font-weight: 600; }
.pot-blogroll__desc { font-size: .85rem; opacity: .7; }
.pot-blogroll--empty { opacity: .7; }