/* ASR Tutorials · Courses-style library convergence v2.2
   Presentation only. Access control remains owned by tutorial-access. */
body[data-asr-public-final-section="tutorials"] .tutorials-page{width:min(1520px,calc(100% - 36px));padding:34px 0 90px}
body[data-asr-public-final-section="tutorials"] .tutorials-page-hero{position:relative;overflow:hidden;display:block!important;margin:0 0 18px;padding:30px 32px 32px;border:1px solid #2a2633;border-radius:22px;background:linear-gradient(145deg,#111019 0%,#09090d 62%,#0b0911 100%)!important;box-shadow:0 22px 70px rgba(0,0,0,.30)}
body[data-asr-public-final-section="tutorials"] .tutorials-page-hero:before{content:"";position:absolute;right:-120px;top:-170px;width:520px;height:360px;background:radial-gradient(circle,rgba(159,124,238,.17),transparent 69%);pointer-events:none}
body[data-asr-public-final-section="tutorials"] .tutorials-page-hero>div{position:relative;z-index:1;max-width:920px}
body[data-asr-public-final-section="tutorials"] .tutorials-page-hero .eyebrow{color:#b39df5!important;font-size:10px!important;letter-spacing:.16em!important}
body[data-asr-public-final-section="tutorials"] .tutorials-page-hero h1{max-width:980px;margin:8px 0 10px!important;font-size:clamp(38px,4.4vw,60px)!important;line-height:.99!important;letter-spacing:-.047em!important}
body[data-asr-public-final-section="tutorials"] .tutorials-page-hero p{max-width:820px!important;color:#a49daa!important;font-size:14px!important;line-height:1.65!important}
body[data-asr-public-final-section="tutorials"] .tutorials-hero-note{display:none!important}

body[data-asr-public-final-section="tutorials"] .tutorials-catalog-section{padding:10px 0 0!important}
body[data-asr-public-final-section="tutorials"] .tutorials-section-head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,620px);gap:22px;align-items:end;margin:0 2px 12px}
body[data-asr-public-final-section="tutorials"] .tutorials-section-head h2{margin:5px 0 0!important;font-size:30px!important;letter-spacing:-.04em!important}
body[data-asr-public-final-section="tutorials"] .tutorials-section-head>p{margin:0!important;color:#958e9b!important;font-size:13.5px!important;line-height:1.62!important}

body[data-asr-public-final-section="tutorials"] .tp-library{display:block!important;min-height:0;border:0!important;background:transparent!important}
body[data-asr-public-final-section="tutorials"] .tp-library-rail{display:none!important}
body[data-asr-public-final-section="tutorials"] .tp-library-main{padding:0!important}
body[data-asr-public-final-section="tutorials"] .tp-library-main>.tp-rail-access{display:block!important;margin:0 0 12px;padding:0;border:0}
body[data-asr-public-final-section="tutorials"] .tp-library-main>.tp-rail-access .tp-member-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow action" "title action" "copy action";align-items:center;column-gap:22px;min-height:96px;padding:18px 20px;border:1px solid #332d3e;border-radius:18px;background:linear-gradient(145deg,#100e16,#09090d);box-shadow:0 12px 34px rgba(0,0,0,.18)}
body[data-asr-public-final-section="tutorials"] .tp-library-main>.tp-rail-access .tp-member-card.is-member{border-color:#31483f;background:linear-gradient(145deg,#0b120f,#09090d)}
body[data-asr-public-final-section="tutorials"] .tp-library-main>.tp-rail-access .tp-member-card>span{grid-area:eyebrow;color:#b39df5;font-size:9.5px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
body[data-asr-public-final-section="tutorials"] .tp-library-main>.tp-rail-access .tp-member-card>strong{grid-area:title;margin-top:4px!important;color:#fff;font-size:17px!important}
body[data-asr-public-final-section="tutorials"] .tp-library-main>.tp-rail-access .tp-member-card>small{grid-area:copy;max-width:720px;margin-top:4px;color:#8f8995;font-size:11.5px;line-height:1.45}
body[data-asr-public-final-section="tutorials"] .tp-library-main>.tp-rail-access .tp-member-card>button{grid-area:action;width:auto;min-width:148px;min-height:40px;margin:0;padding:0 14px;border-radius:11px;border-color:#4b405c;background:#16121c;color:#fff}
body[data-asr-public-final-section="tutorials"] .tp-library-main>.tp-rail-access .tp-member-card.is-member>button{border-color:#34473f;background:#0d1612;color:#b8e4cd}

body[data-asr-public-final-section="tutorials"] .tp-library-tools{position:sticky;top:70px;z-index:24;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin:0 0 14px;padding:7px!important;border:1px solid #332d3e!important;border-radius:14px!important;background:rgba(8,8,12,.95)!important;backdrop-filter:blur(20px);box-shadow:0 12px 34px rgba(0,0,0,.24)!important}
body[data-asr-public-final-section="tutorials"] .tp-search-wrap input{height:44px!important;border:1px solid #332e3c!important;border-radius:10px!important;background:#09090d!important;color:#f7f4fb!important}
body[data-asr-public-final-section="tutorials"] .tp-count{padding:0 10px;color:#918a98!important}
body[data-asr-public-final-section="tutorials"] .tp-breadcrumb{min-height:42px;margin:0 2px 2px;color:#746e7a}

body[data-asr-public-final-section="tutorials"] .tp-collection-head{margin-bottom:14px;padding:22px 24px;border:1px solid #2b2733!important;border-left:2px solid var(--tp-accent,#a88df2)!important;border-radius:18px;background:linear-gradient(155deg,var(--tp-soft,rgba(168,141,242,.08)),#08080c 70%)!important;box-shadow:0 16px 52px rgba(0,0,0,.20)}
body[data-asr-public-final-section="tutorials"] .tp-collection-head h2{font-size:clamp(24px,2.4vw,34px)!important}
body[data-asr-public-final-section="tutorials"] .tp-collection-head p{color:#98919e!important}

body[data-asr-public-final-section="tutorials"] .tp-folder-grid,body[data-asr-public-final-section="tutorials"] .tp-results{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:16px!important;align-items:stretch}
body[data-asr-public-final-section="tutorials"] .tp-folder-card,body[data-asr-public-final-section="tutorials"] .tp-row-card{min-width:0;border:1px solid #2b2733!important;border-radius:20px!important;background:linear-gradient(155deg,var(--tp-soft,rgba(168,141,242,.07)) 0%,#0e0d13 20%,#08080c 72%,#0a0810 100%)!important;box-shadow:0 16px 52px rgba(0,0,0,.23)!important;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
body[data-asr-public-final-section="tutorials"] .tp-folder-card{grid-template-columns:48px minmax(0,1fr);min-height:210px;padding:22px 22px 20px!important}
body[data-asr-public-final-section="tutorials"] .tp-folder-card:before{width:2px;background:linear-gradient(180deg,var(--tp-accent,#a88df2),rgba(168,141,242,0) 72%)}
body[data-asr-public-final-section="tutorials"] .tp-folder-icon{width:42px;height:42px;border-radius:12px}
body[data-asr-public-final-section="tutorials"] .tp-folder-card h3{margin:8px 0 7px!important;font-size:20px!important;letter-spacing:-.025em!important}
body[data-asr-public-final-section="tutorials"] .tp-folder-card p{color:#98919e!important;font-size:13px!important;line-height:1.56!important}
body[data-asr-public-final-section="tutorials"] .tp-folder-card>b{margin-top:18px!important;color:#d9d3ed!important}
body[data-asr-public-final-section="tutorials"] .tp-row-card{min-height:290px;padding:22px!important}
body[data-asr-public-final-section="tutorials"] .tp-card-accent{height:2px;background:linear-gradient(90deg,var(--tp-accent,#a88df2),transparent 82%)}
body[data-asr-public-final-section="tutorials"] .tp-row-kicker{font-size:10px!important;letter-spacing:.11em!important}
body[data-asr-public-final-section="tutorials"] .tp-row-card h3{margin:13px 0 9px!important;font-size:22px!important;line-height:1.16!important;letter-spacing:-.035em!important}
body[data-asr-public-final-section="tutorials"] .tp-row-card p{color:#98919e!important;font-size:13px!important;line-height:1.58!important;-webkit-line-clamp:4}
body[data-asr-public-final-section="tutorials"] .tp-row-meta{padding-top:18px!important}
body[data-asr-public-final-section="tutorials"] .tp-row-open{min-height:42px;margin-top:18px!important;border-radius:11px!important}
body[data-asr-public-final-section="tutorials"] .tp-folder-card:hover,body[data-asr-public-final-section="tutorials"] .tp-row-card:hover{transform:translateY(-2px);box-shadow:0 22px 62px rgba(0,0,0,.29)!important}

@media(max-width:1120px){body[data-asr-public-final-section="tutorials"] .tp-folder-grid,body[data-asr-public-final-section="tutorials"] .tp-results{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-asr-public-final-section="tutorials"] .tutorials-section-head{grid-template-columns:1fr}}
@media(max-width:720px){body[data-asr-public-final-section="tutorials"] .tutorials-page{width:min(100% - 22px,1520px);padding-top:18px}body[data-asr-public-final-section="tutorials"] .tutorials-page-hero{padding:23px 20px 25px;border-radius:18px}body[data-asr-public-final-section="tutorials"] .tutorials-section-head{gap:10px}body[data-asr-public-final-section="tutorials"] .tp-folder-grid,body[data-asr-public-final-section="tutorials"] .tp-results{grid-template-columns:1fr!important;gap:12px!important}body[data-asr-public-final-section="tutorials"] .tp-library-main>.tp-rail-access .tp-member-card{grid-template-columns:1fr;grid-template-areas:"eyebrow" "title" "copy" "action";row-gap:2px;padding:16px}body[data-asr-public-final-section="tutorials"] .tp-library-main>.tp-rail-access .tp-member-card>button{width:100%;margin-top:10px}body[data-asr-public-final-section="tutorials"] .tp-library-tools{position:static;grid-template-columns:1fr}.tp-count{display:none}body[data-asr-public-final-section="tutorials"] .tp-folder-card{min-height:180px}body[data-asr-public-final-section="tutorials"] .tp-row-card{min-height:250px}}