/* Staging editorial direction. Loaded only outside RAMA / RAMA-L pages. */
body.pc-editorial {
  --font: 'IBM Plex Sans', Arial, sans-serif;
  --fg: #181818; --fg-muted: #616161; --accent: #181818;
  --accent-strong: #181818; --accent-soft: transparent;
  --bg: #fafaf8; --art-bg: #fafaf8; --surface: transparent;
  --surface-solid: #fafaf8; --border: #deded9;
  --content-width: 1080px; --pc-design-text-measure: 1080px;
  --pc-design-prose-measure: 680px; --page-gutter: clamp(24px, 5vw, 88px);
  background: #fafaf8; color: #181818; font-size: 16px; line-height: 1.5;
}
.pc-editorial .site-artwork { display: none; }
.pc-editorial nav {
  position: relative; inset: auto; height: auto; padding: 40px 0 0;
  border: 0; background: transparent; box-shadow: none; backdrop-filter: none;
}
.pc-editorial .nav-inner {
  width: calc(100% - var(--page-gutter) * 2); max-width: 1380px;
  margin: 0 0 0 var(--page-gutter); height: auto;
  grid-template-columns: 220px 1fr; align-items: start; gap: 24px;
}
.pc-editorial .nav-logo { font-size: 17px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.pc-editorial #navSectionLabel { display: none; }
.pc-editorial .nav-links { justify-content: flex-start; flex-wrap: wrap; gap: 10px 28px; }
.pc-editorial .nav-links li a {
  font-size: 14px; line-height: 1.5; padding: 0; letter-spacing: 0;
  text-transform: lowercase; color: var(--fg); text-underline-offset: 4px;
}
.pc-editorial .nav-links li a.active { text-decoration-color: currentColor; }
.pc-editorial .nav-toggle, .pc-editorial .nav-hamburger, .pc-editorial .mobile-menu { display: none !important; }
.pc-editorial .page, .pc-editorial .single-shell, .pc-editorial .links-shell, .pc-editorial .level-lift-shell {
  width: min(calc(100% - var(--page-gutter) * 2), 1080px);
  margin: 0 0 0 var(--page-gutter); padding: 90px 0 80px;
}
.pc-editorial .content-box {
  padding: 0; border: 0; background: transparent; box-shadow: none; backdrop-filter: none;
}
.pc-editorial .content-box::before, .pc-editorial .content-box::after,
.pc-editorial .sec-head::before, .pc-editorial .sec-head::after { display: none; }
.pc-editorial .fade-in { opacity: 1; animation: none; }
.pc-editorial .sec { scroll-margin-top: 40px; }
.pc-editorial .sec.active { animation: none; }

.pc-editorial #home { margin-bottom: 0; }
.pc-editorial #home .content-box { display: flex; }
.pc-editorial [data-pc-designer-block="home.title"] { order: -1; }
.pc-editorial .hero-name {
  font-size: 32px; line-height: 1.15; font-weight: 500; letter-spacing: -.025em;
  margin-bottom: 22px; color: var(--fg);
}
.pc-editorial .hero-name br { display: none; }
.pc-editorial .hero-name br::after { content: ' '; }
.pc-editorial .hero-index {
  margin: 0 0 4px; font-size: 16px; line-height: 1.5;
  text-transform: none; letter-spacing: 0; color: var(--fg);
}
.pc-editorial .hero-descriptor { margin: 0; max-width: 600px; font-size: 16px; line-height: 1.5; }
.pc-editorial .hero-choices, .pc-editorial .hero-bottom { display: none !important; }
.pc-editorial .sec-head { min-height: 0; padding: 0; margin-bottom: 24px; border: 0; }
.pc-editorial .sec-head h1, .pc-editorial .sec-head h2 { font-size: 16px; font-weight: 600; text-transform: lowercase; letter-spacing: 0; line-height: 1.5; }
.pc-editorial .sec-index { display: none; }
.pc-editorial .catalog-table, .pc-editorial .post-table { display: block; }
.pc-editorial .catalog-table thead, .pc-editorial .post-table thead, .pc-editorial .tools-header { display: none; }
.pc-editorial .catalog-table tbody, .pc-editorial .post-table tbody { display: block; }
.pc-editorial .catalog-table tr { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 16px; }
.pc-editorial .catalog-table tbody td:first-child { display: none; }
.pc-editorial .catalog-table tbody td:last-child { grid-column: 1; grid-row: 1; text-align: left; }
.pc-editorial .catalog-table .cat-title { grid-column: 2; grid-row: 1; }
.pc-editorial .post-table tr { display: grid; grid-template-columns: 100px minmax(0, 1fr) 80px; gap: 16px; }
.pc-editorial .catalog-table tbody td, .pc-editorial .post-table tbody td {
  width: auto; padding: 5px 0; border: 0; font-size: 15px; line-height: 1.5;
}
.pc-editorial .cat-title, .pc-editorial .post-title, .pc-editorial .tool-row-name { font-weight: 400; }
.pc-editorial .catalog-table a, .pc-editorial .post-table a, .pc-editorial .tool-row-name a {
  text-decoration: underline; text-decoration-color: #b6b6ae; text-underline-offset: 3px; text-decoration-thickness: 1px;
}
.pc-editorial a:hover { text-decoration-color: currentColor; }
.pc-editorial .section-pagination { margin-top: 24px; font-size: 12px; letter-spacing: 0; }
.pc-editorial .tool-row { grid-template-columns: 150px minmax(0, 1fr) 20px; gap: 24px; border: 0; padding: 8px 0; }
.pc-editorial .tool-row-desc { color: var(--fg-muted); font-size: 15px; line-height: 1.55; }
.pc-editorial .about-grid { grid-template-columns: 140px minmax(0, 620px); gap: 40px; }
.pc-editorial .about-portrait { width: 140px; height: 190px; border: 0; }
.pc-editorial .about-table td { padding: 5px 0; font-size: 14px; }
.pc-editorial .about-table tr { border: 0; }
.pc-editorial .about-contact { border: 0; padding: 0; margin-top: 28px; gap: 8px 20px; }
.pc-editorial .about-contact-label { font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.pc-editorial .about-contact-link { font-size: 14px; }
.pc-editorial .footer-box {
  width: min(calc(100% - var(--page-gutter) * 2), 1080px);
  margin: 0 0 40px var(--page-gutter); padding: 24px 0 0;
  border: 0; border-top: 1px solid var(--border); box-shadow: none;
  background: transparent; font-size: 12px; letter-spacing: 0; text-transform: lowercase;
}
.pc-editorial .single-shell .entry-title, .pc-editorial .level-lift-content .entry-title {
  font-size: clamp(28px, 3vw, 40px); letter-spacing: -.025em; line-height: 1.15;
}
.pc-editorial .single-shell .entry-content { font-size: 17px; line-height: 1.75; }
.pc-editorial .single-shell .single-meta { font-size: 12px; letter-spacing: 0; text-transform: none; }
.pc-editorial .single-shell .content-box > * { margin-left: 0; }
.pc-editorial .back-link { font-size: 14px; }
.pc-editorial .links-group-head { border: 0; }
.pc-editorial .links-group-head h3 { font-size: 15px; letter-spacing: 0; text-transform: none; }
.pc-editorial .link-card { border: 0; background: none; }
.pc-editorial .link-card-desc { font-size: 14px; }
@media (max-width: 760px) {
  .pc-editorial .nav-inner { grid-template-columns: 1fr; gap: 18px; }
  .pc-editorial .nav-links { display: flex; gap: 8px 22px; }
  .pc-editorial nav { padding-top: 28px; }
  .pc-editorial .page, .pc-editorial .single-shell, .pc-editorial .links-shell, .pc-editorial .level-lift-shell { padding-top: 58px; }

  .pc-editorial .hero-name { font-size: 28px; }
  .pc-editorial .tool-row { grid-template-columns: 1fr 20px; gap: 4px 16px; padding: 12px 0; }
  .pc-editorial .tool-row-desc { grid-column: 1; grid-row: 2; }
  .pc-editorial .tool-row-arrow { grid-column: 2; grid-row: 1; }
  .pc-editorial .post-table tr { grid-template-columns: 90px minmax(0, 1fr); gap: 12px; }
  .pc-editorial .post-table td:last-child { display: none; }
  .pc-editorial .post-table tbody td { font-size: 14px; }
  .pc-editorial .about-grid { grid-template-columns: 1fr; gap: 24px; }
  .pc-editorial .about-portrait { width: 100px; height: 135px; }
  .pc-editorial .footer-box { flex-direction: column; align-items: flex-start; gap: 12px; }
}
/* HostGator's admin-only coming-soon preview also adds a body frame. */
html:has(body.pc-editorial) { background: #fafaf8 !important; }
body.pc-editorial { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
/* Preserve the year column when the original mobile table rules hide it. */
.pc-editorial .catalog-table tbody td:last-child { display: block; }
/* Long article tables scroll inside the reading column on small screens. */
.pc-editorial .entry-content table { display: block; max-width: 100%; overflow-x: auto; }
.pc-editorial .entry-content iframe, .pc-editorial .entry-content video { max-width: 100%; }

/* Second direction: centred, separate views with quiet blue interaction. */
body.pc-editorial {
  --content-width: 1000px;
  --pc-design-text-measure: 1000px;
  --accent-soft: #eaf3fb;
  --border: #dce3e9;
}
.pc-editorial .nav-inner,
.pc-editorial .page,
.pc-editorial .single-shell,
.pc-editorial .links-shell,
.pc-editorial .level-lift-shell,
.pc-editorial .footer-box {
  width: min(calc(100% - var(--page-gutter) * 2), 1000px);
  margin-left: auto;
  margin-right: auto;
}
.pc-editorial .nav-inner { grid-template-columns: 1fr auto; }
.pc-editorial .page { min-height: min(68vh, 720px); padding-top: 88px; }
.pc-editorial .content-box { padding: 28px 0; }
.pc-editorial .content-box::before {
  content: ''; display: block; position: absolute;
  inset: 0 -24px; width: auto; height: auto; transform: none;
  border: 0; pointer-events: none; opacity: .65;
  background:
    linear-gradient(#aabac7,#aabac7) left top/10px 1px no-repeat,
    linear-gradient(#aabac7,#aabac7) left top/1px 10px no-repeat,
    linear-gradient(#aabac7,#aabac7) right top/10px 1px no-repeat,
    linear-gradient(#aabac7,#aabac7) right top/1px 10px no-repeat,
    linear-gradient(#aabac7,#aabac7) left bottom/10px 1px no-repeat,
    linear-gradient(#aabac7,#aabac7) left bottom/1px 10px no-repeat,
    linear-gradient(#aabac7,#aabac7) right bottom/10px 1px no-repeat,
    linear-gradient(#aabac7,#aabac7) right bottom/1px 10px no-repeat;
  transition: opacity 180ms ease;
}
.pc-editorial .content-box:focus-within::before { opacity: 1; }
.pc-editorial .hero-name { font-size: clamp(36px,5vw,52px); margin-bottom: 24px; }
.pc-editorial #home .content-box { min-height: 290px; }
.pc-editorial [data-pc-designer-block="home.choices"] { width: 100%; }
.pc-editorial .hero-choices {
  display: flex !important; flex-wrap: wrap; gap: 12px 30px; margin-top: 38px;
}
.pc-editorial .hero-choices a {
  display: inline-flex; min-height: 36px; padding: 4px 0; border: 0;
  background: transparent; color: var(--fg); font-size: 15px; letter-spacing: 0;
  text-transform: lowercase; text-decoration: underline; text-underline-offset: 5px;
  text-decoration-color: #b6b6ae;
}
.pc-editorial a { transition: background-color 140ms ease,color 140ms ease,text-decoration-color 140ms ease; }
.pc-editorial a:hover,
.pc-editorial a:focus-visible {
  background-color: #e5f1fc; color: #183c59;
  text-decoration-color: #5b89ad; border-radius: 2px;
}
.pc-editorial a:focus-visible { outline: 1px solid #5b89ad; outline-offset: 4px; }
.pc-editorial .catalog-table tbody tr:hover,
.pc-editorial .catalog-table tbody tr:focus-within,
.pc-editorial .post-table tbody tr:hover,
.pc-editorial .post-table tbody tr:focus-within,
.pc-editorial .tool-row:hover,
.pc-editorial .tool-row:focus-within { background: #edf5fc; }
.pc-editorial .catalog-table tbody tr, .pc-editorial .post-table tbody tr,
.pc-editorial .tool-row { transition: background-color 140ms ease; border-radius: 2px; }
.pc-editorial .catalog-table a:hover, .pc-editorial .post-table a:hover { background: transparent; }
.pc-editorial .nav-links li a { min-height: 30px; padding: 3px 6px; margin: -3px -6px; }
.pc-editorial .sec-head { margin-bottom: 28px; }
.pc-editorial .sec-head h1, .pc-editorial .sec-head h2 { font-size: 18px; }
.pc-editorial .about-grid { grid-template-columns: 140px minmax(0, 680px); gap: 44px; }
.pc-editorial .about-body { font-size: 16px; line-height: 1.65; }
.pc-editorial .about-table:empty { display: none; }
.pc-editorial .footer-box { margin-bottom: 40px; }
@media (max-width: 760px) {
  .pc-editorial .nav-inner { grid-template-columns: 1fr; gap: 22px; }
  .pc-editorial .content-box::before { left: -10px; right: -10px; }
  .pc-editorial .page { padding-top: 48px; min-height: 60vh; }
  .pc-editorial #home .content-box { min-height: 260px; }
  .pc-editorial .hero-choices { gap: 10px 24px; }
  .pc-editorial .about-grid { grid-template-columns: 1fr; gap: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .pc-editorial *, .pc-editorial *::before { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Portfolio content remains editable as ordinary WordPress pages. */
.pc-editorial .nav-links { gap: 10px 22px; }
.pc-editorial .portfolio-shell .sec-head h1 { font-size: 23px; font-weight: 500; letter-spacing: -.02em; margin: 0; }
.pc-editorial .portfolio-content { max-width: 760px; }
.pc-editorial .portfolio-content > p:first-child { color: var(--fg-muted); margin-bottom: 42px; }
.pc-editorial .portfolio-content h2 { margin: 48px 0 24px; font-size: 19px; line-height: 1.4; font-weight: 500; letter-spacing: 0; text-transform: none; }
.pc-editorial .portfolio-content h3 { margin: 32px 0 9px; font-size: 17px; line-height: 1.5; font-weight: 500; letter-spacing: 0; text-transform: none; }
.pc-editorial .portfolio-content p { font-size: 16px; line-height: 1.65; margin-bottom: 12px; }
.pc-editorial .portfolio-content h3 + p { color: var(--fg-muted); font-size: 13px; }
.pc-editorial .portfolio-content a { text-decoration: underline; text-decoration-color: #b6b6ae; text-underline-offset: 3px; }
.pc-editorial .music-browse { display: flex; flex-wrap: wrap; gap: 12px 28px; font-size: 14px; margin-bottom: 30px; }
.pc-editorial .music-browse a { text-decoration: underline; text-underline-offset: 4px; }
.pc-editorial .music-browse span { color: var(--fg-muted); }
.pc-editorial .academic-contact { margin: 28px 0; }
.pc-editorial .academic-contact h3 { font-size: 14px; font-weight: 600; margin: 0 0 12px; text-transform: none; letter-spacing: 0; }
.pc-editorial .academic-contact p { display: grid; gap: 2px; font-size: 14px; margin: 0 0 12px; }
.pc-editorial .academic-contact span { color: var(--fg-muted); font-size: 13px; }
.pc-editorial .portfolio-content .wp-block-table { margin: 18px 0 44px; }
.pc-editorial .portfolio-content table { display: table; width: 100%; border-collapse: collapse; font-size: 14px; }
.pc-editorial .portfolio-content th, .pc-editorial .portfolio-content td { padding: 12px 12px 12px 0; text-align: left; border: 0; border-bottom: 1px solid var(--border); vertical-align: top; }
.pc-editorial .portfolio-content th { font-weight: 500; font-size: 12px; color: var(--fg-muted); }
.pc-editorial .portfolio-content td:first-child { width: 65px; color: var(--fg-muted); }
.pc-editorial .portfolio-content td:last-child { width: 31%; }
.pc-editorial .portfolio-content tr:hover { background: #edf5fc; }
.pc-editorial .portfolio-content h2[id] { scroll-margin-top: 28px; }
@media (max-width: 760px) {
  .pc-editorial .nav-links { gap: 8px 20px; }
  .pc-editorial .portfolio-content table { font-size: 13px; }
  .pc-editorial .portfolio-content th, .pc-editorial .portfolio-content td { padding: 10px 8px 10px 0; overflow-wrap: anywhere; }
  .pc-editorial .portfolio-content td:first-child { width: 42px; }
}

/* Quiet margin marks: three fine strokes, descending in height. */
.pc-editorial .content-box::after {
  content: ''; display: block; position: absolute; top: 32px; bottom: auto;
  left: -78px; right: -78px; width: auto; height: 44px;
  border: 0; transform: none; pointer-events: none; opacity: .42;
  background:
    linear-gradient(#8fa8ba,#8fa8ba) left top/1px 42px no-repeat,
    linear-gradient(#8fa8ba,#8fa8ba) 7px top/1px 28px no-repeat,
    linear-gradient(#8fa8ba,#8fa8ba) 14px top/1px 14px no-repeat,
    linear-gradient(#8fa8ba,#8fa8ba) right top/1px 42px no-repeat,
    linear-gradient(#8fa8ba,#8fa8ba) right 7px top/1px 28px no-repeat,
    linear-gradient(#8fa8ba,#8fa8ba) right 14px top/1px 14px no-repeat;
  transition: opacity 180ms ease;
}
.pc-editorial .content-box:focus-within::after { opacity: .7; }
.pc-editorial .artist-filters { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0 0 12px; }
.pc-editorial .artist-filters[hidden] { display: none; }
.pc-editorial .artist-filters button {
  appearance: none; position: relative; border: 0; border-radius: 2px; padding: 8px 4px;
  color: var(--fg-muted); background: transparent; font: inherit; font-size: 15px;
  cursor: pointer; line-height: 1.5; transition: color 150ms ease, background-color 150ms ease;
}
.pc-editorial .artist-filters button::after {
  content: ''; position: absolute; bottom: 2px; left: 4px; right: 4px; height: 1px;
  background: #7195b1; transform: scaleX(0); transform-origin: left;
  transition: transform 160ms ease;
}
.pc-editorial .artist-filters button[aria-pressed="true"] { color: #183c59; }
.pc-editorial .artist-filters button[aria-pressed="true"]::after { transform: scaleX(1); }
.pc-editorial .artist-filters button:hover, .pc-editorial .artist-filters button:focus-visible { background: #e5f1fc; color: #183c59; }
.pc-editorial .artist-filters button:focus-visible { outline: 1px solid #5b89ad; outline-offset: 3px; }
.pc-editorial .catalog-status { font-size: 12px; color: var(--fg-muted); margin-bottom: 20px; letter-spacing: .01em; }
.pc-editorial .catalog-status:empty { display: none; }
.pc-editorial .catalog-table tr[hidden] { display: none !important; }
.pc-editorial .release-artist { display: inline-block; font-size: 12px; color: var(--fg-muted); margin-left: 16px; }
.pc-editorial #music[data-artist-view="pat-carroll"] .release-artist,
.pc-editorial #music[data-artist-view="bounty-hill"] .release-artist { display: none; }
.pc-editorial .about-body a[href*="/tools/rama/"] { text-decoration: underline; text-decoration-color: #9aafbf; text-underline-offset: 3px; }
@media (max-width: 1180px) { .pc-editorial .content-box::after { display: none; } }
@media (max-width: 760px) {
  .pc-editorial .artist-filters { gap: 8px 16px; }
  .pc-editorial .release-artist { display: block; margin-left: 0; margin-top: 2px; }
}

/* Staging only: independent two-mode appearance and a generative margin study. */
.pc-editorial .nav-inner { grid-template-columns: 1fr auto 34px; gap: 25px; align-items: center; }
.pc-editorial .appearance-switch {
  appearance: none; display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; margin-top: -3px; padding: 7px;
  color: var(--fg-muted); border: 1px solid transparent; background: transparent;
  border-radius: 50%; cursor: pointer;
}
.pc-editorial .appearance-switch[hidden] { display: none; }
.pc-editorial .appearance-switch svg { fill: none; stroke: currentColor; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }
.pc-editorial .appearance-switch:hover { color: var(--fg); background: var(--accent-soft); }
.pc-editorial .appearance-switch:focus-visible { outline: 1px solid #7195b1; outline-offset: 3px; }
.pc-editorial .appearance-moon { display: none; }
html[data-editorial-mode="night"] .pc-editorial .appearance-sun { display: none; }
html[data-editorial-mode="night"] .pc-editorial .appearance-moon { display: block; }
html[data-editorial-mode="night"]:has(body.pc-editorial) { background: #11171b !important; color-scheme: dark; }
html[data-editorial-mode="night"] body.pc-editorial {
  --fg: #dce2e5; --fg-muted: #9aaab3; --bg: #11171b; --art-bg: #11171b;
  --surface: transparent; --surface-solid: #11171b; --border: #303c43;
  --accent: #dce2e5; --accent-strong: #dce2e5; --accent-soft: #243540;
  background: #11171b; color: #dce2e5;
}
html[data-editorial-mode="night"] .pc-editorial a { color: inherit; }
html[data-editorial-mode="night"] .pc-editorial a:hover,
html[data-editorial-mode="night"] .pc-editorial a:focus-visible,
html[data-editorial-mode="night"] .pc-editorial .artist-filters button:hover,
html[data-editorial-mode="night"] .pc-editorial .artist-filters button:focus-visible { background: #233a49; color: #d6eafb; }
html[data-editorial-mode="night"] .pc-editorial .artist-filters button[aria-pressed="true"] { color: #d6eafb; }
html[data-editorial-mode="night"] .pc-editorial .catalog-table tr:hover,
html[data-editorial-mode="night"] .pc-editorial .catalog-table tr:focus-within,
html[data-editorial-mode="night"] .pc-editorial .post-table tr:hover,
html[data-editorial-mode="night"] .pc-editorial .post-table tr:focus-within,
html[data-editorial-mode="night"] .pc-editorial .tool-row:hover,
html[data-editorial-mode="night"] .pc-editorial .tool-row:focus-within,
html[data-editorial-mode="night"] .pc-editorial .portfolio-content tr:hover { background: #1b2b35; }
html[data-editorial-mode="night"] .pc-editorial .hero-choices a,
html[data-editorial-mode="night"] .pc-editorial .catalog-table a,
html[data-editorial-mode="night"] .pc-editorial .portfolio-content a { text-decoration-color: #71838f; }
html[data-editorial-mode="night"] .pc-editorial .content-box::before { opacity: .4; }
.pc-editorial nav, .pc-editorial .page, .pc-editorial .single-shell, .pc-editorial footer { position: relative; z-index: 1; }
@media (max-width: 760px) {
  .pc-editorial .nav-inner { grid-template-columns: 1fr 34px; gap: 18px; }
  .pc-editorial .nav-logo { grid-column: 1; grid-row: 1; }
  .pc-editorial .appearance-switch { grid-column: 2; grid-row: 1; }
  .pc-editorial .nav-links { grid-column: 1 / -1; grid-row: 2; }
}

/* Staging interaction studies: compact, functional details. */
.pc-editorial .appearance-switch { position: relative; }
.pc-editorial .appearance-switch svg { position: absolute; inset: 7px; display: block !important; transition: opacity 180ms ease, transform 260ms ease; }
.pc-editorial .appearance-sun { opacity: 1; transform: rotate(0deg) scale(1); }
.pc-editorial .appearance-moon { opacity: 0; transform: rotate(-55deg) scale(.65); }
html[data-editorial-mode="night"] .pc-editorial .appearance-sun { opacity: 0; transform: rotate(55deg) scale(.65); }
html[data-editorial-mode="night"] .pc-editorial .appearance-moon { opacity: 1; transform: rotate(0deg) scale(1); }
.pc-editorial .explore-toggle:focus-visible, .pc-editorial .release-toggle:focus-visible { outline: 1px solid #7195b1; outline-offset: 4px; }
.pc-editorial .explore-shell { max-width: 620px; }
.pc-editorial .explore-toggle, .pc-editorial .release-toggle { font: inherit; color: inherit; background: transparent; border: 0; padding: 5px 0; cursor: pointer; text-align: left; }
.pc-editorial .explore-toggle { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; }
.pc-editorial .explore-mark, .pc-editorial .release-mark { display: inline-block; color: var(--fg-muted); transition: transform 200ms ease; }
.pc-editorial .is-open .explore-mark, .pc-editorial .release-toggle[aria-expanded="true"] .release-mark { transform: rotate(45deg); }
.pc-editorial .explore-panel { display: grid; grid-template-rows: 0fr; opacity: 0; visibility: hidden; transition: grid-template-rows 240ms ease, opacity 180ms ease, visibility 240ms; }
.pc-editorial .explore-panel > .hero-choices { min-height: 0; overflow: hidden; margin: 0 !important; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
.pc-editorial .is-open .explore-panel { grid-template-rows: 1fr; opacity: 1; visibility: visible; }
.pc-editorial .explore-panel .hero-choices a { margin: 0; padding: 10px 8px; border-bottom: 1px solid var(--border); transform: translateY(-4px); transition: transform 220ms ease; text-decoration: none; font-size: 13px; }
.pc-editorial .is-open .hero-choices a { transform: translateY(0); }
.pc-editorial .explore-panel .hero-choices a:nth-child(2n) { transition-delay: 30ms; }
.pc-editorial .release-toggle:hover, .pc-editorial .explore-toggle:hover { color: var(--fg-muted); }
.pc-editorial .release-mark { font-size: 12px; margin-left: 12px; }
.pc-editorial .release-detail[hidden] { display: none !important; }
.pc-editorial .catalog-table .release-detail > td { padding: 12px 0 30px; }
.pc-editorial .catalog-table .release-detail:hover { background: transparent; }
.pc-editorial .release-content { max-width: 650px; padding: 18px 22px; border-left: 1px solid var(--border); color: var(--fg-muted); font-size: 14px; line-height: 1.7; animation: release-reveal 200ms ease; overflow-wrap: anywhere; }
.pc-editorial .release-content img { max-width: 100%; height: auto; max-height: 320px; object-fit: contain; object-position: left; }
.pc-editorial .release-content iframe { max-width: 100%; border: 0; }
.pc-editorial .release-content figure { margin: 0 0 18px; }
.pc-editorial .release-content p { margin: 0 0 16px; }
.pc-editorial .release-content a { text-decoration: underline; text-underline-offset: 3px; }
.pc-editorial .release-permalink { font-size: 12px; margin-top: 20px !important; }
@keyframes release-reveal { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .pc-editorial .appearance-switch svg, .pc-editorial .explore-panel, .pc-editorial .explore-panel .hero-choices a, .pc-editorial .explore-mark, .pc-editorial .release-mark { transition: none; } .pc-editorial .release-content { animation: none; } }
.pc-editorial #home .explore-panel > .hero-choices { display: grid !important; }
.pc-editorial #music .catalog-table tr.release-detail:not([hidden]) { display: block; }
.pc-editorial #music .catalog-table .release-detail > td { display: block; width: 100%; box-sizing: border-box; padding: 10px 0 28px 92px; text-align: left; }
@media (max-width: 600px) { .pc-editorial #music .catalog-table .release-detail > td { padding-left: 0; } }
.pc-editorial #music .catalog-table .release-detail > td, .pc-editorial .release-content, .pc-editorial .release-toggle { white-space: normal; }
/* Homepage entrance: Explore provides navigation; keep only appearance above. */
.pc-editorial.landing-home .nav-logo,
.pc-editorial.landing-home .nav-links,
.pc-editorial.landing-home .nav-hamburger { display: none !important; }
.pc-editorial.landing-home .nav-inner { display: flex; justify-content: flex-end; min-height: 34px; }
.pc-editorial.landing-home .appearance-switch { margin: 0; }
.pc-editorial.landing-home #home .content-box::after { display: none; }
.pc-editorial #home .explore-shell { margin-top: 30px; }
@media (max-width: 600px) { .pc-editorial .release-content { padding: 12px; } }

/* Align artists separately from release titles; complementary warm entrance. */
.pc-editorial #music .catalog-table tr[data-release-artist] .cat-title {
  display: grid; grid-template-columns: minmax(0, 1fr) 132px;
  column-gap: 36px; align-items: center; min-width: 0;
}
.pc-editorial #music .cat-title > .release-toggle,
.pc-editorial #music .cat-title > a { justify-self: start; min-width: 0; }
.pc-editorial #music .cat-title > .release-artist {
  margin: 0; text-align: left; white-space: nowrap;
}
.pc-editorial #music[data-artist-view="pat-carroll"] .catalog-table tr[data-release-artist] .cat-title,
.pc-editorial #music[data-artist-view="bounty-hill"] .catalog-table tr[data-release-artist] .cat-title { grid-template-columns: minmax(0, 1fr); }
.pc-editorial #home .explore-toggle {
  padding: 9px 14px; color: #774826; background: #f5dfc7;
  border: 1px solid #e8c29b; border-radius: 3px;
}
.pc-editorial #home .explore-toggle .explore-mark { color: inherit; }
.pc-editorial #home .explore-toggle:hover { background: #f0d2af; color: #663c1e; }
.pc-editorial #home .explore-toggle:focus-visible { outline: 2px solid #b67b43; outline-offset: 4px; }
html[data-editorial-mode="night"] .pc-editorial #home .explore-toggle {
  background: #463424; color: #f4d6b3; border-color: #76563a;
}
html[data-editorial-mode="night"] .pc-editorial #home .explore-toggle:hover { background: #59412c; color: #ffe3c3; }
.pc-editorial #home .is-open .explore-panel { margin-top: 12px; }
@media (max-width: 600px) {
  .pc-editorial #music .catalog-table tr[data-release-artist] .cat-title { grid-template-columns: minmax(0, 1fr) 86px; column-gap: 14px; }
  .pc-editorial #music[data-artist-view="pat-carroll"] .catalog-table tr[data-release-artist] .cat-title,
  .pc-editorial #music[data-artist-view="bounty-hill"] .catalog-table tr[data-release-artist] .cat-title { grid-template-columns: minmax(0, 1fr); }
}

/* Quiet monochrome dash fields, kept entirely in the wide homepage margins. */
.pc-editorial .signal-study { position: absolute; pointer-events: none; color: #596c77; fill: currentColor; opacity: .27; z-index: 0; }
html[data-editorial-mode="night"] .pc-editorial .signal-study { color: #b6c2c9; opacity: .29; }
@media (max-width: 1400px) { .pc-editorial .signal-study { display: none !important; } }

/* Wash: keyboard bypass and archive navigation retain the established design. */
.pc-editorial .skip-link { position: fixed; left: 20px; top: 12px; z-index: 99999; padding: 10px 16px; color: var(--fg); background: var(--bg); border: 1px solid var(--border); transform: translateY(-200%); }
.pc-editorial .skip-link:focus { transform: translateY(0); outline: 2px solid #7195b1; outline-offset: 3px; }

/* Tools: released apps and browser experiments share the existing row layout. */
.pc-editorial .tool-group + .tool-group { margin-top: 36px; }
.pc-editorial .tool-group-title { margin: 0 0 12px; font: 600 15px/1.5 var(--font); letter-spacing: 0; text-transform: none; color: var(--fg); }