/* ASR Tutorials · Premium Library v19
   Final public visual authority for the Tutorials catalogue.
   Goal: compact hierarchy, editorial grids, immediate content visibility, zero dashboard bloat. */

body[data-tutorial-final][data-tutorial-premium-library-v19]{
  --t19-bg:#030405;
  --t19-surface:#07090b;
  --t19-surface-2:#0b0e11;
  --t19-surface-3:#101419;
  --t19-line:#242b31;
  --t19-line-strong:#39434c;
  --t19-text:#f4f6f8;
  --t19-muted:#9099a2;
  --t19-soft:#707b86;
  background:var(--t19-bg)!important;
}

/* Compact catalogue intro: the library must be visible without a full-screen preamble. */
body[data-tutorial-final][data-tutorial-premium-library-v19] .tutorials-page{
  width:min(1480px,calc(100% - 40px))!important;
  padding:26px 0 78px!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tutorials-catalog-section{
  padding-top:26px!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tutorials-section-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,560px)!important;
  gap:36px!important;
  align-items:end!important;
  margin:0 0 22px!important;
  padding-bottom:20px!important;
  border-bottom:1px solid var(--t19-line)!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tutorials-section-head>div{
  max-width:none!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tutorials-section-head .eyebrow{
  color:#9ca8b4!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tutorials-section-head h2{
  margin:7px 0 0!important;
  color:#fff!important;
  font-size:clamp(38px,4vw,52px)!important;
  line-height:.98!important;
  letter-spacing:-.052em!important;
  font-weight:610!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tutorials-section-head>p{
  max-width:560px!important;
  margin:0!important;
  color:#9da6af!important;
  font-size:13px!important;
  line-height:1.62!important;
}

/* The old hidden rail remains functionally available to the category runtime; presentation stays one-surface. */
body[data-tutorial-final][data-tutorial-premium-library-v19] [data-tutorial-platform],
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-library,
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-library-main{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-library{
  display:block!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-library-rail{
  display:none!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-library-main{
  display:block!important;
  padding:0!important;
  background:transparent!important;
}

/* Member identity becomes a compact utility strip, not the dominant card. */
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-library-main>.tp-rail-access{
  margin:0 0 13px!important;
  padding:0!important;
  border:0!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-library-main>.tp-rail-access .tp-member-card{
  display:grid!important;
  grid-template-columns:auto minmax(180px,1fr) auto auto!important;
  grid-template-areas:"mark title role action"!important;
  align-items:center!important;
  gap:13px!important;
  min-height:58px!important;
  padding:9px 10px 9px 12px!important;
  border:1px solid var(--t19-line)!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#090c0f,#07090b)!important;
  box-shadow:none!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-library-main>.tp-rail-access .tp-member-card:before{
  content:"ASR";
  grid-area:mark;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid #3b4650;
  border-radius:8px;
  background:#0d1217;
  color:#dfe6eb;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-library-main>.tp-rail-access .tp-member-card>span{
  display:none!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-library-main>.tp-rail-access .tp-member-card>strong{
  grid-area:title!important;
  margin:0!important;
  color:#f6f7f8!important;
  font-size:13.5px!important;
  line-height:1.2!important;
  letter-spacing:-.015em!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-library-main>.tp-rail-access .tp-member-card>small{
  grid-area:role!important;
  margin:0!important;
  padding:0 12px!important;
  border-left:1px solid #2a3138!important;
  color:#89939d!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  text-transform:capitalize!important;
  white-space:nowrap!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-library-main>.tp-rail-access .tp-member-card>button{
  grid-area:action!important;
  width:auto!important;
  min-width:96px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #3a444e!important;
  border-radius:8px!important;
  background:#0d1115!important;
  color:#dce2e7!important;
  font-size:10.5px!important;
  font-weight:780!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-library-main>.tp-rail-access .tp-member-card>button:hover{
  border-color:#dfe4e8!important;
  background:#e8ecef!important;
  color:#050607!important;
}

/* Section navigation: compact indexed rail instead of oversized pills. */
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-category-bar{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:4px!important;
  margin:0!important;
  padding:4px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
  border:1px solid var(--t19-line)!important;
  border-bottom:0!important;
  border-radius:11px 11px 0 0!important;
  background:#07090b!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-category-bar::-webkit-scrollbar{display:none}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-category-chip{
  flex:0 0 auto!important;
  min-height:35px!important;
  padding:0 11px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#8f98a1!important;
  box-shadow:none!important;
  font-size:10.5px!important;
  font-weight:740!important;
  letter-spacing:-.005em!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-category-chip svg{
  width:13px!important;
  height:13px!important;
  color:#6f7a84!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-category-chip:hover{
  border-color:#2d353d!important;
  background:#0c1014!important;
  color:#dfe3e7!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-category-chip.active{
  border-color:#46515c!important;
  background:#11171c!important;
  color:#fff!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-category-chip.active svg{
  color:#cbd4dc!important;
}

/* Search + live counts read like a single command bar. */
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-library-tools{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  margin:0 0 10px!important;
  padding:7px!important;
  border:1px solid var(--t19-line)!important;
  border-radius:0 0 11px 11px!important;
  background:#07090b!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-search-wrap input{
  height:39px!important;
  padding:0 12px!important;
  border:1px solid #293139!important;
  border-radius:7px!important;
  background:#0b0e11!important;
  color:#f4f6f7!important;
  font-size:11.5px!important;
  box-shadow:none!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-search-wrap input::placeholder{
  color:#69737c!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-search-wrap input:focus{
  border-color:#596673!important;
  outline:2px solid rgba(120,138,154,.1)!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-count{
  padding:0 7px!important;
  color:#7f8992!important;
  font-size:9.5px!important;
  font-weight:820!important;
  letter-spacing:.09em!important;
}

/* Root breadcrumb is redundant; nested breadcrumbs stay compact. */
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-breadcrumb{
  min-height:32px!important;
  margin:0 2px 4px!important;
  color:#66717b!important;
  font-size:10px!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-breadcrumb:has(>button:only-child){
  display:none!important;
  min-height:0!important;
  margin:0!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-breadcrumb button{
  color:#89939d!important;
  font-size:10px!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-breadcrumb button:hover,
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-breadcrumb button[aria-current="page"]{
  color:#f3f5f6!important;
}

/* Collection header only appears once a folder/section is opened; keep it editorial and compact. */
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-collection-head{
  margin:12px 0 14px!important;
  padding:18px 20px!important;
  border:1px solid #28313a!important;
  border-left:1px solid #28313a!important;
  border-radius:11px!important;
  background:
    radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--tp-accent,#8fa5b8) 10%,transparent),transparent 34%),
    #090c0f!important;
  box-shadow:none!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-collection-head>span{
  color:#8d9ba7!important;
  font-size:9px!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-collection-head h2{
  margin:6px 0 5px!important;
  color:#f6f7f8!important;
  font-size:clamp(24px,2.2vw,31px)!important;
  letter-spacing:-.042em!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-collection-head p{
  max-width:760px!important;
  color:#929ca5!important;
  font-size:11.5px!important;
  line-height:1.55!important;
}

/* Group labels sit immediately above content, not in giant empty blocks. */
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-grid-group{
  margin:17px 0 0!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-grid-group:first-child{
  margin-top:13px!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-grid-label{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:30px!important;
  margin:0 0 8px!important;
  padding:0 1px 7px!important;
  border-bottom:1px solid #20272d!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-grid-label span{
  color:#909ba5!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-grid-label b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:24px!important;
  height:22px!important;
  padding:0 7px!important;
  border:1px solid #303943!important;
  border-radius:7px!important;
  background:#0a0d10!important;
  color:#aeb6bd!important;
  font-size:9px!important;
}

/* COLLECTION GRID — editorial 6/3/3 on wide screens. */
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-grid{
  counter-reset:t19collection!important;
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
  align-items:stretch!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card{
  counter-increment:t19collection!important;
  --tile-accent:#9aa7b3;
  --tile-bg:#090c0f;
  --tile-border:#2a333c;
  grid-column:span 4!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  grid-template-rows:auto 1fr auto!important;
  gap:0 12px!important;
  min-height:188px!important;
  padding:18px!important;
  border:1px solid var(--tile-border)!important;
  border-radius:12px!important;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--tile-accent) 7%,transparent),transparent 42%),
    var(--tile-bg)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card:nth-child(1){
  grid-column:span 6!important;
  --tile-accent:#8eb8d2;--tile-bg:#081117;--tile-border:#24404f;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card:nth-child(2){
  grid-column:span 3!important;
  --tile-accent:#7ec39c;--tile-bg:#08110d;--tile-border:#244435;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card:nth-child(3){
  grid-column:span 3!important;
  --tile-accent:#d0aa69;--tile-bg:#141006;--tile-border:#48391d;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card:nth-child(4n+4){--tile-accent:#ca8e97;--tile-bg:#130b0e;--tile-border:#46282e}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card:nth-child(4n+5){--tile-accent:#95a9d8;--tile-bg:#0a0e17;--tile-border:#2d3854}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card:nth-child(4n+6){--tile-accent:#aeb6bd;--tile-bg:#0d1012;--tile-border:#353b40}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card:before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto!important;
  width:auto!important;
  height:2px!important;
  background:linear-gradient(90deg,var(--tile-accent),transparent 65%)!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card:after{
  content:"0" counter(t19collection)!important;
  position:absolute!important;
  top:15px!important;
  right:16px!important;
  color:color-mix(in srgb,var(--tile-accent) 52%,#5d6770)!important;
  font:750 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;
  letter-spacing:.08em!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card:hover{
  transform:translateY(-2px)!important;
  border-color:color-mix(in srgb,var(--tile-accent) 72%,var(--tile-border))!important;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--tile-accent) 10%,transparent),transparent 45%),
    color-mix(in srgb,var(--tile-bg) 88%,#111820)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.22)!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-icon{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  border:1px solid color-mix(in srgb,var(--tile-accent) 38%,#2c333a)!important;
  border-radius:9px!important;
  background:color-mix(in srgb,var(--tile-accent) 7%,#0a0d10)!important;
  color:var(--tile-accent)!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-copy{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-copy>span{
  padding-right:28px!important;
  color:var(--tile-accent)!important;
  font-size:8.5px!important;
  letter-spacing:.11em!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-copy h3{
  margin:9px 0 6px!important;
  color:#f5f7f8!important;
  font-size:18px!important;
  line-height:1.16!important;
  letter-spacing:-.025em!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card:nth-child(1) .tp-folder-copy h3{
  max-width:82%!important;
  font-size:22px!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-copy p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  max-width:95%!important;
  margin:0!important;
  color:#8f99a2!important;
  font-size:11px!important;
  line-height:1.48!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-stats{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin-top:auto!important;
  padding-top:12px!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-stats em{
  min-height:21px!important;
  padding:0 6px!important;
  border:1px solid color-mix(in srgb,var(--tile-accent) 25%,#303841)!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.02)!important;
  color:#9aa4ad!important;
  font-size:8px!important;
  font-style:normal!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card>b{
  grid-column:2!important;
  grid-row:3!important;
  justify-self:start!important;
  align-self:end!important;
  margin:12px 0 0!important;
  color:#cbd2d8!important;
  font-size:9.5px!important;
  font-weight:780!important;
}

/* TUTORIAL GRID — dense cards: 4 columns wide, 3 standard, 2 tablet, 1 mobile. */
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-results{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
  align-items:stretch!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-card{
  --tile-accent:#aeb6bd;
  --tile-bg:#090b0d;
  --tile-border:#2a3036;
  grid-column:span 3!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  grid-template-rows:1fr auto!important;
  column-gap:11px!important;
  row-gap:0!important;
  min-width:0!important;
  min-height:238px!important;
  padding:16px!important;
  border:1px solid var(--tile-border)!important;
  border-radius:11px!important;
  background:
    radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--tile-accent) 8%,transparent),transparent 36%),
    var(--tile-bg)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-card[data-semantic-resource-type="video"]{--tile-accent:#7eaed7;--tile-bg:#081017;--tile-border:#263d52}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-card[data-semantic-resource-type="slides"]{--tile-accent:#d79a69;--tile-bg:#130e0a;--tile-border:#493120}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-card[data-semantic-resource-type="code"]{--tile-accent:#79bfce;--tile-bg:#071116;--tile-border:#23434b}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-card[data-semantic-resource-type="notebook"]{--tile-accent:#cfa86d;--tile-bg:#130f08;--tile-border:#47391f}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-card[data-semantic-resource-type="spreadsheet"]{--tile-accent:#76ba91;--tile-bg:#08110d;--tile-border:#274335}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-card[data-semantic-resource-type="guide"]{--tile-accent:#aeb6bd;--tile-bg:#090b0d;--tile-border:#30363c}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-card:hover{
  transform:translateY(-2px)!important;
  border-color:var(--tile-accent)!important;
  background:
    radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--tile-accent) 12%,transparent),transparent 40%),
    color-mix(in srgb,var(--tile-bg) 90%,#12171c)!important;
  box-shadow:0 16px 32px rgba(0,0,0,.22)!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-card-accent{
  display:block!important;
  position:absolute!important;
  inset:0 0 auto!important;
  height:2px!important;
  background:linear-gradient(90deg,var(--tile-accent),transparent 74%)!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-card>.tp-resource-type-icon{
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
  border:1px solid color-mix(in srgb,var(--tile-accent) 35%,#30363c)!important;
  border-radius:8px!important;
  background:color-mix(in srgb,var(--tile-accent) 6%,#0a0d10)!important;
  color:var(--tile-accent)!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-card>.tp-resource-type-icon svg{
  width:19px!important;
  height:19px!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-main{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-card-topline{
  display:block!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-card-topline>.tp-resource-type-icon{
  display:none!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-kicker{
  margin:1px 0 7px!important;
  color:var(--tile-accent)!important;
  font-size:8.5px!important;
  font-weight:850!important;
  letter-spacing:.1em!important;
  line-height:1.25!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-card h3{
  margin:0 0 7px!important;
  color:#f4f6f7!important;
  font-size:17px!important;
  line-height:1.17!important;
  letter-spacing:-.027em!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-card p{
  margin:0!important;
  color:#929ba4!important;
  font-size:10.8px!important;
  line-height:1.5!important;
  -webkit-line-clamp:3!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-meta{
  gap:4px!important;
  margin-top:auto!important;
  padding-top:12px!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-meta>span:not(.tp-pill),
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-pill{
  min-height:21px!important;
  padding:0 6px!important;
  border:1px solid rgba(255,255,255,.095)!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.025)!important;
  color:#a5adb5!important;
  font-size:7.8px!important;
  font-weight:760!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-resources{
  gap:4px!important;
  margin-top:9px!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-resources>span:first-child{
  display:none!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-resource-chip{
  min-height:21px!important;
  padding:0 6px!important;
  border-radius:6px!important;
  font-size:7.8px!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-open{
  grid-column:1 / -1!important;
  grid-row:2!important;
  justify-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  margin:13px 0 0!important;
  padding:0 9px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.035)!important;
  color:#dfe4e8!important;
  font-size:9.5px!important;
  font-weight:780!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-open:hover{
  border-color:#e9edf0!important;
  background:#e9edf0!important;
  color:#050607!important;
}

/* Empty states should be compact and useful, never create giant blank regions. */
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-empty{
  min-height:0!important;
  padding:22px 2px!important;
  color:#7f8992!important;
  font-size:11px!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-empty strong{
  margin-bottom:4px!important;
  color:#dfe3e7!important;
  font-size:11.5px!important;
}

/* Viewer: same premium density, preserving all governed playback/resource logic. */
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-dialog{
  width:min(1040px,calc(100% - 28px))!important;
  border-color:#313941!important;
  border-radius:13px!important;
  background:#06080a!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-dialog-head{
  padding:15px 17px!important;
  border-bottom-color:#252c32!important;
  background:#090c0f!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-dialog-head h2{
  font-size:20px!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-dialog-body{
  padding:16px!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-resource-grid{
  gap:7px!important;
}
body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-resource{
  min-height:68px!important;
  padding:11px!important;
  border-radius:8px!important;
}

/* Responsive editorial reflow. */
@media(max-width:1450px){
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-card{grid-column:span 4!important}
}
@media(max-width:1120px){
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tutorials-section-head{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card,
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card:nth-child(1),
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card:nth-child(2),
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card:nth-child(3){
    grid-column:span 6!important;
  }
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-card{grid-column:span 6!important}
}
@media(max-width:760px){
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tutorials-page{
    width:min(100% - 22px,1480px)!important;
    padding-top:18px!important;
  }
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tutorials-catalog-section{padding-top:18px!important}
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tutorials-section-head{
    margin-bottom:14px!important;
    padding-bottom:14px!important;
  }
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tutorials-section-head h2{
    font-size:clamp(34px,10vw,44px)!important;
  }
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-library-main>.tp-rail-access .tp-member-card{
    grid-template-columns:36px minmax(0,1fr) auto!important;
    grid-template-areas:"mark title action" "mark role action"!important;
    min-height:58px!important;
  }
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-library-main>.tp-rail-access .tp-member-card>small{
    padding:0!important;
    border-left:0!important;
    white-space:normal!important;
  }
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-library-main>.tp-rail-access .tp-member-card>button{
    min-width:74px!important;
    padding:0 9px!important;
  }
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-library-tools{
    grid-template-columns:1fr!important;
  }
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-count{display:none!important}
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card,
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card:nth-child(1),
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card:nth-child(2),
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card:nth-child(3),
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-card{
    grid-column:span 12!important;
  }
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card{
    min-height:164px!important;
  }
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-folder-card:nth-child(1) .tp-folder-copy h3{
    max-width:none!important;
    font-size:19px!important;
  }
  body[data-tutorial-final][data-tutorial-premium-library-v19] .tp-row-card{
    min-height:0!important;
  }
}