/* ASR Tutorials · clean institutional grid v5
   Final readability and structure authority. Data/access/player stay owned by Tutorial Platform. */
body[data-asr-public-final-section="tutorials"][data-tutorial-final="v5"]{background:#030304;color:#f7f7f8}
body[data-tutorial-final="v5"] .tutorials-page{width:min(1280px,calc(100% - 48px));padding:38px 0 0!important}

/* Compact title: no marketing essay, no split hero. */
body[data-tutorial-final="v5"] .tutorials-clean-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:22px 0 26px;border-bottom:1px solid #242228}
body[data-tutorial-final="v5"] .tutorials-clean-head span{display:block;color:#b7a4f4;font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
body[data-tutorial-final="v5"] .tutorials-clean-head h1{margin:8px 0 0!important;color:#fff!important;font-size:clamp(44px,5vw,64px)!important;font-weight:620!important;line-height:1!important;letter-spacing:-.052em!important}

/* Restore real tool icons in a quiet institutional row. */
body[data-tutorial-final="v5"] .tutorials-tool-icons{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding:18px 0 28px}
body[data-tutorial-final="v5"] .tutorials-tool-icons article{display:flex;align-items:center;gap:11px;min-width:0;min-height:70px;padding:11px 12px;border:1px solid #29262f;border-radius:12px;background:#09090c}
body[data-tutorial-final="v5"] .tutorials-tool-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #e5e3e9;border-radius:10px;background:#fff;overflow:hidden}
body[data-tutorial-final="v5"] .tutorials-tool-icon img{display:block;width:27px;height:27px;object-fit:contain}
body[data-tutorial-final="v5"] .tutorials-tool-icons b{min-width:0;color:#f3f2f5;font-size:13px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* The library is one surface. No vertical side rail / two-panel split. */
body[data-tutorial-final="v5"] .tutorials-catalog-section{padding-top:62px!important}
body[data-tutorial-final="v5"] .tutorials-section-head{display:block!important;margin:0 0 28px!important}
body[data-tutorial-final="v5"] .tutorials-section-head>div{max-width:none!important}
body[data-tutorial-final="v5"] .tutorials-section-head .eyebrow{font-size:11.5px!important;color:#6042bd!important}
body[data-tutorial-final="v5"] .tutorials-section-head h2{font-size:clamp(34px,3.6vw,48px)!important;color:#111114!important}
body[data-tutorial-final="v5"] .tutorials-section-head>p{max-width:780px!important;margin:12px 0 0!important;color:#4f4b55!important;font-size:15.5px!important;line-height:1.7!important}
body[data-tutorial-final="v5"] .tp-library{display:block!important;min-height:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body[data-tutorial-final="v5"] .tp-library-rail{display:none!important}
body[data-tutorial-final="v5"] .tp-library-main{padding:0!important;background:transparent!important}

/* Member access */
body[data-tutorial-final="v5"] .tp-library-main>.tp-rail-access{margin:0 0 18px!important}
body[data-tutorial-final="v5"] .tp-library-main>.tp-rail-access .tp-member-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;min-height:88px!important;padding:18px 20px!important;border:1px solid #ddd8ea!important;border-radius:14px!important;background:#f7f4fd!important}
body[data-tutorial-final="v5"] .tp-library-main>.tp-rail-access .tp-member-card>span{font-size:11px!important;color:#674bc1!important}
body[data-tutorial-final="v5"] .tp-library-main>.tp-rail-access .tp-member-card>strong{font-size:17px!important;color:#17131f!important}
body[data-tutorial-final="v5"] .tp-library-main>.tp-rail-access .tp-member-card>small{font-size:13px!important;line-height:1.5!important;color:#5f5968!important}
body[data-tutorial-final="v5"] .tp-library-main>.tp-rail-access .tp-member-card>button{flex:0 0 auto!important;min-width:150px!important;min-height:42px!important;font-size:12.5px!important}

/* Horizontal category navigation replaces the old vertical tree. */
body[data-tutorial-final="v5"] .tp-category-bar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0}
body[data-tutorial-final="v5"] .tp-category-chip{appearance:none;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border:1px solid #d8d6df;border-radius:999px;background:#fff;color:#4c4852;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:.16s ease}
body[data-tutorial-final="v5"] .tp-category-chip:hover{border-color:#b8addb;color:#2e2248;background:#faf8ff}
body[data-tutorial-final="v5"] .tp-category-chip.active{border-color:#8f79d8;background:#ece7fb;color:#2c1c58}
body[data-tutorial-final="v5"] .tp-category-chip svg{width:14px;height:14px;flex:0 0 auto}

/* Search and breadcrumb readability */
body[data-tutorial-final="v5"] .tp-library-tools{position:relative!important;top:auto!important;z-index:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;margin:0 0 12px!important;padding:8px!important;border:1px solid #dcdbe2!important;border-radius:12px!important;background:#fff!important;box-shadow:0 8px 24px rgba(20,20,28,.04)!important}
body[data-tutorial-final="v5"] .tp-search-wrap input{height:46px!important;background:#f7f7f9!important;color:#17171b!important;font-size:14.5px!important}
body[data-tutorial-final="v5"] .tp-search-wrap input::placeholder{color:#77727d!important}
body[data-tutorial-final="v5"] .tp-count{font-size:11.5px!important;color:#625e68!important}
body[data-tutorial-final="v5"] .tp-breadcrumb{min-height:44px!important;font-size:12.5px!important;color:#77727d!important}
body[data-tutorial-final="v5"] .tp-breadcrumb button{font-size:12.5px!important;color:#625e68!important}

/* Collection heading: no vertical stripe. */
body[data-tutorial-final="v5"] .tp-collection-head{padding:20px 22px!important;border:1px solid #dfdde5!important;border-left:1px solid #dfdde5!important;border-radius:12px!important;background:#fff!important}
body[data-tutorial-final="v5"] .tp-collection-head>span{font-size:11px!important;color:#6547c0!important}
body[data-tutorial-final="v5"] .tp-collection-head h2{font-size:30px!important;color:#151419!important}
body[data-tutorial-final="v5"] .tp-collection-head p{font-size:14.5px!important;line-height:1.62!important;color:#56515c!important}

/* Grids */
body[data-tutorial-final="v5"] .tp-folder-grid,body[data-tutorial-final="v5"] .tp-results{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:16px!important}
body[data-tutorial-final="v5"] .tp-folder-card,body[data-tutorial-final="v5"] .tp-row-card{border:1px solid #dedde4!important;border-radius:14px!important;background:#fff!important;box-shadow:0 9px 28px rgba(22,20,28,.05)!important}
body[data-tutorial-final="v5"] .tp-folder-card:hover,body[data-tutorial-final="v5"] .tp-row-card:hover{border-color:#beb4dc!important;transform:translateY(-2px)!important;box-shadow:0 16px 38px rgba(22,20,28,.08)!important}
body[data-tutorial-final="v5"] .tp-folder-card{grid-template-columns:48px minmax(0,1fr)!important;min-height:192px!important;padding:20px!important}
body[data-tutorial-final="v5"] .tp-folder-card:before{display:none!important}
body[data-tutorial-final="v5"] .tp-folder-icon{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border:1px solid #d8d0ef!important;border-radius:11px!important;background:#f4f0fd!important;color:#6447bd!important}
body[data-tutorial-final="v5"] .tp-folder-icon svg{width:22px;height:22px}
body[data-tutorial-final="v5"] .tp-folder-card span{font-size:11.5px!important;color:#6043ba!important}
body[data-tutorial-final="v5"] .tp-folder-card h3{font-size:20px!important;line-height:1.24!important;color:#17171b!important}
body[data-tutorial-final="v5"] .tp-folder-card p{font-size:14.5px!important;line-height:1.58!important;color:#56515c!important}
body[data-tutorial-final="v5"] .tp-folder-card>b{font-size:12.5px!important;color:#493c5c!important}

body[data-tutorial-final="v5"] .tp-row-card{position:relative;min-height:300px!important;padding:20px!important}
body[data-tutorial-final="v5"] .tp-card-accent{height:3px!important;background:linear-gradient(90deg,var(--tp-accent,#7858d5),transparent 78%)!important}
body[data-tutorial-final="v5"] .tp-card-icon-v5{display:grid;place-items:center;width:46px;height:46px;margin:2px 0 15px;border:1px solid #dcd4f0;border-radius:12px;background:#f5f2fd;color:#6043ba}
body[data-tutorial-final="v5"] .tp-card-icon-v5 svg{width:23px;height:23px}
body[data-tutorial-final="v5"] .tp-row-kicker{font-size:11.5px!important;color:#6043ba!important;letter-spacing:.075em!important}
body[data-tutorial-final="v5"] .tp-row-card h3{font-size:21px!important;line-height:1.2!important;color:#17171b!important}
body[data-tutorial-final="v5"] .tp-row-card p{font-size:14.5px!important;line-height:1.62!important;color:#56515c!important}
body[data-tutorial-final="v5"] .tp-row-meta{gap:7px!important;font-size:11.5px!important}
body[data-tutorial-final="v5"] .tp-row-meta>span:not(.tp-pill),body[data-tutorial-final="v5"] .tp-pill{min-height:26px!important;padding:0 8px!important;font-size:10.5px!important}
body[data-tutorial-final="v5"] .tp-row-open{min-height:44px!important;margin-top:18px!important;font-size:13px!important;border-radius:9px!important;background:#19151f!important;border-color:#19151f!important;color:#fff!important}

/* Viewer readability */
body[data-tutorial-final="v5"] .tp-dialog-head p{font-size:11px!important}
body[data-tutorial-final="v5"] .tp-dialog-head h2{font-size:25px!important}
body[data-tutorial-final="v5"] .tp-player-label span,body[data-tutorial-final="v5"] .tp-material-heading span{font-size:11px!important}
body[data-tutorial-final="v5"] .tp-player-label b,body[data-tutorial-final="v5"] .tp-material-heading b{font-size:14px!important}
body[data-tutorial-final="v5"] .tp-player-label small{font-size:12.5px!important;line-height:1.5!important}
body[data-tutorial-final="v5"] .tp-resource b{font-size:13.5px!important}
body[data-tutorial-final="v5"] .tp-resource small,body[data-tutorial-final="v5"] .tp-resource span{font-size:11.5px!important}
body[data-tutorial-final="v5"] .tp-notes{font-size:14.5px!important;line-height:1.72!important}

@media(max-width:1100px){body[data-tutorial-final="v5"] .tutorials-tool-icons{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-tutorial-final="v5"] .tp-folder-grid,body[data-tutorial-final="v5"] .tp-results{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){body[data-tutorial-final="v5"] .tutorials-page{width:min(100% - 24px,1280px);padding-top:22px!important}body[data-tutorial-final="v5"] .tutorials-clean-head{padding:18px 0 20px}body[data-tutorial-final="v5"] .tutorials-tool-icons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-tutorial-final="v5"] .tutorials-tool-icons article{min-height:64px}body[data-tutorial-final="v5"] .tutorials-catalog-section{padding-top:44px!important}body[data-tutorial-final="v5"] .tp-library-main>.tp-rail-access .tp-member-card{display:block!important}body[data-tutorial-final="v5"] .tp-library-main>.tp-rail-access .tp-member-card>button{width:100%!important;margin-top:12px!important}body[data-tutorial-final="v5"] .tp-library-tools{grid-template-columns:1fr!important}body[data-tutorial-final="v5"] .tp-count{display:none!important}body[data-tutorial-final="v5"] .tp-folder-grid,body[data-tutorial-final="v5"] .tp-results{grid-template-columns:1fr!important;gap:12px!important}body[data-tutorial-final="v5"] .tp-row-card{min-height:0!important}}