/* Premium presentation only. Existing content, layout and interaction hooks stay intact. */
#main-content[data-premium-class]{font-family:Inter,system-ui,sans-serif;color:#dce6ee;--pp-line:#203642;--pp-muted:#9eb0bf;--pp-cyan:#6bd5eb}
#main-content[data-premium-class] .font-futuristic{font-family:Inter,system-ui,sans-serif!important;font-style:normal!important;letter-spacing:-.035em!important;font-weight:750!important;text-transform:none!important}
#main-content[data-premium-class] h1{color:#eef5fb!important;background:none!important;-webkit-text-fill-color:currentColor;filter:none!important;text-shadow:none!important;line-height:1.15;font-size:clamp(2rem,3.7vw,3.65rem)}
#main-content[data-premium-class] h1 span{color:inherit!important}
#main-content[data-premium-class] h2,#main-content[data-premium-class] h3{letter-spacing:-.02em;line-height:1.35;text-shadow:none!important}
#main-content[data-premium-class] .prose>h1{padding-bottom:20px;border-bottom:1px solid var(--pp-line)}
#main-content[data-premium-class] .content-card{background:#08121cde;border:1px solid var(--pp-line);border-radius:16px;box-shadow:none!important;backdrop-filter:none;transform:none!important;transition:border-color .18s,background-color .18s}
#main-content[data-premium-class] .content-card:hover{border-color:#365566}
#main-content[data-premium-class] .content-card h2{color:#e8f3f9}
#main-content[data-premium-class] .text-gray-300{color:#c3d0dc!important}
#main-content[data-premium-class] .text-gray-400{color:var(--pp-muted)!important}
#main-content[data-premium-class] .animated-glow-title,#main-content[data-premium-class] .animate-subtle-pulse,#main-content[data-premium-class] .animate-heartbeat-strong{animation:none!important}
#main-content[data-premium-class] .prose :is(.shadow-2xl,.shadow-xl,.shadow-lg){box-shadow:none!important}
#main-content[data-premium-class] .prose :is(.border-cyan-500\/20,.border-cyan-500\/30,.border-cyan-500\/40){border-color:#28424e!important}
#main-content[data-premium-class] .prose :is(.bg-gradient-to-r,.bg-gradient-to-br){background-image:none}
#main-content[data-premium-class="welcome"] .prose>div:first-child>div{background:#31b4d5!important;box-shadow:none!important;height:3px}
#main-content[data-premium-class="welcome"] .prose>.content-card{background:transparent;border:0}
#main-content[data-premium-class] #start-learning-card{background:#0b202c!important;border:1px solid #265060!important;border-top:3px solid #4ac5dd!important}
#main-content[data-premium-class] #start-quiz-card{background:#0d231f!important;border:1px solid #2a5045!important;border-top:3px solid #6bca9e!important}
#main-content[data-premium-class] :is(#start-learning-card,#start-quiz-card) h3{text-transform:none;letter-spacing:-.02em}
#main-content[data-premium-class] :is(#start-learning-card,#start-quiz-card):hover{filter:brightness(1.1)}
#main-content[data-premium-class] .prose a:not(.pp-course){transition:filter .15s;box-shadow:none!important}
#main-content[data-premium-class] :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid #72d4ea;outline-offset:4px}
#main-content[data-premium-class] .ct-exercises{border-color:#574b2c;background:#080f14e8;border-radius:16px;box-shadow:none}
#main-content[data-premium-class] .ex-question{border-color:var(--pp-line);background:#0a141ccc}
#main-content[data-premium-class] .ex-student-response{background:#0b1d28;border-color:#254757}
#main-content[data-premium-class] .ex-teacher-response{background:#211e13;border-color:#50462c}
#sidebar-container{background:#050c13!important;border-right:1px solid #213442!important;box-shadow:8px 0 32px #0003!important;backdrop-filter:none!important;font-family:Inter,system-ui,sans-serif!important}
#sidebar-container>div:first-child{background:#050c13!important;border-color:#213442!important}
#sidebar-container .font-futuristic{font-family:Inter,system-ui,sans-serif!important;font-style:normal!important;letter-spacing:-.045em!important;color:#e1f1f7!important;background:none!important;filter:none!important;font-weight:750!important}
#sidebar-container button{box-shadow:none!important;text-shadow:none!important;font-family:Inter,system-ui,sans-serif!important;letter-spacing:normal!important}
#sidebar-container button[class*="bg-gradient"]{background:#102333!important;background-image:none!important;border-color:#264454!important}
#sidebar-container button[class*="border-cyan"]{border-color:#27516a!important}
#sidebar-container button[class*="text-cyan"]{color:#80dbee!important}
#sidebar-container button:hover{filter:brightness(1.12)}
#sidebar-container [class*="shadow-"]{box-shadow:none!important}
#main-content[data-premium-class] [data-premium-courses]{margin:0 0 32px}
.pp-courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#main-content .pp-course{display:flex;flex-direction:column;min-width:0;border:1px solid #244551;border-radius:18px;background:#071018e8;color:#e5f0f7;text-decoration:none;overflow:hidden;transition:border-color .2s,background .2s}
#main-content .pp-course:hover{border-color:#62c7d8;background:#0c1c27}
.pp-course-art{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:26px;min-height:125px;border-bottom:1px solid #244551;background:radial-gradient(ellipse at 115% 125%,#1b414644,transparent 70%)}
.pp-course-art>span{font-size:10px;line-height:2.2;letter-spacing:.2em;font-weight:700;color:#99bdcc}
.pp-course-art>b{font-size:50px;font-weight:750;letter-spacing:-.065em;color:#73c2b3;line-height:1}
.pp-course-body{display:flex;flex-direction:column;flex:1;padding:23px;gap:14px}
#main-content .pp-course h3{color:#e5f0f7;margin:0;font-size:18px;font-weight:700}
#main-content .pp-course p{font-size:13px;line-height:1.7;color:#9db4c5;margin:0 0 auto}
.pp-course-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;line-height:1.5;color:#9db4c5}
.pp-course-meta>span:first-child{min-width:0}
.pp-draft{padding:3px 8px;border:1px solid #66572c;border-radius:30px;color:#e7cb85;white-space:nowrap}
.pp-progress{height:5px;background:#263d4e;border-radius:4px;margin-top:4px;overflow:hidden}
.pp-progress>i{display:block;height:100%;background:#66c7b0}
.pp-enter{padding:8px 12px;border:1px solid #2a4b60;border-radius:10px;background:#102437;color:#d6eef8;font-weight:650;white-space:nowrap}
.pp-message{padding:20px;border:1px solid #244551;border-radius:14px;color:#afc5d2;font-size:14px}
.pp-message button{margin-left:8px;text-decoration:underline;color:#72d4ea}
@media(max-width:1000px){.pp-courses{gap:14px}.pp-course-art{padding:20px}.pp-course-body{padding:18px}.pp-course-meta{flex-wrap:wrap}}
@media(max-width:700px){.pp-courses{grid-template-columns:1fr}.pp-course-art{min-height:96px;padding:18px 22px}.pp-course-art>b{font-size:42px}.pp-course-body{padding:20px}.pp-course-meta{font-size:12px}.pp-enter{min-height:40px;display:inline-flex;align-items:center}#main-content[data-premium-class] h1{font-size:2.1rem}#main-content[data-premium-class] .content-card{border-radius:13px}}
@media(prefers-reduced-motion:reduce){.pp-course{transition:none!important}}

/* The welcome page links to the single Premium catalog. */
#main-content[data-premium-class="welcome"] .pp-welcome-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#main-content[data-premium-class] #premium-catalog-card{display:block;text-decoration:none;background:#201d10!important;border:1px solid #62552b!important;border-top:3px solid #e9c66c!important;transition:filter .2s}
#main-content[data-premium-class] #premium-catalog-card h3{color:#e9c66c;text-transform:none;letter-spacing:-.02em}
#premium-catalog-card .pp-catalog-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:50%;background:#e9c66c18;color:#e9c66c}
#premium-catalog-card .pp-catalog-icon svg{width:26px;height:26px}
#main-content[data-premium-class] #premium-catalog-card:hover{filter:brightness(1.12)}
#premium-catalog-card:focus-visible{outline:2px solid #e9c66c;outline-offset:4px}
@media(max-width:1100px){#main-content[data-premium-class="welcome"] .pp-welcome-actions{grid-template-columns:1fr}}

/* Transparent teaching surfaces, matching the campus and journal. */
#main-content[data-premium-class]{--pp-line:rgba(100,160,178,.22);--pp-muted:#a8bac7}
#main-content[data-premium-class] .content-card,
#main-content[data-premium-class] .prose :is(div,section,article)[class*="bg-gray-"],
#main-content[data-premium-class] .prose :is(div,section,article)[class*="bg-gradient-"]{background:rgba(0,0,0,.35)!important;background-image:none!important;backdrop-filter:none!important}
#main-content[data-premium-class] .prose :is(div,section,article)[class*="bg-"]:not(.content-card){background-color:rgba(0,0,0,.12)!important;background-image:none!important}
#main-content[data-premium-class] .prose h2[class*="bg-"]{background:rgba(13,25,29,.22)!important}
#main-content[data-premium-class] :is(.pp-visual,.pp-diagram-extra,.ct-exercises,.ex-question){background:rgba(0,0,0,.3)!important;border-color:var(--pp-line)}
#main-content[data-premium-class] :is(.pp-visual-stage,.pp-visual-image,.pp-visual-header,.pp-visual-controls){background:transparent!important}
#main-content[data-premium-class] .pp-visual-controls{border-top-color:var(--pp-line)}
#main-content[data-premium-class] :is(.ex-student-response,.ex-teacher-response){background:rgba(0,0,0,.2)!important}
#main-content[data-premium-class] :is(textarea,input:not([type="checkbox"]):not([type="range"])){background-color:rgba(0,0,0,.65)!important}
#main-content[data-premium-class] .pp-visual-select{background:#0b151c;border-color:#386478}
#main-content[data-premium-class] .pp-visual-button{background:rgba(12,25,33,.8)}
#main-content[data-premium-class] .pp-visual-button:hover:not(:disabled){background:#15313b}
#main-content[data-premium-class] :is(#start-learning-card,#start-quiz-card,#premium-catalog-card){background:rgba(0,0,0,.42)!important}
#main-content[data-premium-class] .ct-class-exit{background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.2),transparent);backdrop-filter:none}

/* Open lesson layout: retain hierarchy without nested rectangular frames. */
#main-content[data-premium-class]:not([data-premium-class="welcome"]) .prose :is(div,section,article).border[class*="bg-"]{
 border-width:0!important;border-radius:0!important;
}
#main-content[data-premium-class]:not([data-premium-class="welcome"]) .prose :is(div,section,article).border[class*="bg-gradient-"]{
 border-top:1px solid var(--pp-line)!important;
}
#main-content[data-premium-class] .pp-visual,
#main-content[data-premium-class] .pp-diagram-extra{
 border:0!important;border-radius:0!important;box-shadow:none!important;
}
#main-content[data-premium-class] .pp-visual-header{
 border-bottom:0;
}
#main-content[data-premium-class] .pp-visual-controls{
 border-top:0;
}
#main-content[data-premium-class] .pp-diagram-extra>summary{
 border-top:1px solid var(--pp-line);border-bottom:0!important;
}
#main-content[data-premium-class] .pp-diagram-extra>summary:focus-visible{
 outline:2px solid var(--pp-cyan);outline-offset:-2px;
}