:root{--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-bg: #ffffff;--color-bg-subtle: #f8fafc;--color-bg-elevated: #f1f5f9;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-code-bg: #f1f5f9;--color-shadow: rgba(0, 0, 0, 0.08);--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "Cascadia Code", Consolas, "Liberation Mono", monospace;--font-size-base: clamp(15px, 2.5vw, 18px);--line-height-body: 1.65;--line-height-heading: 1.2;--font-weight-body: 400;--font-weight-heading: 650;--font-size-sm: 0.8rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5625rem;--font-size-2xl: 1.953rem;--font-size-3xl: 2.441rem;--sidebar-width: 260px;--content-max-width: 75ch;--section-gap: var(--space-8);--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--shadow-md: 0 4px 8px rgba(0, 0, 0, 0.10);--shadow-focus: 0 0 0 3px rgba(37, 99, 235, 0.45);--transition-color: color 300ms ease, background-color 300ms ease;--transition-fast: 150ms ease}[data-theme="dark"]{--color-accent: #60a5fa;--color-accent-hover: #93c5fd;--color-bg: #0f172a;--color-bg-subtle: #1e293b;--color-bg-elevated: #334155;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-border: #334155;--color-code-bg: #1e293b;--color-shadow: rgba(0, 0, 0, 0.40)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{text-decoration-skip-ink:auto}table{border-collapse:collapse;border-spacing:0}button{background:none;border:none;cursor:pointer}hr{border:none;border-top:1px solid currentColor}[hidden]{display:none !important}.skip-link{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.skip-link:focus,.skip-link:focus-visible{position:fixed;top:var(--space-4, 1rem);left:var(--space-4, 1rem);z-index:9999;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;padding:var(--space-2, 0.5rem) var(--space-4, 1rem);background-color:var(--color-accent, #2563eb);color:var(--color-text-inverse, #fff);font-weight:600;font-size:var(--font-size-md, 1rem);text-decoration:none;border-radius:var(--border-radius-md, 6px);box-shadow:var(--shadow-md, 0 4px 8px rgba(0,0,0,0.1));outline:2px solid var(--color-text-inverse, #fff);outline-offset:2px}:focus-visible{outline:2px solid var(--color-accent, #2563eb);outline-offset:3px;border-radius:var(--border-radius-sm, 4px)}:focus:not(:focus-visible){outline:none}@font-face{font-family:'Inter';src:url("/assets/fonts/inter-var.woff2") format("woff2 supports variations"),url("/assets/fonts/inter-var.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:"Inter",var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-body);line-height:var(--line-height-body);color:var(--color-text);background-color:var(--color-bg);letter-spacing:0.01em;transition:var(--transition-color)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-sm)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);letter-spacing:-0.025em;color:var(--color-text);margin-bottom:var(--space-4)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}a:visited{color:var(--color-accent)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--border-radius-sm)}.post-content,.page-content{max-width:var(--content-max-width)}code{font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--color-code-bg);padding:2px 6px;border-radius:var(--border-radius-sm);letter-spacing:0}pre{font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--color-code-bg);padding:var(--space-4);border-radius:var(--border-radius-sm);overflow-x:auto;letter-spacing:0;line-height:1.6}pre code{background:transparent;padding:0;border-radius:0;font-size:inherit}blockquote{margin-inline:0;margin-block:var(--space-6);padding-left:var(--space-4);border-left:4px solid var(--color-border);color:var(--color-text-muted);font-style:italic}blockquote p:last-child{margin-bottom:0}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}ul,ol{padding-inline-start:var(--space-6);margin-top:0;margin-bottom:var(--space-4)}li{margin-bottom:0.25em}.post__content .table-responsive,.page-content__body .table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-6);border-radius:var(--border-radius-sm);border:1px solid var(--color-border)}.post__content table,.page-content__body table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);line-height:var(--line-height-body);margin-bottom:0}.post__content th,.page-content__body th{padding:var(--space-2) var(--space-3);text-align:left;font-weight:var(--font-weight-heading);color:var(--color-text);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);white-space:nowrap}.post__content td,.page-content__body td{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);color:var(--color-text);vertical-align:top}.post__content tbody tr:nth-child(even) td,.page-content__body tbody tr:nth-child(even) td{background-color:var(--color-bg-subtle)}.post__content tbody tr:hover td,.page-content__body tbody tr:hover td{background-color:var(--color-bg-elevated)}.post__content table:not(.table-responsive table),.page-content__body table:not(.table-responsive table){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-6)}strong,b{font-weight:var(--font-weight-heading)}em,i{font-style:italic}small{font-size:var(--font-size-sm)}html{overflow-x:hidden}body{overflow-x:hidden}.site-layout{display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;min-height:100dvh}@media screen and (min-width: 1024px){.site-layout{grid-template-areas:"header main" "header footer";grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr auto}}.site-header{grid-area:header}.site-main{grid-area:main;min-width:0;padding:var(--space-8) var(--space-6)}@media screen and (min-width: 768px){.site-main{padding:var(--space-8)}}.site-footer{grid-area:footer}.site-header{background-color:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);border-right:none;transition:var(--transition-color);padding:var(--space-4) var(--space-6)}@media screen and (min-width: 1024px){.site-header{border-bottom:none;border-right:1px solid var(--color-border);position:sticky;top:0;height:100dvh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;padding:var(--space-6)}}.site-footer{background-color:var(--color-bg-subtle);border-top:1px solid var(--color-border);padding:var(--space-8) var(--space-6);transition:var(--transition-color)}.site-footer__copyright{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.site-footer__copyright a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--transition-fast)}.site-footer__copyright a:hover{color:var(--color-accent-hover)}.site-nav{position:relative}@media screen and (min-width: 1024px){.site-nav{display:flex;flex-direction:column;height:100%}}.site-nav__author{padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4);display:flex;flex-direction:column;align-items:flex-start}.site-nav--open .site-nav__author{display:flex}.site-nav__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}@media screen and (min-width: 1024px){.site-nav__topbar{display:none}}.site-nav__topbar-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.site-nav__site-name{font-size:var(--font-size-md);font-weight:var(--font-weight-heading);color:var(--color-text);text-decoration:none}.site-nav__site-name:hover{color:var(--color-accent)}.site-nav__avatar{width:75px;height:75px;border-radius:50%;object-fit:cover;margin-bottom:var(--space-4)}.site-nav__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);margin-bottom:var(--space-1);color:var(--color-text)}.site-nav__bio{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:0}.site-nav__toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;display:flex;background:none;border:1px solid transparent;cursor:pointer;padding:var(--space-2);border-radius:var(--border-radius-sm);color:var(--color-text);flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.site-nav__toggle:hover{background-color:var(--color-bg-elevated)}.site-nav__toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-color:var(--color-accent)}@media screen and (min-width: 1024px){.site-nav__toggle{display:none}}.site-nav__toggle-bar{display:block;width:22px;height:2px;background-color:currentColor;border-radius:2px;transition:transform 280ms ease, opacity 280ms ease;align-self:center}.site-nav--open .site-nav__list{max-height:800px}.site-nav--open .site-nav__toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-nav--open .site-nav__toggle-bar:nth-child(2){opacity:0;transform:scaleX(0)}.site-nav--open .site-nav__toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-nav__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1);max-height:0;overflow:hidden;transition:max-height 280ms ease-out;will-change:max-height}.site-nav__list[hidden]{display:block}@media screen and (min-width: 1024px){.site-nav__list{max-height:none;overflow:visible}.site-nav__list[hidden]{display:flex}}.site-nav__link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;flex-direction:row;justify-content:flex-start;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-left:3px solid transparent;border-radius:var(--border-radius-sm);color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-md);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.site-nav__link:hover{background-color:var(--color-bg-elevated);color:var(--color-text)}.site-nav__link:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.site-nav__link--active{background-color:var(--color-bg-elevated);color:var(--color-accent);font-weight:var(--font-weight-heading);border-left-color:var(--color-accent)}.site-nav__link--active:hover{color:var(--color-accent-hover);border-left-color:var(--color-accent-hover)}.site-nav__icon{flex-shrink:0;width:16px;height:16px;fill:currentColor}.theme-toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;position:relative;top:auto;right:auto;z-index:auto;flex-shrink:0;background-color:var(--color-bg-subtle);color:var(--color-text);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;padding:0;transition:color 300ms ease,background-color 300ms ease,border-color 300ms ease,box-shadow var(--transition-fast);will-change:color, background-color}.theme-toggle:hover{background-color:var(--color-bg-elevated);border-color:var(--color-accent);color:var(--color-accent)}.theme-toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-color:var(--color-accent)}.theme-toggle:active{transform:scale(0.92)}.theme-toggle__icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:opacity 300ms ease, transform 300ms ease}.theme-toggle__icon--sun{opacity:1;transform:scale(1) rotate(0deg)}.theme-toggle__icon--moon{position:absolute;opacity:0;transform:scale(0.6) rotate(-30deg)}.theme-toggle[aria-pressed="true"]{background-color:var(--color-bg-subtle);border-color:var(--color-border);color:var(--color-text)}.theme-toggle[aria-pressed="true"] .theme-toggle__icon--sun{opacity:0;transform:scale(0.6) rotate(30deg)}.theme-toggle[aria-pressed="true"] .theme-toggle__icon--moon{opacity:1;transform:scale(1) rotate(0deg);position:static}.theme-toggle[aria-pressed="true"]:hover{background-color:var(--color-bg-elevated);border-color:var(--color-accent);color:var(--color-accent)}.theme-toggle--desktop{display:none}@media screen and (min-width: 1024px){.theme-toggle--desktop{display:inline-flex;position:static;align-self:flex-end;margin-bottom:var(--space-4)}}.post{max-width:var(--content-max-width);margin-inline:auto;padding:var(--space-6) var(--space-4)}@media screen and (min-width: 768px){.post{padding:var(--space-8) var(--space-6)}}.post__header{margin-bottom:var(--space-8)}.post__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);letter-spacing:-0.025em;color:var(--color-text);margin-bottom:var(--space-4)}.post__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.post__reading-time::before{content:'·';margin-right:var(--space-2)}.post__categories a{color:var(--color-accent);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.post__categories a:hover{color:var(--color-accent-hover);text-decoration:underline}.post__tags{display:flex;flex-wrap:wrap;gap:var(--space-1);list-style:none;padding:0;margin:0}.post__cover{margin-bottom:var(--space-6);border-radius:var(--border-radius-md);overflow:hidden}.post__cover-image{display:block;width:100%;height:auto;object-fit:cover;border-radius:var(--border-radius-md)}.post__content{max-width:var(--content-max-width)}.post__content>*+*{margin-top:var(--space-4)}.post__content img{display:block;max-width:100%;height:auto;border-radius:var(--border-radius-sm);margin-inline:auto;content-visibility:auto}.post__content pre{overflow-x:auto;border-radius:var(--border-radius-sm)}.post__content blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-4);margin-inline:0;color:var(--color-text-muted);font-style:italic}.post__footer{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-8)}.related-posts{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border);max-width:var(--content-max-width);margin-inline:auto}.related-posts__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-heading);margin-bottom:var(--space-6);color:var(--color-text)}.related-posts__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-6)}@media screen and (min-width: 768px){.related-posts__list{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:var(--space-6)}}.post-pagination{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border);max-width:var(--content-max-width);margin-inline:auto}.post-pagination__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}@media screen and (min-width: 480px){.post-pagination__list{flex-direction:row;justify-content:space-between}}.post-pagination__item{flex:1}@media screen and (min-width: 480px){.post-pagination__item--next{text-align:right}}.post-pagination__link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;display:flex;align-items:flex-start;gap:var(--space-2);color:var(--color-text);text-decoration:none;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-bg-subtle);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.post-pagination__link:hover{background-color:var(--color-bg-elevated);border-color:var(--color-accent);color:var(--color-accent)}.post-pagination__link:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}@media screen and (min-width: 480px){.post-pagination__link--next{flex-direction:row-reverse;justify-content:flex-start}}.post-pagination__arrow{font-size:var(--font-size-lg);line-height:1;flex-shrink:0}.post-pagination__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);display:block;text-transform:uppercase;letter-spacing:0.05em}.post-pagination__title{font-size:var(--font-size-md);font-weight:500;display:block;margin-top:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-content{max-width:var(--content-max-width);margin-inline:auto;padding:var(--space-6) var(--space-4)}@media screen and (min-width: 768px){.page-content{padding:var(--space-8) var(--space-6)}}.page-content__header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.page-content__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);letter-spacing:-0.025em;color:var(--color-text);margin-bottom:var(--space-2)}.page-content__subtitle{font-size:var(--font-size-xl);font-weight:500;color:var(--color-text-muted);margin-top:var(--space-2);margin-bottom:0}.page-content__description{font-size:var(--font-size-md);color:var(--color-text-muted);margin-top:var(--space-3);line-height:var(--line-height-body)}.page-content__body>*+*{margin-top:var(--space-4)}.page-content__body img{display:block;max-width:100%;height:auto;border-radius:var(--border-radius-sm);margin-inline:auto}.page-content__body blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-4);margin-inline:0;color:var(--color-text-muted);font-style:italic}.page-content__body pre{overflow-x:auto;border-radius:var(--border-radius-sm)}.category-archive{max-width:var(--content-max-width);margin-inline:auto;padding:var(--space-6) var(--space-4)}@media screen and (min-width: 768px){.category-archive{padding:var(--space-8) var(--space-6)}}.category-archive__header{margin-bottom:var(--space-6)}.category-archive__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);letter-spacing:-0.025em;color:var(--color-text)}.category-archive__category-name{font-style:normal;color:var(--color-accent)}.category-archive__filter{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.category-archive__filter .tag-filter{gap:var(--space-3)}.category-archive__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-6)}.category-archive__item{display:block}.category-archive__empty{font-size:var(--font-size-md);color:var(--color-text-muted);padding:var(--space-8) 0;text-align:center}.post-card{container-type:inline-size;container-name:post-card;contain:layout style;background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-card__layout{display:block}@container post-card (min-width: 400px){.post-card__layout{display:flex;gap:var(--space-4);align-items:flex-start}}.post-card__thumbnail{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--border-radius-sm);margin-bottom:var(--space-4)}@container post-card (min-width: 400px){.post-card__thumbnail{flex-shrink:0;width:120px;aspect-ratio:1;margin-bottom:0}}.post-card__body{flex:1;min-width:0}.post-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-heading);margin-bottom:var(--space-2);line-height:var(--line-height-heading)}.post-card__title a{color:var(--color-text);text-decoration:none}.post-card__title a:hover{color:var(--color-accent);text-decoration:underline}.post-card__meta{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.post-card__excerpt{font-size:var(--font-size-md);color:var(--color-text-muted);margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__reading-time{font-size:var(--font-size-sm);color:var(--color-text-muted)}.post-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-3)}.post-card--featured{border-left:3px solid var(--color-accent);padding-left:calc(var(--space-6) - 3px)}.projects-page{padding:var(--space-6) var(--space-4)}@media screen and (min-width: 768px){.projects-page{padding:var(--space-8) var(--space-6)}}.projects-page__resume{margin-bottom:var(--space-6)}.project-grid{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media screen and (min-width: 768px){.project-grid{grid-template-columns:repeat(2, 1fr)}}.project-card{container-type:inline-size;container-name:project-card;contain:layout style;background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-card__thumb-link{display:block;overflow:hidden}.project-card__thumb-link:hover .project-card__thumb{transform:scale(1.03);transition:transform 300ms ease}.project-card__thumb{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background-color:var(--color-bg-elevated);transition:transform 300ms ease}.project-card__body{padding:var(--space-4) var(--space-6) var(--space-6)}.project-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-heading);margin-bottom:var(--space-2);line-height:var(--line-height-heading)}.project-card__title a{color:var(--color-text);text-decoration:none}.project-card__title a:hover{color:var(--color-accent)}.project-card__description{font-size:var(--font-size-md);color:var(--color-text-muted);margin-bottom:var(--space-4)}.project-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.project-card__actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.project-card__date{font-size:var(--font-size-sm);color:var(--color-text-muted);align-self:center;margin-left:auto;white-space:nowrap}.project-card__btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background-color:var(--color-accent);color:var(--color-text-inverse);border-radius:var(--border-radius-sm);border:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-heading);text-decoration:none;transition:background-color var(--transition-fast)}.project-card__btn:hover{background-color:var(--color-accent-hover);color:var(--color-text-inverse)}.project-card__btn--secondary{background-color:transparent;color:var(--color-accent);border:1px solid var(--color-border)}.project-card__btn--secondary:hover{background-color:var(--color-bg-elevated);color:var(--color-accent)}.gallery{display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));gap:var(--space-3)}.gallery__trigger{display:block;overflow:hidden;border-radius:var(--border-radius-sm);border:2px solid transparent;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.gallery__trigger:hover,.gallery__trigger:focus-visible{border-color:var(--color-accent);box-shadow:var(--shadow-focus);outline:none}.gallery__trigger img{display:block;width:100%;height:100%;object-fit:cover}.gallery__modal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,0.85);display:flex;align-items:center;justify-content:center;animation:gallery-fade-in 200ms ease forwards}@media (prefers-reduced-motion: reduce){.gallery__modal{animation:none}}@keyframes gallery-fade-in{from{opacity:0}to{opacity:1}}.gallery__container{position:relative;width:min(90vw, 1000px);max-height:90dvh;display:flex;flex-direction:column;align-items:center;background:var(--color-bg-subtle);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px rgba(0,0,0,0.4);padding:var(--space-6);overflow-y:auto;overscroll-behavior:contain}.gallery__content{width:100%;display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:0}.gallery__img{display:block;max-width:100%;max-height:65dvh;width:auto;height:auto;object-fit:contain;border-radius:var(--border-radius-md);animation:gallery-img-in 180ms ease forwards}@media (prefers-reduced-motion: reduce){.gallery__img{animation:none}}@keyframes gallery-img-in{from{opacity:0;transform:scale(0.97)}to{opacity:1;transform:scale(1)}}.gallery__iframe{display:block;width:95vw;height:95dvh;border:none;border-radius:var(--border-radius-md);background:var(--color-bg)}.gallery__nav{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.55);color:#ffffff;border:none;border-radius:var(--border-radius-md);cursor:pointer;padding:var(--space-2);transition:background var(--transition-fast),box-shadow var(--transition-fast)}.gallery__nav:hover,.gallery__nav:focus-visible{background:rgba(0,0,0,0.85);box-shadow:var(--shadow-focus);outline:none}@media (prefers-reduced-motion: reduce){.gallery__nav{transition:none}}.gallery__nav svg{display:block;pointer-events:none}.gallery__nav--prev{left:var(--space-2)}.gallery__nav--next{right:var(--space-2)}@media screen and (min-width: 768px){.gallery__nav--prev{left:calc(-1 * var(--space-8))}.gallery__nav--next{right:calc(-1 * var(--space-8))}}.gallery__thumbs{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;max-height:120px;overflow-y:auto;overscroll-behavior:contain;margin-top:var(--space-4);width:100%}.gallery__thumb{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:2px solid transparent;border-radius:var(--border-radius-sm);background:none;cursor:pointer;overflow:hidden;flex-shrink:0;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}@media (prefers-reduced-motion: reduce){.gallery__thumb{transition:none}}.gallery__thumb img{display:block;width:60px;height:60px;object-fit:cover;border-radius:calc(var(--border-radius-sm) - 2px)}.gallery__thumb:hover,.gallery__thumb:focus-visible{border-color:var(--color-accent);box-shadow:var(--shadow-focus);outline:none}.gallery__thumb--active{border-color:var(--color-accent);opacity:1}.gallery__thumb:not(.gallery__thumb--active){opacity:0.65}.gallery__thumb:not(.gallery__thumb--active):hover,.gallery__thumb:not(.gallery__thumb--active):focus-visible{opacity:1}.gallery__close{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;position:absolute;top:var(--space-2);right:var(--space-2);z-index:1;background:rgba(0,0,0,0.55);color:#ffffff;border:none;border-radius:var(--border-radius-md);cursor:pointer;padding:var(--space-2);transition:background var(--transition-fast),box-shadow var(--transition-fast)}@media (prefers-reduced-motion: reduce){.gallery__close{transition:none}}.gallery__close:hover,.gallery__close:focus-visible{background:rgba(0,0,0,0.85);box-shadow:var(--shadow-focus);outline:none}.gallery__close svg{display:block;pointer-events:none}.gallery__caption{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin-top:var(--space-3);width:100%}.gallery__caption[hidden]{display:none}.search{position:relative;width:100%}.search__form{width:100%}.search__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.search__input-wrapper{position:relative;display:flex;align-items:center}.search__icon{position:absolute;left:var(--space-3);color:var(--color-text-muted);pointer-events:none;flex-shrink:0;transition:color var(--transition-fast)}.search__input{width:100%;min-height:44px;padding:var(--space-2) var(--space-4) var(--space-2) 2.75rem;border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-body);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search__input::placeholder{color:var(--color-text-muted)}.search__input:hover{border-color:var(--color-text-muted)}.search__input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus);background-color:var(--color-bg)}.search__input:focus+.search__icon,.search__input:focus ~ .search__icon{color:var(--color-accent)}.search__input:disabled{opacity:0.5;cursor:not-allowed;background-color:var(--color-bg-subtle)}.search__results{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;z-index:200;list-style:none;margin:0;padding:var(--space-2) 0;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.search__result{margin:0;padding:0}.search__result:hover,.search__result:focus-within{background-color:var(--color-bg-subtle)}.search__result--active{background-color:var(--color-bg-elevated)}.search__result--active .search__result-title{color:var(--color-accent)}.search__result-link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:var(--space-3) var(--space-4);gap:var(--space-1);color:inherit;text-decoration:none;transition:background-color var(--transition-fast)}.search__result-link:hover{background-color:var(--color-bg-subtle)}.search__result-link:focus-visible{outline:none;box-shadow:inset var(--shadow-focus)}.search__result-title{display:block;font-size:var(--font-size-md);font-weight:var(--font-weight-heading);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;transition:color var(--transition-fast)}.search__result-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-body)}.search__no-results{padding:var(--space-4) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;pointer-events:none;cursor:default}@media screen and (min-width: 768px){.search__results{box-shadow:var(--shadow-md),0 1px 2px var(--color-shadow)}}.breadcrumbs{margin-bottom:var(--space-6)}.breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.breadcrumbs__item{display:flex;align-items:center;gap:var(--space-2)}.breadcrumbs__item:not(:last-child)::after{content:'/';color:var(--color-border);speak:never}.breadcrumbs__item--current{font-weight:500;color:var(--color-text)}.breadcrumbs__link{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.breadcrumbs__link:hover{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.breadcrumbs__link:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:var(--border-radius-sm)}.breadcrumbs__current{color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}@media screen and (min-width: 768px){.breadcrumbs__current{max-width:400px}}@media screen and (min-width: 1024px){.breadcrumbs__current{max-width:60ch}}.pagination{margin-top:var(--space-8);margin-bottom:var(--space-8)}.pagination__list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);list-style:none;padding:0;margin:0}.pagination__item{display:inline-flex}.pagination__link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-body);line-height:1.4;white-space:nowrap;text-decoration:none;color:var(--color-accent);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;user-select:none;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.pagination__link:hover{color:var(--color-text-inverse);background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.pagination__link:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.pagination__link--active{color:var(--color-text-inverse);background-color:var(--color-accent);border-color:var(--color-accent);cursor:default;pointer-events:none}.pagination__link--active:hover{background-color:var(--color-accent);border-color:var(--color-accent)}.pagination__link--disabled{color:var(--color-text-muted);background-color:transparent;border-color:var(--color-border);cursor:not-allowed;pointer-events:none;opacity:0.5}.pagination__link--disabled:hover{color:var(--color-text-muted);background-color:transparent;border-color:var(--color-border)}.pagination__link--prev,.pagination__link--next{font-weight:500}.back-to-top[hidden]{display:inline-flex;opacity:0;pointer-events:none;transform:translateY(8px)}.back-to-top{position:fixed;bottom:var(--space-8);right:var(--space-6);z-index:100;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:var(--color-accent);color:var(--color-text-inverse);border:none;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md);transition:background-color var(--transition-fast),opacity 200ms ease,transform 200ms ease;opacity:1;transform:translateY(0)}.back-to-top:hover{background-color:var(--color-accent-hover);transform:translateY(-2px)}.back-to-top:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px;box-shadow:var(--shadow-focus)}.back-to-top__icon{display:block;flex-shrink:0}.social-links{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:var(--space-4) 0 0}.social-links__link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:var(--border-radius-sm);transition:color var(--transition-fast);text-decoration:none}.social-links__link:hover{color:var(--color-accent)}.social-links__link:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.social-links__icon{display:block}.share{margin:var(--space-8) 0 var(--space-6)}.share__title{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-4)}.share__list{display:flex;flex-wrap:wrap;gap:var(--space-3);list-style:none;padding:0;margin:0}.share__link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text);text-decoration:none;font-size:var(--font-size-sm);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.share__link:hover{background-color:var(--color-bg-elevated);border-color:var(--color-accent);color:var(--color-text)}.share__icon{display:block;flex-shrink:0;fill:currentColor}.newsletter{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--space-6);margin:var(--space-8) 0}.newsletter__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-heading);margin-bottom:var(--space-2);color:var(--color-text)}.newsletter__body{color:var(--color-text-muted);margin-bottom:var(--space-4)}.newsletter__form{width:100%}.newsletter__fields{display:flex;flex-direction:column;gap:var(--space-2)}.newsletter__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-heading);color:var(--color-text)}.newsletter__input-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.newsletter__input{flex:1 1 200px;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.newsletter__input::placeholder{color:var(--color-text-muted)}.newsletter__input:hover{border-color:var(--color-text-muted)}.newsletter__input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.newsletter__submit{min-height:44px;padding:var(--space-2) var(--space-6);background-color:var(--color-accent);color:var(--color-text-inverse);border:none;border-radius:var(--border-radius-sm);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-heading);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast)}.newsletter__submit:hover:not(:disabled){background-color:var(--color-accent-hover)}.newsletter__submit:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.newsletter__submit:disabled{opacity:0.65;cursor:not-allowed}.newsletter__status{margin-top:var(--space-3);font-size:var(--font-size-sm);border-radius:var(--border-radius-sm);padding:var(--space-2) var(--space-3)}.newsletter__status--success{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0}.newsletter__status--error{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca}[data-theme="dark"] .newsletter__status--success{color:#86efac;background-color:#14532d;border-color:#166534}[data-theme="dark"] .newsletter__status--error{color:#fca5a5;background-color:#7f1d1d;border-color:#991b1b}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-body);line-height:1.4;white-space:nowrap;text-decoration:none;color:var(--color-accent);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:default;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.tag--active{color:var(--color-text-inverse);background-color:var(--color-accent);border-color:var(--color-accent)}a.tag,button.tag{cursor:pointer}a.tag:hover,button.tag:hover{color:var(--color-text-inverse);background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}a.tag:focus-visible,button.tag:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.tag-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.tag-filter__btn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-body);line-height:1.4;white-space:nowrap;text-decoration:none;color:var(--color-accent);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.tag-filter__btn:hover{color:var(--color-text-inverse);background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.tag-filter__btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.tag-filter__btn--active{color:var(--color-text-inverse);background-color:var(--color-accent);border-color:var(--color-accent)}.tag-filter__btn--active:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}[data-theme="dark"]{--color-accent: #60a5fa;--color-accent-hover: #93c5fd;--color-bg: #0f172a;--color-bg-subtle: #1e293b;--color-bg-elevated: #334155;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-inverse: #0f172a;--color-border: #334155;--color-code-bg: #1e293b;--color-shadow: rgba(0, 0, 0, 0.40);--shadow-focus: 0 0 0 3px rgba(96, 165, 250, 0.50)}[data-theme="dark"] pre,[data-theme="dark"] code{background-color:var(--color-code-bg);color:var(--color-text)}[data-theme="dark"] .highlight{background-color:var(--color-code-bg);border-color:var(--color-border)}[data-theme="dark"]{scrollbar-color:var(--color-border) var(--color-bg-subtle);scrollbar-width:thin}[data-theme="dark"]::-webkit-scrollbar{width:8px;height:8px}[data-theme="dark"]::-webkit-scrollbar-track{background:var(--color-bg-subtle)}[data-theme="dark"]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px;border:2px solid var(--color-bg-subtle)}[data-theme="dark"] img:not([src$=".svg"]){filter:brightness(0.9) saturate(1.05);transition:filter 300ms ease}.u-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.u-sr-only-focusable:focus,.u-sr-only-focusable:focus-within{position:static !important;width:auto !important;height:auto !important;padding:0 !important;margin:0 !important;overflow:visible !important;clip:auto !important;white-space:normal !important}.u-truncate{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.u-no-scroll{overflow:hidden !important}.u-hidden{display:none !important}.u-block{display:block !important}.u-flex{display:flex !important}.u-text-muted{color:var(--color-text-muted) !important}.u-text-small{font-size:var(--font-size-sm) !important}.u-text-center{text-align:center !important}.svg-sprite{display:none !important;position:absolute !important;width:0 !important;height:0 !important;overflow:hidden !important}.highlight{background:#fff}.highlighter-rouge .highlight{background:#eef}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}