.ai-app-article{min-width:0;color:var(--gp-color-text);background:0 0;flex-direction:column;gap:32px;display:flex}.ai-app-article h2,.ai-app-article h3{text-box-edge:cap alphabetic;text-box-trim:trim-both}.ai-app-article__title{overflow-wrap:anywhere;margin:0;font-size:28px;font-weight:700;line-height:1.45}.ai-app-article>.ai-app-thumbnail{aspect-ratio:560/300;background:var(--gp-color-surface-muted);border-radius:20px;width:100%;overflow:hidden}.ai-app-article>.ai-app-thumbnail img,.ai-app-article>.ai-app-thumbnail video{object-fit:cover;width:100%;height:100%;display:block}.ai-app-article__body{color:#666;overflow-wrap:anywhere;min-width:0;font-size:15px;line-height:1.45}.ai-app-article__body>*{margin-block:0}.ai-app-article__body>*+*{margin-block-start:16px}.ai-app-article__body>h2,.ai-app-article__body>h3,.ai-app-article__body>.article-image,.ai-app-article__body>.article-image-grid,.ai-app-article__body>.article-callout{margin-block-start:32px}.ai-app-article__body>h2:first-child,.ai-app-article__body>h3:first-child,.ai-app-article__body>.article-image:first-child,.ai-app-article__body>.article-image-grid:first-child,.ai-app-article__body>.article-callout:first-child{margin-block-start:0}.ai-app-article__body h2{color:var(--gp-color-text);border-bottom:1px solid #dcdcdc;padding-bottom:16px;font-size:24px;font-weight:700;line-height:1.45}.ai-app-article__body h3{color:var(--gp-color-text);letter-spacing:-.02em;align-items:baseline;gap:8px;font-size:18px;font-weight:700;line-height:20px;display:flex}.ai-app-article__body h3:before,.article-callout__label:before{background:var(--gp-color-primary);content:"";border-radius:50%;flex:none;width:4px;height:4px;transform:translateY(-.15em)}.article-accent{color:var(--gp-color-primary);font-weight:700}.ai-app-article__body>.article-accent{display:block}.article-image{margin-inline:0}.article-image img,.article-image-grid img{border-radius:20px;width:100%;height:auto;display:block}.article-image figcaption{color:#666;margin-top:8px;font-size:12px;line-height:1.5}.article-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.article-image-grid .article-image{min-width:0}.article-callout{background:var(--gp-color-surface);border-radius:13px;padding:24px 16px 16px;position:relative}.article-callout__quote{width:32px;height:24px;display:block;position:absolute;top:-12px;right:16px}.article-callout__label{color:var(--gp-color-text);letter-spacing:-.02em;align-items:baseline;gap:8px;margin:0 0 12px;font-size:18px;font-weight:700;line-height:20px;display:flex}.article-callout__body{color:#666;font-size:15px;line-height:1.45}.article-callout__body>:first-child{margin-block-start:0}.article-callout__body>:last-child{margin-block-end:0}.ai-app-article>.ai-app-developer{grid-template-columns:max-content 80px minmax(0,1fr);align-items:center;gap:24px;display:grid}.ai-app-article .ai-app-developer__label,.ai-app-article .ai-app-developer__name,.ai-app-article .ai-app-developer__title{margin:0}.ai-app-article .ai-app-developer__label{letter-spacing:-.02em;white-space:nowrap;font-size:14px;font-weight:700;line-height:20px}.ai-app-article .ai-app-developer__avatar{object-fit:cover;border-radius:50%;width:80px;height:80px;display:block}.ai-app-article .ai-app-developer__info{flex-direction:column;gap:8px;min-width:0;padding-top:16px;display:flex}.ai-app-article .ai-app-developer__title{font-size:12px;font-weight:500;line-height:1.45}.ai-app-article .ai-app-developer__name{overflow-wrap:anywhere;text-box-edge:cap alphabetic;text-box-trim:trim-both;font-size:18px;font-weight:600;line-height:1.2}.ai-app-article .ai-app-developer__divider{background:#00000029;width:100%;height:1px;margin-top:8px}@media (width<768px){.ai-app-article{gap:24px}.ai-app-article__title{font-size:20px}.ai-app-article>.ai-app-thumbnail{border-radius:10px}.ai-app-article__body{font-size:15px}.ai-app-article__body h2{font-size:18px}.article-image-grid{grid-template-columns:1fr}.ai-app-article>.ai-app-developer{grid-template-columns:64px minmax(0,1fr);gap:16px}.ai-app-article .ai-app-developer__label{grid-column:1/-1}.ai-app-article .ai-app-developer__avatar{width:64px;height:64px}.ai-app-article .ai-app-developer__info{padding-top:0}.ai-app-article .ai-app-developer__name{font-size:16px}}
