.article-page{background:var(--color-paper)}.article-page .site-header{box-shadow:0 8px 20px #0002}.article-overview{padding:40px 0 0}.article-layout{align-items:start;display:grid;gap:40px;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr)}.article-content{background:#fff;border-radius:16px;color:#181a19;font-size:18px;line-height:1.2;min-width:0;padding:20px}.article-content h1{font-family:var(--font-display);margin:0 0 24px}.article-content h1,.article-content h2{font-size:32px;font-weight:600;line-height:1.2;text-wrap:wrap}.article-content h2{margin:24px 0 16px}.article-content h3{font-size:26px;font-weight:600;line-height:1.2;margin:24px 0 16px;text-wrap:wrap}.article-content p+p{margin-top:16px}.article-content ul{list-style:disc;margin:16px 0;padding-left:30px}.article-content li{margin:12px 0;padding-left:6px}.article-content>:last-child{margin-bottom:0}.article-content a{text-decoration:underline;text-underline-offset:3px}.article-photo{border-radius:12px;display:block;height:280px;margin-bottom:24px;object-fit:cover;width:100%}.article-photo-picture{display:block;margin-top:24px}.article-sidebar{align-self:start;display:grid;gap:24px;max-height:calc(100dvh - 48px);min-width:0;overflow-y:auto;position:sticky;scrollbar-width:none;top:24px}.article-sidebar::-webkit-scrollbar{display:none}.admin-bar .article-sidebar{max-height:calc(100dvh - 80px);top:56px}@media(max-width:782px){.admin-bar .article-sidebar{max-height:calc(100dvh - 94px);top:70px}}.article-recommendations>h2{font-size:28px;font-weight:400;margin-bottom:16px;text-wrap:wrap}.recommendation-track{display:grid;gap:16px;min-width:0}.recommendation-card{background:#fff;border-radius:16px;display:grid;gap:0 16px;grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto auto 1fr;min-width:0;padding:20px;position:relative}.recommendation-card .blog-image{border-radius:12px;grid-column:1;grid-row:1/4;height:100px;object-fit:cover;width:100px}.recommendation-card .blog-category{color:#60665f;font-size:10px;line-height:1.2;margin:8px 0;text-transform:uppercase}.recommendation-card .blog-category a{color:inherit;text-decoration:none;transition:color .18s ease}@media(hover:hover){.recommendation-card .blog-category a:hover{color:var(--color-brand);text-decoration:underline;text-underline-offset:2px}}.recommendation-card h3{font-family:var(--font-sans);font-size:14px;font-weight:600;line-height:1.2}.recommendation-card h3 a{color:inherit;text-decoration:none;transition:color .18s ease}.recommendation-card>a:last-of-type,.recommendation-read{color:#c92d20;font-size:14px;margin-top:8px;text-decoration:none;transition:color .18s ease}@media(hover:hover){.recommendation-card h3 a:hover,.recommendation-card:hover h3 a{color:var(--color-brand)}.recommendation-card:hover .recommendation-read,.recommendation-card:hover>a:last-of-type,.recommendation-card>a:last-of-type:hover,.recommendation-read:hover{color:var(--color-brand-hover,#d9281b);text-decoration:underline}.article-communities .community-link:hover small,.article-communities .community-link:hover strong{color:var(--color-brand)}.article-communities .community-link:hover .community-icon{background:var(--color-brand);color:#fff}.article-communities .community-link:hover>svg{color:var(--color-brand);transform:translateX(4px)}}.recommendation-card h3 a:focus-visible{color:var(--color-brand);outline:none}.recommendation-card>a:last-of-type:focus-visible,.recommendation-read:focus-visible{color:var(--color-brand-hover,#d9281b);outline:none;text-decoration:underline}.recommendation-card>.round-arrow{background:none;border-radius:16px;height:auto;inset:0;position:absolute;width:auto;z-index:1}.recommendation-card>.round-arrow svg{display:none}.recommendation-card:focus-within{outline:2px solid var(--color-brand);outline-offset:4px}.recommendation-card>.round-arrow:focus-visible{outline:none}.article-communities{display:grid;gap:16px}@media(min-width:640px) and (width < 1024px){.article-layout{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1.35fr) minmax(300px,1.05fr)}.article-sidebar{align-self:start;display:grid;gap:20px;max-height:calc(100dvh - 48px);min-width:0;overflow-y:auto;position:sticky;scrollbar-width:none;top:24px}.article-content h1{font-size:28px}.article-recommendations>h2{font-size:24px;margin:0 0 16px}.recommendation-track{display:grid;gap:12px;min-width:0}.recommendation-card{gap:0 14px;grid-template-columns:100px minmax(0,1fr);padding:16px}.article-communities{display:grid;gap:12px;grid-template-columns:1fr}}@media(width < 640px){.article-overview{padding-top:24px}.article-layout{display:flex;flex-direction:column;gap:16px}.article-sidebar{display:contents}.article-communities,.article-content,.article-recommendations{width:100%}.article-content{font-size:16px;line-height:1.2;order:0;padding:16px}.article-communities{display:grid;gap:16px;grid-template-columns:1fr;order:1}.article-recommendations{order:2;width:100%}.article-content h1{margin-bottom:24px}.article-content h1,.article-content h2{font-size:26px;letter-spacing:-.025em;line-height:1.1}.article-content h2{margin:24px 0 16px}.article-content h3{font-size:22px;letter-spacing:-.025em;line-height:1.1;margin:24px 0 16px}.article-photo{height:240px;margin-bottom:16px}.article-photo-picture{margin-top:16px}.article-content ul{padding-left:26px}.article-recommendations>h2{font-size:26px;margin-bottom:16px}.recommendation-track{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.recommendation-card{flex:0 0 calc(100% - 16px);gap:0 16px;grid-template-columns:100px minmax(0,1fr);padding:16px;scroll-snap-align:start}.recommendation-card .blog-category{margin-top:4px}.recommendation-card h3,.recommendation-read{font-size:14px}}