/* Dynamic components embedded in Elementor Free Shortcode widgets. */
.chidemoon-core-story-feed__grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); }
.chidemoon-core-story-card, .chidemoon-core-look-card, .chidemoon-core-empty-state { background: var(--chidemoon-surface, #fffdfa); border: 1px solid var(--chidemoon-line, rgba(18, 63, 52, .12)); border-radius: var(--chidemoon-radius-lg, .7rem); box-shadow: var(--chidemoon-shadow-soft, 0 8px 26px rgba(13, 43, 35, .07)); overflow: hidden; }
.chidemoon-core-story-card { display: flex; flex-direction: column; min-width: 0; }
.chidemoon-core-story-card__media { aspect-ratio: 16 / 10; background: var(--chidemoon-surface-muted, #eee8dc); display: block; overflow: hidden; position: relative; }
.chidemoon-core-story-card__media img { display: block; height: 100%; object-fit: cover; transition: transform var(--chidemoon-motion-fast, 140ms) var(--chidemoon-ease-out, ease); width: 100%; }
.chidemoon-core-story-card__media:hover img { transform: scale(1.025); }
.chidemoon-core-story-card__media-empty { background: linear-gradient(135deg, color-mix(in srgb, var(--chidemoon-sage, #a9c1ad) 54%, var(--chidemoon-surface, #fffdfa)), var(--chidemoon-surface-muted, #eee8dc)); display: block; height: 100%; }
.chidemoon-core-story-card__category { background: var(--chidemoon-surface, #fffdfa); border-radius: 999px; color: var(--chidemoon-forest, #123f34); font-size: .75rem; font-weight: 800; inset-block-end: .75rem; inset-inline-start: .75rem; padding: .32rem .65rem; position: absolute; }
.chidemoon-core-story-card__body { display: grid; flex: 1; gap: .7rem; padding: 1rem; }
.chidemoon-core-story-card h3, .chidemoon-core-look-card h2 { color: var(--chidemoon-forest, #123f34); font-family: var(--chidemoon-font-display, inherit); font-size: clamp(1.1rem, 2vw, 1.35rem); line-height: 1.55; margin: 0; }
.chidemoon-core-story-card h3 a, .chidemoon-core-look-card h2 a { color: inherit; text-decoration: none; }
.chidemoon-core-story-card h3 a:hover, .chidemoon-core-look-card h2 a:hover { text-decoration: underline; text-underline-offset: .2em; }
.chidemoon-core-story-card p, .chidemoon-core-look-card__header p { color: var(--chidemoon-muted, #607069); line-height: 1.85; margin: 0; }
.chidemoon-core-story-card__footer { align-items: center; align-self: end; display: flex; flex-wrap: wrap; font-size: .8rem; font-weight: 700; gap: .65rem 1rem; justify-content: space-between; }
.chidemoon-core-story-card__footer time { color: var(--chidemoon-muted, #607069); }
.chidemoon-core-story-card__footer a { color: var(--chidemoon-forest, #123f34); }
.chidemoon-core-empty-state { align-items: flex-start; display: flex; gap: 1rem; padding: clamp(1rem, 3vw, 1.5rem); }
.chidemoon-core-empty-state svg { fill: none; flex: 0 0 auto; height: 2.25rem; stroke: var(--chidemoon-clay, #b95d3e); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; width: 2.25rem; }
.chidemoon-core-empty-state h3 { color: var(--chidemoon-forest, #123f34); font-size: 1rem; margin: 0; }
.chidemoon-core-empty-state p { color: var(--chidemoon-muted, #607069); line-height: 1.8; margin: .35rem 0 0; }
.chidemoon-core-looks { display: grid; gap: clamp(1.25rem, 3vw, 2rem); }
.chidemoon-core-looks__rooms { display: flex; flex-wrap: wrap; gap: .65rem; }
.chidemoon-core-looks__room { align-items: center; background: var(--chidemoon-surface, #fffdfa); border: 1px solid var(--chidemoon-line, rgba(18, 63, 52, .12)); border-radius: var(--chidemoon-radius-sm, .35rem); color: var(--chidemoon-forest, #123f34); display: inline-flex; font-size: .9rem; font-weight: 700; min-height: 2.75rem; padding: .5rem .85rem; text-decoration: none; transition: background-color var(--chidemoon-motion-fast, 140ms) var(--chidemoon-ease-out, ease), border-color var(--chidemoon-motion-fast, 140ms) var(--chidemoon-ease-out, ease), color var(--chidemoon-motion-fast, 140ms) var(--chidemoon-ease-out, ease); }
.chidemoon-core-looks__room:hover, .chidemoon-core-looks__room.is-active { background: var(--chidemoon-forest, #123f34); border-color: var(--chidemoon-forest, #123f34); color: #fffdfa; }
.chidemoon-core-looks__room:focus-visible, .chidemoon-core-story-card a:focus-visible { outline: 3px solid var(--chidemoon-clay, #b95d3e); outline-offset: 3px; }
.chidemoon-core-looks__list { display: grid; gap: clamp(1.5rem, 4vw, 3rem); }
.chidemoon-core-look-card { padding: clamp(1rem, 3vw, 2rem); }
.chidemoon-core-look-card__header { border-block-end: 1px solid var(--chidemoon-line, rgba(18, 63, 52, .12)); margin-block-end: 1rem; padding-block-end: 1rem; }
.chidemoon-core-look-card__content > :first-child { margin-block-start: 0; }
.chidemoon-core-pagination .page-numbers { align-items: center; display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; margin: 0; padding: 0; }
.chidemoon-core-pagination a, .chidemoon-core-pagination .current { align-items: center; border: 1px solid var(--chidemoon-line-strong, rgba(18, 63, 52, .25)); border-radius: var(--chidemoon-radius-sm, .35rem); color: var(--chidemoon-forest, #123f34); display: inline-flex; font-weight: 700; justify-content: center; min-height: 2.5rem; min-width: 2.5rem; padding: .35rem .65rem; text-decoration: none; }
.chidemoon-core-pagination .current, .chidemoon-core-pagination a:hover { background: var(--chidemoon-forest, #123f34); border-color: var(--chidemoon-forest, #123f34); color: #fffdfa; }
@media (max-width: 640px) { .chidemoon-core-looks__rooms { flex-wrap: nowrap; overflow-x: auto; padding-block-end: .35rem; scroll-snap-type: x proximity; } .chidemoon-core-looks__room { flex: 0 0 auto; scroll-snap-align: start; } }
@media (prefers-reduced-motion: reduce) { .chidemoon-core-story-card__media img, .chidemoon-core-looks__room { transition: none; } .chidemoon-core-story-card__media:hover img { transform: none; } }