:root{--notion-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--notion-font-serif: "Lyon Text", Georgia, YuMincho, serif;--notion-gray-100: #f9f9f8;--notion-gray-200: #f6f5f4;--notion-gray-300: #dfdcd9;--notion-gray-400: #a39e98;--notion-text: #000000e6;--notion-text-muted: #0000008a;--notion-text-strong: #000000f2;--notion-blue: #097fe8;--notion-blue-dark: #0075de;--notion-card-bg: white;--notion-card-border: #0000001a;--notion-card-radius: .75rem;--notion-shadow: 0px 3px 9px #00000008, 0px .7px 1.4625px rgba(0, 0, 0, .015);--notion-shadow-hover: 0px 6px 18px #00000014;--notion-transition: all .15s ease-out}.blog-page{display:grid;grid-template-columns:200px 1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;font-family:var(--notion-font-sans)}.blog-main{min-width:0}.blog-page__title{font-size:2rem;font-weight:700;color:var(--notion-text-strong);margin:0 0 1.5rem;font-family:var(--notion-font-sans)}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.blog-card{display:flex;flex-direction:column;background:var(--notion-card-bg);border:1px solid var(--notion-card-border);border-radius:var(--notion-card-radius);box-shadow:var(--notion-shadow);text-decoration:none;color:inherit;transition:var(--notion-transition);overflow:hidden}.blog-card:hover{box-shadow:var(--notion-shadow-hover);transform:translateY(-2px)}.blog-card__cover{width:100%;overflow:hidden;background:var(--notion-gray-200)}.blog-card__cover img{width:100%;height:180px;object-fit:cover;display:block;transition:transform .3s ease}.blog-card:hover .blog-card__cover img{transform:scale(1.02)}.blog-card__body{padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.blog-card__category{font-size:.8rem;color:var(--notion-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.06em;font-family:var(--notion-font-sans)}.blog-card__title{font-size:1.2rem;font-weight:700;color:var(--notion-text-strong);margin:0;line-height:1.3;font-family:var(--notion-font-sans)}.blog-card__excerpt{font-size:.95rem;color:#00000096;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--notion-font-sans)}.blog-card__meta{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.85rem;color:var(--notion-text-muted);font-family:var(--notion-font-sans)}.blog-card__avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}.blog-card__author{font-weight:500;color:var(--notion-text-muted)}.blog-card__date{color:var(--notion-text-muted)}.blog-card__date:before{content:"·";margin-right:.4rem}.blog-sidebar{padding-top:.25rem}.blog-sidebar__heading{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--notion-text-muted);margin:0 0 .75rem;font-weight:600;font-family:var(--notion-font-sans);padding:0 .75rem}.blog-sidebar__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.125rem}.blog-sidebar__item{display:block;padding:.4rem .75rem;border-radius:.375rem;color:var(--notion-text-muted);text-decoration:none;font-size:.9rem;transition:var(--notion-transition);font-family:var(--notion-font-sans)}.blog-sidebar__item:hover{background:var(--notion-gray-200);color:var(--notion-text)}.blog-sidebar__item--active{background:var(--notion-gray-200);color:var(--notion-text);font-weight:500}.blog-post-container{max-width:720px;margin:0 auto;padding:2rem 1.5rem;font-family:var(--notion-font-sans)}.blog-post-cover{margin-bottom:2rem}.blog-post-cover img{width:100%;max-height:400px;object-fit:cover;border-radius:var(--notion-card-radius)}.blog-post-header{margin-bottom:2.5rem}.blog-post-category{font-size:.8rem;color:var(--notion-blue);font-weight:600;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:.75rem}.blog-post-title{font-size:2.25rem;font-weight:800;color:var(--notion-text-strong);margin:0 0 .75rem;line-height:1.15}.blog-post-excerpt{font-size:1.125rem;color:var(--notion-text-muted);line-height:1.65;margin:0 0 1.25rem}.blog-post-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--notion-text-muted);padding-top:1rem;border-top:1px solid var(--notion-gray-300)}.blog-post-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.blog-post-body{font-size:1rem;line-height:1.8;color:var(--notion-text)}.blog-post-body h2{font-size:1.5rem;margin-top:2.5rem;margin-bottom:.75rem;color:var(--notion-text-strong)}.blog-post-body h3{font-size:1.25rem;margin-top:2rem;margin-bottom:.5rem;color:var(--notion-text-strong)}.blog-post-body p{margin:0 0 1.25rem}.blog-post-body pre{background:var(--notion-gray-100);border-radius:.5rem;padding:1.25rem;overflow-x:auto;font-size:.9rem;margin:1.5rem 0;border:1px solid var(--notion-gray-300)}.blog-post-body code{background:var(--notion-gray-200);padding:.2em .4em;border-radius:3px;font-size:.875em}.blog-post-body pre code{background:none;padding:0;border-radius:0;font-size:inherit}.blog-post-body blockquote{border-left:3px solid var(--notion-gray-300);padding:.5rem 1rem;color:var(--notion-text-muted);margin:1.5rem 0;font-style:italic}.blog-post-body ul,.blog-post-body ol{padding-left:1.5rem;margin:0 0 1.25rem}.blog-post-body li{margin-bottom:.4rem}.blog-post-body table{width:100%;border-collapse:collapse;margin:1.5rem 0}.blog-post-body th,.blog-post-body td{border:1px solid var(--notion-gray-300);padding:.6rem .8rem;text-align:left}.blog-post-body th{background:var(--notion-gray-100);font-weight:600}@media(max-width:900px){.blog-page{grid-template-columns:160px 1fr;gap:1.5rem}}@media(max-width:700px){.blog-page{grid-template-columns:1fr;padding:1.5rem 1rem}.blog-sidebar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.blog-sidebar__heading{width:100%;padding:0}.blog-sidebar__list{flex-direction:row;flex-wrap:wrap;gap:.5rem}.blog-grid{grid-template-columns:1fr}}