.topnav{position:fixed;top:0;left:0;right:0;z-index:50;height:64px;background:var(--color-surface);border-bottom:1px solid var(--color-outline-variant);box-shadow:var(--shadow-nav)}.topnav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--space-container-max);margin:0 auto;padding:0 var(--space-margin-desktop)}.topnav-brand{display:flex;flex-direction:column;line-height:1.1;text-decoration:none}.topnav-brand-name{font:var(--font-headline-sm);font-weight:800;color:var(--color-primary);letter-spacing:-.01em}.topnav-brand-subtitle{font-size:11px;font-weight:400;color:var(--color-on-surface-variant);margin-top:2px}.topnav-menu{display:flex;align-items:center;gap:24px;margin-left:32px}.topnav-link{font:var(--font-label-md);color:var(--color-on-surface-variant);padding:22px 0;border-bottom:2px solid transparent;text-decoration:none;transition:color var(--transition-default),border-color var(--transition-default)}.topnav-link.is-active,.topnav-link:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}.topnav-icons{display:flex;align-items:center;gap:8px;margin-left:auto}.topnav-icon-btn{padding:8px;background:0 0;border:0;border-radius:var(--radius-full);color:var(--color-on-surface-variant);transition:background-color var(--transition-default),color var(--transition-default)}.topnav-icon-btn:hover{background:var(--color-surface-container-high);color:var(--color-primary)}.topnav-hamburger{display:none;padding:8px;background:0 0;border:0;border-radius:var(--radius-sm);color:var(--color-on-surface);margin-left:8px}@media (max-width:991px){.topnav-menu{display:none}.topnav-hamburger{display:inline-flex}}main{padding-top:64px;padding-bottom:48px;min-height:calc(100vh - 64px)}main>.container{max-width:var(--space-container-max);margin-left:auto;margin-right:auto;padding-left:var(--space-margin-desktop);padding-right:var(--space-margin-desktop)}.hero{position:relative;height:480px;overflow:hidden;background:var(--color-primary-container)}.hero--post{height:auto;min-height:400px;background:var(--color-inverse-surface)}.hero--post .hero-content{padding-top:72px}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.8;mix-blend-mode:overlay}.hero--post .hero-bg{opacity:.6;mix-blend-mode:normal}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--color-on-surface) 0,rgba(16,28,43,.4) 60%,transparent 100%)}.hero-content{position:relative;max-width:var(--space-container-max);height:100%;margin:0 auto;padding:0 var(--space-margin-desktop) var(--space-margin-desktop);display:flex;flex-direction:column;justify-content:flex-end;color:#fff}.hero-tags{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.hero-tag{background:var(--color-primary);color:var(--color-on-primary);padding:4px 12px;border-radius:var(--radius-sm);font:var(--font-label-md);text-transform:uppercase;letter-spacing:.05em}.hero-tag--ghost{background:rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff}.hero-tag--container{background:var(--color-primary-container);color:var(--color-on-primary-container)}.hero-tag--secondary{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.hero-title{font:var(--font-headline-lg);color:#fff;margin:0 0 16px;max-width:var(--space-reading-width)}.hero-excerpt{font:var(--font-body-lg);opacity:.9;max-width:640px;margin:0 0 24px}.hero-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero-cta{background:var(--color-primary);color:var(--color-on-primary);padding:8px 24px;border-radius:var(--radius-default);font:var(--font-label-md);border:0;text-decoration:none;display:inline-block;transition:background-color var(--transition-default),transform var(--transition-default)}.hero-cta:hover{background:var(--color-primary-container)}.hero-cta:active{transform:scale(.95)}.hero-meta-text{font:var(--font-caption);opacity:.7}.hero-author{display:flex;align-items:center;gap:16px;color:#fff}.hero-author-avatar{width:48px;height:48px;border-radius:var(--radius-full);border:2px solid var(--color-primary-fixed);overflow:hidden;background:var(--color-surface-container);flex-shrink:0}.hero-author-avatar img{width:100%;height:100%;object-fit:cover}.hero-author-name{font:var(--font-label-md);margin:0}.hero-author-meta{font:var(--font-caption);opacity:.8;margin:0}.hero-slim{background:var(--color-surface);border-bottom:1px solid var(--color-outline-variant);padding:32px var(--space-margin-desktop);text-align:center}.hero-slim-title{font:var(--font-headline-md);margin:0 0 8px}.hero-slim-subtitle{font:var(--font-body-md);color:var(--color-on-surface-variant);margin:0}.ad-slot{display:flex;align-items:center;justify-content:center;background:var(--color-surface-container-low);border:1px dashed var(--color-outline-variant);color:var(--color-on-surface-variant);font:var(--font-caption);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-sm);text-align:center;padding:12px}.ad-slot--leaderboard{height:90px;margin:24px auto 0;max-width:728px}.ad-slot--sidebar{width:100%;min-height:240px;flex-direction:column;aspect-ratio:3/4}.ad-slot--in-feed{height:120px;margin:16px 0}.ad-slot--in-article{height:80px;margin:32px 0}.ads-disabled .ad-slot{display:none}.grid-8-4{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:0 var(--space-margin-desktop);margin-top:var(--space-board-offset);position:relative;z-index:10;max-width:var(--space-container-max);margin-left:auto;margin-right:auto}@media (min-width:992px){.grid-8-4{grid-template-columns:8fr 4fr;gap:24px}}.board{background:var(--color-surface-container-lowest);border-radius:var(--radius-default);padding:32px;box-shadow:var(--shadow-board);transition:box-shadow var(--transition-slow)}.board{min-width:0}.board:hover{box-shadow:var(--shadow-board-hover)}.board-header{font:var(--font-headline-sm);border-bottom:1px solid var(--color-outline-variant);padding-bottom:16px;margin:0 0 24px}.board-header-meta{font:var(--font-caption);color:var(--color-on-surface-variant);font-weight:400;margin-left:8px}.post-card{display:flex;gap:24px;padding:16px 0;cursor:pointer;text-decoration:none;color:inherit;transition:transform var(--transition-slow)}.post-card+.post-card{border-top:1px solid var(--color-outline-variant)}.post-card:hover{transform:translateY(-2px)}.post-card-thumb{flex-shrink:0;width:192px;height:128px;overflow:hidden;border-radius:var(--radius-default);background:var(--color-surface-container)}.post-card-thumb .post-card-thumb-placeholder,.post-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.post-card-thumb-placeholder{background:linear-gradient(135deg,var(--color-primary-container),var(--color-tertiary-container))}.post-card:hover .post-card-thumb img,.post-card:hover .post-card-thumb-placeholder{transform:scale(1.1)}.post-card-body{flex:1;min-width:0}.post-card-title{font:var(--font-headline-sm);color:var(--color-primary);margin:0 0 8px}.post-card:hover .post-card-title{text-decoration:underline}.post-card-excerpt{font:var(--font-body-md);color:var(--color-on-surface-variant);margin:0 0 16px;line-clamp:3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card-meta{display:flex;align-items:center;gap:16px;font:var(--font-caption);color:var(--color-on-surface-variant);flex-wrap:wrap}.post-card-meta-author{font-weight:600}.sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-card{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);padding:24px}.sidebar-card--featured{background:var(--color-primary);color:var(--color-on-primary);border:0}.sidebar-card-title{font:var(--font-headline-sm);margin:0 0 16px}.sidebar-card-title--label{font:var(--font-label-md);text-transform:uppercase;letter-spacing:.1em;color:var(--color-on-surface-variant);margin:0 0 12px}.sidebar-card-text{font:var(--font-body-md);color:var(--color-on-surface-variant);margin:0 0 16px}.sidebar-card--featured .sidebar-card-text{color:rgba(255,255,255,.9)}.sidebar-form{display:flex;flex-direction:column;gap:12px}.sidebar-input{width:100%;padding:8px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:#fff;font:var(--font-body-md);transition:border-color var(--transition-default)}.sidebar-input::placeholder{color:rgba(255,255,255,.5)}.sidebar-input:focus{outline:0;border-color:#fff}.sidebar-button{width:100%;background:#fff;color:var(--color-primary);font:var(--font-label-md);font-weight:700;padding:8px 16px;border:0;border-radius:var(--radius-sm);transition:background-color var(--transition-default),transform var(--transition-default)}.sidebar-button:hover{background:var(--color-secondary-container)}.sidebar-button:active{transform:scale(.95)}.sidebar-tags{display:flex;flex-wrap:wrap;gap:8px}.sidebar-tag{display:inline-block;padding:4px 12px;background:var(--color-surface-container-high);color:var(--color-primary);font:var(--font-label-md);border-radius:var(--radius-sm);text-decoration:none;transition:background-color var(--transition-default),color var(--transition-default)}.sidebar-tag:hover{background:var(--color-primary-container);color:var(--color-on-primary-container)}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-link{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-default);background:var(--color-surface-container);color:var(--color-on-surface);font:var(--font-label-md);text-decoration:none;transition:background-color var(--transition-default),color var(--transition-default)}.social-link:hover{background:var(--color-surface-container-high);color:var(--color-primary)}.alert-note{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:0 var(--radius-default) var(--radius-default) 0;border-left:6px solid var(--color-primary);background:rgba(10,89,164,.1);margin:32px 0}.alert-note--info{border-left-color:var(--color-alert-info);background:rgba(66,139,202,.1)}.alert-note--success{border-left-color:var(--color-alert-success);background:rgba(92,184,92,.1)}.alert-note--warning{border-left-color:var(--color-alert-warning);background:rgba(240,173,78,.1)}.alert-note--danger{border-left-color:var(--color-alert-danger);background:rgba(217,83,79,.1)}.alert-note-header{display:flex;align-items:center;gap:8px;font:var(--font-label-md);color:var(--color-primary)}.alert-note--info .alert-note-header{color:var(--color-alert-info)}.alert-note--success .alert-note-header{color:var(--color-alert-success)}.alert-note--warning .alert-note-header{color:var(--color-alert-warning)}.alert-note--danger .alert-note-header{color:var(--color-alert-danger)}.alert-note-body{font:var(--font-body-md);color:var(--color-on-surface);margin:0}.article-content{max-width:var(--space-reading-width)}.article-content{min-width:0}.article-content>*+*{margin-top:24px}.article-content p{font:var(--font-body-lg);line-height:1.7;margin:0}.article-content h2{font:var(--font-headline-sm);margin:40px 0 12px}.article-content h3{font-weight:700;font-size:20px;line-height:1.4;margin:32px 0 8px}.article-content code{font:0.85em var(--font-family-mono);background:var(--color-surface-container);padding:1px 6px;border-radius:var(--radius-sm)}.article-content pre{background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);padding:16px;overflow-x:auto;font:0.85em var(--font-family-mono);line-height:1.5;margin:24px 0}.article-content pre code{background:0 0;padding:0;font-size:inherit}.article-content blockquote{font:var(--font-body-lg);font-style:italic;border-left:4px solid var(--color-primary);padding-left:24px;margin:0;color:var(--color-on-surface-variant)}.article-content img{border-radius:var(--radius-default);margin:24px 0}.article-content ol,.article-content ul{padding-left:24px;margin:0}.article-content li{margin:4px 0}.article-content table{width:100%;border-collapse:collapse;margin:24px 0;display:block;overflow-x:auto;max-width:100%}.article-content td,.article-content th{border:1px solid var(--color-outline-variant);padding:8px 12px;text-align:left}.article-content th{background:var(--color-surface-container);font:var(--font-label-md)}.related-list{display:flex;flex-direction:column;gap:16px}.related-item{display:flex;gap:16px;text-decoration:none;color:inherit}.related-thumb{width:80px;height:80px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface-container)}.related-thumb .post-card-thumb-placeholder,.related-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-item:hover .related-thumb .post-card-thumb-placeholder,.related-item:hover .related-thumb img{transform:scale(1.1)}.related-title{font:var(--font-label-md);font-weight:700;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-item:hover .related-title{color:var(--color-primary)}.related-meta{font:var(--font-caption);color:var(--color-on-surface-variant);margin:4px 0 0}.share-row{display:flex;align-items:center;justify-content:space-between;padding:24px 0 0;margin-top:32px;border-top:1px solid var(--color-outline-variant);flex-wrap:wrap;gap:16px}.share-buttons{display:flex;gap:12px}.share-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);background:0 0;color:var(--color-on-surface-variant);font:var(--font-label-md);transition:background-color var(--transition-default),color var(--transition-default)}.share-btn:hover{background:var(--color-surface-container);color:var(--color-primary)}.share-btn:active{transform:scale(.96)}.share-stats{display:flex;align-items:center;gap:24px}.share-stat{display:flex;align-items:center;gap:4px;font:var(--font-caption);font-weight:700;color:var(--color-on-surface-variant);cursor:pointer;transition:color var(--transition-default)}.share-stat:hover{color:var(--color-primary)}.pagination{display:flex;justify-content:center;gap:8px;margin-top:32px;flex-wrap:wrap}.pagination a,.pagination span{padding:8px 16px;border:1px solid var(--color-outline);border-radius:var(--radius-sm);font:var(--font-label-md);color:var(--color-on-surface);background:0 0;text-decoration:none;transition:background-color var(--transition-default)}.pagination a:hover{background:var(--color-surface-container-low)}.pagination .current{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.pagination .disabled{opacity:.4;cursor:not-allowed}.site-footer{background:var(--color-surface-container-low);border-top:1px solid var(--color-outline-variant);padding:48px var(--space-margin-desktop);margin-top:48px}.footer-inner{max-width:var(--space-container-max);margin:0 auto;display:flex;flex-direction:column;gap:24px;align-items:center;text-align:center}@media (min-width:768px){.footer-inner{flex-direction:row;justify-content:space-between;align-items:flex-start;text-align:left}}.footer-brand-block{max-width:360px}.footer-brand{font:var(--font-headline-sm);color:var(--color-primary);margin:0 0 8px;font-weight:800}.footer-tagline{font:var(--font-caption);color:var(--color-on-surface-variant);margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.footer-link{font:var(--font-label-md);color:var(--color-on-surface-variant);text-decoration:none;transition:color var(--transition-default)}.footer-link:hover{color:var(--color-secondary)}.mobile-grid-menu{position:fixed;inset:0;background:rgba(16,28,43,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;display:none;align-items:center;justify-content:center;padding:24px}.mobile-grid-menu.is-open{display:flex}.mobile-grid-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:480px;width:100%}.mobile-grid-tile{aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:#fff;font:var(--font-label-md);text-decoration:none;transition:transform var(--transition-default),background-color var(--transition-default)}.mobile-grid-tile:active{transform:scale(.96)}.mobile-grid-tile:hover{background:rgba(255,255,255,.16)}.mobile-grid-tile-icon{width:32px;height:32px;opacity:.9}.mobile-grid-close{position:absolute;top:24px;right:24px;background:0 0;border:0;color:#fff;padding:8px;border-radius:var(--radius-full)}.mobile-grid-close:hover{background:rgba(255,255,255,.1)}.archive-year{font:var(--font-headline-sm);margin:32px 0 16px;border-bottom:1px solid var(--color-outline-variant);padding-bottom:8px}.archive-year:first-child{margin-top:0}.archive-list{list-style:none;padding:0;margin:0 0 24px}.archive-item{display:flex;align-items:baseline;gap:16px;padding:8px 0;border-bottom:1px dashed var(--color-outline-variant);text-decoration:none;color:inherit}.archive-item:hover{background:var(--color-surface-container-low)}.archive-item-date{font:var(--font-caption);color:var(--color-on-surface-variant);flex-shrink:0;width:80px}.archive-item-title{flex:1;font:var(--font-body-md);color:var(--color-on-surface)}.archive-item:hover .archive-item-title{color:var(--color-primary)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud-item{display:inline-block;padding:6px 16px;background:var(--color-surface-container-high);color:var(--color-primary);font:var(--font-label-md);border-radius:var(--radius-full);text-decoration:none;transition:background-color var(--transition-default),color var(--transition-default)}.tag-cloud-item:hover{background:var(--color-primary);color:var(--color-on-primary)}.tag-cloud-item-count{font-size:11px;opacity:.7;margin-left:4px}.notfound{text-align:center;padding:64px var(--space-margin-desktop);max-width:var(--space-container-max);margin:0 auto}.notfound-code{font:var(--font-headline-lg);font-size:96px;color:var(--color-primary);margin:0 0 16px;opacity:.3}.notfound-title{font:var(--font-headline-md);margin:0 0 16px}.notfound-text{font:var(--font-body-md);color:var(--color-on-surface-variant);margin:0 0 32px}@media (max-width:991px){main{padding-top:64px}.hero{height:320px}.hero--post{height:320px}.hero-title{font-size:28px;line-height:1.25}.grid-8-4{grid-template-columns:1fr;padding:0 var(--space-margin-mobile)}main>.container{padding-left:var(--space-margin-mobile);padding-right:var(--space-margin-mobile)}.footer-inner{text-align:center}}@media (max-width:767px){.topnav-brand-subtitle{display:none}.topnav-inner{padding:0 var(--space-margin-mobile)}.hero-title{font-size:20px}.hero-excerpt{font-size:16px}.post-card{flex-direction:column;gap:12px}.post-card-thumb{width:100%;height:160px}.board{padding:20px}.sidebar-card{padding:16px}.ad-slot--leaderboard{height:60px}}.mobile-grid-close .icon,.topnav-hamburger .icon{width:24px;height:24px}.share-btn .icon{width:18px;height:18px}.share-stat .icon{width:16px;height:16px}.social-link .icon{width:18px;height:18px}.hero-title a{color:inherit;text-decoration:none}.hero-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.hero-decoration-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.18)}.hero-decoration-ring--a{right:-120px;top:-120px;width:360px;height:360px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1),transparent 70%)}.hero-decoration-ring--b{right:80px;bottom:-80px;width:220px;height:220px;background:radial-gradient(circle at 60% 60%,rgba(255,255,255,.06),transparent 70%)}.hero-decoration-ring--c{right:220px;top:40px;width:140px;height:140px;border-color:rgba(255,255,255,.3)}.hero-decoration-grid{position:absolute;right:0;top:0;bottom:0;width:40%;background-image:linear-gradient(to right,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to left,rgba(0,0,0,1),rgba(0,0,0,0));-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,1),rgba(0,0,0,0))}@media (max-width:991px){.hero-decoration-ring--a{width:220px;height:220px;right:-80px;top:-80px}.hero-decoration-ring--b{width:140px;height:140px;right:30px;bottom:-40px}.hero-decoration-ring--c{display:none}.hero-decoration-grid{width:60%}}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.hero-cta--ghost{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.4)}.hero-cta--ghost:hover{background:rgba(255,255,255,.28);color:#fff}.hero-stats{display:flex;align-items:stretch;gap:0;margin:0;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.2);list-style:none}.hero-stat{flex:1;min-width:0;padding:0 24px;display:flex;flex-direction:column;gap:2px}.hero-stat+.hero-stat{border-left:1px solid rgba(255,255,255,.2)}.hero-stat-label{font:var(--font-caption);color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.1em;margin:0}.hero-stat-value{font:var(--font-headline-md);color:#fff;margin:0;line-height:1.1}.hero-stat-value--date{font-size:20px;font-weight:600}@media (max-width:767px){.hero-stats{flex-wrap:wrap;gap:16px 0}.hero-stat{flex:1 1 50%;padding:0 12px;border-left:0!important}.hero-stat:nth-child(odd){border-right:1px solid rgba(255,255,255,.2)!important}.hero-stat-value{font-size:24px}}.reading-progress{position:fixed;top:64px;left:0;right:0;height:3px;background:0 0;z-index:49;pointer-events:none}.reading-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width 50ms linear}.toc{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);padding:16px 0}.toc-title{font:var(--font-label-md);text-transform:uppercase;letter-spacing:.1em;color:var(--color-on-surface-variant);margin:0;padding:0 20px 12px;border-bottom:1px solid var(--color-outline-variant);display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:0 0;border-left:0;border-right:0;border-top:0;width:100%;text-align:left}.toc-list{list-style:none;margin:0;padding:8px 0 0;max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}.toc.is-open .toc-list{max-height:800px}.toc-list-inner{padding:0;margin:0;list-style:none}.toc-item a{display:block;padding:6px 20px;font:var(--font-body-md);color:var(--color-on-surface-variant);text-decoration:none;border-left:2px solid transparent;transition:color var(--transition-default),border-color var(--transition-default),background-color var(--transition-default)}.toc-item a:hover{color:var(--color-primary);border-left-color:var(--color-primary);background:var(--color-surface-container-low)}.toc-item--h3 a{padding-left:36px;font-size:14px}.toc-empty{padding:12px 20px;color:var(--color-on-surface-variant);font:var(--font-caption);margin:0}.post-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--color-outline-variant);border-bottom:1px solid var(--color-outline-variant);margin:24px 0 32px}.post-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);background:0 0;color:var(--color-on-surface-variant);font:var(--font-label-md);text-decoration:none;transition:background-color var(--transition-default),color var(--transition-default)}.post-action-btn:hover{background:var(--color-surface-container);color:var(--color-primary)}.post-action-btn .icon{width:16px;height:16px}.post-tags{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 0}.post-tag-chip{display:inline-block;padding:4px 12px;background:rgba(255,255,255,.18);color:#fff;font:var(--font-label-md);border-radius:var(--radius-full);text-decoration:none;border:1px solid rgba(255,255,255,.3);transition:background-color var(--transition-default)}.post-tag-chip:hover{background:rgba(255,255,255,.32);color:#fff}.code-copy-btn{position:absolute;top:8px;right:8px;padding:4px 10px;font:var(--font-caption);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);color:var(--color-on-surface-variant);cursor:pointer;opacity:0;transition:opacity var(--transition-default)}.article-content pre{position:relative}.article-content pre:hover .code-copy-btn,.code-copy-btn:focus{opacity:1}.code-copy-btn:hover{background:var(--color-surface-container);color:var(--color-primary)}.code-copy-btn.is-copied{color:var(--color-alert-success);border-color:var(--color-alert-success)}.author-bio{display:flex;align-items:flex-start;gap:16px;padding:24px;margin:32px 0;background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default)}.author-bio-avatar{width:64px;height:64px;flex-shrink:0;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-container),var(--color-tertiary-container));display:flex;align-items:center;justify-content:center;color:#fff;font:var(--font-headline-md);font-weight:700}.author-bio-body{flex:1;min-width:0}.author-bio-name{font:var(--font-label-md);margin:0 0 4px;color:var(--color-primary)}.author-bio-text{font:var(--font-body-md);color:var(--color-on-surface-variant);margin:0}.author-bio-links{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}.author-bio-link{font:var(--font-caption);color:var(--color-primary);text-decoration:none}.author-bio-link:hover{text-decoration:underline}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px 0;border-top:1px solid var(--color-outline-variant);margin-top:32px}.post-nav-link{display:flex;flex-direction:column;min-width:0;gap:4px;padding:16px;background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);text-decoration:none;color:var(--color-on-surface);transition:border-color var(--transition-default),transform var(--transition-slow),box-shadow var(--transition-slow)}.post-nav-link:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.post-nav-link--next{text-align:right;align-items:flex-end}.post-nav-label{font:var(--font-caption);color:var(--color-on-surface-variant);display:inline-flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.1em}.post-nav-link--prev .post-nav-label .icon{transform:rotate(180deg)}.post-nav-title{font:var(--font-label-md);color:var(--color-primary);overflow-wrap:anywhere;margin:0}@media (max-width:600px){.post-nav{grid-template-columns:1fr}.post-nav-link--next{text-align:left;align-items:flex-start}}.archive-hero{position:relative;background:var(--color-primary-container);color:var(--color-on-primary-container);padding:64px var(--space-margin-desktop) 48px;text-align:center;overflow:hidden}.archive-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.1) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,rgba(0,0,0,0.6),transparent);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0.6),transparent);pointer-events:none}.archive-hero-inner{position:relative;max-width:var(--space-container-max);margin:0 auto}.archive-hero-title{font:var(--font-headline-lg);color:#fff;margin:0 0 8px}.archive-hero-subtitle{font:var(--font-body-lg);color:rgba(255,255,255,.85);margin:0 0 16px}.archive-hero-count{display:inline-block;padding:6px 16px;background:rgba(255,255,255,.18);color:#fff;border-radius:var(--radius-full);font:var(--font-label-md);border:1px solid rgba(255,255,255,.3)}.archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px var(--space-margin-desktop);max-width:var(--space-container-max);margin:0 auto;flex-wrap:wrap}.archive-tabs{display:flex;flex-wrap:wrap;gap:8px}.archive-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);color:var(--color-on-surface-variant);font:var(--font-label-md);text-decoration:none;transition:background-color var(--transition-default),color var(--transition-default),border-color var(--transition-default)}.archive-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.archive-tab.is-active{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.archive-tab-count{font-size:11px;opacity:.75;margin-left:2px}.search-filter{display:flex;align-items:center;gap:8px;background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);padding:4px 12px;min-width:240px}.search-filter-input{flex:1;border:0;outline:0;background:0 0;font:var(--font-body-md);color:var(--color-on-surface);padding:6px 0}.search-filter-input::placeholder{color:var(--color-on-surface-variant)}.search-filter-icon{width:16px;height:16px;color:var(--color-on-surface-variant)}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:var(--space-container-max);margin:0 auto;padding:0 var(--space-margin-desktop)}@media (max-width:991px){.archive-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.archive-grid{grid-template-columns:1fr}}.archive-grid .post-card{flex-direction:column;gap:12px;background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);padding:16px;transition:transform var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition-slow)}.archive-grid .post-card+.post-card{border-top:0}.archive-grid .post-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.archive-grid .post-card-thumb{width:100%;height:160px}.load-more-wrap{display:flex;justify-content:center;padding:32px var(--space-margin-desktop)}.load-more-btn{padding:12px 32px;border:1px solid var(--color-outline);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-primary);font:var(--font-label-md);cursor:pointer;transition:background-color var(--transition-default)}.load-more-btn:hover{background:var(--color-surface-container-low)}.load-more-btn:disabled{opacity:.4;cursor:not-allowed}.is-hidden{display:none!important}.page-meta{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-outline-variant);margin-bottom:24px;font:var(--font-caption);color:var(--color-on-surface-variant)}.page-meta-icon{width:14px;height:14px;opacity:.7}.section-icon{display:inline-block;width:1em;height:1em;margin-right:.4em;vertical-align:-.15em;color:var(--color-primary)}.callout{display:flex;min-width:0;gap:16px;padding:24px;margin:32px 0;background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-default);border-left:6px solid var(--color-primary)}.callout--questions{border-left-color:var(--color-secondary);background:rgba(0,92,186,.06)}.callout-icon{width:32px;height:32px;flex-shrink:0;color:var(--color-primary)}.callout--questions .callout-icon{color:var(--color-secondary)}.callout-body{flex:1;min-width:0}.callout-title{font:var(--font-headline-sm);margin:0 0 8px;color:var(--color-primary)}.callout--questions .callout-title{color:var(--color-secondary)}.callout-text{font:var(--font-body-md);color:var(--color-on-surface-variant);margin:0 0 12px}.callout-cta{display:inline-block;padding:8px 16px;background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-sm);font:var(--font-label-md);text-decoration:none;transition:background-color var(--transition-default)}.callout--questions .callout-cta{background:var(--color-secondary)}.callout-cta:hover{background:var(--color-primary-container)}.callout--questions .callout-cta:hover{background:var(--color-secondary-container)}.intro-panel{max-width:var(--space-container-max);margin:var(--space-board-offset) auto 0;padding:0 var(--space-margin-desktop);position:relative;z-index:5}.intro-panel-inner{display:flex;align-items:center;gap:24px;background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);padding:24px 32px;box-shadow:var(--shadow-board)}.intro-panel-avatar{flex-shrink:0;width:72px;height:72px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-surface-container);display:flex;align-items:center;justify-content:center}.intro-panel-avatar img{width:100%;height:100%;object-fit:cover;display:block}.intro-panel-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.intro-panel-name{font:var(--font-headline-sm);color:var(--color-primary);margin:0;letter-spacing:-.01em}.intro-panel-tagline{font:var(--font-label-md);color:var(--color-on-surface-variant);margin:0;letter-spacing:.02em}.intro-panel-bio{font:var(--font-body-md);color:var(--color-on-surface);margin:4px 0 8px;max-width:var(--space-reading-width)}.intro-panel-cta{align-self:flex-start;display:inline-block;font:var(--font-label-md);color:var(--color-primary);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px;transition:color var(--transition-default)}.intro-panel-cta:hover{color:var(--color-secondary)}@media (max-width:767px){.intro-panel{padding:0 var(--space-margin-mobile);margin-top:calc(var(--space-board-offset)/ 2)}.intro-panel-inner{flex-direction:column;align-items:flex-start;padding:20px;gap:12px}.intro-panel-avatar{width:56px;height:56px}.intro-panel-name{font:var(--font-headline-sm-mobile)}.intro-panel-bio{font-size:14px}}