/* ASR Tutorials · refined colour-grid authority v9
   Final visual layer: no page-wide violet, restrained semantic colour, richer grid hierarchy. */

body[data-tutorial-final][data-tutorial-color-grid-v9]{
  --t9-surface:#050607;
  --t9-panel:#0a0c0e;
  --t9-panel-2:#0e1013;
  --t9-border:#252a30;
  --t9-border-strong:#3a4149;
  --t9-text:#f4f6f8;
  --t9-muted:#9aa1aa;
  background:#050607!important;
}

/* Strip the remaining legacy violet from navigation, access and collection chrome. */
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-category-bar{gap:9px!important;margin-bottom:18px!important}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-category-chip{
  min-height:40px!important;
  padding:0 14px!important;
  border:1px solid #292e34!important;
  border-radius:999px!important;
  background:#0a0c0e!important;
  color:#aeb4bc!important;
  box-shadow:none!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-category-chip:hover{
  border-color:#4a535d!important;
  background:#101318!important;
  color:#fff!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-category-chip.active{
  border-color:#e6e9ec!important;
  background:#e6e9ec!important;
  color:#090a0b!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-category-chip svg{color:currentColor!important}

body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-library-main>.tp-rail-access .tp-member-card{
  min-height:84px!important;
  padding:17px 19px!important;
  border:1px solid #27313a!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#0a0e12 0%,#0b1115 100%)!important;
  box-shadow:none!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-library-main>.tp-rail-access .tp-member-card>span{
  color:#8fa5b8!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-library-main>.tp-rail-access .tp-member-card>strong{
  color:#f5f7f8!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-library-main>.tp-rail-access .tp-member-card>small{
  color:#9ca6af!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-library-main>.tp-rail-access .tp-member-card>button{
  border:1px solid #39434c!important;
  background:#11161b!important;
  color:#eef1f3!important;
  box-shadow:none!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-library-main>.tp-rail-access .tp-member-card>button:hover{
  border-color:#eef1f3!important;
  background:#eef1f3!important;
  color:#08090a!important;
}

body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-library-tools{
  border-color:#252b31!important;
  background:#090b0d!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-search-wrap input{
  border-color:#2d343b!important;
  background:#0d1013!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-search-wrap input:focus{
  border-color:#74808c!important;
  outline:2px solid rgba(143,158,172,.12)!important;
}

body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-collection-head{
  border:1px solid #293039!important;
  background:linear-gradient(135deg,#0a0d10 0%,#0d1115 100%)!important;
  box-shadow:none!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-collection-head>span{color:#94a2af!important}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-collection-head h2{color:#f5f7f8!important}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-collection-head p{color:#9fa7b0!important}

/* Folder cards: six restrained institutional tones so the grid has depth without looking playful. */
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-folder-grid .tp-folder-card{
  --tile-accent:#a7afb7;
  --tile-bg:#0d0f12;
  --tile-border:#30353b;
  background:var(--tile-bg)!important;
  border-color:var(--tile-border)!important;
  box-shadow:none!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-folder-grid .tp-folder-card:nth-child(6n+1){--tile-accent:#8fb9d2;--tile-bg:#0a1116;--tile-border:#274050}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-folder-grid .tp-folder-card:nth-child(6n+2){--tile-accent:#86c7a2;--tile-bg:#0a120f;--tile-border:#274636}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-folder-grid .tp-folder-card:nth-child(6n+3){--tile-accent:#d8b36a;--tile-bg:#151108;--tile-border:#4b3b1d}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-folder-grid .tp-folder-card:nth-child(6n+4){--tile-accent:#d7929d;--tile-bg:#140c0f;--tile-border:#4b2930}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-folder-grid .tp-folder-card:nth-child(6n+5){--tile-accent:#9daedf;--tile-bg:#0c0f17;--tile-border:#2d3856}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-folder-grid .tp-folder-card:nth-child(6n+6){--tile-accent:#b6bbc2;--tile-bg:#101113;--tile-border:#363a3f}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-folder-grid .tp-folder-card:hover{
  border-color:var(--tile-accent)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.24)!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-folder-grid .tp-folder-icon{
  border-color:var(--tile-border)!important;
  background:rgba(255,255,255,.035)!important;
  color:var(--tile-accent)!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-folder-grid .tp-folder-card span{
  color:var(--tile-accent)!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-folder-grid .tp-folder-card h3{color:#f3f5f6!important}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-folder-grid .tp-folder-card p{color:#9fa6ad!important}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-folder-grid .tp-folder-card>b{color:#cbd0d5!important}

/* Tutorial cards: colour follows the actual resource family, not arbitrary decoration. */
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-results .tp-row-card{
  --tile-accent:#b8bec5;
  --tile-bg:#0c0e10;
  --tile-border:#2d3238;
  background:var(--tile-bg)!important;
  border-color:var(--tile-border)!important;
  box-shadow:none!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-results .tp-row-card[data-semantic-resource-type="slides"]{--tile-accent:#e19a62;--tile-bg:#15100c;--tile-border:#4b3221}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-results .tp-row-card[data-semantic-resource-type="pdf"]{--tile-accent:#dc8585;--tile-bg:#150d0e;--tile-border:#4a292b}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-results .tp-row-card[data-semantic-resource-type="spreadsheet"]{--tile-accent:#79bd98;--tile-bg:#0b120f;--tile-border:#264436}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-results .tp-row-card[data-semantic-resource-type="video"]{--tile-accent:#7fa9d8;--tile-bg:#0b1017;--tile-border:#283d57}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-results .tp-row-card[data-semantic-resource-type="notebook"]{--tile-accent:#d3aa70;--tile-bg:#141008;--tile-border:#49391f}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-results .tp-row-card[data-semantic-resource-type="code"]{--tile-accent:#81bfd0;--tile-bg:#091216;--tile-border:#25434c}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-results .tp-row-card[data-semantic-resource-type="archive"]{--tile-accent:#adb3ba;--tile-bg:#101214;--tile-border:#353a40}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-results .tp-row-card[data-semantic-resource-type="guide"]{--tile-accent:#b7bdc4;--tile-bg:#0d0f11;--tile-border:#30353b}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-results .tp-row-card:hover{
  border-color:var(--tile-accent)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.25)!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-results .tp-row-card .tp-row-kicker{
  color:var(--tile-accent)!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-results .tp-row-card .tp-resource-type-icon{
  color:var(--tile-accent)!important;
  border-color:var(--tile-border)!important;
  background:rgba(255,255,255,.035)!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-results .tp-row-card h3{color:#f5f6f7!important}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-results .tp-row-card p{color:#a4abb2!important}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-results .tp-row-card .tp-row-meta>span{
  border-color:rgba(255,255,255,.105)!important;
  background:rgba(255,255,255,.035)!important;
  color:#b9c0c6!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-results .tp-row-card .tp-row-open{
  border-color:rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.055)!important;
  color:#eef1f3!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-results .tp-row-card .tp-row-open:hover{
  border-color:#eef1f3!important;
  background:#eef1f3!important;
  color:#08090a!important;
}

/* Keep state badges semantic but quiet. */
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-pill.public{color:#a8d0b7!important;border-color:#2b4937!important;background:#0b1510!important}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-pill.member{color:#b1c6d9!important;border-color:#304353!important;background:#0c1319!important}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-pill.restricted{color:#dcc39c!important;border-color:#4b3a22!important;background:#171108!important}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-pill.featured{color:#d5b979!important;border-color:#4a3d20!important;background:#171309!important}

/* Viewer resources inherit the same semantic colour families. */
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-resource{
  border-color:#283039!important;
  background:#0a0d10!important;
}
body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-resource:hover{
  border-color:#4b5661!important;
  background:#0d1115!important;
}

@media(max-width:720px){
  body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-category-bar{gap:7px!important}
  body[data-tutorial-final][data-tutorial-color-grid-v9] .tp-category-chip{min-height:38px!important;padding:0 11px!important}
}