/* PAP Lab identity, matched to the /ng website. Keep layout and application behaviour intact. */
:root{--bg:#fff;--surface:#fff;--ink:#101010;--text:#101010;--sub:#565656;--muted:#656565;--line:#dcdcdc;--soft:#f3f3f3;--blue:#101010;--green:#145c2d;--radius:16px;--shadow:none;font-family:Arial,Helvetica,sans-serif}
body,button,input,textarea,select{font-family:Arial,Helvetica,sans-serif}body{background:#fff;color:#101010}
h1,h2,h3,.pagetitle,.pageTitle{color:#101010;letter-spacing:-.035em}h1,.pagetitle,.pageTitle{font-weight:800;line-height:1.13}p,.lead,.intro{line-height:1.65}.lead,.intro,.sub{color:#565656}
.brand::before,.sidebar-brand::before{background-image:url('/assets/pap-lab-approved.png');background-size:137% auto;background-position:center 54%;width:168px;height:49px}.sidebar-brand::before{width:180px;height:53px}
.brand>.brandmark,.brand>.brandtext,.brand>.mark,.brand>.brandname,.sidebar-brand>.mark,.sidebar-brand>span{display:block!important;position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.sitehead,.topbar{background:#fff;border-color:#dcdcdc;backdrop-filter:none}.headinner{min-height:78px}.headernav a{color:#101010}.headernav a.active{color:#101010;text-decoration:underline;text-underline-offset:6px}.headernav .navsign{background:#101010;color:white;border-radius:6px}.headernav .navsign:hover{background:#353535!important;color:#fff!important}
.eyebrow,.kicker,.navlabel,.side-label{color:#565656;letter-spacing:1.5px}.tinyavatar,.avatar,.worktag{background:#f3f3f3;color:#101010}
.btn,.lessonmenu-btn,.lesson-nav-sheet button{border-radius:6px}.btn.primary,.btn.dark,.btn-primary{background:#101010;color:#fff;box-shadow:none;border-color:#101010}.btn.primary:hover,.btn.dark:hover,.btn-primary:hover{background:#353535}.btn.soft,.btn.ghost{background:#fff;color:#101010;border-color:#dcdcdc}.btn.soft:hover,.btn.ghost:hover{background:#f3f3f3}.btn.text,.btn.link,.text-link{color:#075ac2}.btn.text:hover{text-decoration:underline;text-underline-offset:4px}
.hero{background:#fff;color:#101010;border:1px solid #dcdcdc;border-radius:16px;box-shadow:none}.hero h1,.hero h2,.hero p,.hero .eyebrow{color:#101010}.hero p{color:#565656}.hero h1{font-size:clamp(32px,4.1vw,53px);line-height:1.13;letter-spacing:-.035em}.hero .btn.primary{background:#101010;color:#fff}.hero .btn.soft{background:white;color:#101010;border-color:#dcdcdc}.hero::before,.hero::after{display:none}
.card,.box,.simplepanel,.pathpanel,.kpi,.metric,.login,.profile-card{box-shadow:none;border-color:#dcdcdc;background:#fff}.card{border-radius:16px}.cardbody h3,.cardfoot{color:#101010}.card:hover{box-shadow:0 8px 24px #00000008}
.cover:not(.withphoto){background:#f3f3f3;color:#101010;border-bottom:1px solid #dcdcdc}.cover:not(.withphoto)::before{display:none}.cover-brand,.cover-bottom{opacity:1}.cover:not(.withphoto) .cover-brand,.cover:not(.withphoto) .cover-bottom{color:#565656}.cover:not(.withphoto) .cover-title{color:#101010}.minihr{background:#101010}
.badge.grey,.chip,.pathstat{background:#f3f3f3;color:#565656}.progress,.progressbar{background:#e5e5e5}.progress b,.progressbar b{background:#101010}.progressmeta,.progressmeta strong{color:#565656}.bottomnav{background:#fff;border-color:#dcdcdc}.bottomnav a,.bottomnav button{color:#565656}.bottomnav a.active,.bottomnav button.active{color:#101010}
.dashboardtabs button,.notetabs button,.profiletabs button{color:#565656}.dashboardtabs button.active,.notetabs button.active,.profiletabs button.active{background:#f3f3f3;color:#101010;border-color:#dcdcdc}.lessonmenu-btn{background:#fff;color:#101010;border-color:#dcdcdc}
.sidebar{background:#fff;border-color:#dcdcdc}.sidebar button,.sidebar a{color:#565656}.sidebar button.active,.sidebar a.active{background:#f3f3f3;color:#101010}.sidebar button:hover,.sidebar a:hover{background:#f3f3f3}.field input,.field textarea,.field select,input,textarea,select{border-color:#dcdcdc;color:#101010}.field input:focus,.field textarea:focus,.field select:focus{border-color:#101010;box-shadow:0 0 0 2px #10101015}
.footer,.foot{color:#656565;border-color:#dcdcdc}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #767676;outline-offset:4px}
@media(max-width:640px){.sitehead .headinner .brand::before{width:132px;height:39px}.topbar .brand::before{width:140px;height:41px}.headinner .brand{max-width:132px}.headinner{min-height:66px}.hero{padding:26px 22px}.hero h1{font-size:clamp(30px,8.2vw,40px)}}
@media(min-width:1000px){.topbar:has(+main.main){display:flex}}
.featurehero{background:#fff;color:#101010;border:1px solid #dcdcdc;border-radius:16px;box-shadow:none}.featurecopy .eyebrow{color:#565656}.featurecopy h1{color:#101010;font-size:clamp(32px,4.1vw,53px);font-weight:800;line-height:1.13;letter-spacing:-.035em}.featurecopy p,.coursehero p{color:#565656}.featureart{background:#f3f3f3}.featureart .symbol{border-color:#bdbdbd;box-shadow:0 0 0 40px #10101006,0 0 0 85px #10101003}.featureart .symbol i{border-color:#101010}.field{color:#565656}.featurecopy .btn.soft{border-color:#dcdcdc}