.page-shell{min-height:100vh;display:flex;flex-direction:column}.page-shell__main{flex:1;max-width:var(--max-width);margin:0 auto;padding:var(--space-8) var(--space-6);width:100%}.top-bar{max-width:var(--max-width);margin:0 auto;padding:var(--space-6) var(--space-6);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);border-bottom:var(--border-default);width:100%;font-family:var(--font-ui)}.top-bar__brand{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-accent);text-decoration:none}.top-bar__brand:hover{text-decoration:none}.top-bar__nav{display:flex;align-items:center;gap:var(--space-6)}.top-bar__link{font-size:var(--font-size-small);color:var(--color-text-muted);text-decoration:none;transition:color var(--motion-fast)}.top-bar__link:hover{color:var(--color-text);text-decoration:none}.top-bar__link.is-active{color:var(--color-accent);font-weight:var(--font-weight-medium)}.top-bar__menu-btn{display:none;padding:var(--space-2);color:var(--color-text)}@media(max-width:640px){.top-bar__nav{display:none;flex-direction:column;align-items:flex-start;width:100%;gap:var(--space-4);padding-top:var(--space-4)}.top-bar__nav.is-open{display:flex}.top-bar__menu-btn{display:block}}.section-header{margin-bottom:var(--space-8)}.section-header__label{font-family:var(--font-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-2)}.section-header__title{font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);color:var(--color-text);margin-bottom:var(--space-3)}.section-header__description{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-muted);max-width:34rem}.card-grid{display:grid;gap:var(--space-4)}.card-grid--3col{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.card-grid--2col{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.card-grid__item{display:block;padding:var(--space-6);background:var(--color-surface);border:var(--border-default);border-left:3px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);text-decoration:none;transition:border-color var(--motion-normal),box-shadow var(--motion-normal)}.card-grid__item:hover{border-color:var(--color-accent);border-left-color:var(--color-accent);box-shadow:var(--shadow-raised);text-decoration:none}.card-grid__item[data-category="AI Agent Infrastructure"]{border-left-color:var(--color-cat-infra)}.card-grid__item[data-category=Educational]{border-left-color:var(--color-cat-educational)}.card-grid__item[data-category="Analytical & Research"]{border-left-color:var(--color-cat-research)}.card-grid__item[data-category="Business Process Automation"]{border-left-color:var(--color-cat-automation)}.card-grid__meta{font-family:var(--font-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);letter-spacing:.03em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.card-grid__title{font-family:var(--font-heading);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.card-grid__description{font-size:var(--font-size-small);line-height:var(--line-height-small);color:var(--color-text-muted)}.card-grid__footer{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-family:var(--font-ui);font-size:var(--font-size-label);color:var(--color-text-muted)}.card-grid__reading-time{display:flex;align-items:center;gap:var(--space-1)}.card-grid__date{font-family:var(--font-ui);font-size:var(--font-size-label);color:var(--color-text-muted);margin-bottom:var(--space-2)}.filter-panel{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-8);font-family:var(--font-ui)}.filter-panel__pill{padding:var(--space-2) var(--space-4);border-radius:20px;font-size:var(--font-size-label);font-weight:var(--font-weight-medium);background:var(--color-accent-soft);color:var(--color-accent);cursor:pointer;border:none;transition:background-color var(--motion-fast),color var(--motion-fast)}.filter-panel__pill:hover,.filter-panel__pill.is-active{background:var(--color-accent);color:var(--color-surface)}.stream-section{margin-bottom:var(--space-12)}.stream-section__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--border-default);font-family:var(--font-ui)}.stream-section__label{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-accent)}.stream-section__link{font-size:var(--font-size-small);color:var(--color-accent)}.site-footer{max-width:var(--max-width);margin:0 auto;padding:var(--space-6);border-top:var(--border-default);font-family:var(--font-ui);font-size:var(--font-size-label);color:var(--color-text-muted);display:flex;justify-content:space-between;align-items:center;width:100%}.site-footer__links{display:flex;gap:var(--space-4)}.site-footer__links a{color:var(--color-text-muted)}.site-footer__links a:hover{color:var(--color-accent)}.detail__breadcrumb{font-family:var(--font-ui);font-size:var(--font-size-label);color:var(--color-text-muted);margin-bottom:var(--space-6)}.detail__breadcrumb a{color:var(--color-accent)}.detail__sep{margin:0 var(--space-2);color:var(--color-border)}.detail__title{font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin-bottom:var(--space-4)}.detail__lead{font-size:1.125rem;line-height:var(--line-height-body);color:var(--color-text-muted);margin-bottom:var(--space-8)}.detail__reading-time{font-family:var(--font-ui);font-size:var(--font-size-label);color:var(--color-text-muted);margin-bottom:var(--space-8)}.detail__reference{font-size:var(--font-size-small);color:var(--color-text-muted);margin-bottom:var(--space-8);word-break:break-all}.detail__nav{display:flex;justify-content:space-between;margin-top:var(--space-12);padding-top:var(--space-6);border-top:var(--border-default);font-family:var(--font-ui);font-size:var(--font-size-small)}.detail__nav a{color:var(--color-accent)}.status-badge{display:inline-block;font-family:var(--font-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;border:1px solid currentColor}.status-badge--active{color:var(--color-accent)}.status-badge--maintained{color:var(--color-text-muted)}.status-badge--archived{color:var(--color-text-muted);opacity:.7}.status-badge--planned{color:var(--color-accent);font-style:italic}.category-group{margin-bottom:var(--space-12)}.category-group__heading{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);color:var(--color-text);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--border-default)}.project-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;margin-bottom:var(--space-8);font-family:var(--font-ui);font-size:var(--font-size-small);color:var(--color-text-muted)}.project-meta__item{display:flex;align-items:center;gap:var(--space-2)}.project-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-8);font-family:var(--font-ui)}.project-actions__link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-accent);text-decoration:none;transition:border-color var(--motion-normal),background-color var(--motion-normal)}.project-actions__link:hover{border-color:var(--color-accent);background:var(--color-accent-soft);text-decoration:none}.talk-cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-accent);color:var(--color-surface);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);text-decoration:none;transition:background-color var(--motion-normal);margin-bottom:var(--space-8)}.talk-cta:hover{background:var(--color-accent-strong);text-decoration:none}.related-projects{margin-top:var(--space-12);padding-top:var(--space-8);border-top:var(--border-default)}.related-projects__heading{font-family:var(--font-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4)}.prose{max-width:var(--content-width);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text)}.prose--wide{max-width:clamp(40rem,72vw,48rem)}.prose h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin-top:var(--space-12);margin-bottom:var(--space-4);color:var(--color-text)}.prose h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin-top:var(--space-8);margin-bottom:var(--space-3);color:var(--color-text)}.prose p{margin-bottom:var(--space-6)}.prose ul,.prose ol{padding-left:var(--space-6);margin-bottom:var(--space-6);list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:var(--space-2)}.prose blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-6);margin:var(--space-8) 0;color:var(--color-text-muted);font-style:italic}.prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.prose a:hover{color:var(--color-accent-strong)}.prose code{font-family:var(--font-mono);font-size:.875em;background:var(--color-surface-muted);padding:.15em .4em;border-radius:var(--radius-sm)}.prose pre{background:var(--color-surface-muted);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);border:var(--border-default);overflow-x:auto;margin-bottom:var(--space-6)}.prose pre code{background:none;padding:0;font-size:var(--font-size-small);line-height:1.5}.prose img{border-radius:var(--radius-md);margin:var(--space-8) 0}.prose hr{border:none;border-top:var(--border-default);margin:var(--space-8) 0}.prose strong{font-weight:var(--font-weight-semibold)}.prose svg{background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);margin:var(--space-8) auto}.prose .callout{background:var(--color-surface);border:var(--border-default);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);margin:var(--space-8) 0}.prose .callout>:last-child{margin-bottom:0}.prose .callout--note{border-left-color:var(--color-cat-infra)}.prose .callout--insight{border-left-color:var(--color-cat-research)}.prose .callout--warning{border-left-color:#c2553a}.prose figure{margin:var(--space-8) 0}.prose figure svg{margin:0 auto var(--space-3)}.prose figcaption{font-family:var(--font-ui);font-size:var(--font-size-label);color:var(--color-text-muted);text-align:center;line-height:var(--line-height-small)}.prose table{width:100%;border-collapse:collapse;margin:var(--space-8) 0;font-size:var(--font-size-small)}.prose th{font-family:var(--font-ui);font-weight:var(--font-weight-semibold);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--color-border);color:var(--color-text)}.prose td{padding:var(--space-3) var(--space-4);border-bottom:var(--border-default);vertical-align:top}.prose tr:last-child td{border-bottom:none}