.cjp-stories-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); }
.cjp-story-card { display: flex; min-width: 0; flex-direction: column; }
.cjp-story-card h3 { margin: .35rem 0 .5rem; font-size: clamp(1.35rem, 4vw, 1.7rem); }
.cjp-story-card__image { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: .65rem; }
.cjp-story-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin: .75rem 0 0; color: var(--cjp-muted); font-size: .92rem; }
.cjp-story-card .cjp-text-link { margin-top: auto; font-weight: 750; }
.cjp-category-grid { margin: 1.5rem 0 3rem; }
.cjp-breadcrumbs { display: flex; flex-wrap: wrap; gap: .55rem; margin-bottom: 1.25rem; color: var(--cjp-muted); font-size: .95rem; }
.cjp-post-meta { display: flex; flex-wrap: wrap; gap: .65rem; color: var(--cjp-muted); }
.cjp-post-featured img { width: 100%; height: auto; border-radius: var(--cjp-radius); }
.cjp-share,.cjp-related { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--cjp-border); }
.cjp-share h2,.cjp-related h2 { font-size: 1.5rem; }
.cjp-copy-link { min-height: 44px; padding: .65rem 1rem; border: 2px solid var(--cjp-forest); border-radius: var(--cjp-radius-sm); background: var(--cjp-forest); color: #fff; font: 750 1rem/1.2 inherit; cursor: pointer; }
.cjp-copy-status { margin-left: .75rem; color: var(--cjp-muted); }
.cjp-related li { margin-block: .45rem; }
.cjp-transparency-list dt { margin-top: 1rem; font-weight: 800; }
.cjp-transparency-list dd { margin: .2rem 0 0; }
.cjp-search-form { display: flex; flex-wrap: wrap; gap: .65rem; margin-block: 1.5rem; }
.cjp-search-form input[type="search"] { min-height: 44px; flex: 1 1 16rem; padding: .6rem .75rem; border: 1px solid var(--cjp-border); border-radius: var(--cjp-radius-sm); font: inherit; }
.cjp-search-form button { min-height: 44px; padding: .6rem 1rem; border: 2px solid var(--cjp-forest); border-radius: var(--cjp-radius-sm); background: var(--cjp-forest); color: #fff; font: 750 1rem/1.2 inherit; }
.cjp-search-form .wp-block-search__button { min-width: 6rem; white-space: nowrap; overflow-wrap: normal; word-break: normal; }
.cjp-editorial-note { padding: 1rem 1.25rem; border-left: .4rem solid var(--cjp-forest); background: var(--cjp-sage); }
@media (min-width: 60rem) {
  .single-post .cjp-section { max-width: 52rem; }
}