.blog-main{padding-top:calc(var(--nav-h) + clamp(24px, 5vh, 64px))}.blog-wrap{max-width:1280px;margin:0 auto;padding:0 56px clamp(64px,9vh,112px)}.blog-head{margin-bottom:clamp(28px,4vh,48px)}.blog-title{color:var(--text);font-family:var(--font-display), sans-serif;font-size:var(--scale-l);letter-spacing:-.035em;margin:16px 0 12px;font-weight:500;line-height:1.05}.blog-intro{max-width:560px;color:var(--text-secondary);font-size:17px;line-height:1.7}.blog-h2{color:var(--text);font-family:var(--font-display), sans-serif;letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(22px,2vw,28px);font-weight:500}.blog-section{margin-top:clamp(40px,6vh,72px)}.blog-empty{color:var(--text-muted);font-size:16px}.blog-more{margin-top:28px;font-size:14px}.blog-more a,.blog-btb-link{color:var(--accent-text);border-bottom:1px solid var(--accent-mid)}.blog-more a:hover,.blog-btb-link:hover{border-bottom-color:var(--accent)}.blog-search{max-width:560px;margin-bottom:28px}.blog-search-label{margin-bottom:10px;display:block}.blog-search-input{border:1px solid var(--border);background:var(--bg-card);width:100%;min-height:47px;color:var(--text);font:inherit;padding:12px 16px;font-size:15px}.blog-search-input::placeholder{color:var(--text-muted)}.blog-search-results ul{border:1px solid var(--border);background:var(--bg-card);margin-top:8px;list-style:none}.blog-search-results li+li{border-top:1px solid var(--border)}.blog-search-results a{padding:14px 16px;display:block}.blog-search-results a:hover,.blog-search-results a:focus-visible{background:var(--accent-dim)}.blog-search-title{color:var(--text);font-weight:500;display:block}.blog-search-excerpt{color:var(--text-secondary);margin-top:4px;font-size:14px;line-height:1.55;display:block}.blog-search-excerpt mark{background:var(--accent-dim);color:var(--text)}.blog-search-note{color:var(--text-muted);margin-top:10px;font-size:14px}.blog-chips{flex-wrap:wrap;gap:8px;display:flex}.blog-chip{border:1px solid var(--border);background:var(--frost);color:var(--text-secondary);font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;padding:9px 14px;font-size:11px;transition:border-color .2s,color .2s,background-color .2s}.blog-chip:hover,.blog-chip:focus-visible{border-color:var(--accent);color:var(--text)}.blog-chip[aria-current=page]{border-color:var(--accent);background:var(--accent-dim);color:var(--text)}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.blog-card{border:1px solid var(--border);background:var(--bg-card);transition:border-color .2s,box-shadow .2s}.blog-card:hover,.blog-card:focus-within{border-color:var(--accent-mid);box-shadow:0 0 0 1px var(--accent-mid)}.blog-card-link{flex-direction:column;height:100%;display:flex}.blog-card-media{aspect-ratio:4/3;border-bottom:1px solid var(--border);background:var(--bg);justify-content:center;align-items:center;padding:12px;display:flex}.blog-card-media img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.blog-card-body{flex-direction:column;flex:1;gap:10px;padding:22px;display:flex}.blog-card-meta{align-items:center;gap:10px;display:flex}.blog-card-pillar,.blog-card-foot,.blog-archive-date,.blog-archive-pillar,.post-meta{font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;font-size:11px}.blog-card-pillar{color:var(--accent-text)}.blog-card-title{color:var(--text);font-family:var(--font-display), sans-serif;letter-spacing:-.02em;font-size:21px;font-weight:500;line-height:1.2}.blog-card-summary{color:var(--text-secondary);font-size:15px;line-height:1.65}.blog-card-foot{color:var(--text-muted);margin-top:auto;padding-top:6px}.blog-draft-tag{border:1px solid var(--accent-mid);background:var(--accent-dim);color:var(--text);font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;padding:2px 8px;font-size:10px}.blog-archive-list{border-top:1px solid var(--border);list-style:none}.blog-archive-list li{border-bottom:1px solid var(--border);grid-template-columns:190px minmax(0,1fr) auto auto;align-items:baseline;gap:20px;padding:16px 0;display:grid}.blog-archive-list a{color:var(--text);font-size:17px}.blog-archive-list a:hover{color:var(--accent-text)}.blog-archive-date,.blog-archive-pillar{color:var(--text-muted)}.post-head,.post-body,.blog-box,.post-reply{max-width:700px;margin-inline:auto}.post-head{margin-bottom:32px}.post-crumbs{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.post-crumbs a:hover{color:var(--accent-text)}.post-title{color:var(--text);font-family:var(--font-display), sans-serif;letter-spacing:-.035em;text-wrap:balance;margin:18px 0 14px;font-size:clamp(32px,4.4vw,54px);font-weight:500;line-height:1.08}.post-meta{color:var(--text-muted)}.post-hero{border:1px solid var(--border);background:var(--bg-card);max-width:700px;margin:32px 0 0;padding:12px}.post-hero img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:72vh;margin:0 auto;display:block}.post-body{color:var(--text);font-size:17px;line-height:1.8}.post-body p{color:var(--text-secondary);margin:0 0 1.35em}.post-body strong{color:var(--text);font-weight:500}.post-body h2{color:var(--text);font-family:var(--font-display), sans-serif;letter-spacing:-.025em;margin:2.2em 0 .7em;font-size:clamp(24px,2.4vw,30px);font-weight:500;line-height:1.15}.post-body ul,.post-body ol{color:var(--text-secondary);margin:0 0 1.35em;padding-left:1.3em}.post-body li{margin-bottom:.5em}.post-body a{color:var(--accent-text);border-bottom:1px solid var(--accent-mid)}.post-body a:hover{border-bottom-color:var(--accent)}.post-body img{border:1px solid var(--border);background:var(--bg-card);object-fit:contain;max-width:100%;height:auto;margin:2em auto;padding:10px;display:block}.post-body blockquote{border-left:2px solid var(--accent);margin:0 0 1.35em;padding-left:20px;font-style:italic}.post-body code{font-family:var(--font-mono), monospace;font-size:.9em}.blog-box{border:1px solid var(--border);background:var(--bg-card);margin-block:2.2em;padding:26px 28px}.blog-box-label{margin-bottom:14px}.blog-box p:last-child{margin-bottom:0}.blog-box-takeaway{border-left:2px solid var(--accent)}.blog-box-takeaway p{color:var(--text)}.blog-box-receipt{background:var(--accent-dim);border-color:var(--accent-mid)}.blog-box-receipt p{color:var(--text);font-family:var(--font-mono), monospace;font-size:14px;line-height:1.75}.blog-give-title{color:var(--text);font-family:var(--font-display), sans-serif;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:500}.blog-give p,.blog-btb p{color:var(--text-secondary);margin-bottom:18px;font-size:16px;line-height:1.7}.post-reply{border-top:1px solid var(--border);margin-top:clamp(40px,6vh,64px);padding-top:36px}.blog-reply-intro{color:var(--text-secondary);margin-bottom:20px}.blog-reply-form{gap:16px;display:grid}.blog-reply-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.blog-reply-form label{gap:6px;display:grid}.blog-reply-form label span{color:var(--text-muted);letter-spacing:.04em;font-size:13px}.blog-reply-form input,.blog-reply-form textarea{border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text);font:inherit;padding:12px 14px;font-size:15px}.blog-reply-hp{height:0;position:absolute;left:-9999px;overflow:hidden}.blog-reply-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.blog-reply-error{color:var(--accent-text);font-size:14px}.blog-reply-done{border:1px solid var(--accent-mid);background:var(--accent-dim);padding:18px 20px}@media (max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.blog-wrap{padding-inline:24px}.blog-grid{grid-template-columns:1fr}.blog-archive-list li{grid-template-columns:1fr;gap:4px}.blog-reply-row{grid-template-columns:1fr}.blog-box{padding:22px 20px}.post-body{font-size:16.5px}}.blog-box-label{color:var(--accent-text)}.blog-box-label:before{background:var(--accent-text)}.blog-box .button-primary,.blog-reply-form .button-primary{background:var(--accent-text);color:#fff}html[data-theme=dark] .blog-box .button-primary,html[data-theme=dark] .blog-reply-form .button-primary{background:var(--accent);color:#09090b}
