/* ASR Tutorials · pure black readability authority · 2026-10-01
   Final presentation authority only. Tutorial data, access rules and player governance stay unchanged. */
body[data-asr-public-final-section="tutorials"][data-tutorial-final="v5"]{
  background:#000!important;
  color:#fff!important;
}
body[data-asr-public-final-section="tutorials"][data-tutorial-final="v5"] .tutorials-page{
  position:relative!important;
  background:#000!important;
}
body[data-asr-public-final-section="tutorials"][data-tutorial-final="v5"] .tutorials-clean-head,
body[data-asr-public-final-section="tutorials"][data-tutorial-final="v5"] .tutorials-tool-icons,
body[data-asr-public-final-section="tutorials"][data-tutorial-final="v5"] .tutorials-catalog-section{
  background:#000!important;
}
body[data-asr-public-final-section="tutorials"][data-tutorial-final="v5"] .tutorials-catalog-section{
  width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  padding:62px max(24px,calc((100vw - 1280px)/2)) 104px!important;
  border-top:1px solid #211c29!important;
  color:#fff!important;
}

/* Top tools stay black. White icon tiles are intentionally retained so dark source logos remain legible. */
body[data-tutorial-final="v5"] .tutorials-tool-icons article{
  background:#000!important;
  border-color:#241f2b!important;
  box-shadow:none!important;
}
body[data-tutorial-final="v5"] .tutorials-tool-icons b{color:#fff!important}

/* Library heading */
body[data-tutorial-final="v5"] .tutorials-catalog-section .tutorials-section-head .eyebrow{color:#c7b5ff!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tutorials-section-head h2{color:#fff!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tutorials-section-head>p{color:#d5d0da!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-library,
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-library-main,
body[data-tutorial-final="v5"] .tutorials-catalog-section [data-tp-content]{
  background:#000!important;
  color:#fff!important;
}

/* Every learning surface is pure black. */
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-library-tools,
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-search-wrap input,
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-category-chip,
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-collection-head,
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-folder-card,
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-row-card,
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-library-main>.tp-rail-access .tp-member-card,
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-row-meta>span:not(.tp-pill),
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-pill,
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-row-open,
body[data-tutorial-final="v5"] .tp-dialog[open],
body[data-tutorial-final="v5"] .tp-dialog-head,
body[data-tutorial-final="v5"] .tp-resource{
  background:#000!important;
  background-image:none!important;
}

/* Member access */
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-library-main>.tp-rail-access .tp-member-card{
  border:1px solid #3a2d50!important;
  box-shadow:none!important;
}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-member-card>span{color:#c7b5ff!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-member-card>strong{color:#fff!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-member-card>small{color:#d2ccd8!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-member-card>button{
  border:1px solid #8f73e8!important;
  background:#000!important;
  color:#d8ccff!important;
  font-weight:820!important;
  box-shadow:none!important;
}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-member-card>button:hover{
  border-color:#b39cff!important;
  color:#fff!important;
}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-member-card.is-member{
  border-color:#315c46!important;
  background:#000!important;
}

/* Categories */
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-category-chip{
  border-color:#2a2431!important;
  color:#d7d1dc!important;
  box-shadow:none!important;
}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-category-chip:hover{
  border-color:#6e57a4!important;
  background:#000!important;
  color:#fff!important;
}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-category-chip.active{
  border-color:#9a7cf2!important;
  background:#000!important;
  color:#e0d6ff!important;
  box-shadow:inset 0 0 0 1px rgba(154,124,242,.18)!important;
}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-category-chip svg{color:#b39cff!important}

/* Search / count / breadcrumb */
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-library-tools{
  border-color:#2a2431!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-search-wrap input{
  border:1px solid #332b3b!important;
  color:#fff!important;
  caret-color:#b59cff!important;
  box-shadow:none!important;
}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-search-wrap input::placeholder{color:#b9b2bf!important;opacity:1!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-search-wrap input:focus{
  border-color:#9274eb!important;
  box-shadow:0 0 0 3px rgba(146,116,235,.15)!important;
}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-count{color:#c7c0cb!important;font-weight:750!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-breadcrumb,
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-breadcrumb button{color:#c8c1cd!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-breadcrumb button:hover,
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-breadcrumb button[aria-current="page"]{color:#fff!important;font-weight:750!important}

/* Current collection */
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-collection-head{
  border-color:#2a2431!important;
  box-shadow:none!important;
}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-collection-head>span{color:#c7b5ff!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-collection-head h2{color:#fff!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-collection-head p{color:#d5d0da!important}

/* Folder and tutorial grids */
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-folder-card,
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-row-card{
  border:1px solid #29232f!important;
  box-shadow:none!important;
}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-folder-card:hover,
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-row-card:hover{
  border-color:#7159aa!important;
  background:#000!important;
  transform:translateY(-2px)!important;
  box-shadow:none!important;
}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-folder-icon,
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-card-icon-v5{
  border-color:#49396a!important;
  background:#000!important;
  color:#c7b5ff!important;
}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-folder-card span,
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-row-kicker{color:#c7b5ff!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-row-card h3,
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-folder-card h3{color:#fff!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-row-card p,
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-folder-card p{color:#d7d1dc!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-folder-card>b{color:#e2d8ff!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-card-accent{opacity:1!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-row-meta{color:#c7c0cb!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-row-meta>span:not(.tp-pill),
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-pill{
  border-color:#312938!important;
  color:#d7d1dc!important;
}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-pill.public{border-color:#397655!important;background:#000!important;color:#9de2bd!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-pill.member{border-color:#446994!important;background:#000!important;color:#b9d6ff!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-pill.restricted{border-color:#7159aa!important;background:#000!important;color:#d4c4ff!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-pill.featured{border-color:#87672d!important;background:#000!important;color:#f0ca80!important}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-row-open{
  border-color:#5a467d!important;
  color:#e6dcff!important;
}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-row-open:hover{
  border-color:#a286f4!important;
  background:#000!important;
  color:#fff!important;
}

/* Empty states */
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-empty{
  margin-top:18px!important;
  padding:34px 0!important;
  color:#cbc4d0!important;
  font-size:14.5px!important;
  line-height:1.65!important;
}
body[data-tutorial-final="v5"] .tutorials-catalog-section .tp-empty strong{
  display:block!important;
  margin-bottom:7px!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:760!important;
}

/* Governed tutorial viewer */
body[data-tutorial-final="v5"] .tp-dialog[open]{
  border-color:#332b3b!important;
  color:#fff!important;
  box-shadow:0 50px 140px rgba(0,0,0,.86)!important;
}
body[data-tutorial-final="v5"] .tp-dialog-head{border-bottom-color:#2a2431!important}
body[data-tutorial-final="v5"] .tp-dialog-head h2{color:#fff!important}
body[data-tutorial-final="v5"] .tp-dialog-head p,
body[data-tutorial-final="v5"] .tp-player-label small{color:#cbc4d0!important}
body[data-tutorial-final="v5"] .tp-player-label b,
body[data-tutorial-final="v5"] .tp-material-heading b,
body[data-tutorial-final="v5"] .tp-resource b{color:#fff!important}
body[data-tutorial-final="v5"] .tp-player-label span,
body[data-tutorial-final="v5"] .tp-material-heading span{color:#c7b5ff!important}
body[data-tutorial-final="v5"] .tp-resource{border-color:#2a2431!important}
body[data-tutorial-final="v5"] .tp-resource small,
body[data-tutorial-final="v5"] .tp-resource span,
body[data-tutorial-final="v5"] .tp-notes{color:#d5d0da!important}
body[data-tutorial-final="v5"] .tp-dialog button,
body[data-tutorial-final="v5"] .tp-dialog a{
  color:#f2edff!important;
}

@media(max-width:720px){
  body[data-asr-public-final-section="tutorials"][data-tutorial-final="v5"] .tutorials-catalog-section{
    padding:44px 12px 78px!important;
  }
}