.shared-stories-page { background: #f8f5ed; color: #655e50; min-height: 100vh; }
.shared-stories-header { max-width: 1240px; margin: 0 auto; padding: 1.5rem clamp(1rem, 4vw, 3rem); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1.3rem; }
.shared-stories-brand { display: block; max-width: 210px; }
.shared-stories-brand img { display: block; width: 100%; height: auto; }
.shared-stories-main { max-width: 1240px; margin: 0 auto; padding: 1.5rem clamp(1rem, 4vw, 3rem) 4rem; }
.shared-stories-heading { max-width: 760px; margin-bottom: 2rem; }
.shared-stories-heading h1 { color: #5d482b; font-size: clamp(2rem, 5vw, 3.2rem); }
.shared-stories-heading > p:last-child { font-size: 1.12rem; line-height: 1.7; }
.shared-stories-footer { padding: 2rem 1rem; text-align: center; background: #f0eadb; line-height: 2; }
.shared-stories-pagination { margin-top: 2rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1rem; }
.shared-story-back { max-width: 1040px; margin: 0 auto 1.5rem; }
.shared-story-notice { max-width: 760px; margin: 3rem auto; }
.shared-stories-skip { position: absolute; left: 1rem; top: -100px; z-index: 2000; padding: 1rem; background: #fff; }
.shared-stories-skip:focus { top: 1rem; }
.shared-stories-page .highlight-story-card .card-body { display: flex; flex-direction: column; align-items: flex-start; }
.shared-stories-page .highlight-story-card .card-body > .btn { margin-top: auto; }
.shared-stories-page .highlight-story-cover > img { display: block; }
.shared-catalog-filters { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; margin-block: 1.5rem .85rem; }
.shared-catalog-filter-count { display: inline-grid; place-items: center; min-width: 1.65rem; padding: .1rem .45rem; border-radius: 999px; background: rgba(93, 72, 43, .08); font-size: .8rem; }
.shared-catalog-result { margin-bottom: 1.25rem; color: #766e5e; font-size: .9rem; }
.shared-catalog-badge { position: absolute; top: 1rem; left: 1rem; display: inline-flex; align-items: center; gap: .5rem; max-width: calc(100% - 2rem); padding: .6rem .85rem; border: 1px solid rgba(93, 72, 43, .2); border-radius: 999px; background: #fff8e6; color: #674b21; box-shadow: 0 3px 12px rgba(50, 40, 24, .13); font-size: .83rem; font-weight: 800; line-height: 1.35; overflow-wrap: anywhere; }
.shared-catalog-badge > i { flex-shrink: 0; }
.shared-catalog-badge.is-own { background: #e4efcf; color: #3f7d16; border-color: rgba(87, 147, 21, .3); }
.shared-catalog-badge.is-shared { background: #ecf3df; color: #466a25; border-color: rgba(70, 106, 37, .3); }
.shared-catalog-badge.is-registered { background: #fff2cd; color: #665324; border-color: rgba(102, 83, 36, .25); }
.shared-catalog-visibility { display: flex; align-items: center; gap: .4rem; color: #766e5e; font-size: .8rem; margin-bottom: .8rem; }
@media (max-width: 575.98px) {
    .shared-stories-header nav { width: 100%; }
    .shared-stories-main { padding-top: 1rem; }
    .shared-stories-header { padding-top: 1rem; }
}