.blog-detail{padding-top:96px;padding-bottom:0}.blog-detail .blog-detail-shell{width:100%;max-width:1030px;margin-inline:auto;padding:32px 32px 52px}.blog-detail .blog-breadcrumb{margin-bottom:26px;font-size:12px}.blog-detail .blog-breadcrumb a{text-decoration:none}.blog-detail .blog-article-byline{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 24px;margin-bottom:22px;display:flex}.blog-detail .blog-meta{gap:8px;font-size:13px}.blog-detail .blog-article-categories{color:var(--muted-foreground);flex-wrap:wrap;gap:8px 16px;padding:0;font-size:13px;font-weight:500;list-style:none;display:flex}.blog-detail .blog-article-categories a{align-items:center;min-height:28px;display:inline-flex}.blog-detail .blog-article-header h1{letter-spacing:-.03em;margin-block:0 18px;font-size:clamp(30px,3.5vw,44px);font-weight:700;line-height:1.4}.blog-detail .blog-article-excerpt{margin-bottom:28px;font-size:20px;font-weight:500;line-height:1.8}.blog-detail .blog-article-header>.blog-image{border-radius:10px}.blog-detail .blog-article-body{min-width:0;margin-top:28px}.blog-detail .blog-toc{width:100%;margin-bottom:30px;position:static}.blog-detail .blog-toc details{border:1px solid var(--border);background:var(--background);border-radius:10px}.blog-detail .blog-toc summary{cursor:pointer;align-items:center;gap:12px;min-height:64px;padding:19px 24px;font-size:19px;font-weight:600;line-height:1.5;list-style:none;display:flex}.blog-detail .blog-toc summary::-webkit-details-marker{display:none}.blog-detail .blog-toc summary>svg{flex-shrink:0}.blog-detail .blog-toc summary>svg:last-child{margin-left:auto}.blog-detail .blog-toc details[open] summary>svg:last-child{rotate:180deg}.blog-detail .blog-toc nav{padding:0 24px 22px}.blog-detail .blog-toc ol{gap:2px;margin-top:0}.blog-detail .blog-toc li[data-level=h3]{padding-left:24px}.blog-detail .blog-toc a{color:var(--foreground);padding-block:6px;font-size:15px;font-weight:400;line-height:1.65}.blog-detail .blog-prose{font-size:18px;line-height:1.85}.blog-detail .blog-prose>*+*{margin-top:18px}.blog-detail .blog-prose h2{margin-top:38px;font-size:29px;font-weight:600;line-height:1.4}.blog-detail .blog-prose h3{margin-top:28px;font-size:23px;font-weight:600;line-height:1.45}.blog-detail .blog-prose h2+*,.blog-detail .blog-prose h3+*{margin-top:16px}.blog-detail .blog-prose blockquote{border-inline-start:3px solid var(--border);background:0 0;border-radius:0;padding:4px 0 4px 20px;font-style:italic}.blog-detail .blog-prose figure{margin-block:28px}.blog-detail .blog-prose figure .blog-image{border-radius:8px}.blog-detail .blog-prose figcaption{margin-top:10px;font-size:13px}.blog-detail .blog-suggestions{background:var(--card);padding-block:60px 64px}.blog-detail .blog-suggestions-container{max-width:1320px}.blog-detail .blog-suggestions h2{text-align:center;letter-spacing:-.035em;margin-bottom:36px;font-size:clamp(30px,3.6vw,48px);font-weight:600;line-height:1.25}.blog-detail .blog-suggestions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.blog-detail .blog-suggestion{border:1px solid var(--border);background:var(--background);border-radius:20px;min-width:0;overflow:hidden}.blog-detail .blog-suggestion-image{display:block;overflow:hidden}.blog-detail .blog-suggestion-copy{padding:24px 24px 28px}.blog-detail .blog-suggestion time{color:var(--muted-foreground);font-size:13px}.blog-detail .blog-suggestion h3{letter-spacing:-.02em;min-height:3em;margin-block:14px 12px;font-size:21px;font-weight:600;line-height:1.5}.blog-detail .blog-suggestion h3 a{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-detail .blog-suggestion-copy>p{-webkit-line-clamp:3;color:var(--muted-foreground);-webkit-box-orient:vertical;font-size:15px;line-height:1.8;display:-webkit-box;overflow:hidden}.blog-detail .blog-contact{padding-block:72px 88px;scroll-margin-top:96px}.blog-detail .blog-contact-container{max-width:1320px}@media (hover:hover){.blog-detail .blog-suggestion:has(a:hover) h3 a{text-underline-offset:4px;text-decoration:underline}}@media (prefers-reduced-motion:no-preference){.blog-detail .blog-toc summary>svg:last-child{transition:rotate .2s ease-out}}@media (max-width:1023px){.blog-detail .blog-suggestions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media (max-width:767px){.blog-detail{padding-top:80px}.blog-detail .blog-detail-shell{padding:22px 16px 38px}.blog-detail .blog-breadcrumb{margin-bottom:22px}.blog-detail .blog-article-header h1{margin-block:0 16px;font-size:29px;line-height:1.4}.blog-detail .blog-article-excerpt{margin-bottom:22px;font-size:17px;line-height:1.8}.blog-detail .blog-article-body{margin-top:22px}.blog-detail .blog-toc summary{min-height:58px;padding:16px;font-size:17px}.blog-detail .blog-toc nav{padding:0 16px 18px}.blog-detail .blog-toc a{font-size:14px}.blog-detail .blog-prose{font-size:17px;line-height:1.8}.blog-detail .blog-prose h2{margin-top:30px;font-size:25px}.blog-detail .blog-prose h3{font-size:21px}.blog-detail .blog-prose pre{padding:18px;font-size:13px}.blog-detail .blog-suggestions{padding-block:40px 44px}.blog-detail .blog-suggestions h2{margin-bottom:26px;font-size:30px}.blog-detail .blog-suggestions-grid{grid-template-columns:minmax(0,1fr);gap:28px}.blog-detail .blog-suggestion h3{font-size:20px}.blog-detail .blog-suggestion-copy{padding:20px 20px 24px}.blog-detail .blog-contact{padding-block:48px 56px}}