/* =========================================================================
 * PBK base — layout scaffolding, skip link, page/prose, pagination, post grid.
 * ========================================================================= */

.pbk-skip{position:absolute;left:-999px;top:0;z-index:1000;background:var(--pbk-ink-2);color:#fff;padding:10px 16px;border-radius:0 0 8px 0}
.pbk-skip:focus{left:0}

.pbk-main{display:block}

img{max-width:100%;height:auto}
svg{display:inline-block;vertical-align:middle}

/* ---------- Generic content page ---------- */
.pbk-page{padding-block:clamp(28px,4vw,56px)}
.pbk-page__header{margin-bottom:var(--pbk-space-6)}
.pbk-page__title{color:var(--pbk-ink-2)}

/* ---------- Prose ---------- */
.pbk-prose{max-width:820px;font-size:1.0625rem;line-height:1.75;color:var(--pbk-ink-2)}
.pbk-prose h2{font-family:var(--pbk-font-display);font-size:clamp(1.6rem,1.2rem+1.4vw,2.25rem);margin:1.4em 0 .5em;color:var(--pbk-ink-2)}
.pbk-prose h3{font-size:1.375rem;margin:1.2em 0 .4em;color:var(--pbk-ink-2)}
.pbk-prose p{margin:0 0 1.1em}
.pbk-prose a{color:var(--pbk-purple-deep);text-decoration:underline}
.pbk-prose ul,.pbk-prose ol{margin:0 0 1.1em;padding-left:1.3em}
.pbk-prose ul{list-style:disc}
.pbk-prose ol{list-style:decimal}
.pbk-prose li{margin:.3em 0}
.pbk-prose strong{color:var(--pbk-ink-2)}
.pbk-prose img{border-radius:var(--pbk-radius-lg)}

/* ---------- Post grid (blog archive fallback) ---------- */
.pbk-postgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--pbk-space-6)}
.pbk-postcard{background:#fff;border-radius:var(--pbk-radius-lg);overflow:hidden;box-shadow:var(--pbk-shadow-card)}
.pbk-postcard__media img{width:100%;aspect-ratio:16/10;object-fit:cover}
.pbk-postcard__body{padding:var(--pbk-space-5)}
.pbk-postcard__title{font-size:1.15rem;margin-bottom:.4em;color:var(--pbk-ink-2)}
.pbk-postcard__excerpt{color:var(--pbk-ink-3);font-size:.95rem}

.pbk-pagination{margin-top:var(--pbk-space-7)}
.pbk-pagination .page-numbers{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;padding:0 12px;border-radius:10px;background:#fff;box-shadow:var(--pbk-shadow-sm);margin:0 3px;color:var(--pbk-ink-2)}
.pbk-pagination .page-numbers.current{background:var(--pbk-accent)}
.pbk-empty{color:var(--pbk-ink-3);padding:40px 0}

/* ---------- Woo wrapper (shop/account land here; P3/P5/P7 refine) ---------- */
.pbk-woo{padding-block:clamp(24px,3vw,48px)}

/* ---------- Shared card grid ---------- */
.pbk-cardgrid{display:grid;gap:var(--pbk-space-5)}
.pbk-cardgrid--4{grid-template-columns:repeat(4,1fr)}
.pbk-cardgrid--3{grid-template-columns:repeat(3,1fr)}
@media (max-width:1024px){.pbk-cardgrid--4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.pbk-cardgrid--4,.pbk-cardgrid--3{grid-template-columns:repeat(2,1fr);gap:var(--pbk-space-4)}}