.blog-post__header{background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-dark-light) 100%);padding:calc(72px + var(--space-3xl)) 0 var(--space-3xl);color:var(--color-white)}.blog-post__header-content{max-width:800px;margin:0 auto;text-align:center}.blog-post__category{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);background:#48a4ba33;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);margin-bottom:var(--space-lg);transition:all var(--transition-fast)}.blog-post__category:hover{background:#48a4ba4d}.blog-post__title{font-size:clamp(2rem,5vw,3rem);line-height:1.2;margin-bottom:var(--space-lg);color:var(--color-white)}.blog-post__meta{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:.9375rem;color:var(--color-gray-light);margin-bottom:var(--space-lg)}.blog-post__meta-separator{opacity:.5}.blog-post__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.blog-post__tag{font-size:.8125rem;color:var(--color-gray-light);background:#ffffff1a;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);transition:all var(--transition-fast)}.blog-post__tag:hover{background:#fff3;color:var(--color-white)}.blog-post__featured-image{margin-top:calc(-1 * var(--space-2xl));margin-bottom:var(--space-2xl);position:relative;z-index:1}.blog-post__featured-image .blog-image{max-width:900px;margin:0 auto}.blog-post__content{padding:var(--space-3xl) 0}.blog-post__body{max-width:700px;margin:0 auto;font-size:1.125rem;line-height:1.8}.blog-post__body h2{font-size:1.75rem;margin-top:var(--space-2xl);margin-bottom:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-light)}.blog-post__body h2:first-child{margin-top:0;padding-top:0;border-top:none}.blog-post__body h3{font-size:1.5rem;margin-top:var(--space-xl);margin-bottom:var(--space-md)}.blog-post__body h4{font-size:1.25rem;margin-top:var(--space-xl);margin-bottom:var(--space-md)}.blog-post__body p{margin-bottom:var(--space-lg)}.blog-post__body a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.blog-post__body a:hover{color:var(--color-primary-dark)}.blog-post__body ul,.blog-post__body ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.blog-post__body li{margin-bottom:var(--space-sm)}.blog-post__body ul{list-style-type:disc}.blog-post__body ol{list-style-type:decimal}.blog-post__body blockquote{margin:var(--space-xl) 0;padding:var(--space-lg) var(--space-xl);border-left:4px solid var(--color-primary);background:var(--color-light);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--color-gray)}.blog-post__body pre{background:var(--color-dark);color:var(--color-white);padding:var(--space-lg);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-xl) 0}.blog-post__body code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9em}.blog-post__body :not(pre)>code{background:var(--color-light);padding:.125em .375em;border-radius:var(--radius-sm);color:var(--color-accent)}.blog-post__body hr{border:none;border-top:1px solid var(--color-light);margin:var(--space-2xl) 0}.notion-image{margin:var(--space-xl) 0}.notion-image img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.notion-image figcaption{margin-top:var(--space-sm);text-align:center;font-size:.875rem;color:var(--color-gray);font-style:italic}.notion-video{margin:var(--space-xl) 0;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-lg)}.notion-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.notion-embed{margin:var(--space-xl) 0;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-lg)}.notion-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.notion-callout{display:flex;gap:var(--space-md);padding:var(--space-lg);background:var(--color-light);border-radius:var(--radius-lg);margin:var(--space-xl) 0}.notion-callout-icon{font-size:1.5rem;flex-shrink:0}.notion-callout-content{flex:1}.notion-callout-content p:last-child{margin-bottom:0}.notion-toggle{margin:var(--space-lg) 0;border:1px solid var(--color-light);border-radius:var(--radius-lg)}.notion-toggle summary{padding:var(--space-md) var(--space-lg);cursor:pointer;font-weight:600;background:var(--color-light);border-radius:var(--radius-lg);list-style:none}.notion-toggle summary::-webkit-details-marker{display:none}.notion-toggle summary:before{content:"▶";display:inline-block;margin-right:var(--space-sm);transition:transform var(--transition-fast)}.notion-toggle[open] summary:before{transform:rotate(90deg)}.notion-toggle[open] summary{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.notion-toggle>*:not(summary){padding:var(--space-lg)}.notion-todo{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm)}.notion-todo input[type=checkbox]{margin-top:.3em}.notion-bookmark{display:block;padding:var(--space-lg);border:1px solid var(--color-light);border-radius:var(--radius-lg);margin:var(--space-xl) 0;transition:all var(--transition-fast);word-break:break-all}.notion-bookmark:hover{background:var(--color-light);border-color:var(--color-primary)}.notion-table{width:100%;border-collapse:collapse;margin:var(--space-xl) 0;font-size:.9375rem}.notion-table th,.notion-table td{padding:var(--space-md);border:1px solid var(--color-light);text-align:left}.notion-table th{background:var(--color-light);font-weight:600}.notion-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xl);margin:var(--space-xl) 0}.notion-color-gray{color:#787774}.notion-color-brown{color:#9f6b53}.notion-color-orange{color:#d9730d}.notion-color-yellow{color:#cb912f}.notion-color-green{color:#448361}.notion-color-blue{color:#337ea9}.notion-color-purple{color:#9065b0}.notion-color-pink{color:#c14c8a}.notion-color-red{color:#d44c47}.notion-color-gray_background{background:#f1f1ef}.notion-color-brown_background{background:#f4eeee}.notion-color-orange_background{background:#fbecdd}.notion-color-yellow_background{background:#fbf3db}.notion-color-green_background{background:#edf3ec}.notion-color-blue_background{background:#e7f3f8}.notion-color-purple_background{background:#f6f3f9}.notion-color-pink_background{background:#faf1f5}.notion-color-red_background{background:#fdebec}.blog-post__footer{background:var(--color-light);padding:var(--space-2xl) 0}.blog-post__footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-xl);max-width:700px}.blog-post__author{display:flex;align-items:center;gap:var(--space-lg)}.blog-post__author-image{width:64px;height:64px;border-radius:var(--radius-full);object-fit:cover}.blog-post__author-name{font-weight:600;color:var(--color-dark);margin-bottom:var(--space-xs)}.blog-post__author-bio{font-size:.875rem;color:var(--color-gray);margin:0}.blog-post__share{text-align:right}.blog-post__share-label{font-size:.875rem;color:var(--color-gray);margin-bottom:var(--space-sm)}.blog-post__share-links{display:flex;gap:var(--space-sm)}.blog-post__share-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border-radius:var(--radius-full);color:var(--color-gray);transition:all var(--transition-fast)}.blog-post__share-link:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.blog-hero{background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-dark-light) 100%);padding:calc(72px + var(--space-3xl)) 0 var(--space-3xl);color:var(--color-white);text-align:center}.blog-hero__title{font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--space-md);color:var(--color-white)}.blog-hero__description{font-size:1.125rem;color:var(--color-gray-light);max-width:600px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-xl)}.blog-empty{text-align:center;padding:var(--space-3xl) 0}.blog-empty h2{margin-bottom:var(--space-md)}.blog-empty p{color:var(--color-gray)}.archive-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:calc(72px + var(--space-3xl)) 0 var(--space-3xl);color:var(--color-white);text-align:center}.archive-hero__label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin-bottom:var(--space-sm)}.archive-hero__title{font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--space-md);color:var(--color-white)}.archive-hero__count{font-size:1rem;opacity:.8}@media(max-width:768px){.blog-post__body{font-size:1rem}.blog-post__body h2{font-size:1.5rem}.blog-post__body h3{font-size:1.25rem}.blog-post__footer .container,.blog-post__author{flex-direction:column;text-align:center}.blog-post__share{text-align:center}}