.story-detail-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;margin:12px 0;color:#f3eafc}
.story-meta-group{min-width:0;display:grid;gap:6px;text-align:left}
.story-meta-label{display:block;color:#bcaed1;font-size:12px;font-weight:400;line-height:1.3}
.story-meta-authors,.story-meta-categories{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.story-meta-author{display:inline-flex;align-items:center;gap:9px;color:#f3eafc;font-size:14px;text-align:left;text-decoration:none}
.story-meta-author-photo{display:block;width:40px;height:40px;flex:none;overflow:hidden;border-radius:50%;background-color:#493c68;background-position:center;background-size:cover}.story-meta-author-photo img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.story-meta-author strong{display:block;margin-top:3px}
.story-meta-category{display:inline-flex;align-items:center;min-height:30px;padding:4px 11px;border:1px solid #aa87ce33;border-radius:999px;background:#6b50a536;color:#e5d4f6;font-size:13px;font-weight:700;text-decoration:none}
.story-meta-author:hover,.story-meta-category:hover{color:#ffdbab}.story-meta-category:hover{background:#7659ad55}
.story-meta-author:focus-visible,.story-meta-category:focus-visible{outline:2px solid #ffca83;outline-offset:3px}
.detail-rating-trigger{display:inline-flex;align-items:center;gap:3px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.detail-rating-trigger svg{width:16px;height:16px;flex:none}
.detail-rating-trigger:focus-visible{outline:2px solid #ffca83;outline-offset:4px;border-radius:4px}
.desktop-shell .story-detail-meta{justify-content:flex-start;gap:12px 20px}.desktop-shell .story-meta-categories{justify-content:flex-start}
html:not([data-layout="desktop"]) .story-detail-meta{display:contents}
html:not([data-layout="desktop"]) .story-meta-authors-mobile{width:auto;max-width:420px;justify-content:flex-start;margin:0 .625rem 1rem}
html:not([data-layout="desktop"]) .story-meta-author{width:100%;padding:8px 12px 8px 8px;border-radius:1rem;background:#332e59;transition:background-color .2s,border-color .2s}
html:not([data-layout="desktop"]) .story-meta-author:hover{background:#ffffff12;border-color:#c8a7e14d}
html:not([data-layout="desktop"]) .story-meta-author-photo{border:1px solid #ffffff2b}
html:not([data-layout="desktop"]) .story-meta-author strong{overflow-wrap:anywhere}
html:not([data-layout="desktop"]) .story-meta-group{order:1;width:100%;max-width:420px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;margin-top:10px;text-align:center}
html:not([data-layout="desktop"]) .detail-section-story .detail-item-info{order:2}
html:not([data-layout="desktop"]) .story-meta-group>.story-meta-label{flex:none}
html:not([data-layout="desktop"]) .story-meta-categories{justify-content:center;min-width:0;max-width:100%;gap:6px}
html:not([data-layout="desktop"]) .story-meta-category{min-height:20px;max-width:100%;line-height:1.25;font-size: 11px;padding: 2px 8px;}