/* ASR Tutorials final clarity authority — 2026-10-02
   Purpose: cleaner catalogue hierarchy, restrained accent use, readable access dialogs,
   and semantic resource presentation without changing governed access logic. */
body[data-tutorial-final] .tutorials-page,
body[data-tutorial-final] .tutorials-catalog-section{
  background:#050506!important;
  color:#f4f4f5!important;
}
body[data-tutorial-final] .tutorials-clean-head{
  border-bottom:1px solid #202124!important;
  background:#050506!important;
}
body[data-tutorial-final] .tutorials-clean-head span,
body[data-tutorial-final] .tutorials-section-head .eyebrow,
body[data-tutorial-final] .tp-rail-title>span,
body[data-tutorial-final] .tp-row-kicker,
body[data-tutorial-final] .tp-collection-head>span{
  color:#a8abb0!important;
  letter-spacing:.12em!important;
}
body[data-tutorial-final] .tutorials-tool-icons{
  background:#080809!important;
  border:1px solid #1f2023!important;
  border-radius:16px!important;
  padding:14px 16px!important;
  gap:8px!important;
}
body[data-tutorial-final] .tutorials-tool-icons article{
  background:#0d0e10!important;
  border:1px solid #222429!important;
  box-shadow:none!important;
}
body[data-tutorial-final] .tutorials-tool-icons article:hover{
  border-color:#44474e!important;
  transform:translateY(-1px);
}
body[data-tutorial-final] .tutorials-tool-icons b{color:#e7e7e9!important}

body[data-tutorial-final] .tp-library{
  display:grid!important;
  grid-template-columns:minmax(220px,270px) minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
}
body[data-tutorial-final] .tp-library-rail{
  background:#09090b!important;
  border:1px solid #232428!important;
  border-radius:16px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body[data-tutorial-final] .tp-library-main{
  min-width:0!important;
  background:transparent!important;
}
body[data-tutorial-final] .tp-library-tools{
  background:#09090b!important;
  border:1px solid #232428!important;
  border-radius:14px!important;
  padding:10px!important;
}
body[data-tutorial-final] .tp-search-wrap input{
  background:#101113!important;
  border:1px solid #303238!important;
  color:#fff!important;
  box-shadow:none!important;
}
body[data-tutorial-final] .tp-search-wrap input:focus{
  border-color:#74777f!important;
  outline:2px solid rgba(255,255,255,.08)!important;
}
body[data-tutorial-final] .tp-count,
body[data-tutorial-final] .tp-breadcrumb,
body[data-tutorial-final] .tp-breadcrumb button{color:#9b9ea5!important}
body[data-tutorial-final] .tp-breadcrumb button:hover{color:#fff!important}

/* Neutralize legacy violet authority. */
body[data-tutorial-final] .tp-tree-link,
body[data-tutorial-final] .tp-folder-card,
body[data-tutorial-final] .tp-row-card,
body[data-tutorial-final] .tp-collection-head{
  --tp-accent:#5e626a!important;
  --tp-soft:rgba(255,255,255,.045)!important;
}
body[data-tutorial-final] .tp-tree-link{
  color:#b9bbc0!important;
  border-color:transparent!important;
}
body[data-tutorial-final] .tp-tree-link:hover{
  color:#fff!important;
  background:#111215!important;
}
body[data-tutorial-final] .tp-tree-link.active{
  color:#fff!important;
  background:#17181b!important;
  border-color:#383a40!important;
  box-shadow:inset 3px 0 0 #d9dadd!important;
}
body[data-tutorial-final] .tp-tree-kind,
body[data-tutorial-final] .tp-folder-icon{
  color:#c5c7cb!important;
  background:#131417!important;
  border-color:#2d2f34!important;
}
body[data-tutorial-final] .tp-lock{color:#c3c5ca!important}

body[data-tutorial-final] .tp-folder-grid,
body[data-tutorial-final] .tp-results{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body[data-tutorial-final] .tp-folder-card,
body[data-tutorial-final] .tp-row-card{
  position:relative!important;
  min-width:0!important;
  min-height:216px!important;
  background:#0b0c0e!important;
  border:1px solid #24262b!important;
  border-radius:15px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body[data-tutorial-final] .tp-folder-card:hover,
body[data-tutorial-final] .tp-row-card:hover{
  border-color:#484b52!important;
  background:#0e0f11!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}
body[data-tutorial-final] .tp-card-accent{
  display:none!important;
}
body[data-tutorial-final] .tp-row-card{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  grid-template-rows:1fr auto!important;
  column-gap:13px!important;
  padding:18px!important;
}
body[data-tutorial-final] .tp-row-main{
  grid-column:2!important;
  min-width:0!important;
}
body[data-tutorial-final] .tp-row-card>.tp-resource-type-icon{
  grid-column:1!important;
  grid-row:1!important;
}
body[data-tutorial-final] .tp-row-open{
  grid-column:1 / -1!important;
  grid-row:2!important;
  width:100%!important;
  margin-top:16px!important;
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 13px!important;
  border-radius:10px!important;
  border:1px solid #303238!important;
  background:#131416!important;
  color:#f7f7f8!important;
  font-weight:760!important;
  box-shadow:none!important;
}
body[data-tutorial-final] .tp-row-open:hover{
  background:#f3f3f4!important;
  color:#080809!important;
  border-color:#f3f3f4!important;
}
body[data-tutorial-final] .tp-row-card.locked .tp-row-open{
  background:#ededee!important;
  color:#09090a!important;
  border-color:#ededee!important;
}
body[data-tutorial-final] .tp-row-main h3,
body[data-tutorial-final] .tp-folder-card h3{color:#f4f4f5!important}
body[data-tutorial-final] .tp-row-main p,
body[data-tutorial-final] .tp-folder-card p{color:#a4a7ad!important}
body[data-tutorial-final] .tp-row-meta>span{
  background:#111216!important;
  color:#b8bbc1!important;
  border:1px solid #292b31!important;
}
body[data-tutorial-final] .tp-pill.public{color:#b7d9c4!important;border-color:#284332!important;background:#0d1711!important}
body[data-tutorial-final] .tp-pill.member{color:#c6d0df!important;border-color:#303b4a!important;background:#11161d!important}
body[data-tutorial-final] .tp-pill.restricted{color:#e0c9a9!important;border-color:#4c3a26!important;background:#1a140d!important}
body[data-tutorial-final] .tp-pill.featured{color:#e9d49a!important;border-color:#4d4226!important;background:#19160d!important}

/* Semantic file/resource icons. These deliberately use familiar file-family colours
   instead of the old page-wide violet treatment. */
body[data-tutorial-final] .tp-resource-type-icon,
body[data-tutorial-final] .tp-detail-resource-icon{
  flex:0 0 auto!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  border:1px solid #303238!important;
  background:#121316!important;
  color:#d7d8db!important;
}
body[data-tutorial-final] .tp-resource-type-icon svg,
body[data-tutorial-final] .tp-detail-resource-icon svg{width:25px!important;height:25px!important;display:block!important}
body[data-tutorial-final] [data-resource-type="slides"]{color:#ed7d31!important;background:#17100c!important;border-color:#4d2d18!important}
body[data-tutorial-final] [data-resource-type="pdf"]{color:#ef6262!important;background:#190d0d!important;border-color:#4b2424!important}
body[data-tutorial-final] [data-resource-type="spreadsheet"]{color:#58b884!important;background:#0c1711!important;border-color:#244735!important}
body[data-tutorial-final] [data-resource-type="video"]{color:#78a7ff!important;background:#0c121d!important;border-color:#273c60!important}
body[data-tutorial-final] [data-resource-type="notebook"]{color:#e8a45f!important;background:#18120c!important;border-color:#4c3720!important}
body[data-tutorial-final] [data-resource-type="archive"]{color:#c2c5cc!important;background:#121316!important;border-color:#383b42!important}
body[data-tutorial-final] [data-resource-type="code"]{color:#a9cfef!important;background:#0d1419!important;border-color:#293e4d!important}
body[data-tutorial-final] [data-resource-type="guide"]{color:#d4d5d8!important;background:#121316!important;border-color:#34363b!important}

/* Resources shown inside the tutorial viewer. */
body[data-tutorial-final] .tp-resource{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  background:#0b0c0e!important;
  border:1px solid #27292e!important;
  color:#f2f2f3!important;
}
body[data-tutorial-final] .tp-resource:hover{border-color:#4a4d54!important;background:#0f1012!important}
body[data-tutorial-final] .tp-resource>div:not(.tp-detail-resource-icon){min-width:0!important}
body[data-tutorial-final] .tp-resource small{color:#94979e!important}

/* Access-code dialog: force a readable, high-contrast validation control. */
body[data-tutorial-final] .tp-dialog{
  background:#08090a!important;
  color:#f7f7f8!important;
  border:1px solid #292b30!important;
}
body[data-tutorial-final] .tp-dialog-head{
  background:#0b0c0e!important;
  border-bottom:1px solid #25272c!important;
}
body[data-tutorial-final] .tp-gate{
  color:#f4f4f5!important;
}
body[data-tutorial-final] .tp-gate-icon{
  color:#d4d5d8!important;
  background:#111216!important;
  border:1px solid #303238!important;
}
body[data-tutorial-final] .tp-gate h3{color:#fff!important}
body[data-tutorial-final] .tp-gate p,
body[data-tutorial-final] .tp-gate label span{color:#b6b8bd!important}
body[data-tutorial-final] .tp-gate input{
  width:100%!important;
  min-height:46px!important;
  background:#0c0d0f!important;
  color:#fff!important;
  border:1px solid #3b3d43!important;
  border-radius:10px!important;
  caret-color:#fff!important;
}
body[data-tutorial-final] .tp-gate input:focus{
  border-color:#a4a6ac!important;
  outline:2px solid rgba(255,255,255,.1)!important;
}
body[data-tutorial-final] .tp-gate button[type="submit"],
body[data-tutorial-final] .tp-member-login button[type="submit"]{
  min-height:46px!important;
  background:#f4f4f5!important;
  color:#070708!important;
  border:1px solid #f4f4f5!important;
  border-radius:10px!important;
  font-weight:850!important;
  opacity:1!important;
  text-shadow:none!important;
  -webkit-text-fill-color:#070708!important;
}
body[data-tutorial-final] .tp-gate button[type="submit"]:hover,
body[data-tutorial-final] .tp-member-login button[type="submit"]:hover{
  background:#dfe0e2!important;
  color:#050506!important;
  -webkit-text-fill-color:#050506!important;
}
body[data-tutorial-final] .tp-gate-status{color:#f0b6b6!important;min-height:1.35em!important}

@media(max-width:1180px){
  body[data-tutorial-final] .tp-folder-grid,
  body[data-tutorial-final] .tp-results{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:820px){
  body[data-tutorial-final] .tp-library{grid-template-columns:1fr!important}
  body[data-tutorial-final] .tp-library-rail{position:static!important}
}
@media(max-width:620px){
  body[data-tutorial-final] .tp-folder-grid,
  body[data-tutorial-final] .tp-results{grid-template-columns:1fr!important}
  body[data-tutorial-final] .tp-row-card{min-height:0!important}
}