/* Articles in block form keep the look of the classic HTML they came from (6 Nov 2026, block conversion).
   Classic themes get no float from .wp-block-image.alignleft, so it is set here. */
.skp-body .wp-block-image.alignleft { float: left; }
.skp-body .wp-block-image.alignright { float: right; }
.skp-body .wp-block-image.aligncenter { margin-left: auto; margin-right: auto; }
.skp-body .wp-block-image.alignleft img, .skp-body .wp-block-image.alignright img, .skp-body .wp-block-image.aligncenter img { display: block; }
/* A plain image used to sit inside a paragraph: the same line box keeps the spacing below it unchanged. */
.skp-body .wp-block-image:not(.alignleft):not(.alignright):not(.aligncenter) { font-size: 17px; line-height: 1.55; }
.skp-body .wp-block-image:not(.alignleft):not(.alignright):not(.aligncenter) img { vertical-align: baseline; }
.skp-body .wp-block-embed { margin: 0 0 1em; }
.skp-body .wp-block-table { margin: 0; } /* the table keeps its own 1.2em bottom margin, as before */
/* Lines that were stacked plain divs (a pasted transcript): body text style, no paragraph gap, as before. */
.skp-body p.skp-lines { font-size: 16px; font-weight: 400; line-height: 24px; margin: 0; }

/* Pros and cons (inc/proscons.php, 6 Nov 2026): two white panels side by side, stacked on a phone. Each side has its label
   and its own icon (tick for pros, minus for cons), so the meaning never rests on green and red alone. */
.skp-proscons { margin: 1.6em 0; --skp-pro: var(--wp--preset--color--green, #2E7D4F); --skp-con: var(--wp--preset--color--red, #D71830); }
.skp-proscons .skp-proscons-cols { gap: 16px; margin: 0; align-items: stretch; }
.skp-proscons .skp-pros, .skp-proscons .skp-cons { background: #fff; border-radius: 8px; border-top: 4px solid var(--skp-pro); padding: 14px 20px 6px; }
.skp-proscons .skp-cons { border-top-color: var(--skp-con); }
.skp-proscons p.skp-proscons-label { margin: 0 0 4px; font-size: 13px; line-height: 1.4; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--skp-pro); }
.skp-proscons .skp-cons p.skp-proscons-label { color: var(--skp-con); }
.skp-proscons ul.skp-proscons-list { list-style: none; margin: 0; padding: 0; }
.skp-proscons ul.skp-proscons-list li { position: relative; margin: 0; padding: 10px 0 10px 30px; border-top: 1px solid #EDEDED; font-size: 16px; line-height: 1.45; }
.skp-proscons ul.skp-proscons-list li:first-child { border-top: 0; }
.skp-proscons ul.skp-proscons-list li::before { content: ""; position: absolute; left: 0; top: 12px; width: 20px; height: 20px; border-radius: 50%; background: var(--skp-pro);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 0a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm4.3 6.3a1 1 0 0 0-1.4 0L8.6 10.6 7.1 9.1a1 1 0 1 0-1.4 1.4l2.2 2.2a1 1 0 0 0 1.4 0l5-5a1 1 0 0 0 0-1.4Z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 0a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm4.3 6.3a1 1 0 0 0-1.4 0L8.6 10.6 7.1 9.1a1 1 0 1 0-1.4 1.4l2.2 2.2a1 1 0 0 0 1.4 0l5-5a1 1 0 0 0 0-1.4Z'/%3E%3C/svg%3E") center / contain no-repeat; }
.skp-proscons .skp-cons ul.skp-proscons-list li::before { background: var(--skp-con);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 0a10 10 0 1 1 0 20 10 10 0 0 1 0-20ZM6 9a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H6Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 0a10 10 0 1 1 0 20 10 10 0 0 1 0-20ZM6 9a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H6Z'/%3E%3C/svg%3E"); }