.solution-detail-page .project-detail{width:min(760px,100% - 2*clamp(24px,3.3vw,64px));padding:136px 0 80px}.solution-detail-page .project-topline{margin-bottom:32px}.solution-detail-page .back-link{min-height:44px;font-size:12px}.solution-detail-page .project-header{flex-direction:column;gap:0;padding:0 0 32px;display:flex}.solution-detail-page .project-meta{margin:0 0 16px;font-size:12px}.solution-detail-page .project-header h1{letter-spacing:-.025em;overflow-wrap:break-word;font-size:32px;font-weight:400;line-height:1.3}.solution-detail-page .project-header>p:last-child{max-width:none;margin-top:20px;line-height:1.7}.solution-detail-page .markdown-body{padding-top:40px}.solution-detail-page .markdown-body :is(h2,h3){scroll-margin-top:120px}.solution-detail-page .markdown-body :is(h2,h3):focus-visible{outline:2px solid var(--focus);outline-offset:6px}.solution-detail-page .solution-docs{grid-template-columns:minmax(0,1fr) minmax(0,760px) minmax(0,1fr);align-items:start;column-gap:40px;width:calc(100% - 2*clamp(24px,3.3vw,64px));display:grid}.solution-docs>.project-topline{grid-area:1/2}.solution-docs>.project-header{grid-area:2/2}.solution-navigation{overscroll-behavior:contain;grid-area:1/1/4;justify-self:end;width:100%;max-width:240px;max-height:calc(100svh - 152px);padding-right:12px;position:sticky;top:120px;overflow-y:auto}.solution-nav-group+.solution-nav-group{margin-top:24px}.solution-nav-group h2{color:#333;margin:0 0 8px;font-size:12px;font-weight:500}.solution-nav-group ul{margin:0;padding:0;list-style:none}.solution-nav-group a{color:#707070;overflow-wrap:anywhere;border-left:1px solid #e5e5e5;padding:8px 12px;font-size:13px;line-height:1.65;text-decoration:none;display:block}.solution-nav-group a[aria-current=page]{color:#111;border-left:2px solid #111;padding-left:11px}.solution-nav-group a:hover{color:#111;text-underline-offset:4px;text-decoration:underline}.solution-navigation :is(a,summary):focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.solution-nav-mobile{display:none}.solution-navigation{scrollbar-width:thin;scrollbar-color:#d5d5d5 transparent}.solution-reading-layout{grid-area:3/2/auto/4;grid-template-columns:minmax(0,760px) minmax(0,1fr);align-items:start;gap:40px;padding-top:40px;display:grid}.solution-reading-layout .markdown-body{grid-area:1/1;width:100%;min-width:0;padding-top:0}.solution-reading-layout .article-contents{grid-area:1/2;width:100%;max-width:240px}@media (min-width:1400px){.solution-reading-layout{display:contents}.solution-reading-layout .markdown-body{grid-area:3/2;padding-top:40px}.solution-reading-layout .article-contents{grid-area:1/3/4;max-height:calc(100svh - 152px);top:120px}}@media (max-width:1399px){.solution-detail-page .solution-docs{width:min(760px,100% - 2*clamp(24px,3.3vw,64px));display:block}.solution-navigation{max-width:none;max-height:none;margin-bottom:28px;padding:0;position:static;overflow:visible}.solution-nav-desktop{display:none}.solution-nav-mobile{border-block:1px solid #e5e5e5;display:block}.solution-nav-mobile summary{cursor:pointer;padding:16px 0;font-size:14px}.solution-nav-mobile nav{padding:8px 0 20px}.solution-nav-mobile a{min-height:44px}.solution-reading-layout{display:block}.solution-reading-layout .article-contents{max-width:none;max-height:none;margin-bottom:32px;position:static;overflow:visible}.solution-reading-layout .toc-desktop{display:none}.solution-reading-layout .toc-mobile{border-block:1px solid #e5e5e5;display:block}.solution-reading-layout .toc-mobile summary{cursor:pointer;padding:16px 0;font-size:14px}.solution-reading-layout .toc-mobile nav{padding-bottom:16px}.solution-reading-layout .toc-mobile a{min-height:44px}}@media (max-width:700px){.solution-detail-page .project-detail{padding-top:104px;padding-bottom:56px}.solution-detail-page .project-topline{margin-bottom:24px}.solution-detail-page .project-header h1{font-size:24px}.solution-detail-page .markdown-body,.solution-reading-layout{padding-top:32px}.solution-detail-page .solution-reading-layout .markdown-body{padding-top:0}}