/* Native editorial blocks: shared by the front end and block editor. */
.vpn-offer-list { margin: 1.5rem 0; border: 1px solid #dce1e6; border-radius: .6rem; background: #fff; }
.vpn-offer-list .vpn-offer-row { position: relative; align-items: center !important; gap: 1.25rem; margin: 0; padding: 1.5rem; border-bottom: 1px solid #e5e7eb; }
.vpn-offer-list .vpn-offer-row:last-child { border-bottom: 0; }
.vpn-offer-row--featured { background: #fffbf4; border-radius: .6rem .6rem 0 0; }
.vpn-offer-row > .vpn-offer-identity { flex-basis: 23%; flex-grow: 0; text-align: center; }
.vpn-offer-row > .vpn-offer-details { flex-basis: 49%; flex-grow: 1; }
.vpn-offer-row > .vpn-offer-action { flex-basis: 22%; flex-grow: 0; text-align: center; }
.vpn-offer-list .vpn-offer-rank { display: inline-flex; align-items: center; justify-content: center; width: 1.7rem; height: 1.7rem; margin: 0 0 .7rem; border-radius: 50%; background: #6b7280; color: white; font-size: .9rem; font-weight: 700; }
.vpn-offer-row--featured .vpn-offer-rank { background: #bc2929; }
.vpn-offer-list .vpn-offer-logo { margin: 0 auto .65rem; width: 100%; max-width: 170px; }
.vpn-offer-logo img { display: block; width: 100%; height: auto; max-height: 70px; object-fit: contain; }
.vpn-offer-list .vpn-offer-badge { display: inline-block; margin: 0; padding: .2rem .55rem; border-radius: .2rem; color: #842616; background: #ffe1c2; font-size: .78rem; font-weight: 700; line-height: 1.45; }
.vpn-offer-list .vpn-offer-title { margin: 0 0 .45rem; font-size: 1.05rem; }
.vpn-offer-title a { color: inherit; text-decoration: none; }
.vpn-offer-title a:hover { text-decoration: underline; }
.vpn-offer-list .vpn-offer-features { margin: 0; padding: 0; list-style: none; }
.vpn-offer-features > li { position: relative; padding-left: 1.25rem; margin: .25rem 0; line-height: 1.55; }
.vpn-offer-features > li::before { content: '✓'; position: absolute; left: 0; color: #198754; font-weight: 700; }
.vpn-offer-list .vpn-offer-review { margin: .6rem 0 0; font-size: .9rem; }
.vpn-offer-list .vpn-offer-buttons { justify-content: center; margin: 0; }
.vpn-offer-list .vpn-offer-button { margin: 0; }
.vpn-offer-button .wp-block-button__link { display: inline-block; padding: .65rem 1.1rem; border-radius: .3rem; color: #fff; background: #cf2e2e; font-size: 1rem; font-weight: 700; line-height: 1.4; text-decoration: none; text-align: center; }
.vpn-offer-button .wp-block-button__link:hover { color: #fff; background: #a72323; }
.vpn-offer-button .wp-block-button__link:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.vpn-offer-list .vpn-offer-note { margin: .5rem 0 0; color: #62676d; font-size: .78rem; line-height: 1.5; }
.vpn-offer-note span { color: inherit !important; }
.vpn-pros-cons { gap: 1rem; margin: 1.5rem 0; align-items: stretch; }
.vpn-pros-cons > .wp-block-column { border-radius: .4rem; overflow: hidden; }
.vpn-verdict-pros { background: #edf8f1; }
.vpn-verdict-cons { background: #fdf1f1; }
.vpn-pros-cons .vpn-verdict-title { margin: 0; padding: .85rem 1rem; font-size: 1.05rem; font-weight: 700; line-height: 1.5; }
.vpn-verdict-pros .vpn-verdict-title { background: #cbe8d6; color: #174c31; }
.vpn-verdict-cons .vpn-verdict-title { background: #f0d1d1; color: #742828; }
.vpn-pros-cons .vpn-verdict-list { margin: 0; padding: 1rem 1rem 1rem 2.25rem; }
.vpn-verdict-list li { padding-left: .2rem; margin: 0 0 .65rem; line-height: 1.65; }
.vpn-verdict-list li:last-child { margin-bottom: 0; }
.vpn-verdict-pros li::marker { color: #198754; }
.vpn-verdict-cons li::marker { color: #a72323; }
.vpn-callout { margin: 1.5rem 0; padding: 1.25rem; border: 1px solid #b9dce9; border-left: 4px solid #3286a8; border-radius: .5rem; background: #eff8fc; }
.vpn-callout > :last-child { margin-bottom: 0; }
.vpn-callout--blue { background: #edf5ff; border-color: #bfd6ef; border-left-color: #397bbd; }
.vpn-callout--green { background: #eef8ed; border-color: #c6e1c0; border-left-color: #508943; }
@media (max-width: 781px) {
 .vpn-offer-list .vpn-offer-row { gap: .85rem; padding: 1.25rem; }
 .vpn-offer-row > .vpn-offer-identity { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .7rem; }
 .vpn-offer-list .vpn-offer-rank, .vpn-offer-list .vpn-offer-logo { margin: 0; }
 .vpn-offer-list .vpn-offer-logo { width: 155px; }
 .vpn-offer-list .vpn-offer-badge { flex-basis: auto; }
 .vpn-offer-row > .vpn-offer-details { width: 100%; }
 .vpn-offer-list .vpn-offer-title { text-align: center; }
 .vpn-offer-list .vpn-offer-action, .vpn-offer-list .vpn-offer-buttons, .vpn-offer-list .vpn-offer-button { width: 100%; }
 .vpn-offer-button .wp-block-button__link { width: 100%; }
 .vpn-pros-cons { gap: .8rem; }
}