/* Save / Copy link / Print bar on every single blog post.
   Loaded on all single posts (pattern posts also get pattern-archive.css, which has the same base rules).
   Selectors are prefixed with .sscs-pu-bar so theme button/link styles can't override them. */
.sscs-pu-bar {
	--pu-red: #c0190f; --pu-border: #e8e8e8; --pu-mid: #555; --pu-surface: #fff;
	display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;
	margin: 0 0 20px; padding: 10px 0;
	border-top: 1px solid var(--pu-border); border-bottom: 1px solid var(--pu-border);
	font-style: normal;
}
.sscs-pu-bar .sscs-pu-actions { display: inline-flex; gap: 8px; flex-wrap: wrap; }
.sscs-pu-bar .sscs-pu-btn {
	display: inline-flex; align-items: center; gap: 6px;
	min-height: 36px; margin: 0; padding: 6px 14px;
	background: var(--pu-surface); border: 1.5px solid var(--pu-border); border-radius: 6px;
	box-shadow: none; font-family: 'DM Sans', 'Helvetica Neue', sans-serif;
	font-size: 12.5px; font-weight: 600; font-style: normal; line-height: 1.2;
	letter-spacing: normal; text-transform: none; text-decoration: none;
	color: var(--pu-mid); cursor: pointer; transition: border-color .15s, color .15s;
}
.sscs-pu-bar a.sscs-pu-btn, .sscs-pu-bar a.sscs-pu-btn:visited { color: var(--pu-mid); text-decoration: none; }
.sscs-pu-bar .sscs-pu-btn:hover, .sscs-pu-bar a.sscs-pu-btn:hover { border-color: var(--pu-red); color: var(--pu-red); background: var(--pu-surface); text-decoration: none; }
.sscs-pu-bar .sscs-pu-btn:focus-visible { outline: 2px solid var(--pu-red); outline-offset: 2px; }
.sscs-pu-bar .sscs-save-btn.is-saved, .sscs-pu-bar .sscs-follow-btn.is-following { color: var(--pu-red); border-color: var(--pu-red); }
@media (max-width: 768px) { .sscs-pu-bar .sscs-pu-btn { min-height: 44px; } }
@media (prefers-reduced-motion: reduce) { .sscs-pu-bar .sscs-pu-btn { transition: none; } }
@media print { .sscs-pu-bar { display: none !important; } }