
/* Unified Dark-Tech design layer for pre-existing knowledge pages. */
html{scroll-padding-top:30px}body{font-size:16px!important;line-height:1.75!important;color:var(--text)!important;background:radial-gradient(ellipse at 85% 0%,#193029 0%,transparent 45%),var(--bg)!important;padding:0!important;margin:0!important;overflow-wrap:anywhere}body a{color:var(--accent);text-decoration:none}body a:hover{color:#c1f7db}body h1,body h2,body h3,body h4{font-family:'Space Grotesk',system-ui,sans-serif;color:var(--text);line-height:1.3;letter-spacing:-.02em}body p,body li{font-size:inherit;color:#b9c9cf;text-align:left}body p{max-width:100%}body img{max-width:100%;height:auto}body pre{max-width:100%;overflow-x:auto;padding:16px;background:#081118;border:1px solid var(--line);border-radius:10px}body code{overflow-wrap:anywhere}body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}body th,body td{border:1px solid #32404a;padding:9px 12px}body blockquote{margin:24px 0;padding:18px 22px;border-left:3px solid var(--accent);background:#142028;border-radius:0 10px 10px 0}body blockquote p{margin:0}body button{cursor:pointer}.site-top{border-bottom:1px solid var(--line)}.site-top .nav{border:0}.site-top .navlinks a{font-size:14px;color:#c6d2d7}.site-top .navlinks a:hover{color:var(--accent)}.site-top .brand{color:var(--text)}.site-top .brand span{color:var(--accent)}.page-body{width:min(1050px,calc(100% - 40px));margin:0 auto;min-height:65vh;padding:35px 0 75px}.legacy-head{background:none!important;display:block!important;position:static!important;padding:25px 0 30px!important;border-bottom:1px solid var(--line);margin-bottom:30px;max-width:100%}.legacy-head h1{background:transparent!important;text-align:left!important;color:var(--text)!important;font-size:clamp(29px,4vw,49px)!important;border-radius:0!important;padding:0!important;margin:0 0 12px!important;flex:none!important}.legacy-head p{margin:5px 0!important;padding:0!important}.legacy-head .projects-link{position:static!important;display:inline-flex;font-size:14px!important;margin:6px 0!important;color:var(--accent)!important}.legacy-head .language-selection{position:static!important;display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.legacy-head .language-flag{border:1px solid var(--line);border-radius:6px}.page-body main{max-width:100%;margin:0;padding:0}.page-body > p,.page-body > h2,.page-body > h3,.page-body > ul,.page-body > ol{max-width:900px}.page-body h2{margin:38px 0 17px;border-bottom:1px solid var(--line);padding-bottom:12px}.page-body h3{margin:30px 0 14px}.page-body p{padding:0!important;margin:0 0 17px!important}.page-body ol,.page-body ul{padding-left:25px}.page-body li{margin-bottom:7px}.page-body .accordion{border:1px solid var(--line);background:var(--surface);box-shadow:none;border-radius:12px;margin:17px 0;overflow:hidden}.page-body .accordion-header{background:#142a29!important;border-radius:0!important;color:var(--text)!important;font-size:18px!important;line-height:1.4;padding:18px 20px;cursor:pointer}.page-body .accordion-header:hover{background:#1c3532!important}.page-body .accordion-panel{background:#111b22!important;color:var(--text)!important;padding:20px!important}.page-body .accordion-panel p{color:#b9c9cf}.page-body .project-details{max-width:950px}.page-body .certificate-carousel{max-width:100%}.page-body .certificate-carousel img{object-fit:contain}.page-body iframe{max-width:100%}.page-body .note{background:#142328;border-left-color:var(--accent)}.project-library{padding-bottom:65px}.project-library .intro{max-width:760px;font-size:18px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.library-card{display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(155deg,#14202a,#0e151d);border:1px solid var(--line);border-radius:14px;color:var(--text)!important;transition:transform .2s,border-color .2s}.library-card:hover{transform:translateY(-3px);border-color:#659781}.library-card img{height:155px;width:100%;object-fit:cover;background:#17242c}.library-card .content{padding:20px;flex:1}.library-card h3{margin:6px 0 9px;font-size:19px}.library-card p{font-size:14px;color:var(--muted);margin-bottom:0}.library-feature{grid-column:span 2;padding:25px;background:linear-gradient(120deg,#17342f,#111a22)}.library-feature h3{font-size:27px}.library-filter{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.library-filter button{border:1px solid #32493f;background:#121e25;border-radius:100px;color:#ccdfd5;padding:8px 16px;font:600 13px 'DM Sans',sans-serif}.library-filter button[aria-pressed=true]{background:var(--accent);color:#092017}.library-card[hidden]{display:none!important}.detail-hero{padding:70px 0 45px}.detail-hero h1{font-size:clamp(46px,6vw,76px)}.detail-hero .lead{font-size:19px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.detail-grid .card{height:100%}.detail-hero .status{display:inline-flex;border:1px solid #47634e;background:#152b27;border-radius:100px;padding:7px 13px;color:#b1efd1;font-size:13px;margin:14px 0}.tech-icon{font-size:56px;margin-bottom:5px}.privacy-layout .page-body{max-width:900px}.privacy-layout .page-body h2{font-size:23px}.privacy-layout .page-body h3{font-size:19px}.privacy-layout .page-body p{line-height:1.85}.privacy-layout .legacy-head{padding-top:12px!important}.privacy-layout .legacy-head h1{max-width:100%}.privacy-layout .page-body strong{color:var(--text)}
@media(max-width:850px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-feature{grid-column:span 2}.detail-grid{grid-template-columns:1fr}}@media(max-width:550px){.library-grid{grid-template-columns:1fr}.library-feature{grid-column:auto}.page-body{width:calc(100% - 28px);padding:23px 0 50px}.library-card img{height:175px}.legacy-head h1{font-size:29px!important}.site-top .nav{padding:18px 0}.site-top .navlinks{gap:12px}.site-top .navlinks a{font-size:12px}.detail-hero{padding:50px 0 30px}}@media(prefers-reduced-motion:reduce){.library-card{transition:none}}
