.blog-index__intro{max-width:42rem}.blog-filters__row{display:flex;flex-wrap:wrap;gap:var(--px-3);align-items:center}.blog-filters__toolbar{display:flex;flex-direction:column;gap:var(--px-3)}@media(min-width:768px){.blog-filters__toolbar{flex-direction:row;flex-wrap:wrap;align-items:flex-end}}.blog-filters__search-wrap{flex:1 1 100%;min-width:0}@media(min-width:768px){.blog-filters__search-wrap{flex:1 1 12rem}}.blog-filters__search{width:100%}.blog-filters__tags-select{position:relative;flex:1 1 100%;min-width:0}@media(min-width:768px){.blog-filters__tags-select{flex:0 1 14rem}}.blog-filters__tags-label,.blog-filters__sort-label{margin-bottom:var(--px-1)}.blog-filters__tags-trigger{width:100%;text-align:left;cursor:pointer;position:relative;padding-right:var(--px-8)}.blog-filters__tags-trigger:after{content:"\25be";position:absolute;right:var(--px-3);top:50%;transform:translateY(-50%);color:var(--fg-secondary);pointer-events:none}.blog-filters__tags-trigger[aria-expanded=true]{border-color:var(--accent-gold);box-shadow:var(--shadow-inset),0 0 0 2px var(--bg-deep),0 0 0 4px var(--accent-gold),var(--glow-gold)}.blog-filters__tags-panel{position:absolute;z-index:20;top:calc(100% + var(--px-1));left:0;right:0;max-height:16rem;overflow-y:auto;border:var(--border-2) solid var(--border-accent);background:var(--bg-elevated);box-shadow:var(--shadow-md)}.blog-filters__tag-option{display:flex;align-items:center;gap:var(--px-3);padding:var(--px-2) var(--px-3);font-size:var(--text-sm);color:var(--fg-primary);cursor:pointer;border-bottom:var(--border-1) solid var(--border-subtle);margin:0}.blog-filters__tag-option:last-child{border-bottom:none}.blog-filters__tag-option:hover{background:var(--bg-surface)}.blog-filters__tag-option input[type=checkbox]{flex-shrink:0;width:1rem;height:1rem;margin:0;accent-color:var(--accent-gold);cursor:pointer}.blog-filters__sort-wrap{flex:1 1 auto;min-width:0}@media(min-width:768px){.blog-filters__sort-wrap{flex:0 0 auto}}.blog-filters__sort{width:100%}@media(min-width:768px){.blog-filters__sort{width:auto;min-width:10rem}}.blog-filters__clear{flex:0 0 auto;align-self:center;color:var(--fg-secondary);text-decoration:none;white-space:nowrap}@media(min-width:768px){.blog-filters__clear{align-self:flex-end;padding-bottom:var(--px-3)}}.blog-filters__clear:hover{color:var(--accent-gold)}.blog-filters__clear.is-disabled{color:var(--fg-disabled);pointer-events:none;opacity:.55}.blog-filters__tags{display:flex;flex-wrap:wrap;gap:var(--px-2)}.badge--link{text-decoration:none;color:inherit}.badge--link:hover{color:var(--accent-gold)}.badge--active{border-color:var(--accent-gold);color:var(--accent-gold)}.blog-filters__count{margin:var(--px-2) 0 0}.blog-grid{display:grid;gap:var(--px-5);grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.blog-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(4,1fr)}.blog-card__title{font-size:var(--text-base)}}.blog-card{display:flex;flex-direction:column;height:100%;padding:0;overflow:hidden;color:inherit}.blog-card__link{position:absolute;inset:0;z-index:1;text-decoration:none;color:inherit}.blog-card__tags .badge--link{position:relative;z-index:2}.blog-card__cover{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-bottom:var(--border-1) solid var(--border-subtle);background:var(--surface-1)}.blog-card__cover--placeholder{background:linear-gradient(135deg,var(--surface-1) 0%,var(--surface-2) 100%)}.blog-card__body{display:flex;flex-direction:column;gap:var(--px-3);padding:var(--px-4);flex:1}.blog-card__title{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--fg-primary);margin:0;font-weight:400}.blog-card:hover .blog-card__title{color:var(--accent-gold)}.blog-card__excerpt{margin:0;font-size:var(--text-sm);color:var(--fg-secondary);line-height:var(--leading-normal);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--px-2);font-size:var(--text-xs);color:var(--fg-secondary);margin-top:auto;padding-top:var(--px-2)}.blog-card__meta-sep{opacity:.6}.blog-card__tags{display:flex;flex-wrap:wrap;gap:var(--px-1)}.blog-post{max-width:42rem;margin-inline:auto}.blog-post__header{margin-bottom:var(--px-6)}.blog-post__title{font-family:var(--font-body);font-size:var(--text-2xl);font-weight:400;line-height:var(--leading-snug);color:var(--fg-primary);margin:var(--px-4) 0 var(--px-3);text-transform:none;letter-spacing:var(--tracking-tight)}.blog-post__meta{margin:0}.blog-post__cover{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border:var(--border-2) solid var(--border-subtle);margin-top:var(--px-4);box-shadow:var(--edge-chroma),var(--shadow-md)}.blog-post__body.prose{padding-inline:0;max-width:65ch;font-size:var(--text-base);line-height:1.8}.blog-post__body.prose h2{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;text-transform:none;letter-spacing:var(--tracking-tight);color:var(--fg-primary);margin-top:2.5em;margin-bottom:var(--px-3);padding-top:var(--px-5)}.blog-post__body.prose h3{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;text-transform:none;letter-spacing:normal;color:var(--fg-primary)}.blog-post__body.prose p{margin:0 0 1.25em}.blog-post__body.prose p:last-child{margin-bottom:0}.blog-post__body.prose strong{color:var(--fg-primary);font-weight:600}.blog-post__body.prose li+li{margin-top:.5em}.blog-post__body.prose ul,.blog-post__body.prose ol{margin:0 0 1.25em}.blog-post__footer{margin-top:var(--px-8);padding-top:var(--px-5);border-top:var(--border-1) solid var(--border-subtle)}.blog-post__tags{display:flex;flex-wrap:wrap;gap:var(--px-2)}.blog-comments{margin-top:var(--px-8);padding-top:var(--px-5);border-top:var(--border-1) solid var(--border-subtle)}.blog-comments__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--px-4)}.blog-post-like{display:flex;align-items:center;gap:var(--px-1)}.blog-post-like[data-liked=true]{color:var(--accent-red)}.blog-comments__form{display:flex;flex-wrap:wrap;gap:var(--px-2);align-items:flex-start;margin-bottom:var(--px-5)}.blog-comments__textarea{width:100%;min-width:100%;max-width:100%;font-family:var(--font-body);font-size:.875rem;padding:var(--px-3);resize:vertical}.blog-comments__form-hint{width:100%}.blog-comments__loading{text-align:center;padding:var(--px-4)}.comment-card{padding:var(--px-4) 0;border-bottom:var(--border-1) solid var(--border-subtle)}.comment-card--reply{margin-left:var(--px-6);border-bottom:none;padding-bottom:0}.comment-card:last-child{border-bottom:none}.comment-card__header{display:flex;align-items:baseline;gap:var(--px-3);margin-bottom:var(--px-2)}.comment-card__author{font-family:var(--font-body);font-weight:600;color:var(--fg-primary);font-size:.875rem}.comment-card__time{font-size:.75rem}.comment-card__content{font-family:var(--font-body);font-size:.875rem;line-height:1.6;color:var(--fg-secondary);white-space:pre-wrap;word-break:break-word}.comment-card__actions{display:flex;align-items:center;gap:var(--px-1);margin-top:var(--px-2)}.comment-like-btn[data-liked=true]{color:var(--accent-red)}.comment-card__reply-form{display:flex;flex-wrap:wrap;gap:var(--px-2);margin-top:var(--px-3);margin-left:var(--px-6)}.comment-card__reply-form textarea{width:100%}.comment-card__replies{margin-top:var(--px-3)}.blog-progress{position:sticky;top:var(--header-height);left:0;width:100%;height:3px;z-index:100;background:transparent;pointer-events:none}.blog-progress__bar{height:100%;background:var(--accent-gold);box-shadow:var(--glow-gold);transition:width 80ms linear}.blog-index__intro{max-width:36rem;margin-inline:auto}.confirm-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;animation:cbFadeIn .18s var(--ease-out) both}@keyframes cbFadeIn{0%{opacity:0}to{opacity:1}}.confirm-box{background:var(--bg-elevated);border:1px solid var(--border-accent);box-shadow:var(--edge-chroma),var(--shadow-lg);padding:var(--px-5);max-width:26rem;width:calc(100% - var(--px-4) * 2);animation:cbSlideUp .22s var(--ease-spring) both}@keyframes cbSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.confirm-box__title{font-family:var(--font-pixel);font-size:var(--text-xs);color:var(--accent-gold);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--px-2)}.confirm-box__message{color:var(--fg-muted);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--px-4)}.confirm-box__actions{display:flex;justify-content:flex-end;gap:var(--px-2)}