.blog-page{width:100%;padding-block:var(--space-8) var(--space-10);padding-inline:var(--space-4)}@media (min-width:640px){.blog-page{padding-inline:var(--space-6)}}@media (min-width:1024px){.blog-page{padding-inline:var(--space-8)}}.blog-page__inner{max-width:var(--container-max);margin-inline:auto}.blog-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.blog-header__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-brown);letter-spacing:-.02em;margin:0 0 var(--space-3)}.blog-header__lede{font-size:var(--text-md);line-height:var(--leading-normal);color:var(--color-ink-soft);max-width:680px;margin:0}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-6);gap:var(--space-6)}@media (max-width:639px){.blog-grid{grid-template-columns:1fr;gap:var(--space-5)}}.blog-card{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:var(--color-primary-hover)}.blog-card__thumb-placeholder{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#fdf8ee,#faecd5);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.blog-card__thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;animation:image-fade-in .35s ease forwards}.blog-card:hover .blog-card__thumb-img{transform:scale(1.03)}.blog-card__thumb-pattern{position:absolute;inset:0;opacity:.08;pointer-events:none;background-image:radial-gradient(var(--color-brown) 1px,transparent 1px);background-size:16px 16px}.blog-card__thumb-icon{position:relative;width:48px;height:48px;color:var(--color-primary-hover);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.85);border-radius:var(--radius-pill);border:1px solid rgba(232,153,10,.25);box-shadow:var(--shadow-sm)}.blog-card__thumb-hint{position:relative;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-ink-soft);letter-spacing:.04em;text-transform:uppercase;font-weight:var(--weight-medium)}.blog-card__content{padding:var(--space-5) var(--space-5) var(--space-6);display:flex;flex-direction:column;flex-grow:1}.blog-card__meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-xs);color:var(--color-ink-soft)}.blog-card__dot{color:var(--color-border-strong);-webkit-user-select:none;-moz-user-select:none;user-select:none}.blog-card__date,.blog-card__reading-time{display:inline-flex;align-items:center}.blog-card__title{font-family:var(--font-display);font-size:1.15rem;font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--color-brown);margin:0 0 var(--space-2)}.blog-card__excerpt{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-ink-soft);margin:0 0 var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.blog-card__footer{margin-top:auto;padding-top:var(--space-2)}.blog-card__read-more{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-brown);text-decoration:underline;-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);text-underline-offset:3px;display:inline-flex;align-items:center;gap:.35rem}.blog-empty{grid-column:1/-1;padding:var(--space-10) var(--space-4);text-align:center;background-color:var(--color-surface-alt);border-radius:var(--radius-md);border:1px dashed var(--color-border)}.blog-empty__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-brown);margin:0 0 var(--space-2)}.blog-empty__desc{font-size:var(--text-sm);color:var(--color-ink-soft);margin:0 0 var(--space-4)}.related-blog-posts{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-10);width:100%;border:none}.related-blog-posts__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:0;border:none;padding:0}.related-blog-posts__more{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-ink-soft);text-decoration:none;white-space:nowrap;transition:color .15s ease}.related-blog-posts__more:hover{color:var(--color-primary)}.related-blog-posts__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-5);gap:var(--space-5)}@media (max-width:840px){.related-blog-posts__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.related-blog-posts__grid{grid-template-columns:1fr;gap:var(--space-4)}}.related-post-card{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.related-post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--color-primary-hover)}.related-post-card__thumb{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#fdf8ee,#faecd5);overflow:hidden;border-bottom:1px solid var(--color-border)}.related-post-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;animation:image-fade-in .35s ease forwards}.related-post-card:hover .related-post-card__img{transform:scale(1.04)}.related-post-card__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.related-post-card__pattern{position:absolute;inset:0;opacity:.08;pointer-events:none;background-image:radial-gradient(var(--color-brown) 1px,transparent 1px);background-size:14px 14px}.related-post-card__icon{position:relative;color:var(--color-primary-hover)}.related-post-card__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);flex-grow:1}.related-post-card__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-ink-faint);margin-bottom:0}.related-post-card__dot{color:var(--color-primary-hover)}.related-post-card__title{font-family:var(--font-display);font-size:1.1rem;font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--color-brown);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s ease}.related-post-card:hover .related-post-card__title{color:var(--color-primary-hover)}