.search-button[data-astro-cid-otpdt6jm]{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast)}.search-button[data-astro-cid-otpdt6jm]:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.search-shortcut[data-astro-cid-otpdt6jm]{display:none;align-items:center;gap:.25rem;font-size:.75rem}.search-shortcut[data-astro-cid-otpdt6jm] kbd[data-astro-cid-otpdt6jm]{padding:.125rem .375rem;background:var(--color-gray-100);border-radius:var(--radius-sm);font-family:var(--font-base);font-size:.75rem}@media(min-width:768px){.search-shortcut[data-astro-cid-otpdt6jm]{display:flex}}.dark-mode .search-button[data-astro-cid-otpdt6jm]{border-color:var(--dark-border);color:var(--color-gray-400)}.dark-mode .search-button[data-astro-cid-otpdt6jm]:hover{border-color:var(--dark-secondary);color:var(--dark-secondary)}.dark-mode .search-shortcut[data-astro-cid-otpdt6jm] kbd[data-astro-cid-otpdt6jm]{background:var(--dark-card-bg)}.search-modal[data-astro-cid-otpdt6jm]{position:fixed;inset:0;z-index:9999;display:none;align-items:flex-start;justify-content:center;padding:var(--spacing-xl) var(--spacing-md)}.search-modal[data-astro-cid-otpdt6jm].active{display:flex}.search-modal-backdrop[data-astro-cid-otpdt6jm]{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px)}.search-modal-content[data-astro-cid-otpdt6jm]{position:relative;width:100%;max-width:600px;max-height:calc(100vh - var(--spacing-2xl) * 2);background:var(--color-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden}.dark-mode .search-modal-content[data-astro-cid-otpdt6jm]{background:var(--dark-card-bg)}.search-modal-header[data-astro-cid-otpdt6jm]{position:relative}.search-close[data-astro-cid-otpdt6jm]{position:absolute;top:1rem;right:1rem;padding:.5rem;background:transparent;border:none;color:var(--color-gray-600);cursor:pointer;border-radius:var(--radius-sm);z-index:10}.search-close[data-astro-cid-otpdt6jm]:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.dark-mode .search-close[data-astro-cid-otpdt6jm]{color:var(--color-gray-400)}.dark-mode .search-close[data-astro-cid-otpdt6jm]:hover{background:var(--color-gray-700);color:var(--color-gray-200)}#pagefind-container[data-astro-cid-otpdt6jm]{padding:var(--spacing-md)}.pagefind-ui{--pagefind-ui-scale: 1;--pagefind-ui-primary: var(--color-primary);--pagefind-ui-text: var(--color-gray-800);--pagefind-ui-background: var(--color-light);--pagefind-ui-border: var(--color-gray-200);--pagefind-ui-tag: var(--color-gray-100);--pagefind-ui-border-width: 1px;--pagefind-ui-border-radius: var(--radius-md);--pagefind-ui-font: var(--font-base)}.dark-mode .pagefind-ui{--pagefind-ui-primary: var(--dark-primary);--pagefind-ui-text: var(--dark-text);--pagefind-ui-background: var(--dark-card-bg);--pagefind-ui-border: var(--dark-border);--pagefind-ui-tag: var(--color-gray-700)}.pagefind-ui__search-input{font-size:1rem!important}.pagefind-ui__results-area{max-height:400px;overflow-y:auto}@media(max-width:480px){.search-modal[data-astro-cid-otpdt6jm]{padding:0}.search-modal-content[data-astro-cid-otpdt6jm]{max-width:100%;max-height:100vh;border-radius:0}}:root{--color-primary: #1a365d;--color-secondary: #0891b2;--color-dark: #0f172a;--color-light: #f8fafc;--color-success: #059669;--color-warning: #ea580c;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--dark-bg: #0f172a;--dark-text: #f8fafc;--dark-primary: #38bdf8;--dark-secondary: #67e8f9;--dark-card-bg: #1e293b;--dark-border: #334155;--font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-mobile-xs: .4rem;--spacing-mobile-sm: .75rem;--spacing-mobile-md: 1rem;--spacing-mobile-lg: 1.5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--container-max-width: 1200px}.dark-mode{--color-primary: var(--dark-primary);--color-secondary: var(--dark-secondary);--color-dark: var(--dark-text);--color-light: var(--dark-bg);--color-gray-100: #1e293b;--color-gray-200: #334155;--color-gray-300: #475569;--color-gray-400: #94a3b8;--color-gray-600: #cbd5e1;--color-gray-700: #e2e8f0;--color-gray-800: #f1f5f9;background-color:var(--dark-bg);color:var(--dark-text)}.dark-mode .site-header{background:var(--dark-card-bg);border-bottom-color:var(--dark-border)}.dark-mode .post-card,.dark-mode .project-card,.dark-mode .project-card-detailed{background-color:var(--dark-card-bg);border-color:var(--dark-border)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-base);font-size:16px;line-height:1.6;color:var(--color-gray-800);background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-dark);margin-bottom:var(--spacing-sm)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-sm)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-secondary)}code{font-family:var(--font-mono);background-color:var(--color-gray-100);padding:.2em .4em;border-radius:var(--radius-sm);font-size:.9em}pre{background-color:var(--color-dark);color:var(--color-light);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-md)}pre code{background-color:transparent;padding:0;color:inherit}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-md)}.main-content{min-height:calc(100vh - 200px);padding:var(--spacing-xl) 0}.site-header{background:var(--color-light);border-bottom:2px solid var(--color-primary);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.header-brand{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-link{display:block;line-height:0}.site-logo{width:48px;height:48px;transition:transform var(--transition-base)}.site-logo:hover{transform:scale(1.05)}.brand-text{display:flex;flex-direction:column}.brand-name-link{text-decoration:none}.brand-name{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin:0;transition:color var(--transition-base)}.brand-name-link:hover .brand-name{color:var(--color-secondary)}.brand-tagline{font-size:.875rem;color:var(--color-gray-600);margin:0}.nav-wrapper{display:flex;align-items:center;gap:var(--spacing-xs)}.theme-toggle{background:none;border:none;cursor:pointer;color:var(--color-dark);padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-base)}.theme-toggle:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.main-nav{display:flex;align-items:center;gap:var(--spacing-md)}.nav-list{display:flex;list-style:none;gap:var(--spacing-md);align-items:center}.nav-link{color:var(--color-dark);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-base)}.nav-link:hover,.nav-link.active{color:var(--color-primary);background-color:var(--color-gray-100)}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--spacing-xs);z-index:101}.hamburger-line{width:24px;height:2px;background-color:var(--color-dark);transition:all var(--transition-base)}.search-toggle{background:none;border:none;cursor:pointer;color:var(--color-dark);padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-base)}.search-toggle:hover{background-color:var(--color-gray-100);color:var(--color-primary)}@media(max-width:768px){.mobile-menu-toggle{display:flex}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.header-inner{flex-wrap:wrap}.nav-wrapper{gap:var(--spacing-xs)}.main-nav{width:100%;max-height:0;overflow:hidden;flex-direction:column;align-items:stretch;gap:0;transition:max-height .3s ease;order:4}.main-nav.active{max-height:500px;padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.nav-list{flex-direction:column;width:100%;gap:0;align-items:stretch}.nav-item{width:100%}.nav-link{display:block;width:100%;padding:var(--spacing-md);border-radius:0;text-align:left}.brand-text{display:none}}.site-footer{background-color:var(--color-dark);color:var(--color-light);padding:var(--spacing-2xl) 0 var(--spacing-md);margin-top:var(--spacing-2xl)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-brand{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.footer-logo{width:32px;height:32px;filter:brightness(0) invert(1)}.footer-brand h3{color:var(--color-light);margin:0}.footer-description{color:var(--color-gray-300);font-size:.9rem}.footer-heading{color:var(--color-light);font-size:1.1rem;margin-bottom:var(--spacing-sm)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-xs)}.footer-links a{color:var(--color-gray-300);transition:color var(--transition-base)}.footer-links a:hover{color:var(--color-secondary)}.footer-bottom{border-top:1px solid var(--color-gray-700);padding-top:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.copyright,.powered-by{color:var(--color-gray-400);font-size:.875rem}.powered-by a{color:var(--color-gray-300)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:none;text-align:center;font-size:1rem}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-secondary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:#fff}.hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:var(--spacing-2xl) 0;text-align:center;margin-bottom:var(--spacing-2xl)}.hero-title{font-size:3rem;margin-bottom:var(--spacing-sm);color:#fff}.hero-tagline{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm);opacity:.95}.hero-description{font-size:1.125rem;max-width:600px;margin:0 auto var(--spacing-lg);opacity:.9}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.section{margin-bottom:var(--spacing-2xl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-header h2{margin:0}.view-all{color:var(--color-secondary);font-weight:600;transition:all var(--transition-base)}.view-all:hover{transform:translate(4px)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.post-card{background-color:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-secondary)}.post-meta{font-size:.875rem;color:var(--color-gray-600);margin-bottom:var(--spacing-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center}.separator{color:var(--color-gray-400)}.category{color:var(--color-secondary);font-weight:600}.post-title{margin-bottom:var(--spacing-sm)}.post-title a{color:var(--color-dark);transition:color var(--transition-base)}.post-title a:hover{color:var(--color-primary)}.post-description{color:var(--color-gray-600);margin-bottom:var(--spacing-md)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.tag{background-color:var(--color-gray-100);color:var(--color-gray-700);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;transition:all var(--transition-base)}.tag:hover{background-color:var(--color-primary);color:#fff}.read-more{color:var(--color-secondary);font-weight:600;transition:all var(--transition-base);display:inline-block}.read-more:hover{transform:translate(4px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}.project-card{background-color:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative;transition:all var(--transition-base)}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-secondary)}.featured-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background-color:var(--color-warning);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase}.project-title{margin-bottom:var(--spacing-sm)}.project-title a{color:var(--color-dark);transition:color var(--transition-base)}.project-title a:hover{color:var(--color-primary)}.project-description{color:var(--color-gray-600);margin-bottom:var(--spacing-md)}.technologies{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.tech-tag{background-color:var(--color-secondary);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600}.project-links{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.project-link{color:var(--color-secondary);font-weight:600;transition:all var(--transition-base)}.project-link:hover{transform:translate(4px)}.about-preview{background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100%);padding:var(--spacing-2xl);border-radius:var(--radius-lg);text-align:center}.about-preview h2{margin-bottom:var(--spacing-md)}.about-preview p{max-width:700px;margin:0 auto var(--spacing-lg);color:var(--color-gray-700);font-size:1.125rem}.page-header{text-align:center;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-gray-200)}.page-description{font-size:1.125rem;color:var(--color-gray-600);max-width:700px;margin:0 auto}.posts-list{max-width:800px;margin:0 auto}.post-item{padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-gray-200)}.post-item:last-child{border-bottom:none}.post-excerpt{color:var(--color-gray-600);margin-bottom:var(--spacing-md)}.post-header{text-align:center;margin-bottom:var(--spacing-2xl)}.post-content-wrapper{max-width:800px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}.table-of-contents{background-color:var(--color-gray-100);padding:var(--spacing-md);border-radius:var(--radius-md);position:sticky;top:100px;max-height:80vh;overflow-y:auto;min-width:0}.table-of-contents h2{font-size:1.1rem;margin-bottom:var(--spacing-sm)}.table-of-contents ul{list-style:none}.table-of-contents a{color:var(--color-gray-700);font-size:.9rem}.post-content{line-height:1.8;min-width:0}.post-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-lg) 0}.post-content ul,.post-content ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}.post-content li{margin-bottom:var(--spacing-xs)}.post-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-md);margin:var(--spacing-lg) 0;font-style:italic;color:var(--color-gray-600)}.post-content table,.project-content table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0;font-size:.95rem}.post-content th,.project-content th{background-color:var(--color-gray-100);font-weight:600;text-align:left;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300)}.post-content td,.project-content td{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-200);vertical-align:top}.post-content tr:hover,.project-content tr:hover{background-color:var(--color-gray-100)}.dark-mode .post-content th,.dark-mode .project-content th{background-color:var(--dark-card-bg);border-color:var(--dark-border)}.dark-mode .post-content td,.dark-mode .project-content td{border-color:var(--dark-border)}.dark-mode .post-content tr:hover,.dark-mode .project-content tr:hover{background-color:var(--dark-card-bg)}.post-footer{max-width:800px;margin:var(--spacing-2xl) auto 0;padding-top:var(--spacing-xl);border-top:2px solid var(--color-gray-200)}.share-buttons{margin-bottom:var(--spacing-xl);text-align:center}.share-buttons h3{margin-bottom:var(--spacing-md)}.share-button{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);margin:0 var(--spacing-xs);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;transition:all var(--transition-base)}.share-button:hover{background-color:var(--color-secondary);transform:translateY(-2px)}.post-navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.nav-link{display:flex;flex-direction:column;padding:var(--spacing-md);background-color:var(--color-gray-100);border-radius:var(--radius-md);transition:all var(--transition-base)}.nav-link:hover{background-color:var(--color-gray-200);transform:translateY(-2px)}.nav-label{font-size:.875rem;color:var(--color-gray-600);margin-bottom:var(--spacing-xs)}.nav-title{font-weight:600;color:var(--color-dark)}.projects-grid-page{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-xl)}.project-card-detailed{background-color:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);position:relative;transition:all var(--transition-base)}.project-card-detailed:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.project-header{margin-bottom:var(--spacing-lg)}.project-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.technologies-section{margin-bottom:var(--spacing-lg)}.technologies-section h3{font-size:1.1rem;margin-bottom:var(--spacing-sm)}.project-content{max-width:800px;margin:0 auto;line-height:1.8}.project-content ul,.project-content ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}.project-content li{margin-bottom:var(--spacing-xs)}.project-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-lg) 0}.project-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-md);margin:var(--spacing-lg) 0;font-style:italic;color:var(--color-gray-600)}.project-navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.back-to-projects{text-align:center}.page-content{max-width:800px;margin:0 auto;line-height:1.8}.page-content ul,.page-content ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}.page-content li{margin-bottom:var(--spacing-xs)}.page-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-lg) 0}.page-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-md);margin:var(--spacing-lg) 0;font-style:italic;color:var(--color-gray-600)}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-gray-100);border-radius:var(--radius-lg)}.filter-group h3{font-size:1.1rem;margin-bottom:var(--spacing-sm)}.filter-list{list-style:none}.filter-list li{margin-bottom:var(--spacing-xs)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag-cloud-page{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl) 0}.tag-cloud-item{background-color:var(--color-gray-100);color:var(--color-gray-700);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;transition:all var(--transition-base)}.tag-cloud-item:hover{background-color:var(--color-primary);color:#fff;transform:scale(1.05)}.tag-count{color:var(--color-gray-500);font-size:.875rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg)}.category-card{background-color:#fff;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-base)}.category-card:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.category-card h2{margin-bottom:var(--spacing-xs)}.category-count{color:var(--color-gray-600);font-size:.9rem}.pagination{margin-top:var(--spacing-2xl);text-align:center}.pagination-list{display:flex;justify-content:center;gap:var(--spacing-xs);list-style:none;margin-bottom:var(--spacing-sm);flex-wrap:wrap}.pagination-link{display:block;padding:var(--spacing-xs) var(--spacing-sm);background-color:#fff;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);color:var(--color-dark);transition:all var(--transition-base);min-width:40px;text-align:center}.pagination-link:hover,.pagination-link.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-info{color:var(--color-gray-600);font-size:.875rem}.search-modal{position:fixed;inset:0;background-color:#000000b3;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;opacity:0;visibility:hidden;transition:all var(--transition-base)}.search-modal.active{opacity:1;visibility:visible}.search-modal-content{background-color:#fff;border-radius:var(--radius-lg);max-width:700px;width:90%;max-height:70vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.search-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.search-modal-header h2{margin:0}.search-close{background:none;border:none;cursor:pointer;color:var(--color-gray-600);padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-base)}.search-close:hover{background-color:var(--color-gray-100);color:var(--color-dark)}.search-modal-body{padding:var(--spacing-md)}.search-modal-input{width:100%;padding:var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:1rem;margin-bottom:var(--spacing-md);transition:border-color var(--transition-base)}.search-modal-input:focus{outline:none;border-color:var(--color-primary)}.search-modal-results{max-height:50vh;overflow-y:auto}.search-hint{text-align:center;color:var(--color-gray-500);padding:var(--spacing-lg)}.search-result-item{padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-base)}.search-result-item:hover{background-color:var(--color-gray-100)}.search-result-item:last-child{border-bottom:none}.search-result-item h3{font-size:1.1rem;margin-bottom:var(--spacing-xs)}.search-result-item p{color:var(--color-gray-600);font-size:.9rem;margin-bottom:var(--spacing-xs)}.search-result-meta{display:flex;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-gray-500)}.search-result-section{text-transform:capitalize;font-weight:600;color:var(--color-secondary)}.post-content img,.project-content img{cursor:zoom-in;transition:opacity var(--transition-base)}.post-content img:hover,.project-content img:hover{opacity:.9}.image-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;cursor:zoom-out;padding:var(--spacing-md)}.image-lightbox.active{opacity:1;visibility:visible}.image-lightbox img{max-width:95%;max-height:95vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 4px 30px #00000080}.lightbox-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:#ffffff1a;border:none;color:#fff;font-size:2rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-base)}.lightbox-close:hover{background:#fff3}.lightbox-hint{position:absolute;bottom:var(--spacing-md);left:50%;transform:translate(-50%);color:#fff9;font-size:.875rem}@media(max-width:480px){body{font-size:15px;line-height:1.65}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}.container{padding:0 var(--spacing-sm)}.main-content{padding:var(--spacing-md) 0}.hero{padding:var(--spacing-lg) 0}.hero-title{font-size:1.75rem}.hero-tagline{font-size:1.1rem}.hero-description{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.post-card,.project-card,.project-card-detailed{padding:var(--spacing-md)}.site-logo{width:40px;height:40px}.nav-link{padding:var(--spacing-md) var(--spacing-sm);min-height:44px}.search-toggle{padding:12px}.pagination-link{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.tag{padding:.5rem 1rem;font-size:.9rem}.search-close{padding:12px}.search-modal{padding-top:0}.search-modal-content{width:100%;height:100%;max-height:100vh;border-radius:0}.search-modal-input{font-size:16px;min-height:44px}pre{position:relative}pre:after{content:"→";position:absolute;right:10px;top:10px;opacity:.5;font-size:1.2rem}.footer-links a{display:block;padding:8px 16px;min-height:44px}}@media(min-width:481px)and (max-width:640px){.container{padding:0 var(--spacing-md)}.hero-title{font-size:2rem}.hero-tagline{font-size:1.25rem}.search-modal{padding-top:2vh}.search-modal-content{width:95%;max-height:90vh}}@media(min-width:641px)and (max-width:768px){.search-modal{padding-top:5vh}.search-modal-content{width:90%;max-height:85vh}}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.hero-title{font-size:2rem}.hero-tagline{font-size:1.25rem}.posts-grid,.projects-grid,.projects-grid-page{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center;gap:var(--spacing-lg)}.footer-links{display:flex;flex-direction:column;align-items:center}.footer-links li{margin-bottom:12px}.filters,.categories-grid{grid-template-columns:1fr}.main-content{padding:var(--spacing-lg) 0}.post-card,.project-card,.project-card-detailed{padding:var(--spacing-md)}.nav-link{min-height:44px;display:flex;align-items:center}.search-toggle{padding:12px}.pagination-link{min-width:44px;min-height:44px}.tag{padding:.5rem 1rem}.search-close{padding:12px}.table-of-contents{position:static;margin-bottom:var(--spacing-lg);max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 var(--spacing-md)}.table-of-contents.expanded{max-height:500px;padding:var(--spacing-md)}.table-of-contents h2{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:var(--spacing-md);margin:0;background-color:var(--color-gray-200);border-radius:var(--radius-md);position:relative}.table-of-contents h2:after{content:" ▼";font-size:.8em;position:absolute;right:var(--spacing-md);transition:transform var(--transition-base)}.table-of-contents.expanded h2:after{transform:rotate(180deg)}}@media(min-width:769px)and (max-width:1023px){.posts-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.table-of-contents{position:static;margin-bottom:var(--spacing-lg);max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 var(--spacing-md)}.table-of-contents.expanded{max-height:500px;padding:var(--spacing-md)}.table-of-contents h2{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:var(--spacing-md);margin:0;background-color:var(--color-gray-200);border-radius:var(--radius-md);position:relative}.table-of-contents h2:after{content:" ▼";font-size:.8em;position:absolute;right:var(--spacing-md);transition:transform var(--transition-base)}.table-of-contents.expanded h2:after{transform:rotate(180deg)}}@media(min-width:1024px){.post-content-wrapper{grid-template-columns:200px 1fr}.table-of-contents{max-height:none!important;padding:var(--spacing-md)!important}.table-of-contents h2{cursor:default!important}.table-of-contents h2:after{display:none!important}}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--color-light);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);text-decoration:none;font-weight:600;z-index:10000;transition:top var(--transition-fast)}.skip-link:focus{top:var(--spacing-sm);outline:none}.dark-mode .skip-link{background:var(--dark-primary);color:var(--color-dark)}:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.dark-mode :focus-visible{outline-color:var(--dark-secondary)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px;border-radius:var(--border-radius-sm)}.dark-mode a:focus-visible,.dark-mode button:focus-visible,.dark-mode input:focus-visible,.dark-mode select:focus-visible,.dark-mode textarea:focus-visible,.dark-mode [tabindex]:focus-visible{outline-color:var(--dark-secondary)}:focus:not(:focus-visible){outline:none}.btn:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px;box-shadow:0 0 0 4px #0891b233}.dark-mode .btn:focus-visible{outline-color:var(--dark-secondary);box-shadow:0 0 0 4px #67e8f933}#theme-toggle:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}#mobile-menu-toggle:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}