/* Wahid's Archive — claymorphic design system (violet / lavender / cream, from the reference dashboard). Loaded last. */
:root{--ar-violet:#14493B;--ar-violet-2:#5FB095;--ar-violet-d:#0B2D24;--ar-night:#0A1612;--ar-night-2:#14271F;
 --ar-cream:#FAF6EC;--ar-cream-2:#FAF6EC;--ar-lilac:#DCEBE2;--ar-pink:#F3E6C6;--ar-butter:#F0DDD5;--ar-sky:#E1E9E4;--ar-mint:#F7ECCF;
 --ar-ink:#12241D;--ar-mute:#3C5047;--ar-accent:#0F5A47;--ar-coral:#C9A24D;--ar-on:#F6F0E4;--ar-ctl:#FAF6EC;
 --ar-bg:#EEE8D8;--ar-bg-solid:#EEE8D8;--ar-surf:#FAF6EC;
 --ar-out:12px 12px 26px rgba(20,60,48,.22),-8px -8px 20px rgba(95,176,149,0.060);
 --ar-in:inset 3px 3px 7px rgba(95,176,149,0.060),inset -4px -5px 10px rgba(20,60,48,.1);
 --ar-sm:6px 6px 14px rgba(20,60,48,.22),-4px -4px 10px rgba(95,176,149,0.060);
 --ar-press:inset 5px 5px 10px rgba(20,60,48,.2),inset -4px -4px 9px rgba(95,176,149,0.060);
 --ar-fill:inset 3px 4px 7px rgba(95,176,149,0.060),inset -4px -6px 10px rgba(4,20,15,.35);
 --ar-line:rgba(18,36,29,.22);--ar-line2:rgba(18,36,29,.5);
 --ar-r:30px;--ar-r-sm:18px;--ar-serif:'Cormorant Garamond',Georgia,serif;--ar-sans:Manrope,system-ui,sans-serif}
html[data-theme="dark"]{--ar-bg:#0A1612;--ar-bg-solid:#0A1612;--ar-surf:#14271F;--ar-ctl:#1D372C;--ar-ink:#F4EEDF;--ar-mute:#C9D6CD;--ar-accent:#E3C98B;--ar-lilac:#17352A;--ar-pink:#3A2F14;--ar-butter:#3A1F25;--ar-sky:#1E3329;--ar-mint:#3D3316;
 --ar-out:8px 8px 18px rgba(2,8,5,.6),-5px -5px 14px rgba(120,190,160,.09);--ar-in:inset 2px 2px 5px rgba(95,176,149,0.021),inset -3px -4px 8px rgba(2,8,5,.35);--ar-sm:5px 5px 11px rgba(2,8,5,.55),-3px -3px 8px rgba(120,190,160,.09);
 --ar-press:inset 5px 5px 9px rgba(2,8,5,.6),inset -3px -3px 7px rgba(120,190,160,.1);--ar-line:rgba(244,238,223,.22);--ar-line2:rgba(244,238,223,.5)}
