.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.article-card{background:var(--surface,#fff);border:1px solid var(--border,#dbe3ef);border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(15,40,85,.07)}.article-card img,.article-placeholder{width:100%;aspect-ratio:16/9;object-fit:cover}.article-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#eaf2ff,#dce8ff);color:#335fa8;font-size:1.35rem;font-weight:800}.article-card-body{padding:18px}.article-card h3{margin:.45rem 0;font-size:1.2rem;line-height:1.45}.article-card h3 a{color:inherit;text-decoration:none}.article-card p{color:var(--muted,#61708a)}.article-card small,.article-meta{color:var(--muted,#61708a)}.article-category{display:inline-flex;padding:5px 10px;border-radius:999px;background:#e7efff;color:#28559c;font-weight:700;font-size:.82rem}.article-search{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end;margin-top:24px}.article-search label{display:grid;gap:6px}.article-search input,.article-search select{min-height:48px;border:1px solid var(--border,#cbd7e7);border-radius:11px;padding:0 13px;background:var(--surface,#fff);color:inherit}.article-page{padding:44px 0}.article-page h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.15}.article-page figure{margin:30px 0}.article-page figure img{width:100%;height:auto;border-radius:18px}.article-body{font-size:1.1rem;line-height:1.85}.article-body h2{margin-top:2.2rem}.breadcrumbs{margin-bottom:24px;color:var(--muted,#61708a);font-size:.92rem}.article-references,.article-reviewer{margin-top:32px;padding:20px;background:var(--surface-soft,#f5f8fc);border-radius:14px}.social-share{margin-top:36px;padding-top:24px;border-top:1px solid var(--border,#dbe3ef)}.social-share>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.social-share a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:9px 14px;border-radius:10px;color:#fff;text-decoration:none;font-weight:750}.share-facebook{background:#1877f2}.share-x{background:#111}.share-line{background:#06c755}.share-instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}@media(max-width:850px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-search{grid-template-columns:1fr}}@media(max-width:560px){.article-grid{grid-template-columns:1fr}.social-share a{flex:1;justify-content:center}.social-share a span{display:none}}
.article-card img{height:auto;display:block}