.nhp-overlay{
	position:fixed;
	inset:0;
	z-index:99999;
	display:none;
	align-items:center;
	justify-content:center;
	padding:20px;
	background:rgba(15,23,42,.55);
	backdrop-filter:blur(2px);
}
.nhp-overlay.nhp-show{ display:flex; }

.nhp-modal{
	position:relative;
	width:100%;
	max-width:560px;
	max-height:90vh;
	overflow:auto;
	background:#fff;
	border-radius:6px;
	box-shadow:0 20px 60px rgba(0,0,0,.35);
	animation:nhp-in .25s ease;
}
@keyframes nhp-in{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:none; } }

.nhp-close{
	position:absolute;
	top:8px; right:8px;
	z-index:2;
	width:36px; height:36px;
	border:0;
	border-radius:50%;
	background:rgba(255,255,255,.9);
	color:#1f2d3d;
	font-size:24px;
	line-height:1;
	cursor:pointer;
	box-shadow:0 1px 4px rgba(0,0,0,.2);
}
.nhp-close:hover{ background:#fff; }

/* Article mode */
.nhp-thumb img{ display:block; width:100%; height:auto; }
.nhp-body{ padding:26px 28px 30px; }
.nhp-title{
	margin:0 0 12px;
	font-size:22px;
	font-weight:600;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:#1f2d3d;
	line-height:1.25;
}
.nhp-excerpt{
	margin:0 0 22px;
	color:#5a6b7b;
	font-size:15px;
	line-height:1.6;
}
.nhp-btn{
	display:inline-block;
	padding:11px 26px;
	background:#2b97d4;
	color:#fff !important;
	font-size:13px;
	font-weight:600;
	letter-spacing:.12em;
	text-transform:uppercase;
	text-decoration:none;
	border-radius:3px;
	transition:background .2s;
}
.nhp-btn:hover{ background:#1f7fb8; }

/* Locandina mode */
.nhp-locandina{ display:block; }
.nhp-locandina-img{ display:block; width:100%; height:auto; }

@media (max-width:480px){
	.nhp-title{ font-size:19px; }
	.nhp-body{ padding:22px 20px 24px; }
}

@media (prefers-reduced-motion:reduce){
	.nhp-modal{ animation:none; }
}