.article--wrapper{padding:20px;margin:0 auto;max-width:100%}.article--wrapper h1{font-size:32px;text-transform:uppercase}.article--grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.article-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.article-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #00000026}.card-content{display:flex;padding:20px;align-items:flex-start}.photo-name-section{display:flex;flex-direction:column;gap:10px;margin-right:20px;text-decoration:none}.photo-placeholder{width:240px;height:200px;position:relative;overflow:hidden}.photo-placeholder img{position:absolute;top:-20px;width:200px}.name-info h3{margin:0 0 5px;font-size:14px;font-weight:600;color:#333}.name-info p{margin:0;font-size:12px;color:#666}.links-section{flex:2;min-width:200px;display:flex;flex-direction:column;gap:20px}.links-section ul{list-style-type:none;padding:0;margin:0}.links-section ul li{margin-bottom:12px}.links-section ul li:last-child{margin-bottom:0}.links-section a{text-decoration:none;color:var(--accent);font-size:14px;position:relative;display:block;transition:color .2s ease}.links-section a:hover{color:var(--accent);text-decoration:underline}.links-section a:before{content:"•";margin-right:8px;color:var(--accent)}@media screen and (max-width:768px){.article--grid{grid-template-columns:1fr}.card-content{flex-direction:column}.photo-name-section{margin-right:0;margin-bottom:15px;justify-content:flex-start}.photo-placeholder{margin-right:15px}}