/* FINAL-006: local presentation fixes; source models remain shared. */
.pp3 .pp-part[hidden] { display: none !important; }
.pp-chaps button { flex: 0 0 auto; border: 0; background: transparent; color: inherit; padding: 15px 18px; font: 600 14px Manrope, sans-serif; cursor: pointer; border-bottom: 3px solid transparent; }
.pp-chaps button[aria-selected="true"] { color: var(--n2-indigo); border-color: var(--n2-indigo); background: var(--n2-lilac-3); }
.pp-chaps button:focus-visible { outline: 2px solid var(--n2-indigo); outline-offset: -4px; }
.pp3 .pp-chapnav { position: sticky; top: 72px; z-index: 10; background: var(--n2-frost); }
#pp-part-a > .pp-rings { padding: 24px 40px; }
.n2-logband > summary { cursor: pointer; padding-block: 28px; font: 600 20px Sora, sans-serif; }
.n2-app-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 28px 0; }
.n2-app-item { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px; padding: 24px; border: 1px solid var(--n2-line); border-radius: 14px; color: var(--n2-ink); background: var(--n2-paper); text-decoration: none; }
.n2-app-item b { font: 600 21px Sora,sans-serif; }
.n2-app-item span { grid-column: 1; font-size: 14px; color: var(--n2-ink-3); }
.n2-app-item svg { grid-column: 2; grid-row: 1 / 3; width: 24px; height: 24px; }
.n2-app-item:hover,.n2-app-item:focus-visible { border-color: var(--n2-indigo); transform: translateY(-2px); }
.st-pending { color: var(--n2-indigo); }
.pp3 .pp-part, .n2f-chip { min-width: 0; overflow-wrap: anywhere; }
@media(max-width: 800px) { .n2-app-list { grid-template-columns: repeat(2,minmax(0,1fr)); } .pp3 .pp-chapnav { top: 0; } .pp-chaps { overflow-x: auto; } }
@media(max-width: 480px) { .n2-app-list { grid-template-columns: 1fr; } .pp-chaps button { padding: 13px 12px; } }

.ex-rail { overflow: hidden; padding: 8px 0 20px; }
.ex-rail .ex-grid { display: flex; width: max-content; gap: 16px; animation: n2-questions var(--rail-duration,180s) linear infinite; }
.ex-rail .ex-card { flex: 0 0 310px; width: 310px; min-height: 280px; }
.ex-rail .ex-card[hidden] { display: none; }
.ex-rail:hover .ex-grid,.ex-rail:focus-within .ex-grid { animation-play-state: paused; }
.questions-paused .ex-grid { animation-play-state: paused; }
.ex-pause { color: var(--h-text); background: transparent; border: 1px solid var(--h-line); border-radius: 999px; padding: 10px 16px; font: 600 13px Manrope,sans-serif; cursor: pointer; }
.ex-pause:focus-visible { outline: 2px solid var(--h-lilac); outline-offset: 3px; }
@keyframes n2-questions { to { transform: translateX(calc(var(--rail-count) * -326px)); } }
@media(prefers-reduced-motion: reduce) { .ex-rail { overflow-x: auto; } .ex-rail .ex-grid { animation: none; } .ex-rail [data-rail-copy] { display: none; } }
/* Restore the accepted cube/frame hero, without changing data or detail pages. */
body.n2 .n2-brand .n2-logoh { width: 214px; height: auto; }
body.n2 .n2-brand .n2-prod { display: none; }
body.n2 .n2-hero.hero-a .hero-grid { grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 32px; }
body.n2 .n2-hero.hero-a .hero-art { width: min(112%,600px); justify-self: end; margin-right: -24px; }
body.n2 .n2-hero.hero-a h1 { font-size: clamp(48px,5.5vw,80px); }
body.n2 .n2-hero.hero-a .hero-actions { margin-top: 20px; }
@media(max-width:760px) {
  body.n2 .n2-brand .n2-logoh { width: 180px; }
  body.n2 .n2-hero.hero-a .hero-grid { grid-template-columns: 1fr; grid-template-areas: "main" "art"; gap: 20px; }
  body.n2 .n2-hero.hero-a .hero-art { display: block; width: 250px; margin: 0; justify-self: center; }
  body.n2 .n2-hero.hero-a h1 { font-size: 44px; }
}
@media(prefers-reduced-motion:reduce) { .ex-pause { display: none; } }

/* Directory opens on the work, analytics remain available on demand. */
.od { gap: 12px; }
.od .od-head h1 { font-size: 30px; }
.od .od-crumbs { margin-bottom: 4px; }
.od-summary { color: var(--n2-ink-3); margin-top: 8px !important; font-size: 13px; }
.od-analytics > summary { cursor: pointer; color: var(--n2-indigo); font-weight: 650; padding: 8px 0; }
.od-analytics .od-method { margin-bottom: 16px; }
.od-waffle { grid-template-columns: repeat(var(--n,16),minmax(0,1fr)); }
.od-waffle i { max-width: 9px; width: 100%; }
.od-advanced > summary { cursor: pointer; padding: 8px 12px; border: 1px solid var(--n2-line); border-radius: 20px; color: var(--n2-indigo); }
.od-advanced[open] { flex-basis: 100%; }
.od-advanced-grid { display: flex; flex-wrap: wrap; gap: 8px; padding: 8px 0; }
@media(min-width: 1241px) {
  body.n2[data-page=operators] #main { padding-top: 8px; }
  body.n2[data-page=operators] #main > .n2x { padding-top: 0; }
  .od .od-crumbs { display: none; }
  .od { gap: 8px; }
  .od-summary { margin-top: 4px !important; }
  .od-table td { padding: 1px 8px; vertical-align: middle; }
  .od-table .c-roles { min-width: 180px; }
  .od-table .c-fibre { line-height: 16px; }
  .od-rolerow { display: grid; grid-template-columns: repeat(2,max-content); gap: 3px; }
  .od-rl { font: 600 10px/1.1 var(--n2-sans); height: 16px; white-space: nowrap; }
  .od-roles > .od-chip, .od-slots, .od-sub > .od-chip, .od-rev { display: none; }
  .od-rep { font-size: 11px; }
  .od-spark { height: 28px; padding-top: 8px; }
  .od-name { font-size: 12px; }
  .od-logo { --sz: 26px; }
  .od-table .c-id { min-width: 225px; }
}
@media(max-width: 1240px) { .od-rolerow { flex-wrap: wrap; } .od-rl { font-size: 10px; } }