{"version":3,"sourceRoot":"","sources":["_addon/fonts.scss","_addon/module.scss","_colors/light-typography.scss","home.scss","tokens/_color.scss","tokens/_type.scss","tokens/_space.scss","tokens/_motion.scss","tokens/_glass.scss","tokens/_legacy-alias.scss","_colors/dark-typography.scss","_addon/variables.scss"],"names":[],"mappings":"CAKQ,iMCMR,2BACE,4BACA,uCAGF,iGACE,mBACA,cAGF,yMACE,yBACA,gCACA,qBAGF,0EACE,wBAGF,6BACE,oDAGF,uIACE,mBAGF,iCACE,gBACA,gDAIA,oEACE,gBACA,mBAIJ,gBACE,mBACA,mBCrDF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECmBA,MCqFI,g6FCtEA,4xBCMA,gNAIA,kIAIA,4PC5BA,kIAIA,iHCVA,wJLUF,gFACE,QAeqB,KAZvB,8EACE,QAW2B,aAO/B,kCDrCE,mBAEA,mBAEA,yBAEA,6BAEA,4BAEA,sBAEA,gCAEA,iCAEA,sBAEA,gCAEA,yBAEA,qBAEA,2BAEA,kBAEA,+BAEA,sCAEA,0BAIA,0FAGA,4BAIA,2BAEA,qCAEA,6BAEA,yBAEA,6BAEA,oDAIA,gCAEA,oCAEA,qCAEA,yBAEA,mCAEA,0BAEA,sCAEA,gCAIA,2CAEA,6BAEA,2DAEA,uBAEA,yCAEA,+BAEA,sBAEA,sCAEA,gCAEA,+CAEA,qBAKA,uCAEA,4BAEA,mCAIA,2BAEA,gCAEA,uBOrHA,qCACA,2CACA,2CACA,mDACA,iDACA,0CACA,6CAIA,yCACA,0CACA,+CACA,gDNMA,uCACE,QAUqB,aAPvB,sCACE,QAMmC,KAgBvC,gBOzCE,mCACA,kCACA,qCACA,qCACA,wCACA,+CACA,2BACA,0CAGA,iCACA,uCACA,iCACA,0CACA,qCACA,6BACA,2CACA,4CAEA,oCACA,yCACA,sDACA,yCAEA,kCACA,kCAGA,uCACA,gEAGA,uCAGA,2CACA,8CACA,6CACA,qCACA,4CACA,oCACA,sDACA,+CAGA,oCACA,0BACA,6BACA,oCACA,8BACA,oCACA,uCACA,2BACA,iCACA,4CACA,2BACA,qCACA,0CAGA,8BACA,8BACA,+BAEA,8BAGA,qCACA,uCAGA,uCACA,kCACA,iDAGA,gCAEA,kCACE,uBAGF,mBACE,sCAIF,wRAKE,sCACA,kDAIF,kEAEE,gCAIA,yCACE,uCAEF,6CACE,iBACA,kBACA,kBACA,sCACA,wDACE,mCAKN,4CACE,+HP7EJ,gBM9CE,qCACA,2CACA,2CACA,mDACA,iDACA,0CACA,6CAWA,sCACA,6CACA,4CACA,mDN8BF,mCA/BE,+EACE,QAUqB,aAPvB,6EACE,QAMmC,KAqBrC,iCO9CA,mCACA,kCACA,qCACA,qCACA,wCACA,+CACA,2BACA,0CAGA,iCACA,uCACA,iCACA,0CACA,qCACA,6BACA,2CACA,4CAEA,oCACA,yCACA,sDACA,yCAEA,kCACA,kCAGA,uCACA,gEAGA,uCAGA,2CACA,8CACA,6CACA,qCACA,4CACA,oCACA,sDACA,+CAGA,oCACA,0BACA,6BACA,oCACA,8BACA,oCACA,uCACA,2BACA,iCACA,4CACA,2BACA,qCACA,0CAGA,8BACA,8BACA,+BAEA,8BAGA,qCACA,uCAGA,uCACA,kCACA,iDAGA,gCAEA,qEACE,uBAGF,uCACE,sCAIF,qjBAKE,sCACA,kDAIF,sIAEE,gCAIA,mFACE,uCAEF,2FACE,iBACA,kBACA,kBACA,sCACA,iHACE,mCAKN,yFACE,+HPxEF,iCMnDA,qCACA,2CACA,2CACA,mDACA,iDACA,0CACA,6CAWA,sCACA,6CACA,4CACA,mDNDA,wCACE,QAeqB,KAZvB,uCACE,QAW2B,aAoB7B,iBDlDA,mBAEA,mBAEA,yBAEA,6BAEA,4BAEA,sBAEA,gCAEA,iCAEA,sBAEA,gCAEA,yBAEA,qBAEA,2BAEA,kBAEA,+BAEA,sCAEA,0BAIA,0FAGA,4BAIA,2BAEA,qCAEA,6BAEA,yBAEA,6BAEA,oDAIA,gCAEA,oCAEA,qCAEA,yBAEA,mCAEA,0BAEA,sCAEA,gCAIA,2CAEA,6BAEA,2DAEA,uBAEA,yCAEA,+BAEA,sBAEA,sCAEA,gCAEA,+CAEA,qBAKA,uCAEA,4BAEA,mCAIA,2BAEA,gCAEA,uBOrHA,qCACA,2CACA,2CACA,mDACA,iDACA,0CACA,6CAIA,yCACA,0CACA,+CACA,iDN+CF,UACE,eAGF,KACE,6CACA,0BACA,wBACA,mCACA,uEAKF,YK5DE,sDACA,iDACA,yDACA,mEL2DA,uCACA,6KAGA,kBACE,sEAIJ,yBACE,kBACA,gBACA,sCACA,oKAMA,iCACE,WACA,kBACA,QACA,gIAKA,UACA,8BACA,oBACA,UAGF,+BACE,sBACA,2BACA,mCACA,iCACA,uCACA,UAEA,uCACE,UAIJ,2BACE,kBACA,UAIJ,uCACE,yBACE,0DAEA,+BACE,eAGF,iCACE,cAON,gBACE,aACA,0BACA,SAGF,kBACE,2DACA,uEACA,wCACA,uCACA,aACA,mPAIA,wBACE,2BACA,wCAGF,+BACE,4DACA,uEAIJ,0BACE,oEACA,oBACA,uDACA,iDACA,8CACA,yCACA,6CAGF,wBACE,wCACA,yCACA,2CACA,6DACA,gDAGF,2BACE,yCACA,8DACA,6CACA,6DACA,2CAGF,0BACE,6CACA,6DAEA,iCACE,gDAQF,oJACE,sDACA,mBAIJ,wBACE,oEAGF,6BACE,oEAGF,0BACE,oEAGF,yBACE,oEAGF,6BACE,gBACA,eAEA,mCACE,eACA,gBACA,sEAIJ,2CACE,sDAGF,aACE,aACA,eACA,WAGF,YACE,oBACA,mBACA,oBACA,uEACA,sBACA,gBACA,2DACA,2EAEA,kBACE,2BACA,sCAGF,0BACE,4FACA,gDAIJ,kBACE,uCACA,gDAGF,oBACE,2CACA,gDAGF,oBACE,2CACA,8CAGF,sBACE,0CACA,8CACA,oBAGF,sBACE,sEACA,0EAGF,gBACE,gEACA,oEAGF,gBACE,gEACA,oEAGF,uBACE,uEACA,2EAGF,oBACE,sEACA,yEAGF,cACE,iBACA,8BACA,2CACA,4CAGF,oBACE,wEACA,uCACA,2DACA,sCACA,+KAKA,iDACA,yDAGF,yBACE,wCACA,8DACA,6DACA,6CAGF,2BACE,SACA,oBACA,8DACA,2CAGF,uBACE,aACA,0BACA,4BAGF,uBACE,mCACA,kBACA,gBACA,0FAEA,+BACE,WACA,kBACA,QACA,oBACA,UACA,UAGF,yBACE,kBACA,UAGF,6BACE,sEAWF,yCACE,iHADF,mCACE,2GADF,mCACE,2GADF,0CACE,kHADF,uCACE,+GAQJ,4BACE,aACA,mBACA,8BACA,+BACA,wCAGF,4BACE,oBACA,mBACA,uCACA,wEACA,2EACA,+CACA,qBACA,gDACA,gBACA,oEACA,8CACA,oBACA,iBAGF,gCACE,0CACA,yCAGF,gCACE,0CACA,yCAGF,uCACE,iDACA,gDAGF,oCACE,8CACA,6CAGF,6BACE,wCACA,6DACA,2CACA,gDAGF,+BACE,yCACA,kEACA,6CACA,2CAGF,cACE,aACA,eACA,8BACA,8DAGF,cACE,oBACA,mBACA,WACA,uCACA,wEACA,sBACA,oEACA,gDACA,iBACA,mBACA,0FAGF,kBACE,6CACA,8CACA,qBAGF,kBACE,4CACA,+CAIA,oDACE,mCACA,gDACA,qHAGF,8CACE,mCACA,0CACA,yGAGF,8CACE,mCACA,0CACA,yGAGF,qDACE,mCACA,iDACA,uHAGF,kDACE,mCACA,8CACA,iHAIJ,6CAEE,+BAGF,uBACE,oEACA,yBAGF,gBACE,sCACA,kEACA,2CACA,6CACA,6DAGF,eACE,aACA,0BACA,4BAGF,gBACE,mCACA,0FAEA,sBACE,sEAGF,mBACE,6DACA,uCACA,gDACA,wCAIJ,gBACE,yCACA,kEACA,6CACA,2CAGF,eACE,wCACA,2CAGF,kCACE,eACE,iDAIJ,6CAEE,aACA,0BACA,+BAGF,6CAEE,2DACA,0FAEA,yDACE,sEAGF,mDACE,wCACA,6DACA,uCACA,gDAGF,iDACE,2CACA,6CACA,8DAIJ,wBACE,aACA,qBACA,8BACA,WACA,qBAEA,2BACE,gBAIJ,0BACE,oBACA,mBACA,uCACA,wEACA,oEACA,4CACA,oBACA,gDACA,gBACA,oEACA,8CACA,oBACA,iBACA,mBAGF,kCACE,gBACE,gDACA,qCAGF,wBACE,2BAMJ,gBACE,+CACA,cACA,4DACA,uCAGF,2BACE,uIAOF,wBACE,qIAOF,yBACE,2IAOF,mCAEE,eACA,wCACA,8DACA,6CACA,uCAGF,qBACE,aACA,0BACA,+BAGF,gBACE,2DACA,0FAEA,sBACE,sEAIJ,qBACE,aACA,qBACA,8BACA,8BACA,wCAGF,sBACE,gDACA,6DACA,sDAGF,qBACE,oEACA,gDACA,uDAGF,qBACE,SACA,2CACA,6CACA,kEAGF,8FACA,kFACA,kFACA,gGACA,0FAEA,kBACE,yCACA,8DAGF,kBACE,SACA,oBACA,6CAEA,qBACE,wCAGF,oBACE,sDACA,qBACA,sCACA,0DAEA,0BACE,6EAKN,oBACE,wDACA,2CAGF,wBACE,mCACA,oBACA,8DACA,6CAEA,2BACE,wCAIJ,kBACE,mCACA,gBACA,8DAEA,oBACE,sDAGF,uBACE,mCAIJ,qBACE,mCAGF,kCACE,qBACE,iDAIJ,mCACE,qBACE,gDAGF,yBACE,0BAGF,uDACE,kBAUJ,SFhvBE,aEivBe,EFhvBf,cEgvBe,EACf,eACA,MACA,OACA,YACA,gBACA,MQ1zBqB,MR2zBrB,WACA,6BACA,WF7wBA,MAD2B,mBAE3B,kCACA,iBACA,gBE8wBA,qBACE,kBACA,uBAEE,gBACA,iBACA,oBACA,6BACE,WACA,qBAKN,wBACE,cACA,kBACA,cACA,mBACA,iBACA,gCAIA,wCACE,kBAGJ,mBACE,gBACA,iBACA,gBACA,mBAEF,mBACE,OQx2BS,OR02BP,mCACE,oCAIF,oCACE,cAIN,YACE,eACA,oBACA,oBAGE,4BACE,kBACA,2BAEF,iCACE,kBACA,WACA,kBACA,UACA,UACA,OQn4BY,ORo4BZ,yCACA,oBAgBE,wHAXJ,IAMM,SALN,mBAUI,wHAXJ,IAMM,SALN,mBAUI,wHAXJ,IAMM,QALN,mBAUI,wHAXJ,IAMM,QALN,mBAUI,wHAXJ,IAMM,QALN,mBAeE,kHAhBF,IAMM,MALN,mBAyBJ,yBACE,iBACA,0BACA,2BACE,oBAGF,uFACE,WAIA,gDF73BJ,MAD2B,mBAE3B,kCACA,iBACA,gBE43BM,eACA,kBACA,kBACA,kBACA,WAIJ,sCACE,mBACA,UACA,WACA,kBACA,kBAKN,qBACE,iCACE,gCACA,6BACA,2BACA,yBAIJ,aACE,WACA,YAGF,iBACE,gBAIA,UACE,cACA,WACA,YACA,kBACA,yBACA,gBACA,wBACA,iDACA,8CACA,yCAGF,gBACE,kBAGF,YACE,WACA,YACA,iCACA,8BACA,yBAEA,kBACE,yBACA,0BACA,6BACA,qBAKN,uBACE,aACA,eACA,MACA,iBACA,YACA,cACA,qCACE,gBAMJ,gBACE,OQjgCc,KRkgCd,eACA,MACA,WACA,QACA,+BACA,WACA,wCACA,uCACA,0CAGF,UACE,WAGF,YACE,eACA,WACA,mBAMI,yCACE,YACA,gBAMR,iCAEE,aAGF,oBACE,aACA,oBACA,kEACA,wBACA,iBACA,2DACA,yBACA,qBAGF,YACE,aACA,mBACA,WACA,iBACA,kBACA,gBACA,qBACA,+BACE,aAIJ,iBACE,oBACA,mBACA,mBACA,+BACA,oBACA,qBACA,iBACA,2DACA,qBACA,8BACA,yBACA,iUAKA,uBACE,wBACA,qBACA,kEACA,2BAGF,+BACE,4FACA,gDACA,wBAGF,wBACE,qDACA,0DACA,oEAIJ,uCACE,+CAGE,2BACA,2BAIJ,gBACE,aACA,UACA,mBACA,0CACA,oCACA,gBACA,kBACE,UACA,gBACA,+BAEF,iCACE,kBAGF,gCACE,SACA,yBACA,+BACA,UACA,mBACA,cAEA,yDACE,mBAGF,8CACE,4FACA,gDACA,kBAKN,eACE,wBACA,iBACA,aAGF,cACE,kBACA,SACA,gBACA,qBACA,wBAIA,oBACE,gBACA,kBAEE,4DF/lCJ,WEgmCI,mDFhmCJ,WEimCI,uDFjmCJ,WEkmCI,8CFlmCJ,WEumCF,cACE,aACA,wBACE,qBACA,iBACA,eACA,gCACA,YACA,cACA,qBACA,gCACE,YACA,8BACA,oBAKN,gBACE,oBACA,kBAIE,iBACA,mBAKF,oBACE,eACA,qCACE,mBAEF,sBACE,cACA,oBACA,cAEF,sBACE,gBACA,uBACA,oBACA,qBACA,4BAKN,cACE,aACA,iBACA,gBACA,uBACA,+BACA,kBACA,UACA,gBACA,uBACA,oBACA,mBAGF,MACE,aACA,eACA,MACA,QACA,SACA,OACA,YACA,WACA,UACS,wBACP,yBAMJ,cACE,wCACA,kBACA,iBACA,eQ/vCc,KV8Dd,aEksCe,EFjsCf,cEisCe,EAIf,sFACE,WQvwCY,KRywCd,0CAEE,6CAIJ,cACE,wDASF,2DF9tCE,YEiuCe,EFhuCf,aEguCe,EAGjB,OACE,kBACA,SACA,eACA,OQjyCc,KRkyCd,gBACA,cACA,wCACA,kBACE,mBACA,UACA,iBACA,8CACA,mBACA,sBACE,YAGJ,SACE,yBACA,cF1wCF,qBE6wCE,eF7wCF,qBEkxCA,qBACE,iBAMJ,QACE,SACA,+BACA,oBACA,gBACA,mBACA,mBACE,wBACA,gBAEF,oBACE,SAEF,YACE,kBACA,+CACA,6BACE,mBAGJ,WACE,kBACA,qBACA,aACA,gBACA,uBF9wCF,MADwD,mBAExD,UE8wCiB,QF7wCjB,YE6wC0B,IF5wC1B,4DE8wCA,sBACE,gBAMF,kCACE,cAEF,uBACE,qBACA,iBACA,iBACA,gBACA,yCACA,oBACA,oBACA,wBACA,6BACE,yBACA,qBACA,WACA,gBAOF,sBACE,cACA,gBACA,uBACA,oBACA,qBACA,4BACA,gBAEF,qBACE,cAcN,aACE,aACA,UACA,eACA,eACA,4BACA,iCACA,aACA,YACA,kBACA,mDACA,wBACA,gCAGF,mBACE,kCACA,0CAKF,GAEE,iBAGF,GAIE,iBAGF,GAIE,kBAGF,GAIE,kBAGF,GAIE,iBAGF,WACE,qDACA,kBACA,mCAEE,2BACE,wBAKN,IACE,eAOF,cACE,iBACA,iBACE,kBACA,mBACA,mBACE,kBAEF,kCACE,sBAEF,0BACE,2CACA,kBACA,qDAEA,6CAMK,WACP,cACA,oCACA,qDACA,6CAEO,sBACP,2CACA,cAKO,kBACP,gBACA,kBACA,cACA,iBACA,iBACA,oCA6BF,SACE,gBAEF,SACE,oBAWJ,gCACE,gBAEA,sCACE,cACA,gBACA,iBACA,qBAEA,4CACE,8CAQE,6DACE,mCAEF,+DACE,kCAEF,+CACE,+CAcV,uBACE,cAGF,WACE,iBACA,iBAIE,8BACE,iBAQN,cACE,gBACA,gBACA,yBACA,qBAQA,gBACE,kBAQJ,UACE,qBACA,eACA,kBACA,yBACA,oBACA,gBACA,cACA,mBACA,2BACE,mBAGF,gBAEE,mBACA,qBACA,cAKJ,UACE,4BACA,gBACA,kBACA,wBACA,gBACE,gBAMJ,QACE,yBACS,eACP,wBAIJ,UACE,wBAGF,SACE,8BAGF,QACE,6BAGF,aACE,+BACA,uBAGF,gBACE,sDAGF,WACE,qBAGF,oBF3pDE,qBE+pDF,eACE,gBACA,gBACA,gBAGF,UACE,cACA,oBACA,mBAGF,oBACE,8BAGF,aACE,gBACA,wDACA,6BACA,2EAKF,kCAIE,0CACE,qCAGF,cACE,wDAEA,iBACE,kBACA,kBAIJ,UACE,WACA,YAGF,eF5rDA,YE6rDiB,OF5rDjB,aE4rDiB,OAIjB,kBACE,WACA,mBACA,qBAGF,cACE,eAhCc,KAmChB,OACE,OApCc,KAqCd,kBACE,WACA,iBACA,oBACA,eACA,gCACA,oCACA,wCAEF,yCACE,mBAQN,kCACE,uCACE,sCACA,8BAIF,UACE,kBAKA,2BACE,wBAGF,kEAEE,4BAKJ,SAGE,6BACA,qCAEA,iBACE,wBACA,qBACA,gBAQJ,cAEE,YQr0DY,KRw0Dd,uBACE,WAGF,uBACE,aACA,qCACE,gBAIJ,wCAGE,aAGF,gBACE,OAGF,WACE,iBAGF,sFAEE,aAGF,mEAIE,cAIA,qCACE,aACA,kBACA,uBACA,YACA,aACA,WACA,oCACA,sEACA,mBACA,eACA,sCACA,mBACA,eACA,WACA,gBACA,gBAKF,yBACE,kBAEF,iCACE,aAIJ,cACE,cACA,UAGF,qCACE,iBAGF,cACE,cACA,eAGF,MACE,mCACA,gCACA,kCAGF,IACE,mBAGF,iBACE,mBACA,mBACA,6BACE,oBAMN,yDACE,mBACE,aAMJ,kCAGE,KACE,kBAGF,cACE,YQh8DmB,MRm8DrB,iBACE,gBAGF,gBACE,UACA,gBAIF,aACE,cACA,aAGF,WACE,2BAGF,cACE,gBAGF,kBACE,WAMJ,yDACE,yBACE,mBACA,iBACA,aACA,eAKJ,yDAEE,SACE,MQ/+DkB,MRg/DlB,yBFj7DF,YEk7DmB,OFj7DnB,aEi7DmB,OACf,sCFn7DJ,YEo7DqB,OFn7DrB,aEm7DqB,OAKrB,gBACE,WAGF,uBACE,yBAGF,oBACE,gBAGF,YACE,iBACA,yBAGF,eACE,cF38DF,YE48DiB,KF38DjB,aE28DiB,KAGjB,cACE,kBAGF,YACE,UACA,gBACA,uBACA,oBACA,oBAMJ,mCACE,eACE,aAGF,QACE,UAGF,cACE,mCACA,gCACA,mCAOJ,mCAEE,2BACE,mBACA,iBACA,aACA,cACA,gBAGF,QACE,UACA,iBAGF,eACE,UQtjEc,MRyjEhB,aACE,cACA,aAGF,cACE,uCACA,+BAGF,uBACE,yBAGF,oBACE,cACA,mCACE,oBAEF,oCACE,mBAEF,8CACE,kBACA,YAIJ,gBACE,kBAGF,kBACE,WAKJ,mCAEE,cACE,qCACA,2BACE,gBAIJ,uBACE,mBACA,2BACE,iBAIJ,iCACE,cAKJ,0DACE,QACE,oBAIJ,mCAEE,YACE,eAGF,2BACE,eACA,2CACE,+BACA,gCAIJ,cACE,YQlpEkB,MRqpEpB,eACE,qCAGF,gBACE,KQ1pEkB,MR6pEpB,QACE,iBAGF,gBACE,gBAGF,iBACE,2BACA,qCAEA,yBACE,mCACA,gCACA,kCACA,2BACE,aACA,cAIJ,+BACE,kBAEA,+BACA,+BACA,wBAEA,8BACA,0BAEA,qCACA,gCACA,mCACE,2BACA,WAKN,SACE,MQvsEkB,MRysElB,uBACE,iBACA,mBACA,SAGF,wBACE,eACA,mBAGF,YACE,eACA,iBACE,oBACA,kCACA,+BACA,sCAKF,wBACE,mBAEF,qBF5qEJ,iBACA,kBACA,ME2qE0B,QF1qE1B,OE0qE0B,QACpB,iBACA,gBACA,sBACA,gCAIJ,yBACE,mBACA,kBACA,iBACA,2BACE,iBACA,kBACA,eACA,WACA,YACA,kBACA,6BACE,kBACA,aACA,mBAIJ,8CACE,gBACA,gDFzsEN,iBACA,kBACA,MEwsE4B,KFvsE5B,OEusE4B,KACpB,mBACA,SAIJ,sCFzsEJ,YE0sEqB,MFzsErB,aEysEqB,MACf,kBACA,wCACE,cAKR,kBACE,UACA,iBAGF,uBACE,yBACA,2BACE,kBAON,mCACE,gBACE,oDAIF,QACE,8BAGF,cACE,0CAGF,eACE,eAGF,OACE,eACA,0CAGF,aACE,mCAKJ,0BACE,cACE,mBAGF,uBACE,0CAGF,eACE,kBASJ,sBACE,yBACA,iBACE,oKAEF,cAGF,sEAEE,wBAGF,0CACE,aAGF,yBACE,0CACE,oBACA,mBACA,iBACA,iCACA,cACA,eAGF,kCACE,aAGF,2DACE,aACA,sBACA,oBACA,kBACA,SACA,wCACA,yCACA,WACA,gCACA,mBACA,8BACA,2BACA,mCACA,oCACA,uCACA,gBACA,gBACA,8BAGF,gEACE,eACA,2DACA,kBACA,mBAEA,6IAEE,gCAKN,sCACE,YACA,kBACA,QACA,6BACA,2BACA,mCACA,2CACA,gBAGF,oCACE,yBACA,yBAGF,8BACE,+CACA,cACA,WACA,6CAGF,yBACE,8BACE,+CAIJ,sEAEE,wBAGF,kCACE,cACA,kBACA,8BAGF,uCACE,gBACA,YACA,sCACA,iBACA,wCACA,6DACA,2CACA,8CACA,oBACA,iBACA,cACA,yBAEA,6CACE,eACA,cACA,2BACA,qBAGF,8CACE,cACA,4BACA,yBAIJ,oCACE,kCACA,cACA,eACA,gDACA,iDAGF,2JAGE,yBACA,0DACA,WACA,0BACA,2BAGF,oDACE,wBAGF,yBACE,oCACE,iDACA,mDAIJ,4BACE,0BACA,2BACA,eACA,qCAGF,oCACE,yBACA,0DAGF,4EAEE,+CACA,iBACA,kBAGF,8CACE,eAGF,oDACA,mEACA,gDACE,mBACA,kBAEF,yEAEA,cACE,oEACA,eACA,gBACA,qBACA,cACA,qCACA,cAGF,eACE,oCACA,6DACA,yCACA,yBAGF,qBACE,+CACA,cACA,6CACA,aACA,sBACA,4BACA,uBAGF,oBACE,SACA,6DACA,eACA,gBACA,cAGF,mBACE,aACA,eACA,mBACA,+BAEA,qBACE,6DACA,eACA,gBACA,cACA,qBACA,4BAEA,2BACE,cAKN,gBACE,oEACA,eACA,gBACA,qBACA,yBACA,cACA,yCAGF,aACE,cACA,gBACA,gBACA,6DACA,eACA,gBACA,eAGF,kBACE,oEACA,eACA,yBACA,qBACA,cAGF,oBACE,qBACA,sBACA,kBACA,eACA,oEAGF,+BACE,6BACA,cAGF,sDAEE,gCACA,cAGF,oDAEE,gCACA,cAGF,yBACE,qBACE,mBACA,8BACA,mBACA,+CAIJ,2BACE,mDACA,mBACA,kBACA,mBACA,cACA,sBACA,oBACA,qBACA,mBACA,iBACA,cACA,+DACA,sBAIF,aACE,aACA,+CACA,iBACA,kBAGF,uBACE,yCACA,cACA,2CAGF,aACE,aACA,sBACA,6BACA,wCAGF,yBACE,mBACA,sCAGF,gBACE,WAGF,mBACE,+CACA,UAGF,0BACE,0CACA,sCAGF,4BACE,UACA,0BACA,mDAGF,mCACE,UACA,wBAGF,2CACE,WACA,kBACA,QACA,sFACA,oCAGF,eACE,kBACA,gBAKA,qDACE,WACE,mGAIJ,mDACE,WACE,mGAIJ,kDACE,WACE,mGAIJ,+CACE,WACE,mGAIJ,kDACE,WACE,mGAKF,2DACE,WACE,mGAIJ,yDACE,WACE,mGAIJ,wDACE,WACE,mGAIJ,qDACE,WACE,mGAIJ,wDACE,WACE,mGAMR,YACE,oBACA,mBACA,uBACA,qBACA,oBACA,6DACA,2CACA,8CACA,qBACA,8EAEA,kBACE,qBACA,eAIJ,qBACE,mDACA,0CAEA,2BACE,yCACA,0CAIJ,mBACE,8BACA,2BACA,mCACA,qCACA,sCACA,4CAEA,yBACE,8BACA,4CAIJ,gBACE,oEACA,eACA,gBACA,qBACA,yBACA,cACA,sCAGF,aACE,cACA,sCACA,gBACA,6DACA,eACA,gBACA,uBACA,eAGF,gFAEE,mBACA,wBACA,aAGF,qBACE,aACA,4BACA,eACA,oCAGF,uBACE,oEACA,eACA,cACA,qBACA,gBACA,YACA,UACA,eACA,4BAEA,6BACE,cACA,qBAIJ,kBACE,oEACA,gDACA,8CACA,qBAEA,wBACE,0BACA,8CAIJ,sBACE,aACA,sBACA,6BAGF,sBACE,aACA,sBACA,4BAGF,kBACE,gBAEA,qBACE,sCACA,gBACA,cACA,6DACA,+BACA,gBACA,uBAIJ,qBACE,aACA,0BACA,qCAGF,iBACE,kBACA,gCACA,mBACA,gBAGF,kBACE,kBACA,UAEA,qBACE,iBACA,sCACA,gBACA,cAGF,oBACE,cACA,gBACA,eACA,wCAIJ,0BACE,aACA,sBACA,YAGF,iBACE,kBACA,UACA,WACA,YACA,aACA,kBACA,gCACA,kBACA,oBACA,UAGF,mBACE,aACA,mBACA,UACA,2BACA,oEACA,eACA,yBACA,uBACA,cAGF,wBACE,eAIA,0CACE,YACA,sCAIJ,qBACE,kBACA,QACA,iCACA,UACA,8BACA,oBACA,UAGF,iDACE,UAGF,oBACE,aACA,8BACA,uBACA,sCAGF,uBACE,kBACA,oEACA,eACA,yBACA,qBACA,cAGF,oBACE,cACA,iBAGF,qBACE,oBACA,mBACA,UACA,qBAEA,2BACE,0BAEA,6CACE,0BAKN,sBACE,eACA,cAGF,qBACE,aACA,sBACA,4BACA,sCAEA,wBACE,4CACA,SAIJ,oBACE,iBACA,oEACA,8CAGF,0BACE,4CACA,sCAGF,oBACE,kCACA,mBACA,gBAGF,iBACE,aACA,sBACA,4BACA,oCACA,kBACA,UACA,eAEA,kCACE,wCAGF,4BACE,cAIJ,kBACE,aACA,sBACA,8BACA,gBAGF,kBACE,aACA,eACA,mBACA,+BAGF,kBACE,oEACA,kBACA,yBACA,qBACA,6CAGF,oBACE,qBACA,sBACA,kBACA,eACA,oEAGF,+BACE,6BACA,cAGF,sDAEE,gCACA,cAGF,oDAEE,gCACA,cAGF,oBACE,SACA,kBACA,gBACA,gBAEA,sBACE,cACA,qBACA,4BAIJ,qBACE,SACA,eACA,cACA,gBACA,oBACA,qBACA,4BACA,gBAGF,iBACE,mBACA,sBACA,eAGF,qBACE,oCACA,yCAGF,mBACE,oEACA,0CACA,yBACA,qBACA,6CACA,yCAGF,kBACE,aACA,0BACA,qCAGF,yBACE,qBACE,gDAGF,kBACE,gDAGF,qBACE,mBACA,qBACA,8BAGF,iBACE,mBACA,mBACA,+BAIJ,uCACE,mBACE,eACA,WAIJ,YACE,aACA,0BACA,oCAGF,YACE,kCACA,gBACA,0FAEA,yBACE,sEACA,gBAGF,4BACE,kFACA,mBACA,gBACA,uCAKF,qBACE,sCACA,2CACA,sDACA,6DACA,oCACA,gDACA,mDACA,eAIJ,kBACE,aACA,0BACA,qCACA,gBACA,WAIF,yBACE,kBACE,iDAIJ,aACE,YACA,wBACA,mBACA,gCACA,aACA,sBACA,oBAGF,mBACE,kBACA,UAGF,aACE,qBACA,sBACA,oBACA,kBACA,4CACA,yBACA,qBACA,yCAGF,oCACE,kCACA,cAGF,8BACE,kCACA,cAGF,8BACE,kCACA,cAGF,qCACE,kCACA,cAGF,kCACE,kCACA,cAGF,kBACE,aACA,qBACA,8BACA,WAGF,mBACE,8CACA,6DACA,2CACA,sDACA,qCAGF,kBACE,oEACA,gDACA,uDACA,oBAGF,kBACE,SACA,gDACA,gBACA,kEACA,oEAKA,iFACE,+CAMF,gFACE,6CAKF,mCACE,yCAKF,mCACE,yCAKF,0CACE,gDAIJ,eACE,oEACA,oBACA,uDACA,iDACA,8CACA,6CACA,sCAGF,YACE,kEACA,wCACA,0CACA,6DACA,6CACA,8CACA,qDACA,eAGF,eACE,aACA,4BACA,eAEA,oBACE,2CACA,qPAIA,0BACE,eACA,gBAIJ,4BACE,iDACA,mDACA,yCAGF,oCACE,sEACA,8CACA,yBAIJ,UACE,aACA,8BACA,UACA,SAEA,aACE,0CACA,8BACA,oBACA,gDACA,2DAGF,aACE,SACA,2DACA,yCACA,sDACA,gDAIJ,kBACE,gBAGF,aACE,0CACA,8BACA,2DAGF,YACE,sBACA,kCACA,uEACA,4CAGF,cACE,aACA,WACA,eACA,oBAGF,aACE,0CACA,yBACA,wBACA,eACA,2CACA,gDACA,2CACA,qBACA,iDAEA,mBACE,4DACA,2BAGF,2BACE,4FACA,gDAGF,uBACE,+DACA,wDACA,wCAIJ,WACE,aACA,gDACA,UAGF,eACE,kBAGF,eACE,cACA,qBACA,2CACA,2DAGF,eACE,aACA,0CACA,mBACA,wFACA,aACA,qBACA,YAGF,cACE,WACA,kBACA,sFACA,oFAGF,eACE,cACA,kBACA,2DACA,gDAGF,WACE,aACA,0BACA,qCACA,WAIF,yBACE,WACE,iDAIJ,WACE,YACA,mBACA,kCACA,aACA,sBAEA,cACE,yCACA,mBACA,gBACA,6DACA,gBACA,cAIJ,iBACE,sCACA,aACA,kBACA,gBACA,mBAGF,iBACE,WACA,YACA,sBACA,2BACA,gCAGF,kCACE,sBAGF,UACE,qCACA,YACA,aACA,sBACA,8BAGF,cACE,aACA,UACA,uBAGF,WACE,oEACA,eACA,cACA,mBACA,cAGF,gBACE,SACA,oEACA,eACA,cACA,gBAGF,gBACE,aACA,8BACA,mBACA,oCACA,yCAGF,iBACE,qBACA,kBACA,eACA,oEACA,cACA,8BACA,qCAGF,uBACE,aACA,sBACA,8BAGF,mBACE,aACA,gDACA,qCACA,SAGF,yBACE,mBACE,iDAIJ,mBACE,mCACA,mBAEA,sBACE,qCACA,oEACA,eACA,gBACA,qBACA,yBACA,cAGF,sBACE,SACA,6DACA,kBACA,gBACA,cACA,cAIJ,iBACE,oBACA,mCACA,YACA,eAEA,uBACE,eAIJ,iBACE,sBACA,yCACA,sBACA,oBACA,oEACA,eACA,gBACA,qBACA,yBACA,cACA,iCACA,uCAGF,uBACE,+BAGF,uBACE,sKASF,oBACE,cAGF,oBACE,gCACA,mBACA,oBACA,mCAGF,yBACE,aACA,eACA,8BACA,uBACA,4BACA,sCAEA,4BACE,SACA,iBACA,gBACA,cAIJ,oBACE,oEACA,eACA,qBACA,yBACA,cACA,qBACA,kBACA,oCAGF,kBACE,qCACA,eACA,eACA,gBACA,cAGF,mBACE,aACA,sBACA,+BACA,mCACA,kBACA,0BACA,qCAGF,iBACE,YACA,oBACA,wFACA,WAGF,uCACE,+HASE,2BACA,2BAIJ,gBACE,oBACA,mBACA,WACA,2CACA,gDACA,uEACA,+JAGA,uBACE,aACA,2DACA,0CAGF,sBACE,0BAGF,8BACE,4FACA,gDACA,kBAIJ,cACE,aACA,eACA,8BACA,qCAGF,cACE,oBACA,mBACA,WACA,uCACA,wEACA,sBACA,oEACA,gDACA,iBACA,mBAGF,kBACE,6CACA,8CAGF,kBACE,4CAGF,oDACE,gDACA,qHAGF,8CACE,0CACA,yGAGF,8CACE,0CACA,yGAGF,qDACE,iDACA,uHAGF,kDACE,8CACA,iHAGF,WACE,mCACA,gBAEA,yBACE,mCACA,sCACA,0FAEA,oGAGE,sEACA,gBACA,eACA,aAGF,4BACE,2CACA,SACA,4CACA,uEAEA,8BACE,iBAKF,sCACE,iBACA,wDACE,mBAKN,uCACE,kBACA,qBACA,kCACA,yCACE,SACA,gBACA,uBACA,oBACA,qBACA,4BAMR,yBACE,qBAGF,YACE,eACA,oBACE,qBAIA,kCACE,sCACA,aACA,cACA,UACA,kBACA,oBACA,aACA,wBACA,uBACA,yBACA,mBACA,kBACA,mDACA,8BACA,kCACA,wCACE,kDAIF,yCACE,sCACA,4CACA,4DACA,4BAGJ,gCACE,mBACA,2CACE,4BACA,+CACA,kCAGJ,2FAEE,kBAEF,wCACE,mBAMN,kCACE,+CACE,iBAGF,UACE,0BAGF,WACE,2BAIJ,kCACE,YACE,wBAIJ,kCACE,YACE,iBACA,kCACE,aACA,eAKN,mCACE,aACE","sourcesContent":["/*\n * Calm Technical — Stitch designTheme: Inter + JetBrains Mono\n * Project: Calm Technical Portfolio Command Center (12642385017382224523)\n */\n\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&display=swap');\n","/*\n* Mainly scss modules, only imported to `assets/css/main.scss`\n*\n* v2.1\n* https://github.com/cotes2020/jekyll-theme-chirpy\n* © 2020 Cotes Chung\n* MIT Licensed\n*/\n\n/*---------- scss placeholder ---------*/\n\n%tag-hover {\n  background: var(--tag-hover);\n  transition: background 0.35s ease-in-out;\n}\n\n%table-cell {\n  padding: .4rem 1rem;\n  font-size: 95%;\n}\n\n%link-hover {\n  color: #d2603a!important;\n  border-bottom: 1px solid #d2603a;\n  text-decoration: none;\n}\n\n%link-color {\n  color: var(--link-color);\n}\n\n%link-underline {\n  border-bottom: 1px solid var(--link-underline-color);\n}\n\n%no-bottom-border {\n  border-bottom: none;\n}\n\n%heading {\n  font-weight: 400;\n  font-family: 'Lato', 'Microsoft Yahei', sans-serif;\n}\n\n%section {\n  #post-wrapper & {\n    line-height: 1.2;\n    margin-bottom: 1rem;\n  }\n}\n\n%anchor {\n  padding-top: 3.5rem;\n  margin-top: -2.5rem;\n}\n\n/*---------- scss mixin ---------*/\n\n@mixin no-text-decoration {\n  text-decoration: none;\n}\n\n@mixin sidebar-links($color: rgba(255, 255, 255, 0.5)) {\n  color: $color;\n  transition: color 0.35s ease-in-out;\n  user-select: none;\n  margin: 0 .25rem;\n}\n\n@mixin icon-round($diameter) {\n  border: 1px solid;\n  border-radius: 50%;\n  width: $diameter;\n  height: $diameter;\n}\n\n@mixin ml-mr($value) {\n  margin-left: $value;\n  margin-right: $value;\n}\n\n@mixin pl-pr($val) {\n  padding-left: $val;\n  padding-right: $val;\n}\n\n@mixin input-placeholder {\n  opacity: 0.6;\n}\n\n@mixin semi-bold {\n  font-weight: 600;\n}\n\n@mixin label($font-size: 1rem, $font-weight: 600, $color: var(--label-color)) {\n  color: $color;\n  font-size: $font-size;\n  font-weight: $font-weight;\n  font-family: 'Roboto Condensed', 'Microsoft Yahei', sans-serif;\n}\n","/*!\n* The syntax light mode typography colors\n* v2.1\n* https://github.com/cotes2020/jekyll-theme-chirpy\n* © 2020 Cotes Chung\n* MIT Licensed\n*/\n\n@mixin light-scheme {\n\n  --body-bg: #fafafa;\n\n  --mask-bg: #c1c3c5;\n\n  --main-wrapper-bg: white;\n\n  --main-border-color: #f3f3f3;\n\n  --btn-border-color: #e9ecef;\n\n  --text-color: #333333;\n\n  --blockquote-border-color: #eee;\n\n  --blockquote-text-color: #9a9a9a;\n\n  --link-color: #2a408e;\n\n  --link-underline-color: #dee2e6;\n\n  --text-muted-color: gray;\n\n  --tb-odd-bg: #fbfcfd;\n\n  --tb-border-color: #eaeaea;\n\n  --button-bg: #fff;\n\n  --btn-backtotop-color: #686868;\n\n  --btn-backtotop-border-color: #f1f1f1; //--main-border-color,\n\n  --btn-box-shadow: #eaeaea;\n\n  /* Sidebar */\n\n  --sidebar-bg: radial-gradient(\n    circle, rgba(42, 30, 107, 1) 0%, rgba(35, 37, 46, 1) 100%);\n\n  --nav-cursor-color: #fcfcfc;\n\n  /* Topbar */\n\n  --topbar-wrapper-bg: white;\n\n  --topbar-text-color: rgb(78, 78, 78);\n\n  --search-wrapper-bg: #f5f5f5;\n\n  --search-tag-bg: #f8f9fa;\n\n  --search-icon-color: #c2c6cc;\n\n  --input-focus-border-color: var(--btn-border-color);\n\n  /* Home page */\n\n  --post-list-text-color: dimgray;\n\n  --btn-patinator-text-color: #555555;\n\n  --btn-paginator-hover-color: #e9ecef;\n\n  --btn-active-bg: #2a408e;\n\n  --btn-active-border-color: #007bff;\n\n  --btn-text-color: #f8f8f8;\n\n  --btn-paginator-border-color: #f1f1f1;\n\n  --btn-paginator-shadow: #4b92d2;\n\n  /* Posts */\n\n  --btn-share-hover-color: var(--link-color);\n\n  --card-border-color: #f1f1f1;\n\n  --card-box-shadow: rgba(234, 234, 234, 0.7686274509803922);\n\n  --label-color: #808080;\n\n  --relate-post-date: rgba(30, 55, 70, .4);\n\n  --tag-bg: rgba(0, 0, 0, 0.075);\n\n  --tag-border: #dee2e6;\n\n  --tag-shadow: var(--btn-border-color);\n\n  --tag-hover: rgb(222, 226, 230);\n\n  --categories-hover-bg: var(--btn-border-color);\n\n  --dash-color: silver;\n\n\n  /* Archive */\n\n  --timeline-color: rgba(0, 0, 0, 0.075);\n\n  --timeline-node-bg: #c2c6cc;\n\n  --timeline-year-dot-color: #ffffff;\n\n  /* Footer */\n\n  --footer-bg-color: #ffffff;\n\n  --footnote-target-bg: lightcyan;\n\n  --footer-link: #424242;\n}\n","/*\n* The main styles.\n* v2.0\n* https://github.com/cotes2020/jekyll-theme-chirpy\n* © 2018-2019 Cotes Chung\n* MIT Licensed\n*/\n\n@use \"sass:math\";\n@use \"_addon/fonts\" as *;\n@use \"_addon/module\" as *;\n@use \"_addon/variables\" as *;\n@use \"_colors/light-typography\" as *;\n@use \"_colors/dark-typography\" as *;\n@use \"_colors/light-syntax\" as *;\n@use \"_colors/dark-syntax\" as *;\n@use \"tokens/index\" as tokens;\n@use \"tokens/legacy-alias\" as legacy;\n\n:root {\n  @include tokens.emit-foundation-tokens;\n}\n\n@mixin set-visible($light-display, $dark-display) {\n  [light-mode-invisible] {\n    display: $light-display;\n  }\n\n  [dark-mode-invisible] {\n    display: $dark-display;\n  }\n}\n\n@mixin mode-toggle($dark-mode: false) {\n  @if $dark-mode {\n    @include set-visible(inline-block, none);\n    @include dark-scheme;\n    @include legacy.bridge-legacy-to-ds;\n    @include legacy.bridge-dark-glass;\n  } @else {\n    @include set-visible(none, inline-block);\n    @include light-scheme;\n    @include legacy.bridge-legacy-to-ds;\n    @include legacy.bridge-light-glass;\n  }\n}\n\nhtml:not([mode]), html[mode=light] {\n  @include mode-toggle();\n}\n\nhtml[mode=dark] {\n  @include mode-toggle(true);\n}\n\n@media (prefers-color-scheme: dark) {\n  html:not([mode]), html[mode=dark] {\n    @include mode-toggle(true);\n  }\n\n  html[mode=light] {\n    @include mode-toggle();\n  }\n}\n\nhtml, body {\n  font-size: 16px;\n}\n\nbody {\n  line-height: var(--ds-type-line-relaxed, 1.7);\n  background: var(--body-bg);\n  color: var(--text-color);\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--ds-type-family-story, 'Source Sans Pro', sans-serif);\n}\n\n/*--- Calm Technical glass surface (Phase 1) ---*/\n\n.card-glass {\n  @include tokens.card-glass;\n  border-radius: var(--ds-radius-md, 8px);\n  transition: border-color var(--ds-motion-fast, 120ms) var(--ds-motion-ease-standard, ease),\n    background-color var(--ds-motion-fast, 120ms) var(--ds-motion-ease-standard, ease);\n\n  &:hover {\n    border-color: var(--ds-color-border-strong, rgba(141, 144, 155, 0.28));\n  }\n}\n\n.card-glass--interactive {\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.37);\n  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1),\n    backdrop-filter 400ms ease,\n    -webkit-backdrop-filter 400ms ease,\n    border-color 400ms ease,\n    box-shadow 400ms ease;\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(\n      circle 150px at var(--mouse-x, 50%) var(--mouse-y, 50%),\n      rgba(255, 255, 255, 0.06),\n      transparent 80%\n    );\n    opacity: 0;\n    transition: opacity 300ms ease;\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  &:hover {\n    transform: scale(1.02);\n    backdrop-filter: blur(24px);\n    -webkit-backdrop-filter: blur(24px);\n    border-color: rgba(255, 255, 255, 0.25);\n    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.45);\n    z-index: 2;\n\n    &::before {\n      opacity: 1;\n    }\n  }\n\n  > * {\n    position: relative;\n    z-index: 2;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .card-glass--interactive {\n    transition: border-color var(--ds-motion-fast, 120ms) ease;\n\n    &:hover {\n      transform: none;\n    }\n\n    &::before {\n      display: none;\n    }\n  }\n}\n\n/*--- dashboard modules (A6 reusable blueprint) ---*/\n\n.dashboard-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 1rem;\n}\n\n.dashboard-module {\n  background: var(--ds-color-bg-card, var(--main-wrapper-bg));\n  border: 1px solid var(--ds-color-border-soft, var(--main-border-color));\n  border-radius: var(--ds-radius-md, 14px);\n  box-shadow: 0 8px 20px rgba(4, 9, 18, 0.16);\n  padding: 1rem;\n  transition: border-color var(--ds-motion-base, 180ms) var(--ds-motion-ease-standard, ease),\n    box-shadow var(--ds-motion-base, 180ms) var(--ds-motion-ease-standard, ease),\n    transform var(--ds-motion-base, 180ms) var(--ds-motion-ease-standard, ease);\n\n  &:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 24px rgba(4, 9, 18, 0.22);\n  }\n\n  &:focus-within {\n    border-color: var(--ds-color-accent-cyan, var(--link-color));\n    box-shadow: 0 0 0 2px rgba(60, 242, 255, 0.14), 0 12px 24px rgba(4, 9, 18, 0.22);\n  }\n}\n\n.dashboard-module-eyebrow {\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  text-transform: none;\n  letter-spacing: var(--ds-type-tracking-eyebrow, 0.05em);\n  font-size: var(--ds-type-size-eyebrow, 0.8125rem);\n  font-weight: var(--ds-type-weight-medium, 500);\n  margin-bottom: var(--ds-space-3, 0.75rem);\n  color: var(--ds-color-text-tertiary, #8d909b);\n}\n\n.dashboard-module-title {\n  margin-bottom: var(--ds-space-2, 0.5rem);\n  font-size: var(--ds-type-size-xl, 1.5rem);\n  line-height: var(--ds-type-line-tight, 1.2);\n  font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n  font-weight: var(--ds-type-weight-semibold, 600);\n}\n\n.dashboard-module-subtitle {\n  margin-bottom: var(--ds-space-5, 1.25rem);\n  color: var(--ds-color-text-secondary, var(--text-muted-color));\n  line-height: var(--ds-type-line-relaxed, 1.7);\n  font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n  font-size: var(--ds-type-size-sm, 0.875rem);\n}\n\n.dashboard-module-content {\n  line-height: var(--ds-type-line-relaxed, 1.7);\n  font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n\n  strong {\n    font-weight: var(--ds-type-weight-semibold, 600);\n  }\n}\n\n.dashboard-module--hero,\n.dashboard-module--stack,\n.dashboard-module--economics,\n.dashboard-module--vision {\n  &.card-glass {\n    background: var(--ds-glass-bg, rgba(30, 31, 36, 0.72));\n    border-style: solid;\n  }\n}\n\n.dashboard-module--hero {\n  border-color: var(--ds-color-border-soft, rgba(141, 144, 155, 0.14));\n}\n\n.dashboard-module--economics {\n  border-color: var(--ds-color-border-soft, rgba(141, 144, 155, 0.14));\n}\n\n.dashboard-module--vision {\n  border-color: var(--ds-color-border-soft, rgba(141, 144, 155, 0.14));\n}\n\n.dashboard-module--stack {\n  border-color: var(--ds-color-border-soft, rgba(141, 144, 155, 0.14));\n}\n\n.dashboard-module.card-glass {\n  box-shadow: none;\n  transform: none;\n\n  &:hover {\n    transform: none;\n    box-shadow: none;\n    border-color: var(--ds-color-border-strong, rgba(141, 144, 155, 0.28));\n  }\n}\n\n.dashboard-module--intelligence.card-glass {\n  background: var(--ds-glass-bg, rgba(30, 31, 36, 0.72));\n}\n\n.skill-cloud {\n  display: flex;\n  flex-wrap: wrap;\n  gap: .55rem;\n}\n\n.skill-pill {\n  display: inline-flex;\n  align-items: center;\n  border-radius: 999px;\n  border: 1px solid var(--ds-color-border-soft, var(--main-border-color));\n  padding: .25rem .68rem;\n  line-height: 1.2;\n  font-family: var(--ds-type-family-data, 'Lato', sans-serif);\n  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;\n\n  &:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16);\n  }\n\n  &:focus-visible {\n    outline: var(--ds-focus-ring-width, 2px) solid var(--ds-focus-ring-color, var(--link-color));\n    outline-offset: var(--ds-focus-ring-offset, 2px);\n  }\n}\n\n.skill-pill--core {\n  font-size: var(--ds-type-size-md, 1rem);\n  font-weight: var(--ds-type-weight-semibold, 600);\n}\n\n.skill-pill--strong {\n  font-size: var(--ds-type-size-sm, 0.875rem);\n  font-weight: var(--ds-type-weight-semibold, 600);\n}\n\n.skill-pill--growth {\n  font-size: var(--ds-type-size-sm, 0.875rem);\n  font-weight: var(--ds-type-weight-medium, 500);\n}\n\n.skill-pill--emerging {\n  font-size: var(--ds-type-size-xs, 0.75rem);\n  font-weight: var(--ds-type-weight-medium, 500);\n  border-style: dashed;\n}\n\n.skill-pill--analysis {\n  border-color: var(--ds-color-domain-analysis, rgba(79, 125, 255, 0.4));\n  background: var(--ds-color-domain-analysis-soft, rgba(79, 125, 255, 0.12));\n}\n\n.skill-pill--ml {\n  border-color: var(--ds-color-domain-ml, rgba(56, 211, 159, 0.4));\n  background: var(--ds-color-domain-ml-soft, rgba(56, 211, 159, 0.12));\n}\n\n.skill-pill--bi {\n  border-color: var(--ds-color-domain-bi, rgba(60, 242, 255, 0.4));\n  background: var(--ds-color-domain-bi-soft, rgba(60, 242, 255, 0.12));\n}\n\n.skill-pill--economics {\n  border-color: var(--ds-color-domain-economics, rgba(247, 185, 85, 0.4));\n  background: var(--ds-color-domain-economics-soft, rgba(247, 185, 85, 0.14));\n}\n\n.skill-pill--vision {\n  border-color: var(--ds-color-domain-vision, rgba(154, 107, 255, 0.45));\n  background: var(--ds-color-domain-vision-soft, rgba(154, 107, 255, 0.08));\n}\n\n.skill-legend {\n  margin-top: .8rem;\n  color: var(--text-muted-color);\n  font-size: var(--ds-type-size-sm, 0.875rem);\n  line-height: var(--ds-type-line-normal, 1.5);\n}\n\n.intelligence-frame {\n  border: 1px solid var(--ds-color-border-soft, rgba(141, 144, 155, 0.14));\n  border-radius: var(--ds-radius-md, 8px);\n  padding: var(--ds-space-4, 1rem) var(--ds-space-5, 1.25rem);\n  margin-bottom: var(--ds-space-4, 1rem);\n  background: radial-gradient(\n    ellipse 80% 60% at 0% 0%,\n    var(--ds-color-domain-bi-soft, rgba(108, 144, 214, 0.12)) 0%,\n    transparent 70%\n  ), var(--ds-glass-bg, rgba(30, 31, 36, 0.72));\n  backdrop-filter: blur(var(--ds-glass-blur, 12px));\n  -webkit-backdrop-filter: blur(var(--ds-glass-blur, 12px));\n}\n\n.intelligence-frame-lead {\n  margin-bottom: var(--ds-space-2, 0.5rem);\n  color: var(--ds-color-text-secondary, var(--text-muted-color));\n  font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n  line-height: var(--ds-type-line-relaxed, 1.7);\n}\n\n.intelligence-frame-points {\n  margin: 0;\n  padding-left: 1.1rem;\n  color: var(--ds-color-text-secondary, var(--text-muted-color));\n  font-size: var(--ds-type-size-sm, 0.875rem);\n}\n\n.intelligence-archives {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--ds-space-4, 1rem);\n}\n\n.intelligence-artifact {\n  padding: var(--ds-space-5, 1.25rem);\n  position: relative;\n  overflow: hidden;\n  transition: border-color var(--ds-motion-fast, 120ms) var(--ds-motion-ease-standard, ease);\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    opacity: 1;\n    z-index: 0;\n  }\n\n  > * {\n    position: relative;\n    z-index: 1;\n  }\n\n  &:hover {\n    border-color: var(--ds-color-border-strong, rgba(141, 144, 155, 0.28));\n  }\n}\n\n@each $slug, $soft in (\n  analysis: var(--ds-color-domain-analysis-soft),\n  ml: var(--ds-color-domain-ml-soft),\n  bi: var(--ds-color-domain-bi-soft),\n  economics: var(--ds-color-domain-economics-soft),\n  vision: var(--ds-color-domain-vision-soft)\n) {\n  .intelligence-artifact--#{$slug}::before {\n    background: radial-gradient(\n      ellipse 90% 70% at 100% 0%,\n      #{$soft} 0%,\n      transparent 62%\n    );\n  }\n}\n\n.intelligence-artifact-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--ds-space-3, 0.75rem);\n  margin-bottom: var(--ds-space-2, 0.5rem);\n}\n\n.intelligence-artifact-type {\n  display: inline-flex;\n  align-items: center;\n  border-radius: var(--ds-radius-sm, 4px);\n  border: 1px solid var(--ds-color-border-soft, rgba(141, 144, 155, 0.14));\n  background: var(--ds-color-domain-analysis-soft, rgba(107, 143, 212, 0.12));\n  color: var(--ds-color-domain-analysis, #6b8fd4);\n  padding: .2rem .55rem;\n  font-size: var(--ds-type-size-metadata, 0.75rem);\n  line-height: 1.2;\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-weight: var(--ds-type-weight-medium, 500);\n  text-transform: none;\n  letter-spacing: 0;\n}\n\n.intelligence-artifact-type--ml {\n  background: var(--ds-color-domain-ml-soft);\n  color: var(--ds-color-domain-ml, #6ba88a);\n}\n\n.intelligence-artifact-type--bi {\n  background: var(--ds-color-domain-bi-soft);\n  color: var(--ds-color-domain-bi, #6c90d6);\n}\n\n.intelligence-artifact-type--economics {\n  background: var(--ds-color-domain-economics-soft);\n  color: var(--ds-color-domain-economics, #95d4b4);\n}\n\n.intelligence-artifact-type--vision {\n  background: var(--ds-color-domain-vision-soft);\n  color: var(--ds-color-domain-vision, #9b8fc4);\n}\n\n.intelligence-artifact-title {\n  margin-bottom: var(--ds-space-2, 0.5rem);\n  font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n  font-size: var(--ds-type-size-lg, 1.125rem);\n  font-weight: var(--ds-type-weight-semibold, 600);\n}\n\n.intelligence-artifact-excerpt {\n  margin-bottom: var(--ds-space-3, 0.75rem);\n  color: var(--ds-color-text-secondary, var(--post-list-text-color));\n  line-height: var(--ds-type-line-relaxed, 1.7);\n  font-size: var(--ds-type-size-sm, 0.875rem);\n}\n\n.insight-meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--ds-space-2, 0.5rem);\n  margin: var(--ds-space-2, 0.5rem) 0 var(--ds-space-3, 0.75rem);\n}\n\n.insight-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: .35rem;\n  border-radius: var(--ds-radius-sm, 4px);\n  border: 1px solid var(--ds-color-border-soft, rgba(141, 144, 155, 0.14));\n  padding: .22rem .55rem;\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-size: var(--ds-type-size-metadata, 0.75rem);\n  line-height: 1.35;\n  white-space: nowrap;\n  transition: border-color var(--ds-motion-fast, 120ms) var(--ds-motion-ease-standard, ease);\n}\n\n.insight-chip-key {\n  color: var(--ds-color-text-tertiary, #8d909b);\n  font-weight: var(--ds-type-weight-medium, 500);\n  letter-spacing: 0.02em;\n}\n\n.insight-chip-val {\n  color: var(--ds-color-text-primary, #e2e2e8);\n  font-weight: var(--ds-type-weight-regular, 400);\n}\n\n.insight-chip--domain {\n  &.insight-chip--domain-analysis {\n    border-color: rgba(107, 143, 212, 0.22);\n    background: var(--ds-color-domain-analysis-soft);\n    .insight-chip-val { color: var(--ds-color-domain-analysis, #6b8fd4); }\n  }\n\n  &.insight-chip--domain-ml {\n    border-color: rgba(107, 168, 138, 0.22);\n    background: var(--ds-color-domain-ml-soft);\n    .insight-chip-val { color: var(--ds-color-domain-ml, #6ba88a); }\n  }\n\n  &.insight-chip--domain-bi {\n    border-color: rgba(108, 144, 214, 0.22);\n    background: var(--ds-color-domain-bi-soft);\n    .insight-chip-val { color: var(--ds-color-domain-bi, #6c90d6); }\n  }\n\n  &.insight-chip--domain-economics {\n    border-color: rgba(149, 212, 180, 0.22);\n    background: var(--ds-color-domain-economics-soft);\n    .insight-chip-val { color: var(--ds-color-domain-economics, #95d4b4); }\n  }\n\n  &.insight-chip--domain-vision {\n    border-color: rgba(155, 143, 196, 0.22);\n    background: var(--ds-color-domain-vision-soft);\n    .insight-chip-val { color: var(--ds-color-domain-vision, #9b8fc4); }\n  }\n}\n\n.insight-chip--density,\n.insight-chip--impact {\n  background: rgba(255, 255, 255, 0.02);\n}\n\n.insight-chip--reading {\n  border-color: var(--ds-color-border-soft, rgba(141, 144, 155, 0.14));\n  background: transparent;\n}\n\n.insight-impact {\n  margin: 0 0 var(--ds-space-3, 0.75rem);\n  color: var(--ds-color-text-secondary, var(--post-list-text-color));\n  font-size: var(--ds-type-size-sm, 0.875rem);\n  line-height: var(--ds-type-line-relaxed, 1.7);\n  font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n}\n\n.flagship-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--ds-space-4, 1rem);\n}\n\n.flagship-block {\n  padding: var(--ds-space-5, 1.25rem);\n  transition: border-color var(--ds-motion-fast, 120ms) var(--ds-motion-ease-standard, ease);\n\n  &:hover {\n    border-color: var(--ds-color-border-strong, rgba(141, 144, 155, 0.28));\n  }\n\n  h3 {\n    font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n    font-size: var(--ds-type-size-md, 1rem);\n    font-weight: var(--ds-type-weight-semibold, 600);\n    margin-bottom: var(--ds-space-2, 0.5rem);\n  }\n}\n\n.flagship-intro {\n  margin-bottom: var(--ds-space-3, 0.75rem);\n  color: var(--ds-color-text-secondary, var(--post-list-text-color));\n  line-height: var(--ds-type-line-relaxed, 1.7);\n  font-size: var(--ds-type-size-sm, 0.875rem);\n}\n\n.flagship-item {\n  margin-bottom: var(--ds-space-2, 0.5rem);\n  font-size: var(--ds-type-size-sm, 0.875rem);\n}\n\n@media all and (min-width: 992px) {\n  .flagship-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n.vision-roadmap-list,\n.vision-experiment-list {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--ds-space-3, 0.75rem);\n}\n\n.vision-roadmap-item,\n.vision-experiment-item {\n  padding: var(--ds-space-4, 1rem) var(--ds-space-5, 1.25rem);\n  transition: border-color var(--ds-motion-fast, 120ms) var(--ds-motion-ease-standard, ease);\n\n  &:hover {\n    border-color: var(--ds-color-border-strong, rgba(141, 144, 155, 0.28));\n  }\n\n  h4 {\n    margin-bottom: var(--ds-space-2, 0.5rem);\n    font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n    font-size: var(--ds-type-size-md, 1rem);\n    font-weight: var(--ds-type-weight-semibold, 600);\n  }\n\n  p {\n    font-size: var(--ds-type-size-sm, 0.875rem);\n    line-height: var(--ds-type-line-relaxed, 1.7);\n    color: var(--ds-color-text-secondary, var(--text-muted-color));\n  }\n}\n\n.vision-experiment-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: .55rem;\n  margin-bottom: .35rem;\n\n  h4 {\n    margin-bottom: 0;\n  }\n}\n\n.vision-experiment-status {\n  display: inline-flex;\n  align-items: center;\n  border-radius: var(--ds-radius-sm, 4px);\n  border: 1px solid var(--ds-color-border-soft, rgba(141, 144, 155, 0.14));\n  background: var(--ds-color-ambient-vision, rgba(184, 149, 106, 0.10));\n  color: var(--ds-color-accent-amber, #b8956a);\n  padding: .2rem .5rem;\n  font-size: var(--ds-type-size-metadata, 0.75rem);\n  line-height: 1.2;\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-weight: var(--ds-type-weight-medium, 500);\n  text-transform: none;\n  letter-spacing: 0;\n  white-space: nowrap;\n}\n\n@media all and (min-width: 992px) {\n  .dashboard-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: var(--ds-grid-gap-desktop, 24px);\n  }\n\n  .dashboard-grid--vision {\n    grid-template-columns: 1fr;\n  }\n}\n\n/*--- Calm Technical tab pages (Phase 4) ---*/\n\n.dashboard-page {\n  max-width: var(--ds-grid-container-max, 1120px);\n  margin: 0 auto;\n  padding: var(--ds-space-2, 0.5rem) 0 var(--ds-space-8, 2rem);\n  border-radius: var(--ds-radius-md, 8px);\n}\n\n.dashboard-page--economics {\n  background: radial-gradient(\n    ellipse 90% 55% at 0% 0%,\n    var(--ds-color-ambient-economics, rgba(149, 212, 180, 0.12)) 0%,\n    transparent 58%\n  );\n}\n\n.dashboard-page--vision {\n  background: radial-gradient(\n    ellipse 90% 55% at 100% 0%,\n    var(--ds-color-ambient-vision, rgba(184, 149, 106, 0.10)) 0%,\n    transparent 58%\n  );\n}\n\n.dashboard-page--profile {\n  background: radial-gradient(\n    ellipse 80% 45% at 50% 0%,\n    var(--ds-color-domain-analysis-soft, rgba(107, 143, 212, 0.08)) 0%,\n    transparent 55%\n  );\n}\n\n.profile-lead,\n.economics-lens-lead {\n  max-width: 65ch;\n  margin-bottom: var(--ds-space-6, 1.5rem);\n  color: var(--ds-color-text-secondary, var(--text-muted-color));\n  line-height: var(--ds-type-line-relaxed, 1.7);\n  font-size: var(--ds-type-size-md, 1rem);\n}\n\n.profile-pillar-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--ds-space-3, 0.75rem);\n}\n\n.profile-pillar {\n  padding: var(--ds-space-4, 1rem) var(--ds-space-5, 1.25rem);\n  transition: border-color var(--ds-motion-fast, 120ms) var(--ds-motion-ease-standard, ease);\n\n  &:hover {\n    border-color: var(--ds-color-border-strong, rgba(141, 144, 155, 0.28));\n  }\n}\n\n.profile-pillar-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ds-space-2, 0.5rem);\n  margin-bottom: var(--ds-space-2, 0.5rem);\n}\n\n.profile-pillar-label {\n  font-weight: var(--ds-type-weight-semibold, 600);\n  font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n  color: var(--ds-color-text-primary, var(--text-color));\n}\n\n.profile-pillar-meta {\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-size: var(--ds-type-size-metadata, 0.75rem);\n  letter-spacing: var(--ds-type-tracking-eyebrow, 0.05em);\n}\n\n.profile-pillar-copy {\n  margin: 0;\n  font-size: var(--ds-type-size-sm, 0.875rem);\n  line-height: var(--ds-type-line-relaxed, 1.7);\n  color: var(--ds-color-text-secondary, var(--post-list-text-color));\n}\n\n.profile-pillar--analysis .profile-pillar-meta { color: var(--ds-color-domain-analysis, #6b8fd4); }\n.profile-pillar--ml .profile-pillar-meta { color: var(--ds-color-domain-ml, #6ba88a); }\n.profile-pillar--bi .profile-pillar-meta { color: var(--ds-color-domain-bi, #6c90d6); }\n.profile-pillar--economics .profile-pillar-meta { color: var(--ds-color-domain-economics, #95d4b4); }\n.profile-pillar--vision .profile-pillar-meta { color: var(--ds-color-domain-vision, #9b8fc4); }\n\n.profile-nav-lead {\n  margin-bottom: var(--ds-space-3, 0.75rem);\n  color: var(--ds-color-text-secondary, var(--text-muted-color));\n}\n\n.profile-nav-list {\n  margin: 0;\n  padding-left: 1.1rem;\n  line-height: var(--ds-type-line-relaxed, 1.7);\n\n  li {\n    margin-bottom: var(--ds-space-2, 0.5rem);\n  }\n\n  a {\n    color: var(--ds-color-text-primary, var(--link-color));\n    text-decoration: none;\n    border-bottom: 1px solid transparent;\n    transition: border-color var(--ds-motion-fast, 120ms) ease;\n\n    &:hover {\n      border-bottom-color: var(--ds-color-border-strong, rgba(141, 144, 155, 0.28));\n    }\n  }\n}\n\n.profile-nav-legacy {\n  color: var(--ds-color-text-tertiary, #8d909b) !important;\n  font-size: var(--ds-type-size-sm, 0.875rem);\n}\n\n.vision-principles-list {\n  margin: var(--ds-space-4, 1rem) 0 0;\n  padding-left: 1.1rem;\n  color: var(--ds-color-text-secondary, var(--text-muted-color));\n  line-height: var(--ds-type-line-relaxed, 1.7);\n\n  li {\n    margin-bottom: var(--ds-space-2, 0.5rem);\n  }\n}\n\n.vision-lab-links {\n  margin-top: var(--ds-space-4, 1rem);\n  margin-bottom: 0;\n  color: var(--ds-color-text-secondary, var(--text-muted-color));\n\n  a {\n    color: var(--ds-color-text-primary, var(--link-color));\n  }\n\n  span {\n    margin: 0 var(--ds-space-2, 0.5rem);\n  }\n}\n\n.economics-lens-feed {\n  margin-top: var(--ds-space-4, 1rem);\n}\n\n@media all and (min-width: 831px) {\n  .profile-pillar-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media all and (min-width: 1200px) {\n  .profile-pillar-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .dashboard-grid--profile {\n    grid-template-columns: 1fr;\n  }\n\n  .dashboard-grid--profile .dashboard-module:first-child {\n    grid-column: 1 / -1;\n  }\n}\n\n/*--- sidebar layout ---*/\n\n$tab-count: 6;\n\n$sidebar-display: \"sidebar-display\";\n\n#sidebar {\n  @include pl-pr(0);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  overflow-y: auto;\n  width: $sidebar-width-medium;\n  z-index: 99;\n  background: var(--sidebar-bg);\n  a {\n    @include sidebar-links;\n  }\n\n  .site-title {\n    text-align: center;\n    a {\n      // color: var(--site-title-color);\n      font-weight: 900;\n      font-size: 1.5rem;\n      letter-spacing: .5px;\n      &:hover {\n        color: #fff;\n        text-decoration: none;\n      }\n    }\n  }\n\n  .site-subtitle {\n    font-size: 95%;\n    text-align: center;\n    color: #828282;\n    line-height: 1.2rem;\n    word-spacing: 1px;\n    margin: .5rem 1.5rem 2rem 1.5rem;\n  }\n\n  .sidebar-bottom {\n    .icon-border+a { // the icon behide mode-toggle\n      margin-left: .1rem;\n    }\n  }\n  .nav-link {\n    border-radius: 0;\n    font-size: .95rem;\n    font-weight: 600;\n    letter-spacing: 1px;\n  }\n  .nav-item {\n    height: $tab-height;\n    &:hover {\n      .nav-link {\n        color: #f8f9facf;\n      }\n    }\n    &.active {\n      .nav-link {\n        color: #fcfcfc;\n      }\n    }\n  }\n  ul {\n    height: $tab-height * $tab-count;\n    display: -webkit-box;\n    display: -ms-flexbox;\n\n    >li:last-child {\n      >a {\n        margin-right: -3px;\n        max-width: calc(100% - 3px);\n      }\n      &::after { // the cursor\n        visibility: hidden;\n        content: \"\";\n        position: relative;\n        right: 1px;\n        width: 3px;\n        height: $tab-cursor-height;\n        background-color: var(--nav-cursor-color);\n        pointer-events: none;\n      }\n    }\n\n    @mixin fix-cursor($top) {\n      top: $top;\n      visibility: visible;\n    }\n\n    @for $i from 1 through $tab-count {\n      $offset: $tab-count - $i;\n      $top: -$offset * $tab-height + math.div($tab-cursor-height, 2);\n\n      @if $i < $tab-count {\n        >li.active:nth-child(#{$i}),\n        >li.nav-item:nth-child(#{$i}):hover {\n          ~li:last-child::after {\n            @include fix-cursor($top);\n          }\n        }\n      } @else {\n        >li.active:nth-child(#{$i}):last-child::after,\n        >li.nav-item:nth-child(#{$i}):last-child:hover::after {\n          @include fix-cursor($top);\n        }\n      }\n\n    } // @for\n\n  } // ul\n\n  .sidebar-bottom {\n    font-size: 1.2rem;\n    margin: 2rem 2.5rem 1.6rem;\n    a {\n      margin-bottom: .5rem; // icons may have multi lines\n    }\n\n    a:hover, #mode-toggle-wrapper>i:hover {\n      color: #fff;\n    }\n\n    #mode-toggle-wrapper {\n      i {\n        @include sidebar-links;\n        margin-right: 0;\n        font-size: 1.05rem;\n        text-align: center;\n        position: relative;\n        bottom: 1px;\n      }\n    }\n\n    .icon-border {\n      background: #525354;\n      width: 3px;\n      height: 3px;\n      border-radius: 50%;\n      margin-top: .75rem;\n    }\n  }\n} // #sidebar\n\n@media (hover: hover) {\n  #sidebar ul>li:last-child::after {\n    -webkit-transition: top .5s ease;\n    -moz-transition: top .5s ease;\n    -o-transition: top .5s ease;\n    transition: top .5s ease;\n  }\n}\n\n#nav-wrapper {\n  width: 100%;\n  flex-grow: 1;\n}\n\n#profile-wrapper {\n  margin-top: 2rem;\n}\n\n#avatar {\n  >a {\n    display: block;\n    width: 6rem;\n    height: 6rem;\n    border-radius: 50%;\n    border: 2px solid #b6b6b6;\n    overflow: hidden;\n    transform: translateZ(0); // fixed the zoom in Safari\n    -webkit-transition: border-color 0.35s ease-in-out;\n    -moz-transition: border-color 0.35s ease-in-out;\n    transition: border-color 0.35s ease-in-out;\n  }\n\n  &:hover>a {\n    border-color: #fff;\n  }\n\n  img {\n    width: 100%;\n    height: 100%;\n    -webkit-transition: transform .5s;\n    -moz-transition: transform .5s;\n    transition: transform .5s;\n\n    &:hover {\n      -ms-transform: scale(1.2);\n      -moz-transform: scale(1.2);\n      -webkit-transform: scale(1.2);\n      transform: scale(1.2);\n    }\n  }\n} // #avatar\n\n#search-result-wrapper {\n  display: none;\n  position: fixed;\n  top: 0;\n  padding-top: 3rem;\n  height: 100%;\n  overflow: auto;\n  .post-content {\n    margin-top: 2rem;\n  }\n}\n\n/*--- top-bar ---*/\n\n#topbar-wrapper {\n  height: $topbar-height;\n  position: fixed;\n  top: 0;\n  left: 260px; /* same as sidebar width */\n  right: 0;\n  transition: top 0.2s ease-in-out;\n  z-index: 50;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.07);\n  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);\n  background-color: var(--topbar-wrapper-bg);\n}\n\n#topbar i { // icons\n  color: #999;\n}\n\n#breadcrumb {\n  font-size: 1rem;\n  color: gray;\n  padding-left: .5rem;\n  a:hover {\n    @extend %link-hover;\n  }\n  span {\n    &:not(:last-child) {\n      &::after {\n        content: \"›\";\n        padding: 0 .3rem;\n      }\n    }\n  }\n}\n\n#sidebar-trigger,\n#search-trigger {\n  display: none;\n}\n\n#topbar-nav-trigger {\n  display: none;\n  margin-right: .75rem;\n  border-color: var(--ds-color-border-soft, var(--btn-border-color));\n  color: var(--text-color);\n  font-size: .78rem;\n  font-family: var(--ds-type-family-data, 'Lato', sans-serif);\n  text-transform: uppercase;\n  letter-spacing: .03em;\n}\n\n#topbar-nav {\n  display: flex;\n  align-items: center;\n  gap: .35rem;\n  margin-left: 1rem;\n  margin-right: auto;\n  overflow-x: auto;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n.topbar-nav-link {\n  display: inline-flex;\n  align-items: center;\n  white-space: nowrap;\n  border: 1px solid transparent;\n  border-radius: 999px;\n  padding: .2rem .58rem;\n  font-size: .78rem;\n  font-family: var(--ds-type-family-data, 'Lato', sans-serif);\n  letter-spacing: .02em;\n  color: var(--text-muted-color);\n  text-transform: uppercase;\n  transition: border-color var(--ds-motion-fast, 120ms) var(--ds-motion-ease-standard, ease),\n    color var(--ds-motion-fast, 120ms) var(--ds-motion-ease-standard, ease),\n    background-color var(--ds-motion-fast, 120ms) var(--ds-motion-ease-standard, ease),\n    transform var(--ds-motion-fast, 120ms) var(--ds-motion-ease-standard, ease);\n\n  &:hover {\n    color: var(--text-color);\n    text-decoration: none;\n    border-color: var(--ds-color-border-soft, var(--btn-border-color));\n    transform: translateY(-1px);\n  }\n\n  &:focus-visible {\n    outline: var(--ds-focus-ring-width, 2px) solid var(--ds-focus-ring-color, var(--link-color));\n    outline-offset: var(--ds-focus-ring-offset, 2px);\n    color: var(--text-color);\n  }\n\n  &.active {\n    color: var(--ds-color-accent-cyan, var(--link-color));\n    border-color: var(--ds-color-domain-bi, var(--link-color));\n    background: var(--ds-color-domain-bi-soft, rgba(60, 242, 255, 0.12));\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dashboard-module,\n  .skill-pill,\n  .topbar-nav-link {\n    transition: none !important;\n    transform: none !important;\n  }\n}\n\n#search-wrapper {\n  display: flex;\n  width: 95%;\n  border-radius: 1rem;\n  border: 1px solid var(--search-wrapper-bg);\n  background: var(--search-wrapper-bg);\n  padding: 0 .5rem;\n  i {\n    z-index: 2;\n    font-size: .9rem;\n    color: var(--search-icon-color);\n  }\n  .fa-times-circle { /* button 'clean up' */\n    visibility: hidden;\n  }\n\n  #search-cleaner {\n    border: 0;\n    background: transparent;\n    color: var(--search-icon-color);\n    padding: 0;\n    margin-left: .15rem;\n    line-height: 1;\n\n    &.visable .fa-times-circle {\n      visibility: visible;\n    }\n\n    &:focus-visible {\n      outline: var(--ds-focus-ring-width, 2px) solid var(--ds-focus-ring-color, var(--link-color));\n      outline-offset: var(--ds-focus-ring-offset, 2px);\n      border-radius: 4px;\n    }\n  }\n}\n\n#search-cancel { /* 'Cancel' link */\n  color: var(--link-color);\n  margin-left: 1rem;\n  display: none;\n}\n\n#search-input {\n  background: center;\n  border: 0;\n  border-radius: 0;\n  padding: .18rem .3rem;\n  color: var(--text-color);\n}\n\n#search-input {\n  &:focus {\n    box-shadow: none;\n    background: center;\n    &.form-control {\n      &::-webkit-input-placeholder { @include input-placeholder }\n      &::-moz-placeholder { @include input-placeholder }\n      &:-ms-input-placeholder { @include input-placeholder }\n      &::placeholder { @include input-placeholder }\n    }\n  }\n}\n\n#search-hints {\n  display: none;\n  .post-tag {\n    display: inline-block;\n    line-height: 1rem;\n    font-size: 1rem;\n    background: var(--search-tag-bg);\n    border: none;\n    padding: .5rem;\n    margin: 0 1rem 1rem 0;\n    &::before {\n      content: \"#\";\n      color: var(--text-muted-color);\n      padding-right: .2rem;\n    }\n  }\n}\n\n#search-results {\n  padding-bottom: 6rem;\n  a {\n    @extend %link-color;\n    @extend %no-bottom-border;\n    @extend %heading;\n    font-size: 1.4rem;\n    line-height: 2.5rem;\n    &:hover {\n      @extend %link-hover;\n    }\n  }\n  >div {\n    max-width: 100%;\n    &:not(:last-child) {\n      margin-bottom: 1rem;\n    }\n    i { // icons\n      color: #818182;\n      margin-right: .15rem;\n      font-size: 80%;\n    }\n    >p {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: 3;\n      -webkit-box-orient: vertical;\n    }\n  }\n}\n\n#topbar-title {\n  display: none;\n  font-size: 1.1rem;\n  font-weight: 600;\n  font-family: sans-serif;\n  color: var(--topbar-text-color);\n  text-align: center;\n  width: 70%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  word-break: keep-all;\n  white-space: nowrap;\n}\n\n#mask {\n  display: none;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 1;\n  @at-root [#{$sidebar-display}] & {\n    display: block!important;\n  }\n}\n\n/*--- main wrapper ---*/\n\n#main-wrapper {\n  background-color: var(--main-wrapper-bg);\n  position: relative;\n  min-height: 100vh;\n  padding-bottom: $footer-height;\n  @include pl-pr(0);\n}\n\n#main>div.row:first-child>div {\n  &:nth-child(1), &:nth-child(2) {\n    margin-top: $topbar-height; /* same as the height of topbar */\n  }\n  &:first-child {\n    /* 3rem for topbar, 6rem for footer */\n    min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$post-extend-min-height});\n  }\n}\n\n#post-wrapper {\n  min-height: calc(100vh - #{$topbar-height}\n    - #{$footer-height} - #{$post-extend-min-height})!important;\n  .post-content {\n    a:hover {\n      @extend %link-hover;\n    }\n  }\n}\n\n#topbar-wrapper.row,\n#main>.row,\n#search-result-wrapper>.row {\n  @include ml-mr(0);\n}\n\nfooter {\n  position: absolute;\n  bottom: 0;\n  padding: 0 1rem;\n  height: $footer-height;\n  font-size: 0.8rem;\n  color: #7a7b7d;\n  background-color: var(--footer-bg-color);\n  >div.d-flex {\n    line-height: 1.2rem;\n    width: 95%;\n    max-width: 1045px;\n    border-top: 1px solid var(--main-border-color);\n    margin-bottom: 1rem;\n    >div {\n      width: 350px;\n    }\n  }\n  a {\n    color: var(--footer-link);\n    &:link {\n      @include no-text-decoration;\n    }\n    &:hover {\n      @extend  %link-hover;\n      @include no-text-decoration;\n    }\n  }\n  .footer-right {\n    text-align: right;\n  }\n}\n\n/*--- Panels ---*/\n\n.access {\n  top: 2rem;\n  transition: top 0.2s ease-in-out;\n  margin-right: 1.5rem;\n  margin-top: 3rem;\n  margin-bottom: 4rem;\n  &:only-child {\n    position: -webkit-sticky; /* Safari */\n    position: sticky;\n  }\n  &.topbar-down {\n    top: 6rem;\n  }\n  >div {\n    padding-left: 1rem;\n    border-left: 1px solid var(--main-border-color);\n    &:not(:last-child) {\n      margin-bottom: 4rem;\n    }\n  }\n  h3 {\n    padding-top: .5rem;\n    padding-bottom: .5rem;\n    margin-top: 0;\n    margin-bottom: 0;\n    letter-spacing: -0.02em;\n    @include label(inherit, 600);\n  }\n  .post-content {\n    font-size: .9rem;\n  }\n}\n\n\n#access-tags {\n  >div.post-content>div {\n    max-width: 80%;\n  }\n  .post-tag {\n    display: inline-block;\n    line-height: 1rem;\n    font-size: 0.85rem;\n    background: none;\n    border: 1px solid var(--btn-border-color);\n    border-radius: .8rem;\n    padding: .3rem .5rem;\n    margin: 0 .35rem .5rem 0;\n    &:hover {\n      background-color: #2a408e;\n      border-color: #2a408e;\n      color: #fff;\n      transition: none;\n    }\n  }\n}\n\n#access-lastmod {\n  ul {\n    >li {\n      height: 1.8rem;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: 1;\n      -webkit-box-orient: vertical;\n      list-style: none;\n    }\n    a {\n      color: #6c757d;\n    }\n  }\n\n  a {\n    @extend %no-bottom-border;\n    &:hover {\n      @extend %link-hover;\n    }\n  }\n}\n\n/*--- button back-to-top ---*/\n\n#back-to-top {\n  display: none;\n  z-index: 1;\n  cursor: pointer;\n  position: fixed;\n  background: var(--button-bg);\n  color: var(--btn-backtotop-color);\n  height: 2.6em;\n  width: 2.7em;\n  border-radius: 50%;\n  border: 1px solid var(--btn-backtotop-border-color);\n  transition: 0.2s ease-out;\n  -webkit-transition: 0.2s ease-out;\n}\n\n#back-to-top:hover {\n  transform: translate3d(0, -5px, 0);\n  -webkit-transform: translate3d(0, -5px, 0);\n}\n\n/*--- Typography ---*/\n\nh1 {\n  @extend %heading;\n  font-size: 1.8rem;\n}\n\nh2 {\n  @extend %heading;\n  @extend %section;\n  @extend %anchor;\n  font-size: 1.4rem;\n}\n\nh3 {\n  @extend %heading;\n  @extend %section;\n  @extend %anchor;\n  font-size: 1.25rem;\n}\n\nh4 {\n  @extend %heading;\n  @extend %section;\n  @extend %anchor;\n  font-size: 1.15rem;\n}\n\nh5 {\n  @extend %heading;\n  @extend %section;\n  @extend %anchor;\n  font-size: 1.1rem;\n}\n\nblockquote {\n  border-left: 5px solid var(--blockquote-border-color);\n  padding-left: 1rem;\n  color: var(--blockquote-text-color);\n  .post-content & {\n    a {\n      color: var(--link-color);\n    }\n  }\n}\n\nkbd {\n  margin: 0 .3rem;\n}\n\nsup {\n  @extend %anchor;\n}\n\n.footnotes ol {\n  margin-top: .5rem;\n  >li {\n    padding-top: .2rem;\n    margin-top: -0.2rem;\n    >p {\n      padding-left: .2em;\n    }\n    &:not(:last-child) {\n      margin-bottom: -.8rem;\n    }\n    &:target>p {\n      background-color: var(--footnote-target-bg);\n      width: fit-content;\n      -webkit-transition: background-color 1.5s ease-in-out;\n      /* Safari prior 6.1 */\n      transition: background-color 1.5s ease-in-out;\n    }\n  }\n}\n\n.footnote {\n  @at-root a#{&} {\n    margin: 0 .2em;\n    border-bottom-style: none !important;\n    -webkit-transition: background-color 1.5s ease-in-out; /* Safari prior 6.1 */\n    transition: background-color 1.5s ease-in-out;\n  }\n  @at-root sup:target>a#{&} {\n    background-color: var(--footnote-target-bg);\n    padding: 0 2px;\n  }\n}\n\n.reversefootnote {\n  @at-root a#{&} {\n    font-size: .6rem;\n    position: absolute;\n    line-height: 1;\n    padding-top: .5em;\n    margin-left: .5em;\n    border-bottom-style: none !important;\n  }\n}\n\na {\n  @at-root p>#{&} {\n    @extend %link-color;\n  }\n  @at-root span>#{&} {\n    @extend %link-color;\n  }\n  .post-preview & {\n    @extend %link-color;\n    &:hover {\n      @extend %link-hover;\n    }\n  }\n  .categories &,\n  #page-category &,\n  #tags &,\n  #archives & {\n    &:not(:hover) {\n      @extend %no-bottom-border;\n    }\n  }\n\n} // a\n\n.post {\n  h1 {\n    margin-top: 3rem;\n  }\n  em { /* MarkDown italic */\n    padding-right: .2rem;\n  }\n  a:hover {\n    code {\n      @extend %link-hover;\n    }\n  }\n}\n\n\n/*--- Begin of Markdown table style ---*/\ndiv.post-content .table-wrapper {\n  overflow-x: auto;\n\n  >table {\n    min-width: 60%;\n    overflow-x: auto;\n    border-spacing: 0;\n    margin-bottom: 1.5rem;\n\n    thead {\n      border-bottom: solid 2px rgba(210, 215, 217, 0.75);\n      th {\n        @extend %table-cell;\n      }\n    }\n\n    tbody {\n      tr {\n        &:nth-child(2n) {\n          background-color: var(--tb-even-bg);\n        }\n        &:nth-child(2n + 1) {\n          background-color: var(--tb-odd-bg);\n        }\n        & {\n          border-bottom: 1px solid var(--tb-border-color);\n        }\n        td {\n          @extend %table-cell;\n        }\n      }\n    }\n  }\n}\n\n\n\n/*--- post ---*/\n\n.pageviews .fa-spinner {\n  font-size: 80%;\n}\n\n.post-meta {\n  font-size: 0.85rem;\n  word-spacing: 1px;\n  a {\n    @extend %link-color;\n    @extend %link-underline;\n    &:not(:last-child) {\n      margin-right: 2px;\n    }\n    &:hover {\n      @extend %link-hover;\n    }\n  }\n}\n\n.post-content {\n  line-height: 1.8;\n  margin-top: 2rem;\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  a {\n    @extend %link-color;\n    @extend %link-underline;\n    &:hover {\n      @extend %link-hover;\n    }\n  }\n  p {\n    font-size: 1.08rem;\n  }\n}\n\n.tag:hover {\n  @extend %tag-hover;\n}\n\n.post-tag {\n  display: inline-block;\n  min-width: 2rem;\n  text-align: center;\n  background: var(--tag-bg);\n  border-radius: .3rem;\n  padding: 0 .4rem;\n  color: inherit;\n  line-height: 1.3rem;\n  &:not(:last-child) {\n    margin-right: .2rem;\n  }\n\n  &:hover {\n    @extend %tag-hover;\n    border-bottom: none;\n    text-decoration: none;\n    color: #d2603a;\n  }\n}\n\n/* --- buttons --- */\n.btn-lang {\n  border: 1px solid !important;\n  padding: 1px 3px;\n  border-radius: 3px;\n  color: var(--link-color);\n  &:focus {\n    box-shadow: none;\n  }\n}\n\n/* --- Effects classes --- */\n\n.loaded {\n  display: block !important;\n  @at-root .d-flex#{&} {\n    display: flex !important;\n  }\n}\n\n.unloaded {\n  display: none !important;\n}\n\n.visable {\n  visibility: visible !important;\n}\n\n.hidden {\n  visibility: hidden !important;\n}\n\n.flex-grow-1 {\n  -ms-flex-positive: 1!important;\n  flex-grow: 1!important;\n}\n\n.btn-box-shadow {\n  box-shadow: 0 0 8px 0 var(--btn-box-shadow)!important;\n}\n\n.topbar-up {\n  top: -3rem !important; /* same as topbar height. */\n}\n\n.no-text-decoration {\n  @include no-text-decoration;\n}\n\n.tooltip-inner { /* Overrided BS4 Tooltip */\n  font-size: .7rem;\n  max-width: 220px;\n  text-align: left;\n}\n\n.disabled {\n  color: rgb(206, 196, 196);\n  pointer-events: auto;\n  cursor: not-allowed;\n}\n\n.hide-border-bottom {\n  border-bottom: none!important;\n}\n\n.input-focus {\n  box-shadow: none;\n  border-color: var(--input-focus-border-color) !important;\n  background: center !important;\n  transition: background-color .15s ease-in-out,border-color .15s ease-in-out;\n}\n\n/*--- Responsive Design ---*/\n\n@media all and (max-width: 576px) {\n\n  $footer-height: 6rem; // overwrite\n\n  #main>div.row:first-child>div:first-child {\n    min-height: calc(100vh - #{$topbar-height} - #{$footer-height});\n  }\n\n  #post-wrapper {\n    min-height: calc(100vh - #{$topbar-height}\n      - #{$footer-height} - #{$post-extend-min-height}) !important;\n    h1 {\n      margin-top: 2.2rem;\n      font-size: 1.55rem;\n    }\n  }\n\n  #avatar>a {\n    width: 5rem;\n    height: 5rem;\n  }\n\n  .site-subtitle {\n    @include ml-mr(1.8rem);\n  }\n\n  /* table text in small screens */\n  div>table, p~table {\n    width: 100%;\n    table-layout: fixed;\n    word-wrap: break-word;\n  }\n\n  #main-wrapper {\n    padding-bottom: $footer-height;\n  }\n\n  footer {\n    height: $footer-height;\n    >div.d-flex {\n      width: 100%;\n      padding: 1.5rem 0;\n      margin-bottom: .3rem;\n      flex-wrap: wrap;\n      justify-content: left!important;\n      -ms-flex-pack: distribute!important;\n      justify-content: space-around!important;\n    }\n    .footer-left, .footer-right {\n      text-align: center;\n    }\n  }\n\n}\n\n\n/* Hide Sidebar and TOC */\n@media all and (max-width: 830px) {\n  %slide {\n    -webkit-transition: transform 0.4s ease;\n    transition: transform 0.4s ease;\n  }\n\n\n  html, body {\n    overflow-x: hidden;\n  }\n\n  [#{$sidebar-display}] {\n\n    #sidebar {\n      transform: translateX(0);\n    }\n\n    #topbar-wrapper,\n    #main-wrapper {\n      transform: translateX(#{$sidebar-width-medium});\n    }\n\n  }\n\n  #sidebar {\n    @extend %slide;\n\n    transform: translateX(-#{$sidebar-width-medium}); // hide\n    -webkit-transform: translateX(-#{$sidebar-width-medium});\n\n    .cursor {\n      -webkit-transition: none;\n      -moz-transition: none;\n      transition: none;\n    }\n  }\n\n  #topbar-wrapper {\n    @extend %slide;\n  }\n\n  #main-wrapper {\n    @extend %slide;\n    padding-top: $topbar-height;\n  }\n\n  #search-result-wrapper {\n    width: 100%;\n  }\n\n  #page h1.dynamic-title {\n    display: none;\n    ~.post-content {\n      margin-top: 3rem;\n    }\n  }\n\n  #breadcrumb,\n  #search-wrapper,\n  #topbar-nav {\n    display: none;\n  }\n\n  #topbar-wrapper {\n    left: 0;\n  }\n\n  .topbar-up {\n    top: 0 !important;\n  }\n\n  #main>div.row:first-child>div:nth-child(1),\n  #main>div.row:first-child>div:nth-child(2) {\n    margin-top: 0;\n  }\n\n  #topbar-title,\n  #topbar-nav-trigger,\n  #sidebar-trigger,\n  #search-trigger {\n    display: block;\n  }\n\n  #topbar-wrapper.nav-open {\n    #topbar-nav {\n      display: flex;\n      position: absolute;\n      top: calc(#{$topbar-height} - .2rem);\n      left: .75rem;\n      right: .75rem;\n      z-index: 52;\n      background: var(--topbar-wrapper-bg);\n      border: 1px solid var(--ds-color-border-soft, var(--btn-border-color));\n      border-radius: 12px;\n      padding: .55rem;\n      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n      -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n      gap: .45rem;\n      max-height: 65vh;\n      overflow-y: auto;\n    }\n  }\n\n  #search-wrapper {\n    &.loaded~a {\n      margin-right: 1rem;\n    }\n    .fa-times-circle {\n      right: 5.2rem;\n    }\n  }\n\n  #search-input {\n    margin-left: 0;\n    width: 95%;\n  }\n\n  #search-result-wrapper .post-content {\n    letter-spacing: 0;\n  }\n\n  #search-hints {\n    display: block;\n    padding: 0 1rem;\n  }\n\n  #tags {\n    -webkit-box-pack: center!important;\n    -ms-flex-pack: center!important;\n    justify-content: center!important;\n  }\n\n  sup {\n    padding-top: 3.4rem;\n  }\n\n  .footnotes ol>li {\n    padding-top: 3.5rem;\n    margin-top: -4.3rem;\n    &:first-child {\n      margin-top: -3.5rem;\n    }\n  }\n}\n\n\n@media all and (min-width: 577px) and (max-width: 1199px) {\n  footer>.d-flex>div {\n    width: 312px;\n  }\n}\n\n\n/* Sidebar visible */\n@media all and (min-width: 831px) {\n\n  /* Solved jumping scrollbar */\n  html {\n    overflow-y: scroll;\n  }\n\n  #main-wrapper {\n    margin-left: $sidebar-width-medium;\n  }\n\n  #profile-wrapper {\n    margin-top: 3rem;\n  }\n\n  #search-wrapper {\n    width: 22%;\n    min-width: 150px;\n  }\n\n  /* button 'back-to-Top' position */\n  #back-to-top {\n    bottom: 5.5rem;\n    right: 1.2rem;\n  }\n\n  .topbar-up {\n    box-shadow: none !important;\n  }\n\n  #topbar-title {\n    text-align: left;\n  }\n\n  footer>div.d-flex {\n    width: 92%;\n  }\n\n}\n\n/* iPad 9.7\" horizontal */\n@media all and (min-width: 992px) and (max-width: 1024px) {\n  #main-wrapper .col-lg-11 {\n    -webkit-box-flex: 0;\n    -ms-flex: 0 0 96%;\n    flex: 0 0 96%;\n    max-width: 96%;\n  }\n}\n\n/* Compact icons in sidebar & TOC hidden */\n@media all and (min-width: 832px) and (max-width: 1199px) {\n\n  #sidebar {\n    width: $sidebar-width-small;\n    .sidebar-bottom {\n      @include ml-mr(1.5rem);\n      .icon-border {\n        @include ml-mr(.25rem);\n      }\n    }\n  }\n\n  #topbar-wrapper {\n    left: 210px;\n  }\n\n  #search-result-wrapper {\n    width: calc(100% - 210px);\n  }\n\n  #search-results>div {\n    max-width: 700px;\n  }\n\n  .site-title {\n    font-size: 1.3rem;\n    margin-left: 0!important;\n  }\n\n  .site-subtitle {\n    font-size: 90%;\n    @include ml-mr(1rem);\n  }\n\n  #main-wrapper {\n    margin-left: 210px;\n  }\n\n  #breadcrumb {\n    width: 65%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    word-break: keep-all;\n    white-space: nowrap;\n  }\n\n}\n\n/* Pannel hidden */\n@media all and (max-width: 1199px) {\n  #panel-wrapper {\n    display: none;\n  }\n\n  #topbar {\n    padding: 0;\n  }\n\n  #main>div.row {\n    -webkit-box-pack: center!important;\n    -ms-flex-pack: center!important;\n    justify-content: center!important;\n  }\n}\n\n\n/*--- desktop mode, both sidebar and panel are visible ---*/\n\n@media all and (min-width: 1200px) {\n\n  #main>div.row>div.col-xl-8 {\n    -webkit-box-flex: 0;\n    -ms-flex: 0 0 75%;\n    flex: 0 0 75%;\n    max-width: 75%;\n    padding-left: 3%;\n  }\n\n  #topbar {\n    padding: 0;\n    max-width: 1070px;\n  }\n\n  #panel-wrapper {\n    max-width: $panel-max-width;\n  }\n\n  #back-to-top {\n    bottom: 6.5rem;\n    right: 4.3rem;\n  }\n\n  #search-input {\n    -webkit-transition: all .3s ease-in-out;\n    transition: all .3s ease-in-out;\n  }\n\n  #search-result-wrapper {\n    width: calc(100% - 260px);\n  }\n\n  #search-results>div {\n    max-width: 46%;\n    &:nth-child(odd) {\n      margin-right: 1.5rem;\n    }\n    &:nth-child(even) {\n      margin-left: 1.5rem;\n    }\n    &:last-child:nth-child(odd) {\n      position: relative;\n      right: 24.3%;\n    }\n  }\n\n  .post-content p {\n    font-size: 1.03rem;\n  }\n\n  footer>div.d-felx {\n    width: 85%;\n  }\n\n}\n\n@media all and (min-width: 1400px) {\n\n  #main>div.row {\n    padding-left: calc((100% - #{$main-content-max-width}) / 2);\n    >div.col-xl-8 {\n      max-width: 850px;\n    }\n  }\n\n  #search-result-wrapper {\n    padding-right: 2rem;\n    >div {\n      max-width: 1110px;\n    }\n  }\n\n  #search-wrapper .fa-times-circle {\n    right: 2.6rem;\n  }\n\n}\n\n@media all and (min-width: 1400px) and (max-width: 1650px) {\n  #topbar {\n    padding-right: 2rem;\n  }\n}\n\n@media all and (min-width: 1650px) {\n\n  #breadcrumb {\n    padding-left: 0;\n  }\n\n  #main>div.row>div.col-xl-8 {\n    padding-left: 0;\n    >div:first-child {\n      padding-left: .55rem !important;\n      padding-right: 1.9rem !important;\n    }\n  }\n\n  #main-wrapper {\n    margin-left: $sidebar-width-large;\n  }\n\n  #panel-wrapper {\n    margin-left: calc((100% - #{$main-content-max-width}) / 10);\n  }\n\n  #topbar-wrapper {\n    left: $sidebar-width-large;\n  }\n\n  #topbar {\n    max-width: #{$main-content-max-width};\n  }\n\n  #search-wrapper {\n    margin-right: 3%;\n  }\n\n  #profile-wrapper {\n    margin: 4rem 2rem 3rem 4rem;\n    -ms-flex-direction: column!important;\n\n    #avatar {\n      -webkit-box-pack: normal !important;\n      -ms-flex-pack: normal !important;\n      justify-content: normal !important;\n      >a {\n        width: 6.2rem;\n        height: 6.2rem;\n      }\n    }\n\n    .profile-text {\n      margin-left: .5rem;\n      /* .d-flex */\n      display: -webkit-box!important;\n      display: -ms-flexbox!important;\n      display: flex!important;\n      /* .flex-wrap */\n      -ms-flex-wrap: wrap!important;\n      flex-wrap: wrap!important;\n      /* .align-content-center */\n      -ms-flex-line-pack: center!important;\n      align-content: center!important;\n      >div {\n        text-align: left !important;\n        width: 100%;\n      }\n    }\n  }\n\n  #sidebar {\n    width: $sidebar-width-large;\n\n    .site-title a {\n      font-size: 1.7rem;\n      letter-spacing: 1px;\n      margin: 0;\n    }\n\n    .site-subtitle {\n      word-spacing: 0;\n      margin: .3rem 0 0 0;\n    }\n\n    ul {\n      margin-left: 3%;\n      >li>a {\n        padding-left: 2.5rem;\n        -webkit-box-pack: start!important;\n        -ms-flex-pack: start!important;\n        justify-content: flex-start!important;\n      }\n    }\n\n    .nav-link {\n      >span {\n        letter-spacing: 3px;\n      }\n      >i {\n        @include icon-round(1.65rem);\n        line-height: 1rem;\n        font-size: .6rem;\n        padding: .5em 0 0 .1em;\n        display: inline-block!important;\n      }\n    }\n\n    .sidebar-bottom {\n      margin-left: 3.5rem;\n      margin-right: 3rem;\n      font-size: 1.3rem;\n      a {\n        border: 1px solid;\n        border-radius: 50%;\n        font-size: 1rem;\n        width: 2rem;\n        height: 2rem;\n        text-align: center;\n        i {\n          text-align: center;\n          width: 1.25em;\n          padding-top: .44rem;\n        }\n      }\n\n      #mode-toggle-wrapper {\n        font-size: .9rem;\n        i {\n          @include icon-round(2rem);\n          padding-top: .44rem;\n          bottom: 0;\n        }\n      }\n\n      .icon-border {\n        @include ml-mr(.2rem);\n        margin-top: .85rem;\n        +a {\n          margin-left: 0;\n        }\n      }\n    } // .sidebar-bottom\n  } // #sidebar\n  footer>div.d-flex {\n    width: 87%;\n    max-width: 1140px;\n  }\n\n  #search-result-wrapper {\n    width: calc(100% - #{$sidebar-width-large});\n    >div {\n      max-width: #{$main-content-max-width};\n    }\n  }\n\n} // min-width: 1650px\n\n\n@media all and (min-width: 1700px) {\n  #topbar-wrapper {\n    padding-right: calc(100% - #{$sidebar-width-large}\n     - (1920px - #{$sidebar-width-large}) ) /* 100% - 350px - (1920px - 350px); */\n  }\n\n  #topbar {\n    max-width: calc(#{$main-content-max-width} + 20px)\n  }\n\n  #main>div.row {\n    padding-left: calc((100% - #{$main-content-max-width} - 2%) / 2);\n  }\n\n  #panel-wrapper {\n    margin-left: 3%;\n  }\n\n  footer {\n    padding-left: 0;\n    padding-right: calc(100% - #{$sidebar-width-large} - 1180px);\n  }\n\n  #back-to-top {\n    right: calc(100% - 1920px + 15rem);\n  }\n\n}\n\n@media (min-width: 1920px) {\n  #main>div.row {\n    padding-left: 190px;\n  }\n\n  #search-result-wrapper {\n    padding-right: calc(100% - #{$sidebar-width-large} - 1530px);\n  }\n\n  #panel-wrapper {\n    margin-left: 41px;\n  }\n}\n\n/*\n * Stitch global shell — Phase 5\n * Applies to body.stitch-dashboard (home + primary tabs from tabs.yml)\n */\n\nbody.stitch-dashboard {\n  background-color: #0c0e12;\n  background-image:\n    radial-gradient(circle at 20% 20%, rgba(172, 199, 255, 0.05) 0%, transparent 40%),\n    radial-gradient(circle at 80% 80%, rgba(149, 212, 180, 0.05) 0%, transparent 40%);\n  color: #e2e2e8;\n}\n\nbody.stitch-dashboard #sidebar,\nbody.stitch-dashboard #sidebar-trigger {\n  display: none !important;\n}\n\nbody.stitch-dashboard #topbar-nav-trigger {\n  display: none;\n}\n\n@media (max-width: 830px) {\n  body.stitch-dashboard #topbar-nav-trigger {\n    display: inline-flex;\n    align-items: center;\n    margin-left: auto;\n    border-color: rgba(255, 255, 255, 0.12);\n    color: #c3c6d2;\n    font-size: 12px;\n  }\n\n  body.stitch-dashboard #topbar-nav {\n    display: none;\n  }\n\n  body.stitch-dashboard #topbar-wrapper.nav-open #topbar-nav {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    position: absolute;\n    top: calc(48px - 2px);\n    left: var(--ds-grid-margin-mobile, 16px);\n    right: var(--ds-grid-margin-mobile, 16px);\n    z-index: 52;\n    padding: var(--ds-space-4, 1rem);\n    border-radius: 12px;\n    background: rgba(18, 19, 24, 0.95);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.45);\n    max-height: 65vh;\n    overflow-y: auto;\n    gap: var(--ds-space-2, 0.5rem);\n  }\n\n  body.stitch-dashboard #topbar-wrapper.nav-open .topbar-nav-link {\n    margin-right: 0;\n    padding: var(--ds-space-3, 0.75rem) var(--ds-space-4, 1rem);\n    border-radius: 8px;\n    border-bottom: none;\n\n    &.active,\n    &:hover {\n      background: rgba(255, 255, 255, 0.06);\n    }\n  }\n}\n\nbody.stitch-dashboard #topbar-wrapper {\n  height: 48px;\n  left: 0 !important;\n  right: 0;\n  background: rgba(18, 19, 24, 0.8);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n  box-shadow: none;\n}\n\nbody.stitch-dashboard #main-wrapper {\n  margin-left: 0 !important;\n  background: transparent;\n}\n\nbody.stitch-dashboard #topbar {\n  max-width: var(--ds-grid-container-max, 1120px);\n  margin: 0 auto;\n  width: 100%;\n  padding: 0 var(--ds-grid-margin-mobile, 16px);\n}\n\n@media (min-width: 831px) {\n  body.stitch-dashboard #topbar {\n    padding: 0 var(--ds-grid-margin-desktop, 40px);\n  }\n}\n\nbody.stitch-dashboard #topbar-title,\nbody.stitch-dashboard #breadcrumb {\n  display: none !important;\n}\n\nbody.stitch-dashboard #topbar-nav {\n  margin-left: 0;\n  margin-right: auto;\n  gap: var(--ds-space-6, 1.5rem);\n}\n\nbody.stitch-dashboard .topbar-nav-link {\n  border-radius: 0;\n  border: none;\n  border-bottom: 2px solid transparent;\n  padding: .15rem 0;\n  margin-right: var(--ds-space-5, 1.25rem);\n  font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n  font-size: var(--ds-type-size-sm, 0.875rem);\n  font-weight: var(--ds-type-weight-medium, 500);\n  text-transform: none;\n  letter-spacing: 0;\n  color: #c3c6d2;\n  background: transparent;\n\n  &:hover {\n    transform: none;\n    color: #acc7ff;\n    border-color: transparent;\n    text-decoration: none;\n  }\n\n  &.active {\n    color: #acc7ff;\n    border-bottom-color: #acc7ff;\n    background: transparent;\n  }\n}\n\nbody.stitch-dashboard #main > div.row {\n  justify-content: center !important;\n  margin-left: 0;\n  margin-right: 0;\n  padding-left: var(--ds-grid-margin-mobile, 16px);\n  padding-right: var(--ds-grid-margin-mobile, 16px);\n}\n\nbody.stitch-dashboard #main > div.row > div.col-xl-8,\nbody.stitch-dashboard #main > div.row > div.col-lg-11,\nbody.stitch-dashboard #main > div.row > div.stitch-page-col {\n  flex: 0 0 100% !important;\n  max-width: var(--ds-grid-container-max, 1120px) !important;\n  width: 100%;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\nbody.stitch-dashboard #main > div.row:first-child > div {\n  margin-top: 0 !important;\n}\n\n@media (min-width: 831px) {\n  body.stitch-dashboard #main > div.row {\n    padding-left: var(--ds-grid-margin-desktop, 40px);\n    padding-right: var(--ds-grid-margin-desktop, 40px);\n  }\n}\n\nbody.stitch-dashboard #page {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n  max-width: none;\n  padding-top: var(--ds-space-12, 3rem);\n}\n\nbody.stitch-dashboard #post-wrapper {\n  flex: 0 0 100% !important;\n  max-width: var(--ds-grid-container-max, 1120px) !important;\n}\n\nbody.stitch-dashboard .dashboard-page,\nbody.stitch-dashboard .dashboard-grid {\n  max-width: var(--ds-grid-container-max, 1120px);\n  margin-left: auto;\n  margin-right: auto;\n}\n\nbody.stitch-dashboard .dashboard-module:hover {\n  transform: none;\n}\n\nbody.stitch-dashboard ::-webkit-scrollbar { width: 6px; }\nbody.stitch-dashboard ::-webkit-scrollbar-track { background: #0c0e12; }\nbody.stitch-dashboard ::-webkit-scrollbar-thumb {\n  background: #333539;\n  border-radius: 3px;\n}\nbody.stitch-dashboard ::-webkit-scrollbar-thumb:hover { background: #434750; }\n\n.stitch-brand {\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0.05em;\n  color: #e2e2e8;\n  margin-right: var(--ds-space-8, 2rem);\n  flex-shrink: 0;\n}\n\n.stitch-footer {\n  margin-top: var(--ds-space-16, 4rem);\n  padding: var(--ds-space-8, 2rem) 0 var(--ds-space-10, 2.5rem);\n  border-top: 1px solid rgba(255, 255, 255, 0.06);\n  background: transparent;\n}\n\n.stitch-footer-inner {\n  max-width: var(--ds-grid-container-max, 1120px);\n  margin: 0 auto;\n  padding: 0 var(--ds-grid-margin-mobile, 16px);\n  display: flex;\n  flex-direction: column;\n  gap: var(--ds-space-4, 1rem);\n  align-items: flex-start;\n}\n\n.stitch-footer-copy {\n  margin: 0;\n  font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n  font-size: 12px;\n  line-height: 1.5;\n  color: #6f7380;\n}\n\n.stitch-footer-nav {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--ds-space-5, 1.25rem);\n\n  a {\n    font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n    font-size: 12px;\n    line-height: 1.5;\n    color: #8d909b;\n    text-decoration: none;\n    transition: color 120ms ease;\n\n    &:hover {\n      color: #e2e2e8;\n    }\n  }\n}\n\n.stitch-eyebrow {\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #8d909b;\n  margin-bottom: var(--ds-space-3, 0.75rem);\n}\n\n.stitch-lead {\n  color: #c3c6d2;\n  margin-bottom: 0;\n  line-height: 1.6;\n  font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n  font-size: 16px;\n  font-weight: 400;\n  max-width: 62ch;\n}\n\n.stitch-note-date {\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-size: 10px;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: #8d909b;\n}\n\n.stitch-domain-chip {\n  display: inline-block;\n  padding: .125rem .5rem;\n  border-radius: 4px;\n  font-size: 10px;\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n}\n\n.stitch-domain-chip--economics {\n  background: rgba(14, 81, 56, 0.2);\n  color: #95d4b4;\n}\n\n.stitch-domain-chip--analysis,\n.stitch-domain-chip--bi {\n  background: rgba(108, 144, 214, 0.2);\n  color: #acc7ff;\n}\n\n.stitch-domain-chip--ml,\n.stitch-domain-chip--vision {\n  background: rgba(149, 137, 190, 0.2);\n  color: #ccbff7;\n}\n\n@media (min-width: 768px) {\n  .stitch-footer-inner {\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0 var(--ds-grid-margin-desktop, 40px);\n  }\n}\n\n.material-symbols-outlined {\n  font-family: 'Material Symbols Outlined', sans-serif;\n  font-weight: normal;\n  font-style: normal;\n  font-size: 1.125rem;\n  line-height: 1;\n  letter-spacing: normal;\n  text-transform: none;\n  display: inline-block;\n  white-space: nowrap;\n  word-wrap: normal;\n  direction: ltr;\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\n  vertical-align: middle;\n}\n\n\n.bento-shell {\n  margin-top: 0;\n  max-width: var(--ds-grid-container-max, 1120px);\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@keyframes chipShimmer {\n  0% { transform: translateX(-100%); opacity: 0; }\n  50% { opacity: 1; }\n  100% { transform: translateX(100%); opacity: 0; }\n}\n\n.stitch-home {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ds-space-24, 6rem);\n  padding-bottom: var(--ds-space-20, 5rem);\n}\n\n.stitch-home .card-glass {\n  border-radius: 12px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.37);\n}\n\n.stitch-section {\n  width: 100%;\n}\n\n.stitch-animate-in {\n  animation: stitchFadeInUp 0.6s ease-out forwards;\n  opacity: 0;\n}\n\n@keyframes stitchFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n.stitch-home .metadata-chip {\n  opacity: 0;\n  transform: translateY(4px);\n  transition: opacity 500ms ease, transform 500ms ease;\n}\n\n.stitch-home .metadata-chip.reveal {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.stitch-home .metadata-chip.shimmer::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n  animation: chipShimmer 1.5s infinite;\n}\n\n.metadata-chip {\n  position: relative;\n  overflow: hidden;\n}\n\n/* Ambient pillar glows — layered over glass (Stitch glow-* + glass-card) */\n.stitch-home .hero-pillar.card-glass {\n  &.glow-foundation {\n    background:\n      radial-gradient(circle at top left, rgba(107, 143, 212, 0.16), transparent 70%),\n      rgba(15, 20, 28, 0.65);\n  }\n\n  &.glow-practice {\n    background:\n      radial-gradient(circle at top left, rgba(107, 168, 138, 0.16), transparent 70%),\n      rgba(15, 20, 28, 0.65);\n  }\n\n  &.glow-clarity {\n    background:\n      radial-gradient(circle at top left, rgba(107, 158, 174, 0.16), transparent 70%),\n      rgba(15, 20, 28, 0.65);\n  }\n\n  &.glow-lens {\n    background:\n      radial-gradient(circle at top left, rgba(184, 149, 106, 0.16), transparent 70%),\n      rgba(15, 20, 28, 0.65);\n  }\n\n  &.glow-growing {\n    background:\n      radial-gradient(circle at top left, rgba(155, 143, 196, 0.16), transparent 70%),\n      rgba(15, 20, 28, 0.65);\n  }\n\n  &:hover {\n    &.glow-foundation {\n      background:\n        radial-gradient(circle at top left, rgba(107, 143, 212, 0.22), transparent 72%),\n        rgba(15, 20, 28, 0.72);\n    }\n\n    &.glow-practice {\n      background:\n        radial-gradient(circle at top left, rgba(107, 168, 138, 0.22), transparent 72%),\n        rgba(15, 20, 28, 0.72);\n    }\n\n    &.glow-clarity {\n      background:\n        radial-gradient(circle at top left, rgba(107, 158, 174, 0.22), transparent 72%),\n        rgba(15, 20, 28, 0.72);\n    }\n\n    &.glow-lens {\n      background:\n        radial-gradient(circle at top left, rgba(184, 149, 106, 0.22), transparent 72%),\n        rgba(15, 20, 28, 0.72);\n    }\n\n    &.glow-growing {\n      background:\n        radial-gradient(circle at top left, rgba(155, 143, 196, 0.22), transparent 72%),\n        rgba(15, 20, 28, 0.72);\n    }\n  }\n}\n\n.btn-stitch {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: .5rem 1.5rem;\n  border-radius: 999px;\n  font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n  font-size: var(--ds-type-size-sm, 0.875rem);\n  font-weight: var(--ds-type-weight-medium, 500);\n  text-decoration: none;\n  transition: box-shadow 120ms ease, background-color 120ms ease, color 120ms ease;\n\n  &:hover {\n    text-decoration: none;\n    transform: none;\n  }\n}\n\n.btn-stitch--primary {\n  background: var(--ds-color-accent-primary, #acc7ff);\n  color: var(--ds-color-on-primary, #002f68);\n\n  &:hover {\n    box-shadow: 0 0 20px rgba(172, 199, 255, 0.4);\n    color: var(--ds-color-on-primary, #002f68);\n  }\n}\n\n.btn-stitch--glass {\n  background: rgba(15, 20, 28, 0.65);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.37);\n  color: var(--ds-color-text-primary, #e2e2e8);\n\n  &:hover {\n    background: rgba(255, 255, 255, 0.1);\n    color: var(--ds-color-text-primary, #e2e2e8);\n  }\n}\n\n.stitch-eyebrow {\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  color: #8d909b;\n  margin-bottom: var(--ds-space-4, 1rem);\n}\n\n.stitch-lead {\n  color: #c3c6d2;\n  margin-bottom: var(--ds-space-4, 1rem);\n  line-height: 1.6;\n  font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n  font-size: 18px;\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  max-width: 65ch;\n}\n\n.stitch-home .stitch-hero-copy .stitch-lead,\n.stitch-home .stitch-narrative-body {\n  text-align: justify;\n  text-justify: inter-word;\n  hyphens: auto;\n}\n\n.stitch-hero-actions {\n  display: flex;\n  gap: var(--ds-space-4, 1rem);\n  flex-wrap: wrap;\n  padding-top: var(--ds-space-4, 1rem);\n}\n\n.stitch-section-action {\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-size: 12px;\n  color: #c3c6d2;\n  text-decoration: none;\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  transition: color 120ms ease;\n\n  &:hover {\n    color: #acc7ff;\n    text-decoration: none;\n  }\n}\n\n.stitch-link-mono {\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-size: var(--ds-type-size-metadata, 0.75rem);\n  color: var(--ds-color-accent-primary, #acc7ff);\n  text-decoration: none;\n\n  &:hover {\n    text-decoration: underline;\n    color: var(--ds-color-accent-primary, #acc7ff);\n  }\n}\n\n.stitch-section--hero {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ds-space-12, 3rem);\n}\n\n.stitch-section--work {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ds-space-8, 2rem);\n}\n\n.stitch-hero-copy {\n  max-width: 48rem;\n\n  h1 {\n    margin-bottom: var(--ds-space-4, 1rem);\n    line-height: 1.2;\n    color: #e2e2e8;\n    font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n    font-size: clamp(28px, 5vw, 40px);\n    font-weight: 600;\n    letter-spacing: -0.02em;\n  }\n}\n\n.stitch-section--duo {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--ds-grid-gap-desktop, 24px);\n}\n\n.stitch-duo-card {\n  position: relative;\n  padding: var(--ds-space-8, 2rem);\n  border-radius: 12px;\n  overflow: hidden;\n}\n\n.stitch-duo-inner {\n  position: relative;\n  z-index: 2;\n\n  h2 {\n    font-size: 1.5rem;\n    margin-bottom: var(--ds-space-4, 1rem);\n    font-weight: 600;\n    color: #e2e2e8;\n  }\n\n  p {\n    color: #c3c6d2;\n    line-height: 1.7;\n    font-size: 16px;\n    margin-bottom: var(--ds-space-6, 1.5rem);\n  }\n}\n\n.stitch-duo-inner--column {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.stitch-duo-glow {\n  position: absolute;\n  top: -6rem;\n  left: -6rem;\n  width: 12rem;\n  height: 12rem;\n  border-radius: 50%;\n  background: rgba(172, 199, 255, 0.1);\n  filter: blur(48px);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.stitch-duo-kicker {\n  display: flex;\n  align-items: center;\n  gap: .5rem;\n  margin-bottom: 0 !important;\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: -0.02em;\n  color: #acc7ff;\n}\n\n.stitch-duo-kicker-icon {\n  font-size: 14px;\n}\n\n.stitch-vision-teaser {\n  .stitch-vision-body {\n    flex-grow: 1;\n    margin-bottom: var(--ds-space-8, 2rem);\n  }\n}\n\n.stitch-vision-hover {\n  position: absolute;\n  inset: 0;\n  background: rgba(172, 199, 255, 0.05);\n  opacity: 0;\n  transition: opacity 300ms ease;\n  pointer-events: none;\n  z-index: 1;\n}\n\n.stitch-vision-teaser:hover .stitch-vision-hover {\n  opacity: 1;\n}\n\n.stitch-vision-head {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: var(--ds-space-4, 1rem);\n}\n\n.stitch-vision-eyebrow {\n  margin: .35rem 0 0;\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: #9589be;\n}\n\n.stitch-vision-icon {\n  color: #434750;\n  font-size: 1.5rem;\n}\n\n.stitch-roadmap-link {\n  display: inline-flex;\n  align-items: center;\n  gap: .5rem;\n  text-decoration: none;\n\n  &:hover {\n    text-decoration: underline;\n\n    .stitch-link-mono {\n      text-decoration: underline;\n    }\n  }\n}\n\n.stitch-roadmap-arrow {\n  font-size: 14px;\n  color: #acc7ff;\n}\n\n.stitch-section-head {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ds-space-4, 1rem);\n  margin-bottom: var(--ds-space-8, 2rem);\n\n  h2 {\n    font-size: var(--ds-type-size-3xl, 1.875rem);\n    margin: 0;\n  }\n}\n\n.stitch-section-sub {\n  margin: .5rem 0 0;\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  color: var(--ds-color-text-secondary, #c3c6d2);\n}\n\n.stitch-section--notes h2 {\n  font-size: var(--ds-type-size-3xl, 1.875rem);\n  margin-bottom: var(--ds-space-8, 2rem);\n}\n\n.stitch-notes-panel {\n  padding: 0 var(--ds-space-8, 2rem);\n  border-radius: 12px;\n  overflow: hidden;\n}\n\n.stitch-note-row {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ds-space-4, 1rem);\n  padding: var(--ds-space-6, 1.5rem) 0;\n  position: relative;\n  z-index: 2;\n  cursor: pointer;\n\n  & + & {\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  &:hover h3 a {\n    color: #acc7ff;\n  }\n}\n\n.stitch-note-main {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ds-space-2, 0.5rem);\n  max-width: 42rem;\n}\n\n.stitch-note-meta {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--ds-space-3, 0.75rem);\n}\n\n.stitch-note-date {\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-size: 0.625rem;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ds-color-text-tertiary, #8d909b);\n}\n\n.stitch-domain-chip {\n  display: inline-block;\n  padding: .125rem .5rem;\n  border-radius: 4px;\n  font-size: 10px;\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n}\n\n.stitch-domain-chip--economics {\n  background: rgba(14, 81, 56, 0.2);\n  color: #95d4b4;\n}\n\n.stitch-domain-chip--analysis,\n.stitch-domain-chip--bi {\n  background: rgba(108, 144, 214, 0.2);\n  color: #acc7ff;\n}\n\n.stitch-domain-chip--ml,\n.stitch-domain-chip--vision {\n  background: rgba(149, 137, 190, 0.2);\n  color: #ccbff7;\n}\n\n.stitch-note-row h3 {\n  margin: 0;\n  font-size: 1.25rem;\n  line-height: 1.2;\n  font-weight: 500;\n\n  a {\n    color: #e2e2e8;\n    text-decoration: none;\n    transition: color 120ms ease;\n  }\n}\n\n.stitch-note-excerpt {\n  margin: 0;\n  font-size: 14px;\n  color: #c3c6d2;\n  line-height: 1.7;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.stitch-note-cta {\n  white-space: nowrap;\n  align-self: flex-start;\n  font-size: 14px;\n}\n\n.home-legacy-modules {\n  padding-top: var(--ds-space-8, 2rem);\n  border-top: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n.home-legacy-label {\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-size: var(--ds-type-size-xs, 0.75rem);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ds-color-text-tertiary, #8d909b);\n  margin-bottom: var(--ds-space-5, 1.25rem);\n}\n\n.home-legacy-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--ds-grid-gap-desktop, 24px);\n}\n\n@media (min-width: 831px) {\n  .stitch-section--duo {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .home-legacy-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .stitch-section-head {\n    flex-direction: row;\n    align-items: flex-end;\n    justify-content: space-between;\n  }\n\n  .stitch-note-row {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .stitch-animate-in {\n    animation: none;\n    opacity: 1;\n  }\n}\n\n.bento-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--ds-grid-gap-mobile, 16px);\n}\n\n.bento-card {\n  padding: var(--ds-space-6, 1.5rem);\n  box-shadow: none;\n  transition: border-color var(--ds-motion-fast, 120ms) var(--ds-motion-ease-standard, ease);\n\n  &:focus-within {\n    border-color: var(--ds-color-border-strong, rgba(141, 144, 155, 0.28));\n    box-shadow: none;\n  }\n\n  a:focus-visible {\n    outline: var(--ds-focus-ring-width, 1px) solid var(--ds-focus-ring-color, #6b8fd4);\n    outline-offset: 2px;\n    box-shadow: none;\n    border-radius: var(--ds-radius-sm, 4px);\n  }\n}\n\n.bento-card--hero {\n  h1 {\n    margin-bottom: var(--ds-space-4, 1rem);\n    line-height: var(--ds-type-line-tight, 1.2);\n    color: var(--ds-color-text-primary, var(--text-color));\n    font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n    font-size: clamp(1.75rem, 5vw, 2.5rem);\n    font-weight: var(--ds-type-weight-semibold, 600);\n    letter-spacing: var(--ds-type-tracking-h1, -0.02em);\n    max-width: 18ch;\n  }\n}\n\n.hero-pillar-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--ds-grid-gap-desktop, 24px);\n  margin-bottom: 0;\n  width: 100%;\n}\n\n/* Stitch: md:grid-cols-5 — row of pillars below hero, not stacked on desktop */\n@media (min-width: 768px) {\n  .hero-pillar-grid {\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n  }\n}\n\n.hero-pillar {\n  min-width: 0;\n  scroll-snap-align: unset;\n  border-radius: 12px;\n  padding: var(--ds-space-4, 1rem);\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n.hero-pillar-inner {\n  position: relative;\n  z-index: 1;\n}\n\n.pillar-chip {\n  display: inline-block;\n  padding: .125rem .5rem;\n  border-radius: 999px;\n  font-size: 0.625rem;\n  font-weight: var(--ds-type-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  margin-bottom: var(--ds-space-3, 0.75rem);\n}\n\n.hero-pillar--analysis .pillar-chip {\n  background: rgba(107, 143, 212, 0.125);\n  color: #6b8fd4;\n}\n\n.hero-pillar--ml .pillar-chip {\n  background: rgba(107, 168, 138, 0.125);\n  color: #6ba88a;\n}\n\n.hero-pillar--bi .pillar-chip {\n  background: rgba(107, 158, 174, 0.125);\n  color: #6b9eae;\n}\n\n.hero-pillar--economics .pillar-chip {\n  background: rgba(184, 149, 106, 0.125);\n  color: #b8956a;\n}\n\n.hero-pillar--vision .pillar-chip {\n  background: rgba(155, 143, 196, 0.125);\n  color: #9b8fc4;\n}\n\n.hero-pillar-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: .45rem;\n}\n\n.hero-pillar-label {\n  font-weight: var(--ds-type-weight-medium, 500);\n  font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n  font-size: var(--ds-type-size-sm, 0.875rem);\n  color: var(--ds-color-text-primary, var(--text-color));\n  margin: 0 0 var(--ds-space-2, 0.5rem);\n}\n\n.hero-pillar-meta {\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-size: var(--ds-type-size-metadata, 0.75rem);\n  letter-spacing: var(--ds-type-tracking-eyebrow, 0.05em);\n  text-transform: none;\n}\n\n.hero-pillar-copy {\n  margin: 0;\n  font-size: var(--ds-type-size-metadata, 0.75rem);\n  line-height: 1.4;\n  color: var(--ds-color-text-secondary, var(--post-list-text-color));\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n}\n\n.hero-pillar--primary,\n.hero-pillar--analysis {\n  .hero-pillar-meta {\n    color: var(--ds-color-domain-analysis, #6b8fd4);\n  }\n}\n\n.hero-pillar--emerging,\n.hero-pillar--vision {\n  .hero-pillar-meta {\n    color: var(--ds-color-domain-vision, #9b8fc4);\n  }\n}\n\n.hero-pillar--ml {\n  .hero-pillar-meta {\n    color: var(--ds-color-domain-ml, #6ba88a);\n  }\n}\n\n.hero-pillar--bi {\n  .hero-pillar-meta {\n    color: var(--ds-color-domain-bi, #6c90d6);\n  }\n}\n\n.hero-pillar--economics {\n  .hero-pillar-meta {\n    color: var(--ds-color-domain-economics, #95d4b4);\n  }\n}\n\n.bento-eyebrow {\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  text-transform: none;\n  letter-spacing: var(--ds-type-tracking-eyebrow, 0.05em);\n  font-size: var(--ds-type-size-eyebrow, 0.8125rem);\n  font-weight: var(--ds-type-weight-medium, 500);\n  color: var(--ds-color-text-tertiary, #8d909b);\n  margin-bottom: var(--ds-space-4, 1rem);\n}\n\n.bento-lead {\n  color: var(--ds-color-text-secondary, var(--post-list-text-color));\n  margin-bottom: var(--ds-space-6, 1.5rem);\n  line-height: var(--ds-type-line-lead, 1.6);\n  font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n  font-size: var(--ds-type-size-lead, 1.125rem);\n  font-weight: var(--ds-type-weight-medium, 500);\n  letter-spacing: var(--ds-type-tracking-lead, -0.01em);\n  max-width: 65ch;\n}\n\n.bento-actions {\n  display: flex;\n  gap: var(--ds-space-4, 1rem);\n  flex-wrap: wrap;\n\n  .btn {\n    border-radius: var(--ds-radius-button, 6px);\n    transition: border-color var(--ds-motion-fast, 120ms) var(--ds-motion-ease-standard, ease),\n      background-color var(--ds-motion-fast, 120ms) var(--ds-motion-ease-standard, ease),\n      color var(--ds-motion-fast, 120ms) var(--ds-motion-ease-standard, ease);\n\n    &:hover {\n      transform: none;\n      box-shadow: none;\n    }\n  }\n\n  .btn-primary {\n    background: var(--ds-color-text-primary, #e2e2e8);\n    border-color: var(--ds-color-text-primary, #e2e2e8);\n    color: var(--ds-color-bg-canvas, #121318);\n  }\n\n  .btn-outline-primary {\n    border-color: var(--ds-color-border-strong, rgba(141, 144, 155, 0.28));\n    color: var(--ds-color-text-secondary, #c3c6d2);\n    background: transparent;\n  }\n}\n\n.kpi-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: .8rem;\n  margin: 0;\n\n  dt {\n    font-size: var(--ds-type-size-xs, 0.75rem);\n    color: var(--text-muted-color);\n    margin-bottom: .2rem;\n    font-weight: var(--ds-type-weight-semibold, 600);\n    font-family: var(--ds-type-family-data, 'Lato', sans-serif);\n  }\n\n  dd {\n    margin: 0;\n    font-family: var(--ds-type-family-data, 'Lato', sans-serif);\n    font-size: var(--ds-type-size-xl, 1.5rem);\n    color: var(--ds-color-text-primary, var(--text-color));\n    font-weight: var(--ds-type-weight-semibold, 600);\n  }\n}\n\n.bento-card--feed {\n  margin-top: 1rem;\n}\n\n.viz-context {\n  font-size: var(--ds-type-size-xs, 0.75rem);\n  color: var(--text-muted-color);\n  font-family: var(--ds-type-family-data, 'Lato', sans-serif);\n}\n\n.viz-helper {\n  margin: .65rem 0 .8rem;\n  color: var(--post-list-text-color);\n  font-family: var(--ds-type-family-story, 'Source Sans Pro', sans-serif);\n  line-height: var(--ds-type-line-normal, 1.5);\n}\n\n.viz-controls {\n  display: flex;\n  gap: .45rem;\n  flex-wrap: wrap;\n  margin-bottom: .9rem;\n}\n\n.viz-control {\n  border: 1px solid var(--main-border-color);\n  background: transparent;\n  color: var(--text-color);\n  cursor: pointer;\n  font-size: var(--ds-type-size-sm, 0.875rem);\n  font-weight: var(--ds-type-weight-semibold, 600);\n  border-radius: var(--ds-radius-pill, 999px);\n  padding: .32rem .7rem;\n  transition: all var(--ds-motion-fast, 120ms) ease;\n\n  &:hover {\n    border-color: var(--ds-color-accent-blue, var(--link-color));\n    transform: translateY(-1px);\n  }\n\n  &:focus-visible {\n    outline: var(--ds-focus-ring-width, 2px) solid var(--ds-focus-ring-color, var(--link-color));\n    outline-offset: var(--ds-focus-ring-offset, 2px);\n  }\n\n  &.is-active {\n    border-color: var(--ds-color-accent-cyan, var(--btn-active-bg));\n    color: var(--ds-color-accent-cyan, var(--btn-active-bg));\n    box-shadow: 0 0 12px rgba(60, 242, 255, 0.2);\n  }\n}\n\n.viz-chart {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: .7rem;\n}\n\n.viz-bar-group {\n  text-align: center;\n}\n\n.viz-bar-label {\n  display: block;\n  margin-bottom: .35rem;\n  font-size: var(--ds-type-size-sm, 0.875rem);\n  font-family: var(--ds-type-family-data, 'Lato', sans-serif);\n}\n\n.viz-bar-track {\n  height: 130px;\n  border: 1px solid var(--main-border-color);\n  border-radius: 10px;\n  background: linear-gradient(to top, rgba(79, 125, 255, 0.06), rgba(154, 107, 255, 0.06));\n  display: flex;\n  align-items: flex-end;\n  padding: 6px;\n}\n\n.viz-bar-fill {\n  width: 100%;\n  border-radius: 6px;\n  background: linear-gradient(180deg, rgba(60, 242, 255, 0.95), rgba(79, 125, 255, 0.8));\n  transition: height var(--ds-motion-base, 180ms) var(--ds-motion-ease-standard, ease);\n}\n\n.viz-bar-value {\n  display: block;\n  margin-top: .35rem;\n  font-family: var(--ds-type-family-data, 'Lato', sans-serif);\n  font-weight: var(--ds-type-weight-semibold, 600);\n}\n\n.case-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--ds-grid-gap-desktop, 24px);\n  width: 100%;\n}\n\n/* Selected work — 3 equal columns on tablet+ */\n@media (min-width: 768px) {\n  .case-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}\n\n.case-card {\n  min-width: 0;\n  border-radius: 12px;\n  padding: var(--ds-space-6, 1.5rem);\n  display: flex;\n  flex-direction: column;\n\n  h3 {\n    margin-bottom: var(--ds-space-3, 0.75rem);\n    font-size: 1.125rem;\n    font-weight: 500;\n    font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n    line-height: 1.2;\n    color: #e2e2e8;\n  }\n}\n\n.case-card-media {\n  margin-bottom: var(--ds-space-4, 1rem);\n  height: 12rem;\n  border-radius: 8px;\n  overflow: hidden;\n  background: #333539;\n}\n\n.case-card-image {\n  width: 100%;\n  height: 100%;\n  background-size: cover;\n  background-position: center;\n  transition: transform 500ms ease;\n}\n\n.case-card:hover .case-card-image {\n  transform: scale(1.05);\n}\n\n.case-ppi {\n  margin: 0 0 var(--ds-space-6, 1.5rem);\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  gap: var(--ds-space-2, 0.5rem);\n}\n\n.case-ppi-row {\n  display: flex;\n  gap: .5rem;\n  align-items: flex-start;\n}\n\n.ppi-label {\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-size: 10px;\n  color: #acc7ff;\n  padding-top: .15rem;\n  flex-shrink: 0;\n}\n\n.case-ppi-row p {\n  margin: 0;\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-size: 12px;\n  color: #c3c6d2;\n  line-height: 1.4;\n}\n\n.case-card-foot {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: var(--ds-space-4, 1rem);\n  border-top: 1px solid rgba(255, 255, 255, 0.05);\n}\n\n.case-stack-chip {\n  padding: .25rem .5rem;\n  border-radius: 4px;\n  font-size: 10px;\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  color: #e2e2e8;\n  background: rgba(15, 20, 28, 0.65);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n.stitch-section--pulse {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ds-space-6, 1.5rem);\n}\n\n.stitch-pulse-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: var(--ds-grid-gap-desktop, 24px);\n  margin: 0;\n}\n\n@media (min-width: 768px) {\n  .stitch-pulse-grid {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n}\n\n.stitch-pulse-item {\n  padding: var(--ds-space-5, 1.25rem);\n  border-radius: 12px;\n\n  dt {\n    margin: 0 0 var(--ds-space-2, 0.5rem);\n    font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: #8d909b;\n  }\n\n  dd {\n    margin: 0;\n    font-family: var(--ds-type-family-story, 'Inter', sans-serif);\n    font-size: 1.75rem;\n    font-weight: 600;\n    line-height: 1;\n    color: #e2e2e8;\n  }\n}\n\n.case-card--mock {\n  border-style: dashed;\n  border-color: rgba(184, 149, 106, 0.35);\n  opacity: 0.92;\n  cursor: default;\n\n  &:hover {\n    transform: none;\n  }\n}\n\n.case-mock-badge {\n  align-self: flex-start;\n  margin-bottom: var(--ds-space-3, 0.75rem);\n  padding: .125rem .5rem;\n  border-radius: 999px;\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: #b8956a;\n  background: rgba(184, 149, 106, 0.12);\n  border: 1px solid rgba(184, 149, 106, 0.25);\n}\n\n.case-card-media--mock {\n  background: rgba(255, 255, 255, 0.03);\n}\n\n.case-card-image--mock {\n  background: repeating-linear-gradient(\n    -45deg,\n    rgba(255, 255, 255, 0.04),\n    rgba(255, 255, 255, 0.04) 8px,\n    rgba(255, 255, 255, 0.02) 8px,\n    rgba(255, 255, 255, 0.02) 16px\n  );\n}\n\n.case-mock-footnote {\n  color: #8d909b;\n}\n\n.stitch-mock-module {\n  padding: var(--ds-space-8, 2rem);\n  border-radius: 12px;\n  border-style: dashed;\n  border-color: rgba(141, 144, 155, 0.35);\n}\n\n.stitch-mock-module-head {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: var(--ds-space-4, 1rem);\n  margin-bottom: var(--ds-space-4, 1rem);\n\n  h2 {\n    margin: 0;\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: #e2e2e8;\n  }\n}\n\n.stitch-mock-status {\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-size: 10px;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: #8d909b;\n  padding: .25rem .5rem;\n  border-radius: 4px;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.stitch-mock-copy {\n  margin: 0 0 var(--ds-space-6, 1.5rem);\n  max-width: 62ch;\n  font-size: 14px;\n  line-height: 1.6;\n  color: #c3c6d2;\n}\n\n.stitch-mock-shell {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ds-space-3, 0.75rem);\n  padding: var(--ds-space-5, 1.25rem);\n  border-radius: 8px;\n  background: rgba(0, 0, 0, 0.2);\n  border: 1px solid rgba(255, 255, 255, 0.05);\n}\n\n.stitch-mock-bar {\n  height: 10px;\n  border-radius: 999px;\n  background: linear-gradient(90deg, rgba(172, 199, 255, 0.15), rgba(172, 199, 255, 0.35));\n  opacity: 0.5;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .bento-card,\n  .hero-pillar,\n  .bento-actions .btn,\n  .case-card,\n  .insight-chip,\n  .post-read-more,\n  .post-preview,\n  .viz-bar-fill,\n  .viz-control {\n    transition: none !important;\n    transform: none !important;\n  }\n}\n\n.post-read-more {\n  display: inline-flex;\n  align-items: center;\n  gap: .25rem;\n  font-size: var(--ds-type-size-sm, 0.875rem);\n  font-weight: var(--ds-type-weight-semibold, 600);\n  font-family: var(--ds-type-family-story, 'Source Sans Pro', sans-serif);\n  transition: color var(--ds-motion-fast, 120ms) var(--ds-motion-ease-standard, ease),\n    transform var(--ds-motion-fast, 120ms) var(--ds-motion-ease-standard, ease);\n\n  &::after {\n    content: \"->\";\n    font-family: var(--ds-type-family-data, 'Lato', sans-serif);\n    font-size: var(--ds-type-size-xs, 0.75rem);\n  }\n\n  &:hover {\n    transform: translateX(1px);\n  }\n\n  &:focus-visible {\n    outline: var(--ds-focus-ring-width, 2px) solid var(--ds-focus-ring-color, var(--link-color));\n    outline-offset: var(--ds-focus-ring-offset, 2px);\n    border-radius: 6px;\n  }\n}\n\n.insight-meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--ds-space-2, 0.5rem);\n  margin-top: var(--ds-space-2, 0.5rem);\n}\n\n.insight-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: .35rem;\n  border-radius: var(--ds-radius-sm, 4px);\n  border: 1px solid var(--ds-color-border-soft, rgba(141, 144, 155, 0.14));\n  padding: .22rem .55rem;\n  font-family: var(--ds-type-family-data, 'JetBrains Mono', monospace);\n  font-size: var(--ds-type-size-metadata, 0.75rem);\n  line-height: 1.35;\n  white-space: nowrap;\n}\n\n.insight-chip-key {\n  color: var(--ds-color-text-tertiary, #8d909b);\n  font-weight: var(--ds-type-weight-medium, 500);\n}\n\n.insight-chip-val {\n  color: var(--ds-color-text-primary, #e2e2e8);\n}\n\n.insight-chip--domain.insight-chip--domain-analysis {\n  background: var(--ds-color-domain-analysis-soft);\n  .insight-chip-val { color: var(--ds-color-domain-analysis, #6b8fd4); }\n}\n\n.insight-chip--domain.insight-chip--domain-ml {\n  background: var(--ds-color-domain-ml-soft);\n  .insight-chip-val { color: var(--ds-color-domain-ml, #6ba88a); }\n}\n\n.insight-chip--domain.insight-chip--domain-bi {\n  background: var(--ds-color-domain-bi-soft);\n  .insight-chip-val { color: var(--ds-color-domain-bi, #6c90d6); }\n}\n\n.insight-chip--domain.insight-chip--domain-economics {\n  background: var(--ds-color-domain-economics-soft);\n  .insight-chip-val { color: var(--ds-color-domain-economics, #95d4b4); }\n}\n\n.insight-chip--domain.insight-chip--domain-vision {\n  background: var(--ds-color-domain-vision-soft);\n  .insight-chip-val { color: var(--ds-color-domain-vision, #9b8fc4); }\n}\n\n#post-list {\n  margin-top: var(--ds-space-4, 1rem);\n  padding-right: 0;\n\n  .post-preview {\n    padding: var(--ds-space-5, 1.25rem);\n    margin-bottom: var(--ds-space-4, 1rem);\n    transition: border-color var(--ds-motion-fast, 120ms) var(--ds-motion-ease-standard, ease);\n\n    &:hover,\n    &:focus,\n    &:focus-within {\n      border-color: var(--ds-color-border-strong, rgba(141, 144, 155, 0.28));\n      box-shadow: none;\n      transform: none;\n      outline: none;\n    }\n\n    h3 {\n      font-size: var(--ds-type-size-lg, 1.125rem);\n      margin: 0;\n      line-height: var(--ds-type-line-tight, 1.15);\n      font-family: var(--ds-type-family-story, 'Source Sans Pro', sans-serif);\n\n      ~i { // pinned icon\n        font-size: .86rem;\n      }\n    }\n\n    .post-meta {\n      i {\n        font-size: .73rem;\n        &:not(:first-child) {\n          margin-left: 1.5rem;\n        }\n      }\n    }\n\n    .post-content {\n      margin-top: .65rem;\n      margin-bottom: .75rem;\n      color: var(--post-list-text-color);\n      >p {\n        margin: 0;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n      }\n    }\n  }\n}\n\n.post-read-more--preview {\n  margin-bottom: .65rem;\n}\n\n.pagination {\n  font-size: 1rem;\n  a:hover {\n    text-decoration: none;\n  }\n\n  .page-item {\n    .page-link {\n      color: var(--btn-patinator-text-color);\n      width: 2.5rem;\n      height: 2.5rem;\n      padding: 0;\n      text-align: center;\n      display: -webkit-box;\n      display: flex;\n      -webkit-box-pack: center;\n      justify-content: center;\n      -webkit-box-align: center;\n      align-items: center;\n      border-radius: 50%;\n      border: 1px solid var(--btn-paginator-border-color);\n      font-family: 'Lato', sans-serif;\n      background-color: var(--button-bg);\n      &:hover {\n        background-color: var(--btn-paginator-hover-color)\n      }\n    }\n    &.active {\n      .page-link {\n        background-color: var(--btn-active-bg);\n        border-color: var(--btn-active-border-color);\n        box-shadow: 0 0 8px 0 var(--btn-paginator-shadow) !important;\n        color: var(--btn-text-color);\n      }\n    }\n    &.disabled {\n      cursor: not-allowed;\n      .page-link {\n        color: rgba(108, 117, 125, 0.57);\n        border-color: var(--btn-paginator-border-color);\n        background-color: var(--button-bg);\n      }\n    }\n    &:first-child .page-link,\n    &:last-child .page-link {\n      border-radius: 50%;\n    }\n    &:not(:last-child) {\n      margin-right: 0.7rem;\n    }\n  } // .page-item\n\n} // .pagination\n\n@media all and (max-width: 576px) {\n  #post-list .post-meta>span i:not(:first-child) {\n    margin-left: 1rem;\n  }\n\n  .kpi-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .viz-chart {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media all and (max-width: 830px) {\n  .pagination {\n    justify-content: center;\n  }\n}\n\n@media all and (min-width: 831px) {\n  .pagination {\n    font-size: .85rem;\n    .page-item .page-link {\n      width: 2.2rem;\n      height: 2.2rem;\n    }\n  }\n}\n\n@media all and (min-width: 1200px) {\n  .bento-shell {\n    margin-top: var(--ds-space-6, 1.5rem);\n  }\n}","/*\n * Calm Technical — Color tokens\n * SOURCE OF TRUTH: Stitch Web\n *   Project: Calm Technical Portfolio Command Center\n *   Project ID: 12642385017382224523\n *   Screen: Portfolio - Interactive Glass Refinement (4c4e07b072854526a105f88f373d1633)\n * designMd + designTheme.namedColors — synced 2026-06-20\n */\n\n$ds-color-tokens: (\n  /* Material surfaces (Stitch namedColors) */\n  bg-canvas: #121318,\n  bg-elev1: #1a1b20,\n  bg-elev2: #1e1f24,\n  bg-card: #1e1f24,\n  bg-glass: rgba(30, 31, 36, 0.72),\n  bg-surface-bright: #38393e,\n  bg-surface-dim: #121318,\n  bg-surface-lowest: #0c0e12,\n  bg-surface-high: #282a2e,\n  bg-surface-highest: #333539,\n\n  /* Text (Stitch on-* ) */\n  text-primary: #e2e2e8,\n  text-secondary: #c3c6d2,\n  text-tertiary: #8d909b,\n  text-on-primary: #002f68,\n\n  /* Borders (Stitch outline) */\n  border-soft: rgba(141, 144, 155, 0.14),\n  border-strong: rgba(141, 144, 155, 0.28),\n  border-glass: rgba(141, 144, 155, 0.14),\n  border-variant: #434750,\n\n  /* Material accents (Stitch primary / secondary / tertiary) */\n  accent-primary: #acc7ff,\n  accent-primary-container: #6c90d6,\n  accent-secondary: #95d4b4,\n  accent-secondary-container: #0e5138,\n  accent-tertiary: #ccbff7,\n  accent-tertiary-container: #9589be,\n  accent-cyan: #6c90d6,\n  accent-blue: #6b8fd4,\n  accent-violet: #9b8fc4,\n  accent-green: #6ba88a,\n  accent-amber: #95d4b4,\n\n  /* Ambient washes (domain page backgrounds — Phase 4) */\n  glow-emerald: rgba(149, 212, 180, 0.14),\n  glow-amber: rgba(172, 199, 255, 0.10),\n  glow-blue: rgba(107, 143, 212, 0.12),\n  glow-violet: rgba(155, 143, 196, 0.12),\n  glow-cyan: rgba(108, 144, 214, 0.10),\n  glow-green: rgba(107, 168, 138, 0.12),\n\n  /* Five domain lanes (Stitch overridePrimary / overrideSecondary / overrideTertiary + containers) */\n  domain-analysis: #6b8fd4,\n  domain-ml: #6ba88a,\n  domain-bi: #6c90d6,\n  domain-economics: #95d4b4,\n  domain-vision: #9b8fc4,\n\n  domain-analysis-soft: rgba(107, 143, 212, 0.12),\n  domain-ml-soft: rgba(107, 168, 138, 0.12),\n  domain-bi-soft: rgba(108, 144, 214, 0.12),\n  domain-economics-soft: rgba(149, 212, 180, 0.12),\n  domain-vision-soft: rgba(155, 143, 196, 0.10),\n\n  ambient-economics: rgba(149, 212, 180, 0.12),\n  ambient-vision: rgba(184, 149, 106, 0.10),\n\n  /* Profile screen (Stitch profile-export / code.html) */\n  profile-canvas: #0c0f14,\n  profile-pillar-glow-primary: rgba(172, 199, 255, 0.12),\n  profile-pillar-glow-secondary: rgba(149, 212, 180, 0.12),\n  profile-pillar-glow-tertiary: rgba(132, 194, 163, 0.15),\n  profile-timeline-active: #acc7ff,\n  profile-timeline-line: rgba(67, 71, 80, 0.5),\n\n  intelligence-canvas: #0f141c,\n  intelligence-glow-primary: rgba(173, 198, 255, 0.12),\n  intelligence-glow-secondary: rgba(197, 192, 255, 0.12),\n  intelligence-glow-tertiary: rgba(246, 190, 52, 0.12),\n\n  stack-canvas: #0c0f14,\n  stack-accent-de: #6b8fd4,\n  stack-accent-ml: #6ba88a,\n  stack-accent-bi: #d4a36b,\n  stack-accent-econ: #a36bd4,\n\n  economics-lens-canvas: #0f141c,\n  economics-lens-glow: rgba(246, 190, 52, 0.12),\n  economics-lens-accent: #f6be34,\n\n  vision-lab-canvas: #0f141c,\n  vision-lab-glow: rgba(45, 212, 191, 0.12),\n\n  post-canvas: #0f141c,\n\n  state-error: #ffb4ab\n);\n\n@mixin emit-color-tokens {\n  @each $token, $value in $ds-color-tokens {\n    --ds-color-#{$token}: #{$value};\n  }\n}\n","/*\n * Calm Technical — Typography tokens (Stitch designTheme.typography)\n */\n\n$ds-type-tokens: (\n  family-story: (\"Inter\", system-ui, -apple-system, sans-serif),\n  family-data: (\"JetBrains Mono\", ui-monospace, monospace),\n  size-xs: 0.75rem,\n  size-sm: 0.875rem,\n  size-md: 1rem,\n  size-lg: 1.125rem,\n  size-xl: 1.5rem,\n  size-2xl: 2rem,\n  size-3xl: 2.5rem,\n  size-lead: 1.125rem,\n  size-h1-min: 1.75rem,\n  size-h1-max: 2.5rem,\n  size-eyebrow: 0.8125rem,\n  size-metadata: 0.75rem,\n  weight-regular: 400,\n  weight-medium: 500,\n  weight-semibold: 600,\n  weight-bold: 700,\n  line-tight: 1.2,\n  line-normal: 1.5,\n  line-relaxed: 1.7,\n  line-lead: 1.6,\n  tracking-h1: -0.02em,\n  tracking-lead: -0.01em,\n  tracking-eyebrow: 0.05em\n);\n\n@mixin emit-type-tokens {\n  @each $token, $value in $ds-type-tokens {\n    --ds-type-#{$token}: #{$value};\n  }\n}\n","/*\n * Calm Technical — Spacing, radius and grid (Stitch designTheme.spacing + rounded)\n */\n\n$ds-space-tokens: (\n  1: 0.25rem,\n  2: 0.5rem,\n  3: 0.75rem,\n  4: 1rem,\n  5: 1.25rem,\n  6: 1.5rem,\n  8: 2rem,\n  10: 2.5rem,\n  12: 3rem,\n  16: 4rem\n);\n\n$ds-radius-tokens: (\n  sm: 4px,\n  md: 8px,\n  button: 6px,\n  lg: 12px,\n  xl: 16px,\n  pill: 999px\n);\n\n$ds-grid-tokens: (\n  container-max: 1120px,\n  cols-desktop: 12,\n  cols-tablet: 8,\n  cols-mobile: 1,\n  gap-desktop: 24px,\n  gap-tablet: 16px,\n  gap-mobile: 16px,\n  margin-mobile: 16px,\n  margin-desktop: 40px\n);\n\n@mixin emit-space-tokens {\n  @each $token, $value in $ds-space-tokens {\n    --ds-space-#{$token}: #{$value};\n  }\n\n  @each $token, $value in $ds-radius-tokens {\n    --ds-radius-#{$token}: #{$value};\n  }\n\n  @each $token, $value in $ds-grid-tokens {\n    --ds-grid-#{$token}: #{$value};\n  }\n}\n","/*\n * Calm Technical — Motion (Stitch: 120ms border/background only, no translate)\n */\n\n$ds-motion-tokens: (\n  fast: 120ms,\n  base: 120ms,\n  slow: 180ms,\n  ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1)\n);\n\n$ds-focus-tokens: (\n  ring-width: 1px,\n  ring-offset: 0,\n  ring-color: #6b8fd4,\n  ring-shadow: none\n);\n\n@mixin emit-motion-tokens {\n  @each $token, $value in $ds-motion-tokens {\n    --ds-motion-#{$token}: #{$value};\n  }\n\n  @each $token, $value in $ds-focus-tokens {\n    --ds-focus-#{$token}: #{$value};\n  }\n}\n","/*\n * Glass surfaces — Stitch \"Interactive Glass Refinement\"\n * Derived from surface-container #1e1f24 + outline #8d909b @ 14% alpha\n */\n\n$ds-glass-tokens: (\n  bg: rgba(15, 20, 28, 0.65),\n  border: rgba(255, 255, 255, 0.08),\n  blur: 12px,\n  profile-card: rgba(15, 20, 28, 0.7)\n);\n\n@mixin emit-glass-tokens {\n  @each $token, $value in $ds-glass-tokens {\n    --ds-glass-#{$token}: #{$value};\n  }\n}\n\n@mixin card-glass {\n  background: var(--ds-glass-bg, rgba(30, 31, 36, 0.72));\n  backdrop-filter: blur(var(--ds-glass-blur, 12px));\n  -webkit-backdrop-filter: blur(var(--ds-glass-blur, 12px));\n  border: 1px solid var(--ds-glass-border, rgba(141, 144, 155, 0.14));\n}\n","/*\n * Legacy bridge: Chirpy light/dark ↔ Stitch Calm Technical tokens\n */\n\n@mixin bridge-legacy-to-ds {\n  --ds-color-bg-canvas: var(--body-bg);\n  --ds-color-bg-card: var(--main-wrapper-bg);\n  --ds-color-text-primary: var(--text-color);\n  --ds-color-text-secondary: var(--text-muted-color);\n  --ds-color-border-soft: var(--main-border-color);\n  --ds-color-accent-blue: var(--link-color);\n  --ds-color-accent-cyan: var(--btn-active-bg);\n}\n\n@mixin bridge-light-glass {\n  --ds-glass-bg: rgba(255, 255, 255, 0.78);\n  --ds-glass-border: rgba(67, 71, 80, 0.12);\n  --ds-color-bg-glass: rgba(255, 255, 255, 0.78);\n  --ds-color-border-glass: rgba(67, 71, 80, 0.12);\n}\n\n@mixin bridge-dark-glass {\n  --ds-glass-bg: rgba(30, 31, 36, 0.72);\n  --ds-glass-border: rgba(141, 144, 155, 0.14);\n  --ds-color-bg-glass: rgba(30, 31, 36, 0.72);\n  --ds-color-border-glass: rgba(141, 144, 155, 0.14);\n}\n","/*!\n* The main dark mode styles\n* v2.0\n* https://github.com/cotes2020/jekyll-theme-chirpy\n* © 2018-2019 Cotes Chung\n* MIT Licensed\n*/\n\n@mixin dark-scheme {\n  /* framework */\n  --main-wrapper-bg: rgb(27, 27, 30);\n  --body-bg: var(--main-wrapper-bg);\n  --topbar-wrapper-bg: rgb(39, 40, 43);\n  --search-wrapper-bg: rgb(34, 34, 39);\n  --search-icon-color: rgb(100, 102, 105);\n  --input-focus-border-color: rgb(112, 114, 115);\n  --mask-bg: rgb(68, 69, 70);\n  --footer-bg-color: var(--main-wrapper-bg);\n\n  /* common color */\n  --text-color: rgb(175, 176, 177);\n  --text-muted-color: rgb(107, 116, 124);\n  --link-color: rgb(138, 180, 248);\n  --link-underline-color: rgb(82, 108, 150);\n  --main-border-color: rgb(44, 45, 45);\n  --button-bg: rgb(39, 40, 43);\n  --blockquote-border-color: rgb(66, 66, 66);\n  --blockquote-text-color: rgb(117, 117, 117);\n\n  --btn-border-color: rgb(63, 65, 68);\n  --btn-backtotop-color: var(--text-color);\n  --btn-backtotop-border-color: var(--btn-border-color);\n  --btn-box-shadow: var(--main-wrapper-bg);\n\n  --card-header-bg: rgb(51, 50, 50);\n  --label-color: rgb(108, 117, 125);\n\n  /* Sidebar */\n  --nav-cursor-color: rgb(183, 182, 182);\n  --sidebar-bg: radial-gradient(circle, #242424 0%, #1d1f27 100%);\n\n  /* Top Bar */\n  --topbar-text-color: var(--text-color);\n\n  /* Home page */\n  --post-list-text-color: rgb(175, 176, 177);\n  --btn-patinator-text-color: var(--text-color);\n  --btn-paginator-hover-color: rgb(64, 65, 66);\n  --btn-active-bg: rgba(28, 52, 94, 1);\n  --btn-active-border-color: rgb(66, 94, 138);\n  --btn-text-color: var(--text-color);\n  --btn-paginator-border-color: var(--btn-border-color);\n  --btn-paginator-shadow: var(--main-wrapper-bg);\n\n  /* Posts */\n  --toc-highlight: rgb(116, 178, 243);\n  --tag-bg: rgb(41, 40, 40);\n  --tag-hover: rgb(43, 56, 62);\n  --tb-odd-bg: rgba(42, 47, 53, 0.52); /* odd rows of the posts' table */\n  --tb-even-bg: rgb(31, 31, 34); /* even rows of the posts' table */\n  --tb-border-color: var(--tb-odd-bg);\n  --footnote-target-bg: rgb(63, 81, 181);\n  --btn-share-color: #6c757d;\n  --btn-share-hover-color: #bfc1ca;\n  --relate-post-date: var(--text-muted-color);\n  --card-bg: rgb(39, 40, 43);\n  --card-border-color: rgb(53, 53, 60);\n  --card-box-shadow: var(--main-wrapper-bg);\n\n  /* tags */\n  --tag-border: rgb(59, 79, 88);\n  --tag-shadow: rgb(32, 33, 33);\n  --search-tag-bg: var(--tag-bg);\n\n  --dash-color: rgb(63, 65, 68);\n\n  /* categories */\n  --categories-border: rgb(64, 66, 69);\n  --categories-hover-bg: rgb(73, 75, 76);\n\n  /* archives */\n  --timeline-node-bg: rgb(150, 152, 156);\n  --timeline-color: rgb(63, 65, 68);\n  --timeline-year-dot-color: var(--timeline-color);\n\n  /* Footer */\n  --footer-link: rgb(171 171 171);\n\n  .post-content img {\n    filter: brightness(90%);\n  }\n\n  hr {\n    border-color: var(--main-border-color);\n  }\n\n  /* posts' toc, override BS */\n  nav[data-toggle=toc] .nav-link.active,\n  nav[data-toggle=toc] .nav-link.active:focus,\n  nav[data-toggle=toc] .nav-link.active:hover,\n  nav[data-toggle=toc] .nav>li>a:focus,\n  nav[data-toggle=toc] .nav>li>a:hover {\n    color: var(--toc-highlight)!important;\n    border-left-color: var(--toc-highlight)!important;\n  }\n\n  /* categories */\n  .categories.card,\n  .list-group-item {\n    background-color: var(--card-bg);\n  }\n\n  .categories {\n    .card-header {\n      background-color: var(--card-header-bg);\n    }\n    .list-group-item {\n      border-left: none;\n      border-right: none;\n      padding-left: 2rem;\n      border-color: var(--categories-border);\n      &:last-child {\n        border-bottom-color: var(--card-bg);\n      }\n    }\n  }\n\n  #archives li:nth-child(odd) {\n    background-image: linear-gradient(to left,\n      rgb(26, 26, 30), rgb(39, 39, 45), rgb(39, 39, 45), rgb(39, 39, 45), rgb(26, 26, 30));\n  }\n\n} // dark-scheme\n","/*\n* Mainly scss variables\n*\n* v2.1\n* https://github.com/cotes2020/jekyll-theme-chirpy\n* © 2020 Cotes Chung\n* MIT Licensed\n*/\n\n/*--- ↓ width and height ----*/\n\n$tab-height: 3.3rem;\n$tab-cursor-height: 1.6rem;\n\n$sidebar-width-small: 210px;\n$sidebar-width-medium: 260px;\n$sidebar-width-large: 350px;\n\n$topbar-height: 3rem;\n\n$footer-height: 5rem;\n\n$main-content-max-width: 1150px;\n\n$panel-max-width: 300px;\n\n$post-extend-min-height: 35rem;\n"],"file":"home.css"}