.author-card{display:flex;flex-direction:column;width:var(--content-width-text);max-width:100%;align-items:flex-start;justify-content:center;gap:var(--spacing-xs);position:relative}.author-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-fg3);line-height:16px;letter-spacing:var(--letter-spacing-none);margin-top:0}.author-name{font-size:var(--font-size-base-plus);font-weight:var(--font-weight-semibold);color:var(--color-fg);line-height:22px;letter-spacing:var(--letter-spacing-tight);align-self:stretch}.author-bio{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-fg);line-height:20px;letter-spacing:-.1px;align-self:stretch;margin:0}.skeleton-author-card .author-label{width:40px;height:var(--font-size-sm-plus)}.skeleton-author-card .author-name{width:180px;height:var(--project-name-height);margin-top:var(--spacing-xs)}.skeleton-author-card .author-bio .skeleton{height:var(--font-size-xl);margin-top:var(--spacing-xs)}.skeleton-author-card .author-bio .skeleton:first-child{width:100%}.skeleton-author-card .author-bio .skeleton:last-child{width:75%}@media screen and (max-width: 768px){.author-card{width:100%;padding:0}}.related-articles{display:flex;flex-direction:column;width:100%;max-width:var(--content-width-text);align-items:flex-start;justify-content:center;gap:20px;position:relative;margin:0 auto;padding:0}.related-articles-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);align-self:stretch;width:100%;position:relative}.related-articles-title{flex:1;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-fg);line-height:30px;letter-spacing:var(--letter-spacing-negative-sm);margin:0}.related-articles-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent);text-align:right;line-height:20px;letter-spacing:-.1px;text-decoration:underline;text-underline-offset:3px;transition:var(--transition-base)}.related-articles-link:hover{color:var(--color-accent-hover)}.related-articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-2-5xl);align-self:stretch;width:100%;position:relative}.related-articles-grid .magazine-card-link{width:100%;height:100%}.related-articles-grid .magazine-card{max-width:100%;height:100%}@media screen and (max-width: 768px){.related-articles{width:100%;padding:0;gap:16px}.related-articles-header{display:block;gap:var(--gap-md)}.related-articles-title{font-size:var(--font-size-xl);line-height:var(--line-height-26);letter-spacing:-.4px;margin:0 0 6px}.related-articles-grid{grid-template-columns:1fr;gap:var(--gap-md)}}@media screen and (max-width: 480px){.related-articles-grid{gap:var(--spacing-3xl)}}.magazine-detail-container{--content-width-text: 720px;padding-bottom:64px}.magazine-detail-container>.article-header{margin-top:0}.magazine-detail-container>.article-image{margin-top:32px}.magazine-detail-container>.article-content{margin-top:var(--spacing-2xl-plus-2)}.magazine-detail-container>.content-divider{margin-top:var(--spacing-2xl-plus-2)}.magazine-detail-container>.content-divider+.author-card{margin-top:32px}.magazine-detail-container>.author-card+.content-divider{margin-top:32px}.magazine-detail-container>.related-articles{margin-top:var(--spacing-2xl-plus-2)}@media screen and (min-width: 769px){.magazine-detail-container>.related-articles{--related-width: min(var(--content-max-width), calc(100vw - 64px) );width:var(--related-width);max-width:none;margin-left:calc((100% - var(--related-width)) / 2);margin-right:0}.magazine-detail-container .related-articles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.magazine-detail-container .related-articles-grid .magazine-image{height:auto;aspect-ratio:3 / 2}@media screen and (max-width: 768px){.magazine-detail-container .related-articles-grid .magazine-image{aspect-ratio:2 / 1}}.article-header{display:flex;flex-direction:column;width:100%;max-width:100%;align-items:flex-start;justify-content:center;gap:16px;position:relative;padding-top:32px}.article-title{position:relative;align-self:stretch;font-size:var(--font-size-3-5xl-plus);font-weight:var(--font-weight-semibold);color:var(--color-fg);line-height:50px;letter-spacing:-1.1px;margin:0}.article-excerpt{position:relative;align-self:stretch;font-size:var(--font-size-base-plus);font-weight:var(--font-weight-medium);color:var(--color-fg);line-height:var(--line-height-26);letter-spacing:-.17px;max-width:66ch;margin:0}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm-plus);align-self:stretch;width:100%;position:relative}.meta-date,.meta-author{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg3);line-height:20px;letter-spacing:-.1px;white-space:nowrap;margin-top:0}.meta-separator{position:relative;flex-shrink:0;width:6px;height:6px;background-color:var(--color-sep)}.article-image{position:relative;width:100vw;max-width:var(--content-max-width);margin:0 auto;left:50%;transform:translate(-50%);height:var(--article-image-height);aspect-ratio:var(--aspect-article-image);border-radius:var(--radius-xl);overflow:hidden}.article-image .lazy-image-wrapper.article-image-inner{width:100%;height:100%}.article-image .article-image-inner .lazy-image,.article-image .article-image-inner .skeleton-image{width:100%;height:100%;object-fit:cover;object-position:center}.article-image-secondary{position:relative;width:100%;max-width:100%;height:var(--article-image-secondary-height);aspect-ratio:var(--aspect-article-image-secondary);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:var(--radius-lg);margin-bottom:var(--spacing-2-75xl)}.article-content{display:flex;flex-direction:column;width:100%;max-width:100%;align-items:flex-start;gap:var(--spacing-2-75xl);position:relative}.article-content,.article-content>*{max-width:100%}.article-subtitle{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-fg);line-height:var(--line-height-subtitle);letter-spacing:var(--letter-spacing-none);margin:var(--negative-margin-small) 0 0 0}.article-content h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-fg);line-height:30px;letter-spacing:var(--letter-spacing-negative-sm);margin:16px 0 0;padding-bottom:var(--spacing-md)}.article-content h2:first-child{margin-top:0}.article-content h3{font-size:var(--font-size-base-plus);font-weight:var(--font-weight-bold);color:var(--color-fg);line-height:22px;letter-spacing:var(--letter-spacing-tight);margin:var(--spacing-md) 0 0 0;padding-bottom:var(--spacing-sm)}.article-content h3:first-child{margin-top:0}.article-content:not(:has(h2)) h3{font-size:var(--font-size-2xl);line-height:30px;letter-spacing:var(--letter-spacing-negative-sm);margin-top:16px;padding-bottom:var(--spacing-md)}.article-content p{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-fg);line-height:var(--line-height-26);letter-spacing:-.16px;max-width:min(66ch,100%);margin:0;padding-bottom:16px}.article-content p:last-child{padding-bottom:0}.article-content em,.article-content i{font-style:italic}.article-content strong,.article-content b{font-weight:var(--font-weight-semibold)}.article-content a{color:var(--color-accent);font-weight:var(--font-weight-medium);text-decoration:underline;text-underline-offset:3px}.article-content a:hover{color:var(--color-accent-hover)}.article-content ul,.article-content ol{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-fg);line-height:var(--line-height-26);letter-spacing:-.16px;max-width:66ch;margin:0;padding-bottom:16px;padding-left:22px}.article-content ul{list-style-type:disc}.article-content ol{list-style-type:decimal}.article-content li{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-fg);line-height:var(--line-height-26);letter-spacing:-.16px;margin:0;padding-bottom:6px}.article-content li::marker{color:var(--color-fg2)}.article-content li:last-child{padding-bottom:0}.article-content li>ul,.article-content li>ol{padding-top:6px;padding-bottom:0}.article-content blockquote{margin:0 0 16px;padding:2px 0 2px 16px;border-left:3px solid var(--color-ctl);font-size:var(--font-size-base-plus);font-weight:var(--font-weight-medium);line-height:var(--line-height-26);letter-spacing:-.17px;color:var(--color-fg)}.article-content blockquote p{font-size:inherit;font-weight:inherit;line-height:inherit;padding-bottom:8px}.article-content table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm-plus);line-height:20px;color:var(--color-fg);margin:0 0 16px}.article-content th{font-size:var(--font-size-sm-minus);line-height:18px;font-weight:500;text-align:left;padding:10px 16px;color:var(--color-fg2);border-bottom:1px solid var(--color-sep)}.article-content td{padding:14px 16px;border-top:1px solid var(--color-sep);vertical-align:top}.article-content tr:first-child td{border-top:0}.article-content img{max-width:100%;height:auto;border-radius:var(--radius-xl);display:block;margin:16px 0}.article-content figure{margin:16px 0;max-width:100%}.article-content figure img{margin:0}.article-content figcaption:not(:empty){font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:16px;letter-spacing:var(--letter-spacing-none);color:var(--color-fg3);padding-top:var(--spacing-sm)}.text-link{font-family:var(--font-primary);font-weight:var(--font-weight-bold);text-decoration:underline;color:var(--color-fg);cursor:pointer}.text-link:hover{opacity:var(--opacity-hover)}.content-divider{position:relative;width:100%;max-width:100%;height:1px;background-color:var(--color-sep)}.article-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-4xl);text-align:center}.article-not-found h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-fg);margin:0}.article-not-found p{font-size:var(--font-size-lg);color:var(--color-fg2);margin:0}@media screen and (max-width: 768px){.magazine-detail-container{padding-bottom:40px}.magazine-detail-container>.article-image{margin-top:var(--spacing-lg-plus)}.magazine-detail-container>.article-content{margin-top:24px}.magazine-detail-container>.content-divider{margin-top:32px;margin-bottom:0}.magazine-detail-container>.content-divider+.author-card{margin-top:24px}.magazine-detail-container>.author-card+.content-divider{margin-top:24px}.magazine-detail-container>.related-articles{margin-top:32px}.article-header{width:100%;gap:12px;padding-top:14px}.article-title{font-size:var(--font-size-2xl-plus-plus);line-height:34px;letter-spacing:-.7px}.article-image{width:auto;max-width:none;aspect-ratio:auto;left:0;transform:none;height:220px;border-radius:0;margin:0 -16px;overflow:hidden}.article-image-secondary{width:100%;height:var(--article-image-height-mobile-small);border-radius:var(--radius-md)}.article-content{width:100%;gap:var(--spacing-md)}.article-content h2{font-size:var(--font-size-xl);line-height:var(--line-height-26);letter-spacing:-.4px;margin-top:var(--spacing-sm);padding-bottom:14px}.article-content h3{margin-top:6px;padding-bottom:var(--spacing-sm-plus)}.article-content:not(:has(h2)) h3{font-size:var(--font-size-xl);line-height:var(--line-height-26);letter-spacing:-.4px;margin-top:var(--spacing-sm);padding-bottom:14px}.article-content p{font-size:var(--font-size-base);padding-bottom:14px}.article-content ul,.article-content ol{padding-bottom:14px}.article-content blockquote{margin-bottom:14px}.article-content th,.article-content td{padding-left:10px;padding-right:10px}.article-content th:first-child,.article-content td:first-child{padding-left:0}.article-content img,.article-content figure{margin:var(--spacing-md) 0}.content-divider{width:100%}}@media screen and (max-width: 480px){.article-image{left:0;transform:none;margin:0 -16px}.article-image-secondary{height:var(--article-image-height-small)}}.skeleton-article-header{display:flex;flex-direction:column;gap:var(--spacing-2xl);padding-top:var(--spacing-4xl)}.skeleton-article-header .article-title.skeleton{width:var(--skeleton-text-width-80);height:var(--skeleton-title-height);background-color:var(--color-fill);border-radius:var(--radius-sm)}.skeleton-article-header .article-excerpt .skeleton{height:var(--skeleton-line-height);background-color:var(--color-fill);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.skeleton-article-header .article-excerpt .skeleton:nth-child(1){width:var(--skeleton-text-width-100)}.skeleton-article-header .article-excerpt .skeleton:nth-child(2){width:var(--skeleton-text-width-90)}.skeleton-article-header .article-excerpt .skeleton:nth-child(3){width:var(--skeleton-text-width-75)}.skeleton-meta-date{width:var(--skeleton-meta-date-width);height:var(--skeleton-meta-height);background-color:var(--color-fill);border-radius:var(--radius-sm)}.skeleton-meta-author{width:var(--skeleton-meta-author-width);height:var(--skeleton-meta-height);background-color:var(--color-fill);border-radius:var(--radius-sm)}.skeleton-content-line{height:var(--skeleton-line-height);background-color:var(--color-fill);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.article-image.skeleton{margin-top:var(--spacing-2-75xl);margin-bottom:var(--spacing-2-75xl);height:var(--article-image-height);background-color:var(--color-fill);border-radius:var(--radius-xl)}.article-content .skeleton-content-line:nth-child(odd){width:var(--skeleton-text-width-100)}.article-content .skeleton-content-line:nth-child(2n){width:var(--skeleton-text-width-95)}.article-content .skeleton-content-line:nth-child(4n){width:var(--skeleton-text-width-88)}.article-content .skeleton-content-line:nth-child(5n){width:var(--skeleton-text-width-92)}@media screen and (max-width: 768px){.skeleton-article-header{padding-top:var(--spacing-xl)}.article-image.skeleton{height:var(--article-image-height-mobile-small)}.skeleton-article-header .article-title.skeleton{height:var(--skeleton-title-height-mobile)}.skeleton-article-header .article-excerpt .skeleton{height:var(--skeleton-line-height)}}
