/* Content operations: quiet surfaces, clear hierarchy, and dense review workflows. */
#content-ops-view .dashboard-topbar { display:flex; align-items:center; justify-content:space-between; gap:16px; }
#admin-original-create { white-space:nowrap; font-size:12px; padding:11px 16px; }
#content-ops-view #testing-panel { background:transparent; border:0; padding:0; }
.admin-studio-frame { display:block; width:100%; height:calc(100dvh - 240px); min-height:560px; border:0; background:#0b0b0b; border-radius:12px; }
.admin-studio-page { display:grid; gap:18px; }
.admin-testing-tabs { margin:6px 0 20px; }
.admin-create-dialog { width:min(650px,calc(100vw - 32px)); box-sizing:border-box; max-height:90dvh; overflow:auto; padding:26px; border:1px solid #35473c; border-radius:20px; background:#121a15; color:#e7f0eb; }
.admin-create-dialog::backdrop { background:#000b; backdrop-filter:blur(4px); }
.admin-create-dialog header { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.admin-create-dialog h2 { margin:0; font-size:20px; }
.admin-create-dialog .creation-options { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.admin-create-dialog .creation-card { display:block; overflow:hidden; border:1px solid #ffffff16; border-radius:14px; text-decoration:none; color:inherit; background:#1b251e; transition:border-color .2s; }
.admin-create-dialog .creation-card:hover { border-color:#4bd39a; }
.admin-create-dialog .creation-thumb img { width:100%; height:160px; object-fit:cover; display:block; }
.admin-create-dialog .creation-body { padding:16px; }
.admin-create-dialog .creation-title { font-size:17px; font-weight:650; margin-bottom:8px; }
.admin-create-dialog .creation-meta { font-size:12px; line-height:1.65; color:#a6b7ac; }
@media(max-width:600px) { .admin-create-dialog .creation-options { grid-template-columns:1fr; }.admin-studio-frame { min-height:640px; } }
.report-browser { display:grid; gap:18px; }
.report-filters { display:grid; gap:12px; padding:18px; border:1px solid #2b3931; border-radius:14px; background:#111a15; }
.report-filter-group { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.report-filter-label { min-width:70px; font-size:12px; color:#93a49a; }
.report-filter-group button { border-radius:999px; }
.report-filter-group button[aria-pressed="true"] { color:#50efb8; background:#173b2c; border-color:#347e5d; }
.report-list { display:grid; gap:16px; }
.report-card { border:1px solid #2a3830; border-radius:16px; padding:24px; background:#121a16; min-width:0; }
.report-card-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.report-card-heading small { color:#53d4a4; font-size:11px; }
.report-work-title { display:block; margin:6px 0; font-size:19px; color:#edf6f0; text-decoration:none; font-weight:650; overflow-wrap:anywhere; }
.report-work-title:hover,.report-detail-link:hover { text-decoration:underline; }
.report-author { color:#8ea397; font-size:12px; margin:0; }
.report-status { flex-shrink:0; padding:7px 11px; border:1px solid #5a5534; background:#302c1c; color:#e7cc85; border-radius:8px; font-size:12px; }
.report-status[data-status="REVIEWED"] { color:#9dc8ff; background:#172b43; border-color:#315f8b; }
.report-status[data-status="ACTIONED"] { color:#7fdeb0; background:#153325; border-color:#315f43; }
.report-status[data-status="DISMISSED"] { color:#b1b8b4; background:#262b28; border-color:#47514b; }
.report-facts { display:grid; grid-template-columns:75px minmax(0,1fr); gap:10px 14px; margin:22px 0; font-size:13px; line-height:1.5; }
.report-facts dt { color:#8ba092; }
.report-facts dd { color:#d5e2da; margin:0; overflow-wrap:anywhere; }
.report-message { padding:16px 18px; border:1px solid #ffffff0c; background:#0d1510; border-radius:10px; }
.report-message span { font-size:11px; color:#8ba092; }
.report-message p { margin:8px 0 0; color:#d2ded6; font-size:13px; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; }
.report-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:20px; }
.report-detail-link { margin-right:auto; color:#80d5ad; font-size:13px; text-decoration:none; padding:9px 0; }
@media(max-width:600px) { .report-card { padding:17px; }.report-work-title { font-size:16px; }.report-card-heading { gap:10px; }.report-facts { grid-template-columns:60px minmax(0,1fr); gap:10px; }.report-actions button { flex:1; }.report-detail-link { flex-basis:100%; }.report-status { font-size:11px; } }
/* Portrait covers follow the character-create preview; operations stay below the artwork. */
#content-ops-view .content-cover-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:28px 20px; }
#content-ops-view .content-cover-card { min-width:0; border:1px solid #ffffff10; border-radius:16px; background:#131815; overflow:hidden; transition:border-color .18s,transform .18s; }
#content-ops-view .content-cover-card:hover { border-color:#3c6955; transform:translateY(-3px); }
.content-cover-link { display:block; position:relative; overflow:hidden; text-decoration:none; }
.content-cover-media { position:relative; width:100%; aspect-ratio:3/4; display:flex; align-items:center; justify-content:center; background:linear-gradient(145deg,#202a24,#111813); color:#8c9e92; font-size:11px; text-align:center; padding:20px; box-sizing:border-box; }
.content-cover-media[data-state=ready] { padding:0; }
.content-cover-media[data-state=empty]::before { content:'▧'; display:block; font-size:30px; color:#6c8073; margin-right:8px; }
.content-cover-media img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; }
.content-cover-ribbon { position:absolute; right:0; bottom:0; width:65%; height:auto; z-index:1; pointer-events:none; }
.content-cover-body { padding:16px; }
.content-cover-category { text-align:center; color:#55dcb0; font-size:10px; margin-bottom:5px; }
#content-ops-view .content-cover-title { display:block; color:#edf3ef; font-size:17px; font-weight:650; line-height:1.4; text-align:center; text-decoration:none; overflow-wrap:anywhere; margin:0; }
.content-cover-summary { color:#93a198; font-size:12px; line-height:1.7; margin:9px 0 13px; min-height:3.4em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.content-cover-body .content-badges { justify-content:center; margin-bottom:15px; }
.content-cover-facts { display:grid; grid-template-columns:auto minmax(0,1fr); margin:0; padding-top:13px; border-top:1px solid #ffffff0d; gap:9px 10px; font-size:11px; line-height:1.55; }
.content-cover-facts dt { color:#81938a; margin:0; }
.content-cover-facts dd { color:#d0ddd5; margin:0; text-align:right; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.content-cover-actions { display:flex; margin-top:16px; padding-top:12px; border-top:1px solid #ffffff0d; }
.content-cover-actions > a, #content-ops-view .content-cover-actions > button { width:100%; text-align:center; color:#9dd4b8; font-size:12px; text-decoration:none; border:0; background:transparent; padding:5px; }
.content-cover-card a:focus-visible,.content-cover-card button:focus-visible { outline:2px solid #64d9ab; outline-offset:-3px; border-radius:4px; }
#content-ops-view #reviews-panel { background:transparent; border:0; padding:0; }
#content-ops-view .review-controls { display:flex; gap:10px; flex-wrap:wrap; margin:20px 0; }
#content-ops-view .review-controls select,#content-ops-view .review-controls input { min-height:40px; border:1px solid #ffffff18; border-radius:8px; background:#131815; padding:8px 12px; color:#d0ddd5; min-width:0; }
#content-ops-view .review-controls input { flex:1; }
.content-ops-review-pager { display:flex; justify-content:flex-end; align-items:center; gap:12px; margin-top:24px; color:#829188; font-size:12px; }
@media(max-width:600px) { #content-ops-view .review-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }#content-ops-view .review-controls input,#content-ops-view .review-controls select { width:100%; box-sizing:border-box; } }
@media(max-width:600px) { #content-ops-view .content-cover-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 10px; }.content-cover-body { padding:12px 10px; }#content-ops-view .content-cover-title { font-size:15px; }.content-cover-facts { grid-template-columns:auto minmax(0,1fr); gap:8px 5px; font-size:10px; }.content-cover-facts dd { text-align:right; }.content-cover-summary { font-size:11px; }.content-cover-media { font-size:10px; padding:10px; } }
@media(prefers-reduced-motion:reduce) { #content-ops-view .content-cover-card { transition:none; }#content-ops-view .content-cover-card:hover { transform:none; } }
#content-ops-view { --content-line: #ffffff12; --content-muted: #949b98; }
#content-ops-view { padding: 32px 40px 56px; }
#content-ops-view .dashboard-topbar { margin-bottom: 20px; }
#content-ops-view .dashboard-topbar h1 { font-size: 25px; letter-spacing: -.04em; }
#content-ops-view .dashboard-topbar p { display: none; }
#content-ops-view #works-panel { padding: 0; border: 0; background: transparent; }
.content-eyebrow { display: block; color: #81918a; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.content-section-heading { margin: 8px 0 24px; }
.content-section-heading h2 { margin: 10px 0 8px; font-size: 26px; letter-spacing: -.045em; font-weight: 700; }
.content-section-heading p { margin: 0; font-size: 13px; line-height: 1.7; color: #979e9a; }
.content-metric-grid { display: flex; gap: 0; margin: 0 0 26px; padding: 20px 0; border-top: 1px solid #ffffff12; border-bottom: 1px solid #ffffff12; }
.content-metric-card { flex: 1; display: flex; align-items: baseline; justify-content: space-between; padding: 0 24px; border-right: 1px solid #ffffff12; gap: 12px; }
.content-metric-card:first-child { padding-left: 0; }
.content-metric-card:last-child { border: 0; }
.content-metric-card span { font-size: 12px; color: #9ba69f; }
.content-metric-card strong { font-size: 25px; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -.04em; }
.content-quick-filters { display: flex; gap: 6px; margin-bottom: 18px; flex-wrap: wrap; }
.content-quick-filters button { border: 1px solid transparent; background: transparent; color: #939d97; border-radius: 7px; min-height: 34px; padding: 7px 14px; font-size: 12px; }
.content-quick-filters button[aria-pressed=true] { color: #b4f1ce; background: #25382e; border-color: #365b44; }
#content-ops-view .content-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; padding: 16px; margin-bottom: 16px; border: 1px solid #ffffff10; border-radius: 10px; background: #151817; }
#content-ops-view .content-filters label { flex: 1; min-width: 110px; }
#content-ops-view .content-filters > label { grid-column: auto; display: grid; gap: 7px; }
#content-ops-view .content-filters label span { color: #929d97; font-size: 11px; }
#content-ops-view .content-filters select, #content-ops-view .content-filters input { width: 100%; min-height: 38px; border-color: #ffffff14; border-radius: 6px; background: #101311; font-size: 12px; }
.content-table-wrap { border: 1px solid #ffffff14; border-radius: 12px; overflow-x: auto; background: #111512; }
#works-panel table { min-width: 800px; }
#content-ops-view table th { padding: 13px 16px; background: #191d1a; color: #8b9890; font-size: 11px; font-weight: 500; white-space: nowrap; }
#content-ops-view table td { padding: 18px 16px; vertical-align: middle; border-color: #ffffff0b; font-size: 12px; color: #c9d0cb; font-variant-numeric: tabular-nums; }
#works-panel table th:nth-child(n+5), #works-panel table td:nth-child(n+5) { text-align: right; }
#content-ops-view tbody tr:hover { background: #ffffff03; }
#content-ops-view tbody tr:last-child td { border-bottom: 0; }
.content-work-link { display: flex; align-items: center; gap: 12px; min-width: 220px; max-width: 380px; color: #eef2ef; text-decoration: none; line-height: 1.5; }
.content-work-title { min-width: 0; flex: 1; }
.content-work-title strong { display: block; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.content-work-title small { display: block; font-size: 10px; color: #78867d; margin-top: 5px; }
.content-work-icon { flex: 0 0 40px; height: 46px; display: grid; place-items: center; color: #acd0b8; background: linear-gradient(145deg,#273b2e,#19251d); border: 1px solid #41654a55; border-radius: 7px; font: 500 21px Georgia,serif; }
.content-work-arrow { color: #617367; font-size: 17px; margin-left: 8px; }
.content-work-link:hover strong, .content-work-link:hover .content-work-arrow { color: #94dfb0; }
.content-badges { display: flex; gap: 6px; flex-wrap: wrap; }
.content-status-badge { display: inline-flex; align-items: center; border: 1px solid #ffffff12; padding: 4px 7px; background: #232925; border-radius: 5px; color: #a7b4ab; font-size: 10px; font-weight: 500; line-height: 1.25; white-space: nowrap; }
.content-status-badge[data-status=PUBLIC], .content-status-badge[data-status=PUBLISHED], .content-status-badge[data-status=APPROVED] { color: #9bd7ac; background: #192f21; border-color: #34513e; }
.content-status-badge[data-status=PENDING] { color: #dcc791; background: #2c281c; border-color: #4a4028; }
.content-status-badge[data-status=NOT_REQUESTED], .content-status-badge[data-status=PLOT_GENERATING] { color: #dcc791; background: #2c281c; border-color: #4a4028; }
.content-status-badge[data-status=READY] { color: #9bd7ac; background: #192f21; border-color: #34513e; }
.content-status-badge[data-status=FAILED] { color: #e8a3a4; background: #342021; border-color: #533233; }
.content-status-badge[data-status=REJECTED] { color: #e8a3a4; background: #342021; border-color: #533233; }
.content-feedback { color: #919e95; font-size: 12px; line-height: 1.7; }
.content-feedback:empty { display: none; }
.content-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 14px; padding-top: 20px; color: #829188; font-size: 12px; }
.content-pagination button { min-height: 32px; font-size: 12px; }
.content-facts { margin: 0; display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 0; }
.content-facts dt, .content-facts dd { padding: 10px 0; margin: 0; border-bottom: 1px solid #ffffff08; line-height: 1.85; font-size: 13px; overflow-wrap: anywhere; white-space: pre-wrap; }
.content-facts dt { color: #84958a; padding-right: 20px; font-size: 11px; }
.content-facts dd { color: #cdd6d0; }
.work-detail-page { width: 100%; max-width: 1440px; margin: 0 auto; padding: 28px 40px 80px; min-width: 0; }
.work-detail-back { display: inline-block; color: #84988a; text-decoration: none; margin-bottom: 22px; font-size: 12px; }
.work-detail-back:hover { color: #b5e7c4; }
.work-detail-hero { display: grid; grid-template-columns: 104px minmax(0,1fr); gap: 26px; padding: 0 0 28px; border-bottom: 1px solid #ffffff13; align-items: start; }
.work-detail-hero > div:only-child { grid-column: 1/-1; }
.work-detail-hero h1 { font-size: 29px; line-height: 1.35; letter-spacing: -.045em; margin: 12px 0 8px; overflow-wrap: anywhere; }
.work-detail-hero h1:focus { outline: none; }
.work-detail-hero .work-prose { margin: 0; max-width: 780px; color: #8f9e94; font-size: 12px; }
.work-detail-hero .work-media { margin: 0; border-radius: 8px; }
.work-detail-hero .work-media img { aspect-ratio: 3/4; object-fit: cover; }
.work-detail-hero .work-media figcaption { display: none; }
.work-author { display: flex; align-items: center; gap: 18px; margin-top: 20px; padding-top: 16px; border-top: 1px solid #ffffff0b; }
.work-author .content-eyebrow { flex-shrink: 0; letter-spacing: .05em; }
.work-author .content-facts { display: flex; flex-wrap: wrap; gap: 5px 12px; }
.work-author dt, .work-author dd { padding: 0; border: 0; font-size: 11px; line-height: 1.6; }
.work-author dd { margin-right: 16px; }
.work-detail-workspace { display: grid; grid-template-columns: 174px minmax(0,1fr); gap: 34px; align-items: start; padding-top: 28px; }
.work-detail-content { min-width: 0; }
.work-detail-tabs { display:flex; flex-direction:column; gap:4px; }
.work-detail-tabs button { border:1px solid transparent; border-radius:8px; background:transparent; color:#8e9e93; text-align:left; padding:11px 12px; font:inherit; font-size:12px; line-height:1.5; cursor:pointer; }
.work-detail-tabs button:hover { background:#ffffff08; color:#d2e8da; }
.work-detail-tabs button[aria-selected=true] { background:#1b3025; border-color:#395c48; color:#b4e9ca; }
.work-detail-tabs button:focus-visible { outline:2px solid #94dfb0; outline-offset:2px; }
.work-detail-section[role=tabpanel] { min-height:480px; animation:work-panel-in .16s ease-out; }
.work-detail-section[hidden] { display:none !important; }
@keyframes work-panel-in { from { opacity:.35; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
.work-image-gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:20px; align-items:start; }
.work-image-gallery .work-media { margin:0; max-width:none; }
.work-image-gallery .work-media img { aspect-ratio:3/4; object-fit:contain; }
.work-image-gallery .work-media figcaption { line-height:1.6; overflow-wrap:anywhere; }
.work-image-zoom { display:block; width:100%; background:#203329; color:#b6dec5; padding:9px; border:0; font-size:11px; cursor:pointer; }
.work-image-dialog { width:min(1000px,92vw); max-height:90dvh; padding:20px; border:1px solid #385542; border-radius:14px; background:#101712; color:#d4dfd7; }
.work-image-dialog::backdrop { background:#000c; backdrop-filter:blur(4px); }
.work-image-dialog > img { display:block; max-width:100%; max-height:72dvh; object-fit:contain; margin:16px auto; }
.work-image-dialog > p { overflow-wrap:anywhere; font-size:12px; }
.work-review-notice { color:#d5c597; background:#2c281b; border:1px solid #50472c; padding:14px 18px; border-radius:8px; font-size:12px; line-height:1.7; }
.work-review-decision label { display:block; color:#a2b6a9; margin:22px 0 10px; font-size:13px; }
.work-review-decision textarea { display:block; width:100%; box-sizing:border-box; border:1px solid #405248; border-radius:8px; padding:14px; background:#0c130e; color:#e0ebe4; font:inherit; resize:vertical; }
.work-review-actions { display:flex; justify-content:flex-end; gap:12px; margin-top:20px; }
.work-header-review-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:18px; }
.work-header-review-actions > button { min-width:84px; padding:10px 18px; border-radius:8px; font-size:13px; cursor:pointer; }
.work-header-review-actions > a { color:#99cdb0; font-size:12px; margin-left:6px; }
.work-review-reject { border:1px solid #764549; background:#362125; color:#f1b8be; }
.work-header-review-note { color:#a6b3aa; font-size:11px; line-height:1.7; margin:16px 0 0; }
.work-rejection-dialog { width:min(460px,calc(100vw - 40px)); box-sizing:border-box; border:1px solid #45564a; padding:24px; border-radius:14px; background:#131a15; color:#e2ece5; }
.work-rejection-dialog::backdrop { background:#000b; backdrop-filter:blur(3px); }
.work-rejection-dialog h2 { margin:0 0 20px; font-size:20px; }
.work-rejection-dialog label { display:block; margin-bottom:10px; color:#b0c3b6; font-size:13px; }
.work-rejection-dialog textarea { box-sizing:border-box; width:100%; border:1px solid #45564a; border-radius:8px; background:#0b120d; color:#e2ece5; padding:12px; font:inherit; resize:vertical; }
@media(max-width:800px) { .work-detail-tabs { flex-direction:row; }.work-detail-tabs button { white-space:nowrap; }.work-detail-section[role=tabpanel] { min-height:400px; } }
@media(prefers-reduced-motion:reduce) { .work-detail-section[role=tabpanel] { animation:none; } }
.work-detail-nav { position: sticky; top: 24px; display: flex; flex-direction: column; max-height: calc(100dvh - 48px); overflow-y: auto; gap: 3px; padding: 0 12px 16px 0; }
.work-detail-nav .content-eyebrow { margin: 4px 10px 14px; }
.work-detail-nav a { padding: 9px 12px; color: #8e9e93; border-left: 2px solid transparent; border-radius: 0 6px 6px 0; text-decoration: none; font-size: 12px; line-height: 1.5; }
.work-detail-nav a:hover { color: #c9e2d1; background: #ffffff04; }
.work-detail-nav a[aria-current=location] { color: #afe3c0; background: #1b2b21; border-left-color: #70b78a; }
.work-detail-section { margin-bottom: 24px; padding: 24px 26px; border: 1px solid #ffffff10; border-radius: 10px; background: #121713; scroll-margin-top: 24px; }
.work-detail-section > h2 { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; margin: 0 0 20px; letter-spacing: -.025em; }
.work-detail-content > .work-detail-section:first-child > .content-facts { grid-template-columns: 94px minmax(0,1fr) 94px minmax(0,1fr); column-gap: 16px; }
.work-section-index { font: 500 10px monospace; color: #6a8e75; padding: 4px 5px; background: #203026; border-radius: 4px; }
.work-item-list { display: grid; gap: 10px; }
.work-item-card { border: 1px solid #ffffff12; border-radius: 8px; background: #171e19; min-width: 0; overflow: hidden; }
.work-item-card > summary { display: flex; align-items: center; gap: 12px; padding: 15px 16px; cursor: pointer; list-style: none; }
.work-item-card > summary::-webkit-details-marker { display: none; }
.work-item-card > summary::after { content: '+'; color: #82988a; font-size: 18px; margin-left: auto; }
.work-item-card[open] > summary::after { content: '−'; }
.work-item-card > summary strong { font-size: 13px; font-weight: 550; overflow-wrap: anywhere; }
.work-item-index { font: 11px monospace; color: #688673; }
.work-item-hint { margin-left: auto; font-size: 10px; color: #657b6d; white-space: nowrap; }
.work-item-body { padding: 0 18px 18px; border-top: 1px solid #ffffff08; }
.work-field-group { margin: 18px 0; }
.work-field-group h4 { color: #a8baae; font-size: 12px; font-weight: 600; margin: 0 0 10px; }
.work-field-group .work-item-card { background: #111812; }
.work-prose { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.85; font-size: 13px; color: #bfcdc3; }
.work-empty { color: #697f71; font-size: 12px; margin: 6px 0; }
.work-media { position: relative; margin: 14px 0; width: 100%; max-width: 360px; overflow: hidden; border: 1px solid #ffffff12; border-radius: 8px; background: #0c100d; }
.work-media img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: contain; background: #0c100d; }
.work-media-state { display: block; color: #809589; padding: 10px; font-size: 11px; }
.work-media figcaption { padding: 9px 12px; color: #859b8d; font-size: 11px; }
.work-detail-section details > summary { color: #b1c8b8; cursor: pointer; line-height: 1.7; }
.work-detail-page a:focus-visible, .content-work-link:focus-visible, .work-item-card summary:focus-visible { outline: 2px solid #91cba4; outline-offset: 3px; }
@media(max-width:1100px) {
  .work-detail-page { padding: 24px; }
  .work-detail-workspace { grid-template-columns: 150px minmax(0,1fr); gap: 20px; }
  .work-author { display: block; }.work-author .content-eyebrow { margin-bottom: 8px; }
}
@media(max-width:800px) {
  .work-detail-workspace { display: block; padding-top: 18px; }
  .work-detail-nav { position: sticky; top: 0; z-index: 5; flex-direction: row; overflow-x: auto; padding: 8px 0 12px; margin-bottom: 18px; background: #0c0f0d; border-bottom: 1px solid #ffffff12; max-height: none; }
  .work-detail-nav .content-eyebrow { display: none; }
  .work-detail-nav a { white-space: nowrap; padding: 8px 12px; border: 1px solid transparent; border-radius: 6px; }
  .work-detail-nav a[aria-current=location] { border-color: #41664b; }
  .work-detail-section { scroll-margin-top: 80px; }
}
@media(max-width:600px) {
  #content-ops-view { padding: 24px 16px 44px; }
  .content-section-heading h2 { font-size: 23px; }
  .content-metric-card { display: grid; padding: 0 14px; gap: 5px; }.content-metric-card span { font-size: 10px; }.content-metric-card strong { font-size: 23px; }
  #content-ops-view .content-filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 12px; }
  #content-ops-view .content-filters label { min-width: 0; }
  #content-ops-view .content-filters button { min-height: 38px; }
  #content-ops-view #works-panel table { min-width: 0; display: block; }
  #content-ops-view .content-filters > button { grid-column: auto; }
  /* The legacy shared .filter-row forces every child into column 1 below 420px. */
  #content-ops-view .content-filters > * { grid-column: auto !important; }
  #works-panel thead { display: none; }
  #works-panel tbody { display: grid; }
  #works-panel tbody tr { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 16px; border-bottom: 1px solid #ffffff12; gap: 10px; }
  #works-panel tbody td { display: flex; align-items: center; justify-content: space-between; gap: 8px; border: 0; padding: 0; font-size: 11px; }
  #works-panel tbody td:first-child, #works-panel tbody td:nth-child(4), #works-panel tbody td:last-child { grid-column: 1/-1; }
  #works-panel tbody td:first-child { margin-bottom: 6px; }
  #works-panel tbody td:not(:first-child)::before { content: attr(data-label); color: #788f80; font-size: 10px; }
  .content-work-link { width: 100%; min-width: 0; max-width: none; }
  .work-detail-page { padding: 20px 16px 50px; }
  .work-detail-hero { grid-template-columns: 72px minmax(0,1fr); gap: 16px; padding-bottom: 20px; }
  .work-detail-hero h1 { font-size: 22px; }
  .work-author .content-facts { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 5px 6px; }
  .work-author dd { margin: 0; }
  .work-detail-section { padding: 20px 16px; }
  .work-detail-content > .work-detail-section:first-child > .content-facts { grid-template-columns: 92px minmax(0,1fr); }
  .content-facts { grid-template-columns: 92px minmax(0,1fr); }
  .content-facts dt { padding-right: 10px; }
  .work-item-body { padding: 0 12px 14px; }
  .work-item-card > summary { padding: 13px 12px; gap: 8px; }
  .work-item-hint { display: none; }
}
/* Work library: instant badge filters and two equivalent browsing layouts. */
.work-browser-toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:20px; }
.work-browser-toolbar .content-quick-filters { margin:0; }
.work-layout-toggle { display:flex; gap:4px; padding:4px; border:1px solid #303837; border-radius:12px; background:#101514; }
.work-layout-button { width:42px; height:38px; border:0; border-radius:8px; color:#8d9b95; background:transparent; font-size:23px; cursor:pointer; }
.work-layout-button[aria-pressed="true"] { color:#00e3ae; background:#203b32; }
.work-search-tools { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:18px; }
.work-search-box { display:grid; gap:7px; flex:0 1 540px; min-width:0; }
#content-ops-view .work-search-box input,#members-view .work-search-box input { width:100%; box-sizing:border-box; height:40px; border:1px solid #34433e; background:#0c0f0d; border-radius:8px; padding:0 12px; color:#eff8f3; font-size:12px; }
.member-filter-chips { display:grid; gap:12px; }
.data-panel > .work-search-tools,.data-panel > #member-filter-panel { margin-left:24px; margin-right:24px; }
#members-view .data-panel > .work-search-tools { margin-top:18px; }
@media(max-width:600px) { .data-panel > .work-search-tools,.data-panel > #member-filter-panel { margin-left:16px; margin-right:16px; } }
.member-filter-actions { display:flex; justify-content:flex-end; border-top:1px solid #ffffff0c; padding-top:12px; }
.work-filter-toggle { flex-shrink:0; display:flex; align-items:center; gap:14px; min-height:40px; padding:0 14px; border:1px solid #34433e; border-radius:8px; background:#141c17; color:#dce9e1; font:inherit; font-size:12px; cursor:pointer; }
.work-filter-toggle::before { content:''; display:block; flex:0 0 18px; width:18px; height:18px; background:currentColor; opacity:.7; transition:opacity .2s ease,background-color .2s ease; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M3 7h3m4 0h11M3 17h11m4 0h3'/%3E%3Ccircle cx='8' cy='7' r='2'/%3E%3Ccircle cx='16' cy='17' r='2'/%3E%3C/svg%3E") center/contain no-repeat; }
.work-filter-toggle[aria-expanded="true"] { border-color:#3f8866; color:#67e2aa; }
.work-filter-toggle[aria-expanded="true"]::before { opacity:1; }
.work-filter-panel { display:grid; grid-template-rows:0fr; opacity:0; visibility:hidden; transition:grid-template-rows .24s ease,opacity .2s ease,visibility .24s; }
.work-filter-panel.is-open { grid-template-rows:1fr; opacity:1; visibility:visible; }
.work-filter-inner { min-height:0; overflow:hidden; }
.work-filter-toggle:focus-visible { outline:2px solid #00e3ae; outline-offset:3px; }
#content-ops-view .content-ops-tabs { overflow-y:hidden; scrollbar-width:none; flex-shrink:0; }
#content-ops-view .content-ops-tabs::-webkit-scrollbar { display:none; }
@media(max-width:600px) { .work-search-tools { flex-wrap:wrap; gap:12px; }.work-search-box { flex:1 1 100%; }.work-filter-toggle { margin-left:auto; } }
@media(prefers-reduced-motion:reduce) { .work-filter-panel,.work-filter-toggle::before { transition:none; } }
.work-search-box input:focus { outline:2px solid #00b88e; outline-offset:2px; }
.work-search-box small { color:#91a098; font-size:10px; line-height:1.6; padding-left:3px; }
.work-badge-filters { display:grid; gap:12px; padding:18px 20px; border:1px solid #29372f; border-radius:16px; background:#101713; margin-bottom:18px; }
.work-filter-row { display:flex; align-items:flex-start; gap:14px; min-width:0; }
.work-filter-label { flex:0 0 66px; padding-top:8px; color:#98aaa0; font-size:12px; font-weight:600; }
.work-filter-options { display:flex; flex-wrap:wrap; gap:6px; }
.work-filter-chip { border:1px solid #303d35; border-radius:999px; padding:7px 13px; background:transparent; color:#adbcb3; cursor:pointer; font:inherit; font-size:12px; line-height:1.3; }
.work-filter-chip:hover { border-color:#619a80; color:#e1f4e9; }
.work-filter-chip[aria-pressed="true"] { border-color:#00ba8b; background:#103c2b; color:#4df3bb; }
.work-filter-chip:focus-visible,.work-layout-button:focus-visible { outline:2px solid #00e3ae; outline-offset:3px; }
.work-card-author { margin:0; font-size:12px; color:#94aca0; }
.work-genre-tags { display:flex; flex-wrap:wrap; gap:5px; }
.work-genre-tag { font-size:11px; color:#c0bde8; border-radius:5px; padding:3px 7px; background:#242335; }
#content-ops-view .content-cover-grid.work-list-layout { grid-template-columns:minmax(0,1fr); gap:14px; }
.work-list-layout .content-cover-card { display:grid; grid-template-columns:110px minmax(0,1fr); padding:12px; border:1px solid #2d3a32; border-radius:14px; background:#121b16; gap:20px; }
.work-list-layout .content-cover-link { width:110px; align-self:start; }
.work-list-layout .content-cover-body { display:grid; grid-template-columns:minmax(170px,1fr) auto; gap:7px 24px; align-content:center; padding:0; }
.work-list-layout .content-cover-category,.work-list-layout .content-cover-title,.work-list-layout .work-card-author,.work-list-layout .content-cover-summary,.work-list-layout .work-genre-tags { grid-column:1; }
.work-list-layout .content-badges { grid-column:2; grid-row:1 / 3; justify-content:flex-end; }
.work-list-layout .content-cover-facts { grid-column:2; grid-row:3 / 6; min-width:180px; margin:0; }
.work-list-layout .content-cover-actions { grid-column:1 / -1; margin:0; padding-top:7px; }
.work-list-layout .content-cover-summary { -webkit-line-clamp:1; }
.work-browse-card { position:relative; isolation:isolate; cursor:pointer; }
.work-browse-card .content-cover-title::after { content:''; position:absolute; inset:0; z-index:2; border-radius:inherit; }
#content-ops-view .work-browse-card:focus-within { outline:2px solid #64d9ab; outline-offset:3px; }
#content-ops-view .work-browse-card .content-cover-body { padding:20px; }
.work-browse-card .work-card-author { margin-top:8px; line-height:1.5; overflow-wrap:anywhere; }
.work-browse-card .content-cover-summary { margin:14px 0 16px; }
.work-browse-card .work-genre-tags { gap:7px; margin-bottom:14px; }
.work-browse-card .work-genre-tag { padding:5px 9px; line-height:1.4; }
.work-browse-card .content-cover-body .content-badges { justify-content:flex-start; gap:8px; margin:0 0 20px; }
.work-browse-card .content-cover-actions > span { width:100%; text-align:center; color:#9dd4b8; font-size:12px; padding:5px; }
#content-ops-view .work-list-layout .work-browse-card { grid-template-columns:100px minmax(0,1fr); padding:18px; gap:24px; }
#content-ops-view .work-list-layout .work-browse-card:hover { transform:none; }
#content-ops-view .work-list-layout .content-cover-link { width:100px; border-radius:10px; }
#content-ops-view .work-list-layout .content-cover-body { padding:0; min-width:0; grid-template-columns:minmax(0,1fr) minmax(170px,230px); gap:6px 28px; }
#content-ops-view .work-list-layout .content-cover-title,#content-ops-view .work-list-layout .content-cover-category { text-align:left; }
#content-ops-view .work-list-layout .work-card-author { margin:0; }
#content-ops-view .work-list-layout .content-cover-summary { min-height:0; margin:4px 0 8px; }
#content-ops-view .work-list-layout .work-genre-tags { margin:0; }
#content-ops-view .work-list-layout .content-badges { justify-content:flex-end; align-self:start; align-items:center; margin:0 0 10px; }
#content-ops-view .work-list-layout .content-cover-media[data-state=empty] { font-size:0; padding:8px; }
#content-ops-view .work-list-layout .content-cover-media[data-state=empty]::before { margin:0; }
#content-ops-view .work-list-layout .content-cover-facts { min-width:0; padding-top:12px; }
#content-ops-view .work-list-layout .content-cover-actions { grid-column:2; padding:0; border:0; margin-top:6px; }
#content-ops-view .work-list-layout .content-cover-actions > span { text-align:right; }
@media(max-width:600px) {
 .work-browser-toolbar { gap:8px; }
 .work-badge-filters { padding:14px 12px; }
 .work-filter-row { gap:8px; }
 .work-filter-label { flex-basis:53px; font-size:11px; }
 .work-filter-chip { font-size:11px; padding:7px 10px; }
 .work-list-layout .content-cover-card { grid-template-columns:76px minmax(0,1fr); gap:12px; }
 .work-list-layout .content-cover-link { width:76px; }
 .work-list-layout .content-cover-body { display:flex; flex-direction:column; gap:8px; }
 .work-list-layout .content-badges { justify-content:flex-start; }
 .work-list-layout .content-cover-facts { min-width:0; }
 #content-ops-view .work-browse-card .content-cover-body { padding:15px 12px; }
 #content-ops-view .work-list-layout .work-browse-card { grid-template-columns:70px minmax(0,1fr); padding:14px; gap:14px; }
 #content-ops-view .work-list-layout .content-cover-link { width:70px; }
 #content-ops-view .work-list-layout .content-cover-body { padding:0; display:flex; gap:10px; }
 #content-ops-view .work-list-layout .content-badges { justify-content:flex-start; margin:0; }
 #content-ops-view .work-list-layout .content-cover-actions > span { text-align:left; }
}