/* Single post design: Side by side — the photo stays put on the left, the story scrolls on the right. */
.ppbsd-side { --ppbsd-measure: 680px; }
.ppbsd-sbs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
.ppbsd-noimg .ppbsd-sbs { grid-template-columns: minmax(0, 1fr); }
.ppbsd-pane { position: sticky; top: var(--ppb-side-top, 96px); height: calc(100vh - var(--ppb-side-top, 96px) - 48px); margin: 24px 0 24px 24px; }
.admin-bar .ppbsd-pane { height: calc(100vh - var(--ppb-side-top, 96px) - 80px); }
.ppbsd-pane-fig { position: relative; height: 100%; overflow: hidden; border-radius: var(--ppb-radius); background: var(--ppb-soft); }
.ppbsd-pane-fig img { height: 100%; object-fit: cover; }
.ppbsd-pane-fig figcaption { position: absolute; left: 16px; bottom: 16px; right: 16px; max-width: max-content; margin: 0; padding: 6px 10px; border-radius: 0; background: #0a0a0a; color: #fff; font-size: 12.5px; }
.ppbsd-col { width: 100%; max-width: calc(var(--ppbsd-measure) + 2 * clamp(24px, 5vw, 72px)); padding: 64px clamp(24px, 5vw, 72px) 88px; }
.ppbsd-noimg .ppbsd-col { margin: 0 auto; }
.ppbsd-side .ppbsd-col > .ppbsd-hero { margin: 0 0 32px; padding: 0 0 26px; border-bottom: 1px solid var(--ppb-line); }
.ppbsd-side .ppbsd-title { font-size: clamp(2rem, 1.2rem + 2.4vw, 3.3rem); }
body.ppbsd-on .ppbsd-side .ppbsd-content { max-width: none; margin: 0; }
.ppbsd-side .entry-content { font-size: 1.08rem; line-height: 1.82; }
.ppbsd-side .entry-content .alignwide, .ppbsd-side .entry-content .alignfull { width: auto; max-width: 100%; margin-left: 0; margin-right: 0; }
@media (max-width: 1000px) {
	.ppbsd-sbs { grid-template-columns: minmax(0, 1fr); }
	.ppbsd-pane { position: static; height: auto; margin: 0; }
	.ppbsd-pane-fig { border-radius: 0; }
	.ppbsd-pane-fig img { height: auto; aspect-ratio: 4 / 3; }
	.ppbsd-col { margin: 0 auto; padding-top: 36px; padding-bottom: 64px; }
}