.bg-story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:28px 0}
.bg-story-card{min-width:0;overflow:hidden;background:#FEF7E8;border-radius:16px;display:flex;flex-direction:column}
.bg-story-card>img,.bg-story-image-placeholder{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.bg-story-image-placeholder{display:grid;place-items:center;background:#e5ddc6;color:#174C3D;font-size:36px}
.bg-story-card-copy{padding:22px;display:flex;flex-direction:column;flex:1}
.bg-story-card h3{font:400 25px/1.25 Cardo,Georgia,serif;letter-spacing:.4px;margin:0 0 10px}
.bg-story-card h3 a{color:#174C3D;text-decoration:none}
.bg-story-card p{margin:0 0 12px;line-height:1.55}
.bg-story-card .bg-btn{margin-top:auto;align-self:flex-start}
.bg-story-card .bg-meta{font-size:12px}
.bg-editorial-preview{margin-top:40px;padding-top:24px;border-top:1px solid #c9c0a8}
.bg-editorial-placeholder{outline:1px dashed #84450B;outline-offset:-1px}
.bg-editorial-placeholder:nth-child(2) .bg-story-image-placeholder{background:#dedfcc}
.bg-editorial-placeholder:nth-child(3) .bg-story-image-placeholder{background:#e5d4c2}
.bg-editorial-placeholder:nth-child(4) .bg-story-image-placeholder{background:#d5ded3}
.bg-garden-empty{grid-column:1/-1}
.bg-story-reading{max-width:760px;margin:0 auto;color:#605E57}
.bg-story-reading h1{font-family:Cardo,Georgia,serif;letter-spacing:.4px;color:#174C3D;font-size:clamp(34px,4vw,52px);line-height:1.15}
.bg-story-reading .bg-story-featured{margin:28px 0}
.bg-story-featured img{width:100%;height:auto;border-radius:16px}
.bg-story-text p{line-height:1.75;margin:0 0 1.2em}
.bg-story-text img{max-width:100%;height:auto}
.bg-story-deck{font-size:20px;line-height:1.6}
.bg-story-tools{margin:24px 0;padding:18px 0;border-block:1px solid #d5ccb6}
.bg-story-tools [hidden]{display:none!important}
.bg-story-tools .bg-btn{margin:4px 4px 4px 0}
.bg-story-tools button:disabled{opacity:.5;cursor:default}
.bg-story-tools p{font-size:14px;line-height:1.5;margin:8px 0}
.bg-story-closing{margin:40px 0;text-align:center}
.bg-story-closing em{font-family:Cardo,Georgia,serif}
@media(max-width:1199px){.bg-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.bg-story-grid{grid-template-columns:1fr}.bg-story-card-copy{padding:20px}}