html:not(#a):not(#b):not(#c):not(#d) body :is(p,li,span,small,label,td,th,dt,dd,div,a,b,strong,figcaption,summary,legend){font-family:var(--ar-sans)}
html:not(#a):not(#b):not(#c):not(#d){background:var(--ar-bg-solid)!important;color-scheme:light}
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d){color-scheme:dark}
html:not(#a):not(#b):not(#c):not(#d) body{background:var(--ar-bg)!important;color:var(--ar-ink)!important;font-family:var(--ar-sans);min-height:100vh}
html:not(#a):not(#b):not(#c):not(#d) body::before,html:not(#a):not(#b):not(#c):not(#d) body::after,html:not(#a):not(#b):not(#c):not(#d) body .site-noise,html:not(#a):not(#b):not(#c):not(#d) body .hero::before,html:not(#a):not(#b):not(#c):not(#d) body .hero::after,html:not(#a):not(#b):not(#c):not(#d) body .hero-shade{display:none!important}
html:not(#a):not(#b):not(#c):not(#d) body h1,html:not(#a):not(#b):not(#c):not(#d) body h2,html:not(#a):not(#b):not(#c):not(#d) body h3{font-family:var(--ar-serif)!important;font-weight:700!important;letter-spacing:-.01em;color:var(--ar-ink)!important;text-shadow:none!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(h1,h2,h3) :is(em,i){font-family:inherit!important;font-style:italic!important;background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--ar-accent)!important;text-decoration:none}
html:not(#a):not(#b):not(#c):not(#d) body :is(p,li,span,small,label,td,th,dt,dd,div,a,b,strong,figcaption,summary,legend){color:var(--ar-ink)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(p,.hero-desc,.muted,small){color:var(--ar-mute)!important}
html:not(#a):not(#b):not(#c):not(#d) body p a,html:not(#a):not(#b):not(#c):not(#d) body li a,html:not(#a):not(#b):not(#c):not(#d) body td a{color:var(--ar-accent)!important;text-decoration:underline;text-underline-offset:3px}
html:not(#a):not(#b):not(#c):not(#d) body a:hover{color:var(--ar-accent)}
/* ---- header: puffy violet pill, white active pill like the reference sidebar ---- */
html:not(#a):not(#b):not(#c):not(#d) body .lux-header{background:linear-gradient(180deg,#14493B,#0B2D24)!important;border:0!important;border-radius:999px!important;box-shadow:var(--ar-out),var(--ar-fill)!important;backdrop-filter:none!important}
html:not(#a):not(#b):not(#c):not(#d) body .lux-header,html:not(#a):not(#b):not(#c):not(#d) body .lux-header *{color:var(--ar-on)!important}
html:not(#a):not(#b):not(#c):not(#d) body .lux-header .brand-mark,html:not(#a):not(#b):not(#c):not(#d) body .brand-w{display:grid!important;place-items:center;width:42px;height:42px;border-radius:15px!important;background:var(--ar-cream)!important;color:var(--ar-violet)!important;-webkit-text-fill-color:var(--ar-violet)!important;font:700 26px/1 var(--ar-serif)!important;box-shadow:var(--ar-sm)!important;overflow:hidden}
html:not(#a):not(#b):not(#c):not(#d) body .lux-header .brand-mark *{color:var(--ar-violet)!important}
html:not(#a):not(#b):not(#c):not(#d) body .lux-header .brand-copy strong{font-family:var(--ar-serif)!important}
html:not(#a):not(#b):not(#c):not(#d) body .lux-header :is(.nav-item,.nav-login,.whatsapp-header){background:transparent!important;border:0!important;border-radius:999px!important;transition:transform .25s cubic-bezier(.3,1.4,.5,1),background .2s}
html:not(#a):not(#b):not(#c):not(#d) body .lux-header :is(.nav-item,.nav-login,.whatsapp-header):hover{transform:translateY(-2px) scale(1.05);background:rgba(255,255,255,.16)!important}
html:not(#a):not(#b):not(#c):not(#d) body .lux-header .nav-item.active{background:var(--ar-cream-2)!important;box-shadow:var(--ar-sm)!important}
html:not(#a):not(#b):not(#c):not(#d) body .lux-header .nav-item.active,html:not(#a):not(#b):not(#c):not(#d) body .lux-header .nav-item.active *{color:var(--ar-violet-d)!important}
html:not(#a):not(#b):not(#c):not(#d) body .lux-header svg{stroke:currentColor}
html:not(#a):not(#b):not(#c):not(#d) body .mobile-menu{background:var(--ar-violet)!important;color:var(--ar-on)!important;border:0!important;border-radius:18px!important;box-shadow:var(--ar-sm),var(--ar-fill)!important}
html:not(#a):not(#b):not(#c):not(#d) body .mobile-menu *{color:var(--ar-on)!important}
/* ---- clay surfaces ---- */
html:not(#a):not(#b):not(#c):not(#d) body :where([class*="-card"],[class*="-panel"],[class*="card-"]):not(.person-card):not(.live-card):not(.tool-card-head):not([class*="icon"]){background:var(--ar-surf)!important;border:0!important;border-radius:var(--ar-r)!important;box-shadow:var(--ar-out),var(--ar-in)!important;color:var(--ar-ink)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.hero,.page-hero,.library-hero,.gs-hero,.toolkit-hero,.tool-hero,.resource-hero,.people-hero,.feature-card,.engineering-tool-card,.showcase-card,.person-card,.stats>div,.library-stats>div,.newsletter-section,.chart-panel,.people-note,.card,.panel,.tool-card,.material-card,.resource-card,.update-card,.cert-card,.formula-card,.note-card,.login-card,.auth-card,.message-card,.admin-card,.library-card,.gs-card,.gs-panel,.tool-panel,.work-card,.project-card,.memory-card,.exam-card,.admin-login,.library-filters,.filters,.upload-card){
 background:var(--ar-surf)!important;border:0!important;border-radius:var(--ar-r)!important;box-shadow:var(--ar-out),var(--ar-in)!important;backdrop-filter:none!important;filter:none!important;color:var(--ar-ink)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.hero,.page-hero,.library-hero,.gs-hero,.toolkit-hero,.tool-hero,.resource-hero,.people-hero){border-radius:36px!important;padding:clamp(26px,4vw,52px)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.feature-card,.engineering-tool-card,.person-card,.resource-card,.tool-card,.material-card,.update-card,.formula-card){transition:transform .35s cubic-bezier(.3,1.35,.5,1),box-shadow .35s}
html:not(#a):not(#b):not(#c):not(#d) body :is(.feature-card,.engineering-tool-card,.person-card,.resource-card,.tool-card,.material-card,.update-card,.formula-card):hover{transform:translateY(-6px) scale(1.012)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.feature-card,.engineering-tool-card,.tool-card,.resource-card):nth-child(5n+1){background:var(--ar-lilac)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.feature-card,.engineering-tool-card,.tool-card,.resource-card):nth-child(5n+2){background:var(--ar-pink)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.feature-card,.engineering-tool-card,.tool-card,.resource-card):nth-child(5n+3){background:var(--ar-butter)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.feature-card,.engineering-tool-card,.tool-card,.resource-card):nth-child(5n+4){background:var(--ar-sky)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.feature-card,.engineering-tool-card,.tool-card,.resource-card):nth-child(5n){background:var(--ar-mint)!important}
html:not(#a):not(#b):not(#c):not(#d) body .stats>div:nth-child(odd),html:not(#a):not(#b):not(#c):not(#d) body .library-stats>div:nth-child(odd){background:var(--ar-lilac)!important}
html:not(#a):not(#b):not(#c):not(#d) body .stats>div:nth-child(even),html:not(#a):not(#b):not(#c):not(#d) body .library-stats>div:nth-child(even){background:var(--ar-pink)!important}
/* icon chips (puffy coloured buttons like the stat cards in the reference) */
html:not(#a):not(#b):not(#c):not(#d) body [class*="icon"]:not(.lux-header *):not(.nav-icon){display:grid;place-items:center;background:linear-gradient(180deg,#EBD08A,#C9A24D)!important;color:var(--ar-on)!important;border-radius:16px!important;box-shadow:var(--ar-sm),var(--ar-fill)!important}
html:not(#a):not(#b):not(#c):not(#d) body [class*="icon"] *{color:inherit!important}
html:not(#a):not(#b):not(#c):not(#d) body .tool-card-head>span,html:not(#a):not(#b):not(#c):not(#d) body .stats>div b,html:not(#a):not(#b):not(#c):not(#d) body .library-stats>div b,html:not(#a):not(#b):not(#c):not(#d) body .round-arrow,html:not(#a):not(#b):not(#c):not(#d) body .engineering-tool-arrow{display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(180deg,#EBD08A,#C9A24D)!important;color:var(--ar-on)!important;border-radius:14px!important;box-shadow:var(--ar-sm),var(--ar-fill)!important;border:0!important;position:static!important}
html:not(#a):not(#b):not(#c):not(#d) body .live-icon{width:48px;height:48px;margin-bottom:14px}
html:not(#a):not(#b):not(#c):not(#d) body .live-card{position:relative;display:block}
html:not(#a):not(#b):not(#c):not(#d) body .live-card b{display:block;font:700 24px/1.1 var(--ar-serif);margin-bottom:6px}
html:not(#a):not(#b):not(#c):not(#d) body .live-go{position:absolute;right:18px;top:18px;opacity:.6}html:not(#a):not(#b):not(#c):not(#d) body .live-card:hover .live-go{opacity:1}
/* eyebrow tags = small clay pills */
html:not(#a):not(#b):not(#c):not(#d) body :is(.eyebrow,.gs-eyebrow,.page-eyebrow,.gs-status-pill,.tool-pill,.pill,.badge,.tag,.hero-pill,.welcome,.home-greeting){display:inline-flex;align-items:center;gap:10px;background:var(--ar-ctl)!important;color:var(--ar-accent)!important;font:800 11px/1 var(--ar-sans)!important;letter-spacing:.2em!important;text-transform:uppercase;padding:9px 16px!important;border:0!important;border-radius:999px!important;box-shadow:var(--ar-sm)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.eyebrow,.welcome,.home-greeting) span{width:8px!important;height:8px!important;border-radius:50%!important;background:var(--ar-coral)!important;display:inline-block;box-shadow:none!important}
/* buttons: inflated clay */
html:not(#a):not(#b):not(#c):not(#d) body :is(.btn.primary,.gold-btn,.solid-btn,.tool-action,button.primary,.btn.small){background:linear-gradient(180deg,#EBD08A,#C9A24D)!important;color:var(--ar-on)!important;border:0!important;border-radius:999px!important;box-shadow:0 12px 22px rgba(150,115,30,.35),var(--ar-fill)!important;font-weight:800!important;letter-spacing:.02em}
html:not(#a):not(#b):not(#c):not(#d) body :is(.btn.outline,.line-btn,.ghost-btn,.chip){background:var(--ar-ctl)!important;color:var(--ar-ink)!important;border:0!important;border-radius:999px!important;box-shadow:var(--ar-sm)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.btn,.gold-btn,.line-btn,.solid-btn,.ghost-btn,.chip,button){transition:transform .25s cubic-bezier(.3,1.5,.5,1),box-shadow .25s}
html:not(#a):not(#b):not(#c):not(#d) body :is(.btn,.gold-btn,.line-btn,.solid-btn,.ghost-btn,.chip):hover{transform:translateY(-3px) scale(1.04)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.btn,.gold-btn,.line-btn,.solid-btn,.ghost-btn,.chip,button):active{transform:scale(.95)!important;box-shadow:var(--ar-press)!important}
html:not(#a):not(#b):not(#c):not(#d) body .btn.primary *,html:not(#a):not(#b):not(#c):not(#d) body .btn.primary{color:var(--ar-on)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.chip.active,.chip[aria-pressed="true"],.active-chip,.chip.is-active){background:linear-gradient(180deg,#EBD08A,#C9A24D)!important;color:var(--ar-on)!important;box-shadow:var(--ar-sm),var(--ar-fill)!important}
/* inputs: pressed-in clay */
html:not(#a):not(#b):not(#c):not(#d) body :is(input,textarea,select){background:var(--ar-ctl)!important;color:var(--ar-ink)!important;border:0!important;border-radius:var(--ar-r-sm)!important;box-shadow:var(--ar-press)!important}
html[data-theme="dark"] html:not(#a):not(#b):not(#c):not(#d) body :is(input,textarea,select){background:var(--ar-night)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(input,textarea):focus{outline:3px solid var(--ar-accent)!important;outline-offset:2px}
html:not(#a):not(#b):not(#c):not(#d) body ::placeholder{color:var(--ar-mute)!important;opacity:1}
html:not(#a):not(#b):not(#c):not(#d) body table,html:not(#a):not(#b):not(#c):not(#d) body th,html:not(#a):not(#b):not(#c):not(#d) body td{border-color:var(--ar-line)!important;background:transparent!important}
html:not(#a):not(#b):not(#c):not(#d) body hr{border-color:var(--ar-line)}
/* home hero: violet clay card like the reference's greeting card */
html:not(#a):not(#b):not(#c):not(#d) body section.hero{background:linear-gradient(135deg,#14493B 0%,#0B2D24 100%)!important;box-shadow:var(--ar-out),inset 4px 5px 10px rgba(95,176,149,0.060),inset -6px -8px 16px rgba(4,20,15,.3)!important}
html:not(#a):not(#b):not(#c):not(#d) body section.hero :is(h1,h1 em,h2){color:var(--ar-on)!important}
html:not(#a):not(#b):not(#c):not(#d) body section.hero h1 em{color:#E8CF8E!important;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.14em;text-decoration-color:#C9A24D}
html:not(#a):not(#b):not(#c):not(#d) body section.hero :is(p,.hero-desc,.welcome,.welcome *){color:#E9F0E8!important}
html:not(#a):not(#b):not(#c):not(#d) body section.hero :is(.welcome,.home-greeting){background:rgba(255,255,255,.18)!important;box-shadow:inset 2px 3px 6px rgba(95,176,149,0.060),inset -2px -3px 6px rgba(4,20,15,.25)!important}
html:not(#a):not(#b):not(#c):not(#d) body section.hero .btn.outline{background:#FFF9F3!important;color:var(--ar-violet-d)!important}
html:not(#a):not(#b):not(#c):not(#d) body section.hero .btn.outline *{color:var(--ar-violet-d)!important}
html:not(#a):not(#b):not(#c):not(#d) body section.hero .btn.primary{background:linear-gradient(180deg,#F0D894,#D2AC58)!important;box-shadow:0 12px 22px rgba(4,20,15,.4),inset 3px 4px 7px rgba(95,176,149,0.060),inset -4px -6px 10px rgba(160,90,0,.3)!important}
html:not(#a):not(#b):not(#c):not(#d) body section.hero .btn.primary,html:not(#a):not(#b):not(#c):not(#d) body section.hero .btn.primary *{color:#10241D!important}
html:not(#a):not(#b):not(#c):not(#d) body section.hero .stats>div{background:rgba(255,255,255,.16)!important}
html:not(#a):not(#b):not(#c):not(#d) body section.hero .stats>div *{color:var(--ar-on)!important}
html:not(#a):not(#b):not(#c):not(#d) body section.hero .stats>div b{background:var(--ar-cream-2)!important;color:var(--ar-violet)!important}
@media(min-width:960px){html:not(#a):not(#b):not(#c):not(#d) body .hero{display:grid!important;grid-template-columns:1.2fr .8fr!important;gap:clamp(24px,4vw,64px);align-items:center}html:not(#a):not(#b):not(#c):not(#d) body .hero>.hero-content{grid-column:1!important;grid-row:1}html:not(#a):not(#b):not(#c):not(#d) body .hero>.hero-sign{grid-column:2!important;grid-row:1;align-self:stretch}}
html:not(#a):not(#b):not(#c):not(#d) body .hero-content{max-width:none!important}
html:not(#a):not(#b):not(#c):not(#d) body .hero-sign{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:320px;padding:30px;min-width:0;background:rgba(255,255,255,.14)!important;border-radius:32px;box-shadow:inset 5px 6px 12px rgba(95,176,149,0.060),inset -6px -8px 16px rgba(4,20,15,.3),0 16px 30px rgba(4,20,15,.25);}
html:not(#a):not(#b):not(#c):not(#d) body .hero-sign span{color:var(--ar-on)!important;font:800 11px/1 var(--ar-sans);letter-spacing:.55em;text-transform:uppercase;padding-left:.55em}
html:not(#a):not(#b):not(#c):not(#d) body .hero-sign-art{width:100%;max-width:440px;aspect-ratio:730/250;background:url(../assets/signature.png) center/contain no-repeat;filter:drop-shadow(0 6px 10px rgba(4,20,15,.35))}
html:not(#a):not(#b):not(#c):not(#d) body .stats>div,html:not(#a):not(#b):not(#c):not(#d) body .library-stats>div{display:flex!important;align-items:center;gap:14px;padding:14px 18px!important}
html:not(#a):not(#b):not(#c):not(#d) body .stats>div strong,html:not(#a):not(#b):not(#c):not(#d) body .library-stats>div strong{font:700 28px/1 var(--ar-serif)!important;display:block}
html:not(#a):not(#b):not(#c):not(#d) body .stats>div small,html:not(#a):not(#b):not(#c):not(#d) body .library-stats>div small{display:block;letter-spacing:.14em;text-transform:uppercase;font-size:10.5px!important}
/* quote + footer + admin bars */
html:not(#a):not(#b):not(#c):not(#d) body section.quote-banner{background:linear-gradient(135deg,#14493B,#0B2D24)!important;border-radius:36px!important;box-shadow:var(--ar-out),var(--ar-fill)!important}
html:not(#a):not(#b):not(#c):not(#d) body section.quote-banner{color:var(--ar-on)!important}
html:not(#a):not(#b):not(#c):not(#d) body section.quote-banner *{color:var(--ar-on)!important;background:transparent!important}
html:not(#a):not(#b):not(#c):not(#d) body footer,html:not(#a):not(#b):not(#c):not(#d) body .lux-footer,html:not(#a):not(#b):not(#c):not(#d) body .site-footer,html:not(#a):not(#b):not(#c):not(#d) body .library-footer{background:linear-gradient(135deg,#14493B,#0B2D24)!important;border:0!important;border-radius:36px!important;box-shadow:var(--ar-out),var(--ar-fill)!important}
html:not(#a):not(#b):not(#c):not(#d) body footer *:not(.brand-w):not(.brand-mark){color:var(--ar-on)!important;background-color:transparent!important}
html:not(#a):not(#b):not(#c):not(#d) body footer a{border:0!important;border-radius:999px!important}
html:not(#a):not(#b):not(#c):not(#d) body footer a:hover{background:rgba(255,255,255,.2)!important}
html:not(#a):not(#b):not(#c):not(#d) body footer :is(.brand-w,.brand-mark){background:var(--ar-cream)!important;color:var(--ar-violet)!important;-webkit-text-fill-color:var(--ar-violet)!important}
html:not(#a):not(#b):not(#c):not(#d) body .admin-header{background:linear-gradient(135deg,#14493B,#0B2D24)!important;border-radius:var(--ar-r)!important}
html:not(#a):not(#b):not(#c):not(#d) body .admin-header,html:not(#a):not(#b):not(#c):not(#d) body .admin-header *{color:var(--ar-on)!important}
html:not(#a):not(#b):not(#c):not(#d) body .admin-header .ghost-btn{background:rgba(255,255,255,.18)!important;box-shadow:none!important}
/* chart + misc */
html:not(#a):not(#b):not(#c):not(#d) body .chart path[stroke]{stroke:var(--ar-violet)!important}html:not(#a):not(#b):not(#c):not(#d) body .chart rect{stroke:var(--ar-line)!important;fill:none}
html:not(#a):not(#b):not(#c):not(#d) body .person-fallback{background:linear-gradient(180deg,#EBD08A,#C9A24D)!important;color:var(--ar-on)!important;font-family:var(--ar-serif)!important}
html:not(#a):not(#b):not(#c):not(#d) body .gs-handwriting,html:not(#a):not(#b):not(#c):not(#d) body .gs-handwriting *{color:var(--ar-accent)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(a[class*="link"],a[class*="read"],.small-gold,.text-link,.resource-card a):not(footer *):not(.lux-header *){color:var(--ar-accent)!important;font-weight:800}
html:not(#a):not(#b):not(#c):not(#d) body :focus-visible{outline:3px solid var(--ar-accent)!important;outline-offset:3px}
html:not(#a):not(#b):not(#c):not(#d) body ::selection{background:var(--ar-violet);color:#EBD08A}
/* people + about */
html:not(#a):not(#b):not(#c):not(#d) body .people-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))!important;gap:24px!important}
html:not(#a):not(#b):not(#c):not(#d) body .person-card{display:grid!important;grid-template-columns:132px 1fr!important;gap:22px!important;padding:20px!important;align-items:start}
html:not(#a):not(#b):not(#c):not(#d) body .person-photo{position:relative;aspect-ratio:1!important;height:auto!important;width:100%!important;border-radius:22px!important;overflow:hidden;background:linear-gradient(180deg,#EBD08A,#C9A24D)!important;box-shadow:var(--ar-sm),var(--ar-fill)!important}
html:not(#a):not(#b):not(#c):not(#d) body .person-photo img{width:100%;height:100%;object-fit:cover}
html:not(#a):not(#b):not(#c):not(#d) body .person-fallback{display:none;position:absolute;inset:0;place-items:center;font-size:56px!important}html:not(#a):not(#b):not(#c):not(#d) body .person-fallback.show{display:grid}
html:not(#a):not(#b):not(#c):not(#d) body .person-photo small{position:absolute;left:10px;top:10px;color:var(--ar-on)!important;font:800 10px/1 var(--ar-sans);letter-spacing:.2em}
html:not(#a):not(#b):not(#c):not(#d) body .person-copy h2{font-size:30px!important;line-height:1.05!important;margin:6px 0 8px!important;word-break:normal!important;overflow-wrap:normal!important}
html:not(#a):not(#b):not(#c):not(#d) body .person-role{display:block;font:800 10.5px/1.3 var(--ar-sans)!important;letter-spacing:.2em;text-transform:uppercase;word-break:normal!important}
html:not(#a):not(#b):not(#c):not(#d) body .person-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
html:not(#a):not(#b):not(#c):not(#d) body .portrait-page{display:grid!important;grid-template-columns:minmax(200px,260px) minmax(0,1fr)!important;gap:clamp(24px,4vw,56px)!important;align-items:center}
html:not(#a):not(#b):not(#c):not(#d) body .portrait-large{width:100%!important;height:auto!important;aspect-ratio:4/5;border-radius:36px!important;background:linear-gradient(180deg,#14493B,#0B2D24)!important;border:0!important;position:relative!important;font-family:var(--ar-serif)!important;box-shadow:var(--ar-out),var(--ar-fill)!important;}
html:not(#a):not(#b):not(#c):not(#d) body .portrait-large,html:not(#a):not(#b):not(#c):not(#d) body .portrait-large *{color:var(--ar-on)!important}
html:not(#a):not(#b):not(#c):not(#d) body .academic-card-mark{background:linear-gradient(180deg,#EBD08A,#C9A24D)!important;color:var(--ar-on)!important;border-radius:16px!important}
html:not(#a):not(#b):not(#c):not(#d) body .about-connect a,html:not(#a):not(#b):not(#c):not(#d) body .about-connect a *{color:var(--ar-on)!important}
@media(max-width:700px){html:not(#a):not(#b):not(#c):not(#d) body .portrait-page{grid-template-columns:1fr!important}html:not(#a):not(#b):not(#c):not(#d) body .portrait-large{max-width:200px}html:not(#a):not(#b):not(#c):not(#d) body .person-card{grid-template-columns:1fr!important}html:not(#a):not(#b):not(#c):not(#d) body .person-photo{max-width:160px}}
/* ---- motion, taken from the reference: staggered blur-and-pop reveals, floating, page cross-fade ---- */
html:not(#a):not(#b):not(#c):not(#d) body .reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.9,.3,1.1)}
html:not(#a):not(#b):not(#c):not(#d) body .reveal.visible{opacity:1;transform:none}
html:not(#a):not(#b):not(#c):not(#d) body :is(.feature-grid,.engineering-tool-grid,.people-grid,.stats)>*:nth-child(2){transition-delay:.08s}
html:not(#a):not(#b):not(#c):not(#d) body :is(.feature-grid,.engineering-tool-grid,.people-grid,.stats)>*:nth-child(3){transition-delay:.16s}
html:not(#a):not(#b):not(#c):not(#d) body :is(.feature-grid,.engineering-tool-grid,.people-grid,.stats)>*:nth-child(4){transition-delay:.24s}
@keyframes ar-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes ar-in{from{opacity:0}to{opacity:1}}
@keyframes ar-out{to{opacity:0}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:ar-out .18s ease both}
::view-transition-new(root){animation:ar-in .25s ease both}
@media(prefers-reduced-motion:reduce){html:not(#a):not(#b):not(#c):not(#d) body *{animation:none!important;transition:none!important}html:not(#a):not(#b):not(#c):not(#d) body .reveal{opacity:1;transform:none;filter:none}}

html:not(#a):not(#b):not(#c):not(#d) body .admin-header .ghost-btn,html:not(#a):not(#b):not(#c):not(#d) body .admin-header .ghost-btn *{color:var(--ar-on)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.overline,.admin-tabs button,.admin-nav button){color:var(--ar-ink)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.admin-tabs,.admin-nav) button.active{background:linear-gradient(180deg,#EBD08A,#C9A24D)!important;color:var(--ar-on)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.admin-tabs,.admin-nav) button.active *{color:var(--ar-on)!important}
html:not(#a):not(#b):not(#c):not(#d) body .remove-row{color:var(--ar-ink)!important}
html:not(#a):not(#b):not(#c):not(#d) body a.small-gold{background:var(--ar-ctl)!important;background-image:none!important;border-radius:999px!important;padding:8px 14px!important;box-shadow:var(--ar-sm)!important;text-decoration:none!important;display:inline-flex}

/* ---- palette roles: gold = action, emerald = structure, jade/oxblood = accents ---- */
html:not(#a):not(#b):not(#c):not(#d) body :is(.btn.primary,.gold-btn,.solid-btn,.tool-action,button.primary,.btn.small){background:linear-gradient(180deg,#EBD08A,#C9A24D)!important;color:#10241D!important;box-shadow:0 8px 16px rgba(150,115,30,.35),var(--ar-fill)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.btn.primary,.gold-btn,.solid-btn,.tool-action,button.primary,.btn.small) *{color:#10241D!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.chip.active,.chip[aria-pressed="true"],.active-chip,.chip.is-active){background:linear-gradient(180deg,#14493B,#0B2D24)!important;color:var(--ar-on)!important}
html:not(#a):not(#b):not(#c):not(#d) body [class*="icon"]:not(.lux-header *):not(.nav-icon),html:not(#a):not(#b):not(#c):not(#d) body .tool-card-head>span,html:not(#a):not(#b):not(#c):not(#d) body .stats>div b,html:not(#a):not(#b):not(#c):not(#d) body .library-stats>div b,html:not(#a):not(#b):not(#c):not(#d) body .round-arrow,html:not(#a):not(#b):not(#c):not(#d) body .engineering-tool-arrow,html:not(#a):not(#b):not(#c):not(#d) body .live-icon{background:linear-gradient(180deg,#EBD08A,#C9A24D)!important;color:#0E231C!important}
html:not(#a):not(#b):not(#c):not(#d) body [class*="icon"] *{color:inherit!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.feature-card,.engineering-tool-card,.tool-card,.resource-card):nth-child(5n+2) [class*="icon"]{background:linear-gradient(180deg,#1C5A49,#0B2D24)!important;color:#EBD08A!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.feature-card,.engineering-tool-card,.tool-card,.resource-card):nth-child(5n+3) [class*="icon"]{background:linear-gradient(180deg,#8FD0B6,#5FB095)!important;color:#0E231C!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.feature-card,.engineering-tool-card,.tool-card,.resource-card):nth-child(5n+4) [class*="icon"]{background:linear-gradient(180deg,#A3404F,#7A2433)!important;color:#F6E7D4!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.feature-card,.engineering-tool-card,.tool-card,.resource-card):nth-child(5n) [class*="icon"]{background:linear-gradient(180deg,#F5ECD2,#E3CF9C)!important;color:#14493B!important}
html:not(#a):not(#b):not(#c):not(#d) body .person-fallback,html:not(#a):not(#b):not(#c):not(#d) body .portrait-large,html:not(#a):not(#b):not(#c):not(#d) body .portrait-large *,html:not(#a):not(#b):not(#c):not(#d) body .academic-card-mark{color:var(--ar-on)!important}
html:not(#a):not(#b):not(#c):not(#d) body .academic-card-mark,html:not(#a):not(#b):not(#c):not(#d) body .person-fallback,html:not(#a):not(#b):not(#c):not(#d) body .person-photo{background:linear-gradient(180deg,#14493B,#0B2D24)!important}
html:not(#a):not(#b):not(#c):not(#d) body .lux-header .brand-mark,html:not(#a):not(#b):not(#c):not(#d) body .brand-w{background:linear-gradient(180deg,#EBD08A,#C9A24D)!important;color:#0B2D24!important;-webkit-text-fill-color:#0B2D24!important}
html:not(#a):not(#b):not(#c):not(#d) body .lux-header .brand-mark *{color:#0B2D24!important}
html:not(#a):not(#b):not(#c):not(#d) body footer :is(.brand-w,.brand-mark){background:linear-gradient(180deg,#EBD08A,#C9A24D)!important;color:#0B2D24!important;-webkit-text-fill-color:#0B2D24!important}
html:not(#a):not(#b):not(#c):not(#d) body .stats>div b{background:linear-gradient(180deg,#EBD08A,#C9A24D)!important}
html[data-theme="dark"] html:not(#a):not(#b):not(#c):not(#d) body :is(.chip.active,.active-chip){background:linear-gradient(180deg,#EBD08A,#C9A24D)!important;color:#10241D!important}
/* ---- performance: skip rendering off-screen sections, never use backdrop blur ---- */
html:not(#a):not(#b):not(#c):not(#d) body *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html:not(#a):not(#b):not(#c):not(#d) body main>section:not(.hero):not(.home-palestine-banner):not(:first-child){content-visibility:auto;contain-intrinsic-size:auto 520px}
html:not(#a):not(#b):not(#c):not(#d) body :is(.feature-card,.engineering-tool-card,.person-card,.tool-card,.resource-card){contain:layout paint}
@media(min-width:960px) and (prefers-reduced-motion:no-preference){html:not(#a):not(#b):not(#c):not(#d) body .hero-sign{animation:ar-float 7s ease-in-out infinite}}
html:not(#a):not(#b):not(#c):not(#d) body :is(.admin-tabs,.admin-nav) button.active{background:linear-gradient(180deg,#14493B,#0B2D24)!important;color:var(--ar-on)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.admin-tabs,.admin-nav) button.active *{color:var(--ar-on)!important}
/* ---- every remaining box gets the clay treatment ---- */
html:not(#a):not(#b):not(#c):not(#d) body :is(.resource-content,.tool-box,.tool-info,.tool-note,.contact-studio,.studio-form,.admin-tabs,.admin-stat,.about-connect,.upload-drop,.quote-banner){background:var(--ar-surf)!important;border:0!important;border-radius:var(--ar-r)!important;box-shadow:var(--ar-out),var(--ar-in)!important}
html:not(#a):not(#b):not(#c):not(#d) body section.quote-banner{background:linear-gradient(135deg,#14493B,#0B2D24)!important;box-shadow:var(--ar-out),var(--ar-fill)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.formula,.wahid-ad-slot,.library-search-box,.upload-drop){background:var(--ar-sky)!important;border:0!important;border-radius:var(--ar-r-sm)!important;box-shadow:var(--ar-press)!important}
html:not(#a):not(#b):not(#c):not(#d) body .resource-callout{background:var(--ar-mint)!important;border:0!important;border-radius:var(--ar-r-sm)!important;box-shadow:var(--ar-sm)!important;padding:16px 20px!important}
html:not(#a):not(#b):not(#c):not(#d) body .tool-note{background:var(--ar-pink)!important}
html:not(#a):not(#b):not(#c):not(#d) body .tool-info{background:var(--ar-lilac)!important}
html:not(#a):not(#b):not(#c):not(#d) body .admin-tabs{border-radius:var(--ar-r)!important;padding:10px!important}
html:not(#a):not(#b):not(#c):not(#d) body .admin-header{border-radius:var(--ar-r)!important}
html:not(#a):not(#b):not(#c):not(#d) body .resource-content{padding:clamp(22px,3.5vw,44px)!important}
html:not(#a):not(#b):not(#c):not(#d) body .resource-content :is(h2,h3){margin-top:1.4em}
html:not(#a):not(#b):not(#c):not(#d) body :is(.tool-button,button.tool-button,.tool-actions button,.calc-btn){background:linear-gradient(180deg,#EBD08A,#C9A24D)!important;color:#10241D!important;border:0!important;border-radius:999px!important;box-shadow:0 8px 16px rgba(150,115,30,.35),var(--ar-fill)!important;font-weight:800!important;padding:13px 26px!important}
html:not(#a):not(#b):not(#c):not(#d) body .admin-header{box-shadow:var(--ar-out),var(--ar-fill)!important}
html:not(#a):not(#b):not(#c):not(#d) body :is(.resource-hero,.tool-hero){max-width:none!important;width:100%!important;box-sizing:border-box}
html:not(#a):not(#b):not(#c):not(#d) body .social-grid{display:flex!important;flex-wrap:wrap;gap:12px;align-content:center}
html:not(#a):not(#b):not(#c):not(#d) body .social-grid a{background:var(--ar-ctl)!important;color:var(--ar-ink)!important;border:0!important;border-radius:999px!important;box-shadow:var(--ar-sm)!important;padding:12px 20px!important;font-weight:800;text-decoration:none!important;min-height:0!important;height:auto!important;width:auto!important}
html:not(#a):not(#b):not(#c):not(#d) body .social-grid a *{color:inherit!important;background:transparent!important}
html:not(#a):not(#b):not(#c):not(#d) body .social-grid a:hover{transform:translateY(-3px) scale(1.04)}
html:not(#a):not(#b):not(#c):not(#d) body:not([data-page]) main.container{background:var(--ar-surf)!important;border-radius:var(--ar-r)!important;box-shadow:var(--ar-out),var(--ar-in)!important;padding:clamp(24px,4vw,52px)!important;margin:40px auto!important;width:min(100% - 32px,850px)!important}
html:not(#a):not(#b):not(#c):not(#d) body:not([data-page]) main.container :is(h2){margin-top:1.6em}
html:not(#a):not(#b):not(#c):not(#d) body .legal-back{display:inline-flex;margin-bottom:18px}