.secondary-en { display: none; }
html[lang="en"] .secondary-ja { display: none; }
html[lang="en"] .secondary-en { display: inline; }
body.view-secondary #sidePanel { display: none !important; }
body.view-secondary .workspace { grid-template-columns: minmax(0, 1fr); }
body.view-secondary #detailPanel { display: block; grid-column: 1 / -1; width: 100%; min-width: 0; }
.secondary-page, .secondary-entry, .secondary-tabs { --secondary-border: #4d3855; --secondary-muted: #bfb1c5; color: #f1eaf3; }
.secondary-page { max-width: 1060px; margin-inline: auto; }
.secondary-reading { max-width: 850px; }
.secondary-page a, .secondary-entry a, .secondary-tabs a { color: #e1b9ed; text-underline-offset: .22em; }
.secondary-tabs { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.5rem; padding: .3rem; width: fit-content; border: 1px solid var(--secondary-border); border-radius: 12px; background: #171119; }
.secondary-tabs a { min-height: 44px; display: inline-flex; align-items: center; padding: .55rem 1.05rem; border-radius: 8px; text-decoration: none; }
.secondary-tabs a[aria-current="page"] { background: #43254c; color: #fff0ff; }
.secondary-entry { display: grid; grid-template-columns: minmax(150px, 220px) minmax(0, 1fr); gap: 1.4rem; align-items: start; margin: 1.3rem 0; padding: clamp(1.2rem, 3vw, 2rem); border: 1px solid var(--secondary-border); border-left: 4px solid #ae78bd; border-radius: 16px; background: #1b141e; }
.secondary-entry h3, .secondary-entry h4 { margin: .35rem 0 .7rem; }
.secondary-entry h3 { font-size: 1.3rem; }
.secondary-entry h4 { font-size: 1.12rem; line-height: 1.6; }
.secondary-eyebrow { color: #c698d4; font-size: .72rem; letter-spacing: .13em; }
.secondary-description { color: var(--secondary-muted); line-height: 1.8; font-size: .93rem; }
.secondary-byline { display: flex; flex-wrap: wrap; gap: .5rem 1rem; color: var(--secondary-muted); font-size: .8rem; line-height: 1.7; }
.secondary-byline a { text-decoration: none; }
.secondary-byline a span { font-size: .75rem; color: var(--secondary-muted); }
.secondary-summary-note { color: var(--secondary-muted); font-size: .78rem; line-height: 1.7; margin: .4rem 0 0; }
.secondary-cta { display: inline-flex; align-items: center; gap: .7rem; min-height: 44px; margin-top: .3rem; font-weight: 700; }
.secondary-filter { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 1rem; margin: 1.6rem 0 1rem; }
.secondary-filter label { flex: 1 1 240px; display: grid; gap: .45rem; color: var(--secondary-muted); font-size: .85rem; }
.secondary-filter input { min-width: 0; width: 100%; height: 48px; border: 1px solid var(--secondary-border); border-radius: 9px; background: #17121a; color: #f8eefb; font: inherit; font-size: 16px; padding: .65rem .85rem; }
.secondary-filter-buttons { display: flex; gap: .25rem; flex-wrap: wrap; }
.secondary-filter-buttons button, .secondary-status button { min-height: 44px; padding: .55rem .8rem; background: #221727; color: #d7c3dd; border: 1px solid var(--secondary-border); border-radius: 8px; font: inherit; font-size: .82rem; cursor: pointer; }
.secondary-filter-buttons button[aria-pressed="true"] { background: #56315f; color: #fff1ff; border-color: #b682c6; }
.secondary-count { color: var(--secondary-muted); font-size: .82rem; }
.secondary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; list-style: none; margin: 1rem 0 2rem; padding: 0; }
.secondary-grid > li { min-width: 0; }
.secondary-grid > li[hidden], .secondary-empty[hidden] { display: none; }
.secondary-list-card { display: flex; flex-direction: column; height: 100%; box-sizing: border-box; padding: 0; overflow: hidden; border: 1px solid var(--secondary-border); border-radius: 13px; background: #1b141e; text-decoration: none; }
.secondary-list-card:hover { border-color: #b47bc2; background: #281b2d; }
.secondary-list-card h3 { color: #f3eaf6; font-size: 1.04rem; line-height: 1.6; margin: .55rem 0 .5rem; overflow-wrap: anywhere; }
.secondary-list-card p { color: var(--secondary-muted); font-size: .8rem; line-height: 1.7; margin: 0 0 1.1rem; }
.secondary-mode { color: #cba0d8; font-size: .72rem; }
.secondary-card-action { margin-top: auto; font-size: .79rem; }
.secondary-back { display: inline-flex; min-height: 44px; align-items: center; gap: .5rem; margin-bottom: 1rem; }
.secondary-reading .reader-header h2 { font-size: clamp(1.45rem, 4vw, 2.1rem); line-height: 1.55; overflow-wrap: anywhere; }
.secondary-song { color: #c9aecf; font-size: .95rem; margin-bottom: .45rem; }
.secondary-prose { font-size: 1rem; line-height: 2; overflow-wrap: anywhere; }
.secondary-prose h4 { margin: 2rem 0 1rem; color: #e6c4ee; font-size: 1.08rem; line-height: 1.75; white-space: pre-line; }
.secondary-prose h4:first-child { margin-top: 0; }
.secondary-prose p { margin: 0 0 1.5rem; white-space: pre-line; }
.secondary-prose .secondary-lead { font-size: 1.08rem; color: #e6c4ee; }
.secondary-scope { background: #1c151f; padding: 1rem 1.15rem; border-left: 2px solid #94649f; color: #c9bccf; font-size: .87rem; line-height: 1.9; margin: 1.6rem 0; }
.secondary-source-section { border-top: 1px solid var(--secondary-border); padding-top: 1.2rem; margin-top: 2rem; }
.secondary-source-section h3 { font-size: 1.1rem; }
.secondary-sources { list-style: none; padding: 0; margin: 1rem 0; }
.secondary-sources li { border-bottom: 1px solid #35293b; padding: .65rem 0; }
.secondary-sources a { display: flex; align-items: baseline; gap: .7rem; min-height: 44px; line-height: 1.8; overflow-wrap: anywhere; }
.secondary-sources a > span:nth-child(2) { flex: 1; }
.secondary-source-platform { color: #b7a0bf; font-size: .76rem; white-space: nowrap; }
.secondary-sources p { color: var(--secondary-muted); font-size: .77rem; margin: 0 0 .4rem; }
.secondary-footer { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; margin-top: 1.8rem; }
.secondary-footer a { display: inline-flex; min-height: 44px; align-items: center; }
.secondary-page :focus-visible, .secondary-entry :focus-visible, .secondary-tabs :focus-visible { outline: 2px solid #d595e7; outline-offset: 4px; }
@media (max-width: 800px) { .secondary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .secondary-grid { gap: .65rem; } .secondary-entry { padding: 1.1rem; grid-template-columns: minmax(0, 1fr); gap: 1rem; } .secondary-list-copy { padding: .85rem; } .secondary-list-card h3 { font-size: .95rem; } .secondary-list-card p { font-size: .76rem; } .secondary-filter-buttons { width: 100%; } .secondary-filter-buttons button { flex: 1; } .secondary-sources a { gap: .5rem; } }

.secondary-thumbnail { display: block; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #281d2d; }
.secondary-thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; }
.secondary-thumbnail-placeholder { display: grid; place-items: center; height: 100%; padding: .8rem; box-sizing: border-box; color: #cba0d8; font-size: .95rem; text-align: center; }
.secondary-list-copy { display: flex; flex: 1; flex-direction: column; padding: 1.1rem; }
.secondary-entry-art { display: block; overflow: hidden; border-radius: 9px; }
.secondary-entry-body { min-width: 0; }
.secondary-entry-body > :first-child { margin-top: 0; }
.secondary-reading-art { margin: .4rem 0 1.8rem; overflow: hidden; border-radius: 12px; border: 1px solid var(--secondary-border); }
.secondary-original + .secondary-original { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--secondary-border); }
.secondary-article-header { margin-bottom: 1.2rem; }
.secondary-article-header h3 { font-size: 1.12rem; line-height: 1.7; margin: 0 0 .5rem; }
.secondary-article-header time { color: var(--secondary-muted); font-size: .8rem; }
@media (max-width: 480px) { .secondary-list-copy { padding: .8rem; } .secondary-list-card .secondary-mode, .secondary-card-action { font-size: .7rem; } .secondary-reading-art { margin-bottom: 1.3rem; } }
@media (max-width: 350px) { .secondary-grid { grid-template-columns: minmax(0, 1fr); } }

.secondary-context { margin: 0 0 1.5rem; }
.secondary-context p { margin: .55rem 0; }
.secondary-context a { display: inline-block; padding-block: .35rem; }

.secondary-contents { margin: 1.4rem 0 2rem; padding: 1rem 1.2rem; border: 1px solid var(--secondary-border); border-radius: 10px; background: #1b141e; }
.secondary-contents > p { margin: 0 0 .55rem; color: var(--secondary-muted); font-size: .8rem; }
.secondary-contents ol { margin: 0; padding-left: 1.3rem; color: #c698d4; }
.secondary-contents button { display: block; min-height: 44px; padding: .5rem .25rem; width: 100%; border: 0; background: transparent; color: #e1b9ed; text-align: left; font: inherit; font-size: .88rem; line-height: 1.6; overflow-wrap: anywhere; cursor: pointer; }
.secondary-contents button:hover { text-decoration: underline; text-underline-offset: .22em; }
.secondary-contents button:focus-visible { outline: 2px solid #c698d4; outline-offset: 2px; border-radius: 3px; }
.secondary-original[id] { scroll-margin-top: 6rem; }

.secondary-editorial-note { margin: 0 0 1.5rem; padding: .75rem 1rem; border-left: 2px solid var(--secondary-border); }

/* The two reading collections share cards, controls, and a calm article width. */
.reader-page.reading-collection, .reader-page.reading-primary-detail {
  --secondary-border: #4d3855;
  --secondary-muted: #bfb1c5;
  color: #f1eaf3;
}
.reader-page.reading-collection { display: block; width: 100%; max-width: 1060px; min-width: 0; margin-inline: auto; padding: clamp(1rem, 2.5vw, 2rem); box-sizing: border-box; }
.reading-collection > .reader-header { display: block; margin: 0 0 1.5rem; padding: 0 0 1.25rem; border-bottom: 1px solid var(--secondary-border); }
.reading-collection > .reader-header h2 { margin: .35rem 0 .65rem; font-family: var(--font-heading, serif); font-size: clamp(1.8rem, 4vw, 2.5rem); line-height: 1.3; }
.reading-collection > .reader-header .eyebrow, .reading-collection > .reader-header .secondary-eyebrow { margin: 0; color: #c698d4; font-family: var(--font-mono, monospace); font-size: .72rem; letter-spacing: .13em; }
.reading-collection > .reader-header .secondary-description { margin: 0; }
.reading-collection .reading-filter { display: grid; grid-template-columns: minmax(190px, 1fr) auto; gap: 1rem; align-items: end; margin: 0 0 1rem; }
.reading-filter > label { min-width: 0; }
.reading-filter .consideration-picker-tools-v1746 { display: block; width: auto; }
.reading-filter .consideration-picker-tools-v1746 > span { display: none; }
.reading-filter .collection-control-bar-v1746 { justify-content: flex-end; gap: .5rem; }
.reading-filter .collection-sort-buttons-v1746 button, .reading-filter .collection-layout-switch-v1746 button { min-height: 44px; }
.reading-filter .secondary-filter-buttons { grid-column: 1 / -1; }
.reading-collection > .secondary-count { margin: 0 0 1rem; }
.reading-collection > .secondary-grid, .reading-collection > .consideration-picker-grid-v1746 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; margin: 0 0 2rem; }
.reading-collection .consideration-picker-card-v1746[hidden] { display: none; }
.reading-collection .consideration-picker-card-v1746 > button { display: flex; flex-direction: column; position: relative; aspect-ratio: auto; height: 100%; padding: 0; border: 1px solid var(--secondary-border); border-radius: 13px; background: #1b141e; color: #f3eaf6; isolation: auto; }
.reading-collection .consideration-picker-media-v1746 { display: block; position: relative; inset: auto; z-index: auto; flex: none; width: 100%; height: auto; aspect-ratio: 16 / 9; overflow: hidden; }
.reading-collection .consideration-picker-media-v1746 img { transform: none; }
.reading-collection .consideration-picker-shade-v1746 { display: none; }
.reading-collection .consideration-picker-copy-v1746 { display: flex; flex: 1; flex-direction: column; position: static; inset: auto; gap: 0; padding: 1.1rem; }
.reading-collection .consideration-picker-copy-v1746 small, .reading-collection .secondary-mode { color: #cba0d8; font-family: var(--font-mono, monospace); font-size: .72rem; }
.reading-collection .consideration-picker-copy-v1746 strong, .reading-collection .secondary-list-card h3 { display: block; margin: .55rem 0 .5rem; color: #f3eaf6; font-family: var(--font-heading, serif); font-size: 1.04rem; font-weight: 700; line-height: 1.6; overflow-wrap: anywhere; }
.reading-collection .consideration-picker-copy-v1746 em, .reading-collection .secondary-card-meta { display: block; margin-bottom: .65rem; overflow: hidden; color: #bfb1c5; font-size: .7rem; font-style: normal; line-height: 1.6; text-overflow: ellipsis; white-space: nowrap; }
.reading-collection .consideration-picker-copy-v1746 > span:not([data-reading-card-action]), .reading-collection .secondary-list-card p { display: -webkit-box; margin: 0 0 1.1rem; overflow: hidden; color: #bfb1c5; font-size: .8rem; line-height: 1.7; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.reading-collection .consideration-picker-copy-v1746 > .secondary-card-action { display: block; overflow: visible; margin-top: auto; color: #e1b9ed; font-size: .79rem; line-height: 1.7; -webkit-line-clamp: unset; }
.reading-collection .consideration-picker-card-v1746 > button:hover, .reading-collection .consideration-picker-card-v1746 > button:focus-visible, .reading-collection .secondary-list-card:hover { border-color: #b47bc2; background: #281b2d; }
.reading-collection .consideration-picker-card-v1746 > button:focus-visible { outline: 2px solid #d595e7; outline-offset: 4px; }
.reading-collection.collection-layout-list-v1725 > .secondary-grid, .reading-collection.collection-layout-list-v1725 > .consideration-picker-grid-v1746 { grid-template-columns: minmax(0, 1fr); gap: .65rem; }
.reading-collection.collection-layout-list-v1725 > .secondary-grid .secondary-list-card, .reading-collection.collection-layout-list-v1725 .consideration-picker-card-v1746 > button { display: grid; grid-template-columns: 180px minmax(0, 1fr); min-height: 110px; }
.reading-collection.collection-layout-list-v1725 > .secondary-grid .secondary-thumbnail, .reading-collection.collection-layout-list-v1725 .consideration-picker-media-v1746 { grid-column: 1; grid-row: 1; align-self: start; height: auto; aspect-ratio: 16 / 9; }
.reading-collection.collection-layout-list-v1725 > .secondary-grid .secondary-list-copy, .reading-collection.collection-layout-list-v1725 .consideration-picker-copy-v1746 { grid-column: 2; grid-row: 1; padding: .85rem 1rem; background: transparent; }
.reading-collection.collection-layout-list-v1725 .secondary-list-card h3, .reading-collection.collection-layout-list-v1725 .consideration-picker-copy-v1746 strong { margin-top: .2rem; }
.reader-page.secondary-reading, .reader-page.reading-primary-detail { width: 100%; max-width: 850px; min-width: 0; margin-inline: auto; padding: clamp(1rem, 3vw, 2rem); box-sizing: border-box; }
.secondary-reading > .reader-header, .reading-primary-detail > .reader-header { display: block; margin: 0 0 1.75rem; padding: 0 0 1.5rem; border-bottom: 1px solid var(--secondary-border); }
.secondary-reading > .reader-header h2, .reading-primary-detail > .reader-header h2 { margin: .4rem 0 .8rem; font-family: var(--font-heading, serif); font-size: clamp(1.45rem, 4vw, 2.1rem); font-weight: 700; line-height: 1.55; overflow-wrap: anywhere; }
.secondary-back, .reading-primary-detail .consideration-picker-back-v1746 { display: inline-flex; align-items: center; gap: .4rem; width: fit-content; min-height: 44px; margin: 0 0 1rem; padding: .5rem .8rem; border: 1px solid var(--secondary-border); border-radius: 8px; background: #1b141e; color: #e1b9ed; font: inherit; font-size: .85rem; text-decoration: none; }
.reading-primary-detail > .reader-header .eyebrow, .reading-primary-detail > .reader-header .reader-lead { color: var(--secondary-muted); font-size: .85rem; line-height: 1.8; }
.reading-primary-detail .atlas-full-article-v1838 { width: 100%; margin: 0 0 2rem; padding: 0; border: 0; background: transparent; box-shadow: none; }
.reading-primary-detail .atlas-article-header-v1838 { padding-bottom: 1.5rem; }
.reading-primary-detail .atlas-article-header-v1838 h3 { font-size: clamp(1.3rem, 3vw, 1.7rem); line-height: 1.55; }
.reading-primary-detail .atlas-article-section-v1838 { padding-block: 1.75rem; }
.reading-primary-detail .atlas-article-section-v1838 h4, .reading-primary-detail .atlas-reader-question-v1838 h4 { font-size: 1.12rem; line-height: 1.7; }
.reading-primary-detail .atlas-article-section-v1838 > p, .reading-primary-detail .atlas-article-section-v1838 > ul, .reading-primary-detail .atlas-article-section-v1838 > ol { font-size: 1rem; line-height: 2; }
@media (max-width: 900px) {
  .reading-collection .reading-filter { grid-template-columns: minmax(0, 1fr); }
  .reading-filter .collection-control-bar-v1746 { justify-content: space-between; }
  .reading-collection > .secondary-grid, .reading-collection > .consideration-picker-grid-v1746 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .reading-collection > .secondary-grid, .reading-collection > .consideration-picker-grid-v1746 { gap: .65rem; }
  .reading-collection .consideration-picker-copy-v1746, .reading-collection .secondary-list-copy { padding: .8rem; }
  .reading-collection .consideration-picker-copy-v1746 strong, .reading-collection .secondary-list-card h3 { font-size: .95rem; }
  .reading-collection .consideration-picker-copy-v1746 > span:not([data-reading-card-action]), .reading-collection .secondary-list-card p { font-size: .76rem; }
  .reading-collection .consideration-picker-copy-v1746 > .secondary-card-action, .reading-collection .secondary-card-action { font-size: .7rem; }
  .reading-collection.collection-layout-list-v1725 > .secondary-grid .secondary-list-card, .reading-collection.collection-layout-list-v1725 .consideration-picker-card-v1746 > button { grid-template-columns: 100px minmax(0, 1fr); min-height: 76px; }
  .reading-collection.collection-layout-list-v1725 > .secondary-grid .secondary-list-copy, .reading-collection.collection-layout-list-v1725 .consideration-picker-copy-v1746 { padding: .7rem .8rem; }
}
@media (max-width: 350px) {
  .reading-collection > .secondary-grid, .reading-collection > .consideration-picker-grid-v1746 { grid-template-columns: minmax(0, 1fr); }
}

/* The shared tabs and song artwork replace the old generic portal banner. */
.reader-page.reading-primary-detail > .reading-portal-intro-v1755 { display: none; }