.blog-post{max-width:860px;margin:0 auto;padding:72px 32px 120px}.blog-post-back{color:var(--sem-text-muted);margin-bottom:2rem;font-size:13px;display:inline-block}.blog-post-back:hover{color:var(--sem-text-primary)}.blog-post-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;list-style:none;display:flex}.blog-post-tag{color:var(--sem-state-focus);background:color-mix(in srgb, var(--sem-state-focus) 10%, var(--sem-bg-surface));border:1px solid color-mix(in srgb, var(--sem-state-focus) 22%, var(--sem-bg-surface));border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600}.blog-post-title{font-family:var(--font-serif);letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(28px,4vw,42px);font-weight:600;line-height:1.16}.blog-post-byline{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.5rem 1rem;margin-bottom:3rem;display:flex}.blog-post-byline-person{align-items:center;gap:.7rem;display:flex}.blog-post-byline-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.blog-post-byline-text{flex-direction:column;gap:.15rem;display:flex}.blog-post-byline-name{font-family:var(--font-sans);color:var(--sem-text-primary);font-size:.95rem;font-weight:700}.blog-post-byline-tagline{font-family:var(--font-serif);color:var(--sem-text-muted);font-size:.9rem}.blog-post-byline-date{font-family:var(--font-serif);color:var(--sem-text-muted);white-space:nowrap;flex-shrink:0;font-size:.85rem;font-style:italic}.blog-post-hero{aspect-ratio:1200/630;object-fit:cover;border-radius:16px;width:100%;height:auto;margin-bottom:2.5rem;display:block}.blog-post-body{color:var(--sem-text-secondary);word-break:keep-all;overflow-wrap:break-word;font-size:17px;line-height:1.8}.blog-post-body h2{font-family:var(--font-sans);color:var(--sem-text-primary);margin-top:2.5rem;margin-bottom:1rem;font-size:1.4rem;font-weight:700}.blog-post-body h3{font-family:var(--font-sans);color:var(--sem-text-primary);margin-top:2rem;margin-bottom:.8rem;font-size:1.15rem;font-weight:700}.blog-post-body p{margin-bottom:1.4rem}.blog-post-body img{border-radius:16px;max-width:100%;height:auto;margin:1.5rem auto;display:block}.blog-post-body ul,.blog-post-body ol{margin-bottom:1.5rem;padding-left:1.5rem}.blog-post-body li{margin-bottom:.5rem}.blog-post-body a{color:var(--sem-state-focus);text-decoration:underline;text-decoration-color:var(--sem-border-strong)}.blog-post-body a:hover{text-decoration-color:currentColor}.blog-post-body blockquote{border-left:3px solid var(--sem-border-strong);color:var(--sem-text-muted);margin:0 0 1.4rem;padding-left:1.25rem;font-style:italic}.blog-post-body .callout{border:1px solid var(--sem-state-focus);background:color-mix(in srgb, var(--sem-state-focus) 8%, var(--sem-bg-emphasis));border-radius:12px;margin:0 0 1.4rem;padding:.9rem 1.1rem}.blog-post-body .callout p{margin-bottom:0}.blog-post-body .callout p+p{margin-top:.75rem}.blog-post-body .callout-title{color:var(--sem-state-focus);font-size:1.05rem;font-weight:700}.blog-post-body .callout-tip .callout-title{color:var(--sem-state-success)}.blog-post-body .callout-warning .callout-title{color:var(--sem-state-warning)}.blog-post-body .callout strong{vertical-align:middle;font-family:var(--font-sans);letter-spacing:.05em;color:var(--sem-state-focus);align-items:center;gap:6px;margin-right:.55rem;font-size:.75rem;font-weight:700;display:inline-flex}.blog-post-body .callout strong:before{content:"";width:14px;height:14px;-webkit-mask-image:var(--callout-icon);mask-image:var(--callout-icon);background-color:currentColor;flex-shrink:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.blog-post-body .callout-note strong{--callout-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cline x1='12' y1='11' x2='12' y2='16'/%3E%3Cline x1='12' y1='7.5' x2='12' y2='7.51'/%3E%3C/svg%3E")}.blog-post-body .callout-tip{border-color:var(--sem-state-success);background:color-mix(in srgb, var(--sem-state-success) 8%, var(--sem-bg-emphasis))}.blog-post-body .callout-tip strong{color:var(--sem-state-success);--callout-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 11 14 9 22 21 10 13 10 13 2'/%3E%3C/svg%3E")}.blog-post-body .callout-warning{border-color:var(--sem-state-warning);background:color-mix(in srgb, var(--sem-state-warning) 8%, var(--sem-bg-emphasis))}.blog-post-body .callout-warning strong{color:var(--sem-state-warning);--callout-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 L22 20 L2 20 Z'/%3E%3Cline x1='12' y1='9' x2='12' y2='14'/%3E%3Cline x1='12' y1='17' x2='12' y2='17.01'/%3E%3C/svg%3E")}.blog-post-body table{border-collapse:collapse;-webkit-overflow-scrolling:touch;max-width:100%;margin:0 0 1.5rem;font-size:15px;display:block;overflow-x:auto}.blog-post-body th,.blog-post-body td{border:1px solid var(--sem-border-default);text-align:left;padding:.6rem .9rem}.blog-post-body table:not(.no-header) thead th{font-family:var(--font-sans);color:var(--sem-text-primary);background:var(--sem-bg-emphasis);border-bottom:2px solid var(--sem-border-strong);white-space:nowrap;font-weight:700}.blog-post-body tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--sem-text-primary) 3%, transparent)}.blog-post-body table.first-col tr th:first-child,.blog-post-body table.first-col tr td:first-child{font-family:var(--font-sans);color:var(--sem-text-primary);background:color-mix(in srgb, var(--sem-bg-emphasis) 55%, var(--sem-bg-surface));font-weight:700}.blog-post-body table.first-col:not(.no-header) thead th:first-child{background:var(--sem-bg-emphasis);border-bottom:2px solid var(--sem-border-strong)}.blog-post-body table.last-row tbody tr:last-child th,.blog-post-body table.last-row tbody tr:last-child td{color:var(--sem-text-primary);background:var(--sem-bg-emphasis);border-top:2px solid var(--sem-border-strong);font-weight:700}.blog-post-faq{border-top:1px solid var(--sem-border-default);margin-top:3.5rem;padding-top:2rem}.blog-post-faq-heading{font-family:var(--font-sans);color:var(--sem-text-primary);margin-bottom:1.5rem;font-size:1.4rem;font-weight:700}.blog-post-faq dl{flex-direction:column;gap:10px;display:flex}.blog-post-faq-item{border:1px solid var(--sem-border-default);background:color-mix(in srgb, var(--sem-text-primary) 3%, var(--sem-bg-emphasis));border-radius:12px;padding:1rem 1.15rem}.blog-post-faq-item dt{font-family:var(--font-sans);color:var(--sem-text-primary);align-items:flex-start;gap:9px;margin-bottom:.55rem;font-size:1.05rem;font-weight:700;display:flex}.blog-post-faq-item dt:before{content:"Q";background:color-mix(in srgb, var(--sem-state-focus) 16%, transparent);width:20px;height:20px;color:var(--sem-state-focus);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.72rem;font-weight:800;display:flex}.blog-post-faq-item dd{color:var(--sem-text-secondary);margin-left:29px;font-size:17px;line-height:1.75}.blog-post-related{border-top:1px solid var(--sem-border-default);margin-top:4rem;padding-top:2rem}.blog-post-related-heading{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:1px;color:var(--sem-text-muted);margin-bottom:.75rem;font-size:.8rem;font-weight:600}.blog-post-related-link{color:var(--sem-state-focus);font-size:1rem;font-weight:600}.blog-post-related-link:hover{text-decoration:underline}.blog-post-related-posts{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem;margin-top:1.5rem;list-style:none;display:grid}.blog-post-related-post-thumb{aspect-ratio:320/168;object-fit:cover;border-radius:10px;width:100%;height:auto;margin-bottom:.6rem;display:block}.blog-post-related-post-title{color:var(--sem-text-primary);font-size:.92rem;font-weight:600;line-height:1.4;display:block}.blog-post-related-post-link:hover .blog-post-related-post-title{color:var(--sem-state-focus)}.blog-post-cta{background:var(--sem-bg-emphasis);text-align:center;border-radius:16px;margin-top:2.5rem;padding:2rem}.blog-post-cta-heading{font-family:var(--font-sans);color:var(--sem-text-primary);margin-bottom:.6rem;font-size:1.2rem;font-weight:700}.blog-post-cta-body{color:var(--sem-text-muted);margin-bottom:1.5rem;font-size:.95rem}.blog-post-cta-button{background:var(--sem-state-focus);color:var(--sem-bg-page);border-radius:10px;padding:14px 32px;font-size:15px;font-weight:700;display:inline-block}.blog-post-cta-button:hover{opacity:.92}@media (width<=768px){.blog-post{padding:48px 20px 88px}}
