/* Shared brand layer; original exercises, IDs, and scripts remain intact. */
:root{--purple-dark:#512878;--purple-main:#7440a5;--purple-light:#b793d1;--purple-soft:#e7d9f1;--purple-bg:#f4eef8;--lavender:#eee5f5;--purple-50:#faf6fc;--purple-100:#f0e7f7;--purple-200:#e3d2ef;--purple-300:#d4b7e7;--purple-400:#b68acf;--purple-500:#9160b5;--purple-600:#7440a5;--purple-700:#65338d;--purple-800:#512878;--purple-900:#3d2055;--al-purple:#7440a5;--al-purple-light:#b793d1;--al-purple-pale:#eee5f5;--al-purple-deep:#512878;--al-lavender:#f4eef8;--al-bg:#faf8f5;--al-text:#241831;--al-text-light:#716779;--accent-gold:#d5a439;--text-dark:#241831;--text-body:#554361;--text-muted:#887293;--p1:#7440a5;--p2:#9160b5;--p3:#b793d1;--p4:#e7d9f1;--p5:#f4eef8;--warm-white:#faf8f5;--card-bg:#fff;--ui:Inter,"Segoe UI",Arial,sans-serif!important;--r:17px;--rs:10px}
body{font-family:Inter,"Segoe UI",Arial,sans-serif!important;-webkit-font-smoothing:antialiased;margin:0!important}body[data-alinli-theme=light]{--bg:#faf8f5;--tx:#241831;--tx2:#716779;--card:#fff}body[data-alinli-theme=dark]{--bg:#191026;--bg2:#21162e;--bg3:#291d37;--panel:#2b1e3b;--border:#483256;--border-hi:#715083;--text:#d6c9e0;--text-dim:#a18db0;--text-bright:#f3eaf8;--p1:#21162e;--p2:#291d37;--p3:#362447;--al:#a77bca;--al2:#d2b0eb;--tx:#ede3f5;--dm:#b19bbf;--dm2:#8d749e;--y:#f4c65a;--violet:#be98da;--amber:#f4c65a}
body[data-alinli-theme=dark]{background:#191026;color-scheme:dark}html:has(body[data-alinli-theme=dark]){color-scheme:dark;background:#191026}h1,h2,h3,h4{font-family:Inter,"Segoe UI",Arial,sans-serif!important;letter-spacing:-.035em}p,li{line-height:1.75}button,input,select,textarea{font-family:inherit}button{touch-action:manipulation}img,video{max-width:100%;height:auto}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bb91da!important;outline-offset:3px}body>header,body>.hero{border-radius:0!important}body>.hero,body>header.hero{background:linear-gradient(125deg,#23132f,#512878)!important;color:#fff!important}body>.hero p,body>header.hero p{color:#d6c3e5!important}body>.hero h1,body>header.hero h1{color:#fff!important}.sticky-nav,.toc{scroll-margin-top:15px}.bg-shapes,.bg-orbs,.floating-shapes{opacity:.25!important}.section-card,.card,.lesson-card,.topic-card{border-radius:17px!important}.section-title{letter-spacing:-.025em}alinli-masthead{display:block;flex:none;position:relative;z-index:10000;width:100%}#alinli-content{display:block;width:0;height:0;margin:0;padding:0}pre,code{font-family:"Cascadia Code",Consolas,monospace!important}pre{overflow:auto}table{max-width:100%}
@media(max-width:700px){h1{overflow-wrap:break-word}body>.hero h1,body>header.hero h1{font-size:calc(clamp(30px,7vw,47px) * var(--alinli-text-scale,1)) !important}body>.hero p,body>header.hero p{font-size:calc(14px * var(--alinli-text-scale,1)) !important}.hero,.header{padding-inline:20px}button{min-height:36px}pre{font-size:calc(12px * var(--alinli-text-scale,1))}body>.container,body>main{max-width:100%}body>.container{padding-inline:16px}.section-card{padding:20px!important}table{display:block;overflow-x:auto}.grid-3,.cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr))!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Course content remains visible without waiting for decorative scroll reveals. */
body[data-alinli-resource=icdl-academy] .fade-up{opacity:1!important;transform:none!important;visibility:visible!important}
@media(max-width:700px){
 body[data-alinli-resource=linux-explorer] .topbar{padding:12px 15px;gap:12px;flex-wrap:wrap}
 body[data-alinli-resource=linux-explorer] .brand{gap:9px}
 body[data-alinli-resource=linux-explorer] .brand-name{font-size:calc(14px * var(--alinli-text-scale,1));white-space:nowrap;line-height:1.4}
 body[data-alinli-resource=linux-explorer] .brand-sub{display:none}
 body[data-alinli-resource=linux-explorer] .brand-icon{width:29px;height:29px;font-size:calc(19px * var(--alinli-text-scale,1))}
 body[data-alinli-resource=linux-explorer] .xp-bar{margin-left:auto;gap:8px;font-size:calc(10px * var(--alinli-text-scale,1))}
 body[data-alinli-resource=linux-explorer] .xp-label{display:none}
 body[data-alinli-resource=linux-explorer] .xp-track{width:55px;flex:none}
 body[data-alinli-resource=linux-explorer] .xp-level{white-space:nowrap;font-size:calc(9px * var(--alinli-text-scale,1))}
 body[data-alinli-resource=linux-explorer] .welcome{padding:28px 20px}
 body[data-alinli-resource=linux-explorer] .welcome h1{font-size:calc(29px * var(--alinli-text-scale,1));line-height:1.2}
 body[data-alinli-resource=linux-explorer] .welcome p{font-size:calc(13px * var(--alinli-text-scale,1));max-width:330px}
 body[data-alinli-resource=linux-explorer] .stats-bar{flex-wrap:wrap;gap:12px;justify-content:center}
 body[data-alinli-resource=linux-explorer] .stat{min-width:82px;padding:13px}
 body[data-alinli-resource=page-builder] .hdr .logo{display:none}
 body[data-alinli-resource=page-builder] .hdr{padding-inline:16px;justify-content:center}
}
@media(max-width:1050px){
 body[data-alinli-resource=git-simulator] .page-tabs{flex-wrap:wrap;margin-left:0;max-width:100%}
 body[data-alinli-resource=git-simulator] .xp-box{flex-wrap:wrap;max-width:100%}
 body[data-alinli-resource=git-simulator] .xp-bar-out{width:90px}
 body[data-alinli-resource=git-simulator] :is(header,.header,.topbar,.top-bar){flex-wrap:wrap;gap:8px}
}