/* Dark-Tech cleanup V3: semantic page components, no legacy global green styling. */
:root {--surface-raised:#121e27;--surface-hover:#192a31;--border-soft:#263740}
.site-top{background:rgba(8,12,18,.96);border-bottom:1px solid var(--line)}
.site-top .nav{background:transparent!important;display:flex!important;position:relative!important;padding:22px 0!important;align-items:center!important;gap:20px!important;justify-content:space-between!important}
.site-top .brand{font-size:25px;font-weight:700;text-decoration:none!important;white-space:nowrap}
.site-top .navlinks{display:flex!important;flex-wrap:wrap;gap:20px;align-items:center}
.site-top .navlinks a{font-weight:600!important;text-decoration:none!important;color:#bacbd1!important}
.site-top .navlinks a:hover,.site-top .navlinks a[aria-current="page"]{color:var(--accent)!important}
.page-body .legacy-head{background:transparent!important;box-shadow:none!important;border-radius:0!important;display:block!important;padding:18px 0 25px!important;margin:0 0 26px!important}
.page-body .legacy-head h1{background:none!important;box-shadow:none!important;color:var(--text)!important;text-align:left!important;font-weight:700!important}
.page-body .accordion{display:block;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:none!important;margin:12px 0!important;overflow:hidden}
.page-body .accordion-header{margin:0!important;border:0!important;border-radius:0!important;display:block!important;width:100%;padding:16px 50px 16px 20px!important;background:var(--surface-raised)!important;color:var(--text)!important;font:600 clamp(15px,1.6vw,18px)/1.55 'DM Sans',system-ui,sans-serif!important;letter-spacing:0!important;text-align:left!important;position:relative;cursor:pointer;user-select:none;min-height:0!important}
.page-body .accordion-header:hover,.page-body .accordion-header:focus-visible{background:var(--surface-hover)!important}
.page-body .accordion-header::after{content:'+';position:absolute;right:19px;top:50%;transform:translateY(-50%);font-size:22px;line-height:1;color:var(--accent);font-weight:400}
.page-body .accordion-header[aria-expanded="true"]::after{content:'−'}
.page-body .accordion-panel{display:none;background:#0e1820!important;padding:21px!important;color:#c2d0d5!important;border-top:1px solid var(--line)!important;overflow:visible!important;border-radius:0!important}
.page-body .accordion-panel[aria-hidden="false"]{display:block}
.page-body .accordion-panel p,.page-body .accordion-panel li{color:#c2d0d5!important}
.page-body .archive-year{font:700 clamp(27px,4vw,44px)/1.2 'Space Grotesk',sans-serif!important;border:0!important;background:transparent!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:22px 0 14px!important;margin:30px 0 15px!important;text-align:left!important;color:var(--accent)!important}
.page-body .gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:15px;margin:20px 0}
.page-body .gallery-item{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden;padding:12px}
.page-body .gallery-item img{max-width:100%;height:auto;border-radius:7px}
.page-body .certificate-carousel{background:transparent!important;border:1px solid var(--line);border-radius:12px;padding:12px;overflow:hidden}
.page-body .certificate-carousel .carousel-track{display:flex;transition:transform .5s ease-in-out}
.page-body .certificate-carousel .carousel-item{flex:0 0 auto;margin:0 5px}
.page-body .certificate-carousel .carousel-button{background:#1d3932!important;border:1px solid #3c5a50!important;color:var(--text)!important;border-radius:50%;cursor:pointer}
.page-body .project-card,.page-body .project-details{background:var(--surface)!important;border:1px solid var(--line);border-radius:14px;padding:16px}
.page-body .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:18px}
.page-body .project-image{max-width:100%;height:auto;object-fit:cover;border-radius:9px}
.page-body .project-title{color:var(--text)!important}
.page-body .language-selection{position:static!important;background:transparent!important}
.page-body a:not(.btn):not(.library-card){color:var(--accent)!important}
.page-body table{width:100%;max-width:100%;background:var(--surface);border-radius:10px}
.page-body th{background:#1c3033!important;color:var(--text)!important}
.page-body td{background:transparent!important;color:#c7d4d7!important}
.privacy-layout .page-body{width:min(920px,calc(100% - 40px))}
.privacy-layout .page-body main{margin:0!important;padding:0!important;max-width:100%!important}
.privacy-layout .page-body .lead{font-size:18px;color:#c2d0d5}
.privacy-layout .page-body .note{padding:17px 20px;background:#14252a!important;border-left:3px solid var(--accent)!important;border-radius:0 10px 10px 0}
.privacy-layout .page-body .draft{padding:17px 20px;background:#29251d!important;border-left:3px solid #e8be73!important;border-radius:0 10px 10px 0}
.privacy-layout .page-body .draft strong{color:#ffe2a8!important}
.privacy-layout .page-body>footer{font-size:13px;color:var(--muted);background:transparent!important;text-align:left;padding:22px 0;border-top:1px solid var(--line);margin-top:30px}
.privacy-layout .page-body>footer a{color:var(--accent)}
@media(max-width:680px){.site-top .nav{align-items:flex-start!important;flex-direction:column!important;gap:13px!important}.site-top .navlinks{gap:9px 17px!important}.site-top .navlinks a{font-size:13px!important}.page-body .accordion-header{padding:14px 40px 14px 14px!important}.page-body .accordion-panel{padding:15px!important}.privacy-layout .page-body{width:calc(100% - 28px)}}
@media(prefers-reduced-motion:reduce){.page-body .certificate-carousel .carousel-track{transition:none}}