/* Note box */
.wpnb-note { box-sizing: border-box; background:#EDF6FF; padding:30px; border-radius:10px; }
.wpnb-note .wpnb-inner p { margin: 0 0 1em; }
.wpnb-note .wpnb-inner p:last-child { margin-bottom: 0; }
.wpnb-inner h2{ margin-top: 0; }

/* Post Card layout */
.wpnb-card { display:flex; gap:16px; align-items:stretch; }
.wpnb-card-media { flex: 0 0 180px !important; max-width: 180px !important;}
.wpnb-card-media img{ width: 100% !important; height: 100% !important; object-fit: cover !important;}
.wpnb-card-body { flex: 1 1 auto; min-width: 0; padding: 10px 0 !important;}
.wpnb-card-title { margin: 0 0 8px; font-size: 24px !important; line-height: 1.3; font-family: 'archivo-expanded';}
.wpnb-card-title a { text-decoration: none; }
.wpnb-card-excerpt p { margin: 0;}
.wpnb-card-thumb { width: 100%; height: auto; border-radius: 8px; background: #f3f4f6; display:block; }
.wpnb-card-thumb--placeholder { width:100%; padding-top: 62%; border-radius:8px; background: #f3f4f6; }
.wpnb-above-title{font-size: 20px; margin-top: 0; font-family: 'archivo-expanded';}
.wpnb-link{text-decoration: none !important;}
.wpnb-card-wrapper{width: 100%; padding: 20px; border-top: 1px solid #11181C; border-bottom: 1px solid #11181C;}

/* Post List (do 3) */
.wpnb-list3 { border-top: 1px solid #18172B; border-bottom: 1px solid #18172B; padding-top: 20px; padding-bottom: 20px; }
.wpnb-list3-title { margin: 0 0 8px; font-size: 24px !important; line-height: 1.3; font-family: 'archivo-expanded'; padding-left: 20px;}
.wpnb-list3-item { padding: 14px 20px; border-top: 1px dashed #18172B; }
.wpnb-list3-link { display: inline-block; text-decoration: none; font-size: 1.125rem; line-height: 1.35; width: 100% !important;}
.wpnb-list3-link p{ margin: 0 0 6px;}
.wpnb-list3-meta { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: #6b7280; }


@media (max-width: 782px){
  .wpnb-card { flex-direction: column; }
  .wpnb-card-media { width: 100%; }
  .wpnb-card-wrapper{padding: 20px 0;}
  .wpnb-card-media { flex: 0 0 180px !important; max-width: 100% !important; width: 100% !important;}
}