/* TagIn preserves the shared Pixel Pro Lab editorial layout and approved identity. */
.tagin-article { --project-accent:#8B5CF6; padding-top:138px; }
.tagin-article .article-header { width:min(calc(100% - 48px), 1120px); }
.tagin-article .article-backlink { display:block; width:fit-content; margin-bottom:28px; color:var(--quiet); font-size:12px; text-decoration:none; }
.tagin-article .article-backlink:hover { color:var(--text); }
.tagin-article .article-project-logo { display:block; width:220px; height:auto; margin-bottom:36px; background:#2E1065; }
.tagin-article .article-title { max-width:960px; font-size:clamp(34px, 4.2vw, 60px); line-height:1.12; text-wrap:balance; }
.tagin-article .article-subtitle { max-width:800px; }
.tagin-article .article-kicker { color:#ccc0ed; }
.tagin-article .article-body { width:100%; }
.tagin-article .article-language-panel > :is(p, h2, h3, ul, blockquote) { width:min(calc(100% - 40px), 720px); margin-inline:auto; }
.tagin-article .article-language-panel > p:first-child { font-size:23px; line-height:1.65; }
.tagin-article .article-body ul { padding-inline:24px 0; }
.tagin-article .article-body li::marker { color:#ccc0ed; }
.tagin-article .wide-media { width:min(calc(100% - 48px), 1120px); margin:48px auto 64px; }
.tagin-article .screenshot-link { display:block; border:1px solid #4a3d5d; border-radius:4px; overflow:hidden; }
.tagin-article .screenshot-link img { display:block; width:100%; height:auto; }
.tagin-article .screenshot-link:hover { border-color:#8B5CF6; }
.tagin-article .screenshot-link:focus-visible { outline:2px solid #ccc0ed; outline-offset:5px; }
.tagin-article .wide-media figcaption { font-family:'Manrope',sans-serif; font-size:13px; line-height:1.75; letter-spacing:0; text-transform:none; }
.tagin-article .experience-model { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:min(calc(100% - 48px),1120px); margin:48px auto; padding:0; list-style:none; border-block:1px solid #4a3d5d; }
.tagin-article .experience-model li { padding:28px 24px; margin:0; border-inline-end:1px solid #4a3d5d; }
.tagin-article .experience-model li:last-child { border:0; }
.tagin-article .model-number { display:block; color:#ccc0ed; font-size:12px; margin-bottom:18px; }
.tagin-article .experience-model strong { display:block; margin-bottom:14px; font-size:21px; }
.tagin-article .experience-model p { margin:0; font-size:15px; line-height:1.75; color:var(--quiet); }
.tagin-article :lang(ar) { font-family:'Noto Sans Arabic','Manrope',sans-serif; letter-spacing:normal; }
@media (max-width:620px) {
  .tagin-article { padding-top:116px; }
  .tagin-article .article-header { width:calc(100% - 40px); }
  .tagin-article .article-project-logo { width:180px; }
  .tagin-article .article-title { font-size:32px; }
  .tagin-article .wide-media { width:calc(100% - 24px); margin-block:36px; }
  .tagin-article .experience-model { grid-template-columns:1fr; width:calc(100% - 40px); }
  .tagin-article .experience-model li { border-inline-end:0; border-bottom:1px solid #4a3d5d; }
  .tagin-article .article-language-panel > p:first-child { font-size:20px; }
}