.blog-hero{background:var(--gradient-ocean);padding:var(--space-20) 0 var(--space-16);text-align:center;color:#fff}.blog-hero__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-extrabold);margin-bottom:var(--space-3)}.blog-hero__subtitle{font-size:var(--text-lg);opacity:.9;max-width:500px;margin:0 auto}.blog-filters{gap:var(--space-3);padding:var(--space-8) 0;flex-wrap:wrap;justify-content:center;display:flex}.blog-filter-btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);border:1px solid var(--gray-200);color:var(--gray-600);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;background:#fff;transition:all .2s}.blog-filter-btn:hover{border-color:var(--caribbean-blue);color:var(--caribbean-blue)}.blog-filter-btn--active{background:var(--caribbean-blue);color:#fff;border-color:var(--caribbean-blue)}.blog-grid{gap:var(--space-8);padding-bottom:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (width<=700px){.blog-grid{gap:var(--space-6);grid-template-columns:1fr}}.blog-card{border-radius:var(--radius-xl);border:1px solid var(--gray-100);color:inherit;background:#fff;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000a}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.blog-card__image{object-fit:cover;background:var(--gray-100);width:100%;height:200px}.blog-card__image--placeholder{background:linear-gradient(135deg, var(--gray-50) 0%, var(--gray-100) 100%);justify-content:center;align-items:center;font-size:3rem;display:flex}.blog-card__body{padding:var(--space-6);flex-direction:column;flex:1;display:flex}.blog-card__category{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--caribbean-blue);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);display:inline-block}.blog-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--gray-800);margin-bottom:var(--space-3);line-height:1.3}.blog-card__excerpt{font-size:var(--text-sm);color:var(--gray-500);margin-bottom:var(--space-4);flex:1;line-height:1.6}.blog-card__footer{font-size:var(--text-xs);color:var(--gray-400);justify-content:space-between;align-items:center;display:flex}.blog-card__author{font-weight:var(--weight-medium);color:var(--gray-600)}.blog-post{padding-top:var(--space-20);padding-bottom:var(--space-16)}.blog-post__header{text-align:center;max-width:720px;margin:0 auto var(--space-12);padding:0 var(--space-4)}.blog-post__category{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--caribbean-blue);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);background:var(--info-bg);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);display:inline-block}.blog-post__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-extrabold);color:var(--gray-800);margin-bottom:var(--space-6);line-height:1.15}.blog-post__meta{justify-content:center;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--gray-500);flex-wrap:wrap;display:flex}.blog-post__meta-sep{color:var(--gray-300)}.blog-post__content{max-width:720px;padding:0 var(--space-4);font-size:var(--text-base);color:var(--gray-700);margin:0 auto;line-height:1.85}.blog-post__content h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--gray-800);margin-top:var(--space-12);margin-bottom:var(--space-4);line-height:1.3}.blog-post__content h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--gray-800);margin-top:var(--space-8);margin-bottom:var(--space-3)}.blog-post__content p{margin-bottom:var(--space-5)}.blog-post__content a{color:var(--caribbean-blue);text-underline-offset:2px;text-decoration:underline}.blog-post__content a:hover{color:var(--ocean-blue)}.blog-post__content ul,.blog-post__content ol{margin-bottom:var(--space-5);padding-left:var(--space-6)}.blog-post__content li{margin-bottom:var(--space-2)}.blog-post__content strong{color:var(--gray-800);font-weight:var(--weight-semibold)}.blog-post__content blockquote{border-left:4px solid var(--caribbean-blue);background:var(--info-bg);padding:var(--space-5) var(--space-6);margin:var(--space-8) 0;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--gray-600);font-style:italic}.blog-post__content table{border-collapse:collapse;width:100%;margin:var(--space-8) 0;font-size:var(--text-sm)}.blog-post__content thead{background:var(--gray-50)}.blog-post__content th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--weight-semibold);color:var(--gray-800);border-bottom:2px solid var(--gray-200);white-space:nowrap}.blog-post__content td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-100);color:var(--gray-600)}.blog-post__content tr:hover td{background:var(--gray-50)}.blog-tip{background:var(--info-bg);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin:var(--space-8) 0;border:1px solid #00b4d833}.blog-tip__title{font-weight:var(--weight-bold);color:var(--caribbean-blue);margin-bottom:var(--space-2);font-size:var(--text-sm)}.blog-warning{background:var(--warning-bg);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin:var(--space-8) 0;border:1px solid #ffb3474d}.blog-warning__title{font-weight:var(--weight-bold);color:#d97706;margin-bottom:var(--space-2);font-size:var(--text-sm)}.blog-checklist{padding-left:0;list-style:none}.blog-checklist li{padding-left:var(--space-7);margin-bottom:var(--space-3);position:relative}.blog-checklist li:before{content:"✓";color:var(--palm-green);font-weight:var(--weight-bold);position:absolute;left:0}.blog-post__tags{gap:var(--space-2);margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--gray-100);flex-wrap:wrap;display:flex}.blog-post__tag{padding:var(--space-1) var(--space-3);background:var(--gray-50);color:var(--gray-600);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);text-decoration:none;display:inline-block}.blog-post__tag:hover{background:var(--gray-100);color:var(--gray-800)}.blog-post__share{align-items:center;gap:var(--space-3);margin-top:var(--space-6);display:flex}.blog-post__share-label{font-size:var(--text-sm);color:var(--gray-500);font-weight:var(--weight-medium)}.blog-share-btn{border:1px solid var(--gray-200);width:40px;height:40px;color:var(--gray-600);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:inline-flex}.blog-share-btn:hover{background:var(--gray-50);border-color:var(--caribbean-blue);color:var(--caribbean-blue)}.blog-post__author{align-items:center;gap:var(--space-5);margin-top:var(--space-12);padding:var(--space-8);background:var(--gray-50);border-radius:var(--radius-xl);border:1px solid var(--gray-100);display:flex}.blog-post__author-avatar{background:var(--gradient-ocean);color:#fff;width:64px;height:64px;font-weight:var(--weight-bold);font-size:var(--text-xl);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.blog-post__author-name{font-weight:var(--weight-bold);color:var(--gray-800);margin-bottom:var(--space-1)}.blog-post__author-bio{font-size:var(--text-sm);color:var(--gray-500);line-height:1.5}.blog-post__cta{text-align:center;padding:var(--space-12) var(--space-6);margin-top:var(--space-12);background:linear-gradient(135deg, var(--gray-50) 0%, var(--info-bg) 100%);border-radius:var(--radius-xl)}.blog-post__cta h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--gray-800);margin-bottom:var(--space-3)}.blog-post__cta p{color:var(--gray-600);margin-bottom:var(--space-6);max-width:400px;margin-left:auto;margin-right:auto}.blog-post__related{margin-top:var(--space-16)}.blog-post__related h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--gray-800);margin-bottom:var(--space-6);text-align:center}.blog-post__related-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.blog-progress{background:var(--gradient-ocean);z-index:1000;width:0;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.blog-post__toc{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-10)}.blog-post__toc-title{font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--gray-800);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.blog-post__toc-list{margin:0;padding:0;list-style:none}.blog-post__toc-list li{margin-bottom:var(--space-2)}.blog-post__toc-list a{color:var(--gray-600);font-size:var(--text-sm);padding:var(--space-1) 0;text-decoration:none;transition:color .15s;display:block}.blog-post__toc-list a:hover{color:var(--caribbean-blue)}.blog-preview-card{border-radius:var(--radius-lg);border:1px solid var(--gray-100);color:inherit;background:#fff;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden;box-shadow:0 4px 15px #0000000a}.blog-preview-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000000f}.blog-preview-card__body{padding:var(--space-5)}.blog-preview-card__category{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--caribbean-blue);text-transform:uppercase;letter-spacing:.04em}.blog-preview-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--gray-800);margin-top:var(--space-2);line-height:1.3}@media (width<=640px){.blog-post__title{font-size:var(--text-3xl)}.blog-post__author{text-align:center;flex-direction:column}.blog-post__content table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.blog-post__share{justify-content:center}.blog-hero__title{font-size:var(--text-3xl)}}
