.patternpaste-designed-comparison {
  --ppc-ground:var(--pp-ground);
  --ppc-ink:var(--pp-ink);
  --ppc-label:var(--pp-label);
  --ppc-rule:var(--pp-rule);
  --ppc-accent:var(--pp-primary);
  --ppc-accent-ink:var(--pp-primary-ink);
  --ppc-plate:var(--pp-plate);
  --ppc-plate-ink:var(--pp-plate-ink);
  overflow:hidden;
  color:var(--ppc-ink);
  background:var(--ppc-ground);
  padding:clamp(26px,5vw,78px);
  container-type:inline-size;
}
.patternpaste-designed-comparison[data-treatment="designed"] {
  --ppc-ground:#eef5ff;
  --ppc-ink:#101a32;
  --ppc-label:#42506c;
  --ppc-rule:#9eacc6;
  --ppc-accent:#1d4ed8;
  --ppc-accent-ink:#f7faff;
  --ppc-plate:#d7e5ff;
  --ppc-plate-ink:#101a32;
  color:var(--ppc-ink);
  background:var(--ppc-ground);
}
.patternpaste-designed-comparison[data-treatment="inherit"]:not([class*="is-style-"]){color:inherit;background:transparent;}
.patternpaste-designed-comparison * { box-sizing:border-box; }
.patternpaste-designed-comparison :where(p,h2,figure,.wp-block-group) { margin:0; }
.patternpaste-designed-comparison.patternpaste-designed[data-treatment="designed"] :where(h2,p,th,td,button) { color:inherit; font-family:inherit; }
.patternpaste-designed-comparison .patternpaste-designed-layout { max-width:var(--wp--style--global--wide-size,1380px); margin-inline:auto; }
.patternpaste-designed-comparison .patternpaste-comparison-intro { display:grid; grid-template-columns:minmax(120px,.42fr) minmax(0,1.3fr) minmax(220px,.55fr); gap:clamp(22px,4vw,64px); align-items:start; padding-bottom:clamp(52px,8vw,112px); }
.patternpaste-designed-comparison .patternpaste-comparison-kicker,.patternpaste-designed-comparison .patternpaste-comparison-index { color:var(--ppc-label); font-size:10px; line-height:1.45; letter-spacing:.16em; font-weight:700; }
.patternpaste-designed-comparison .patternpaste-comparison-title { max-width:10ch; font-size:clamp(62px,9.5cqi,138px); line-height:.82; letter-spacing:-.075em; font-weight:650; }
.patternpaste-designed-comparison .patternpaste-comparison-lede { max-width:31ch; font-size:clamp(16px,1.45cqi,20px); line-height:1.58; }
.patternpaste-designed-comparison .patternpaste-comparison-index { grid-column:3; padding-top:24px; border-top:2px solid var(--ppc-ink); }
.patternpaste-designed-comparison .patternpaste-comparison-matrix { position:relative; border-top:4px solid var(--ppc-ink); }
.patternpaste-designed-comparison .patternpaste-comparison-beam { position:absolute; z-index:2; top:0; left:0; width:0; height:0; border:2px solid var(--ppc-accent); box-shadow:0 0 0 4px color-mix(in srgb,var(--ppc-accent) 10%,transparent),inset 0 0 42px color-mix(in srgb,var(--ppc-accent) 9%,transparent); pointer-events:none; opacity:0; will-change:left,top,width,height; }
.patternpaste-designed-comparison[data-focus] .patternpaste-comparison-beam { opacity:1; }
.patternpaste-designed-comparison .patternpaste-comparison-controls { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 0; border-bottom:1px solid var(--ppc-rule); }
.patternpaste-designed-comparison .patternpaste-comparison-control-label { color:var(--ppc-label); font-size:11px; line-height:1.3; letter-spacing:.12em; font-weight:700; }
.patternpaste-designed-comparison .patternpaste-comparison-buttons { display:flex; flex-wrap:wrap; gap:6px; }
.patternpaste-designed-comparison .patternpaste-comparison-buttons button { appearance:none; border:1px solid var(--ppc-rule); border-radius:999px; padding:8px 13px; color:inherit; background:transparent; font:inherit; font-size:12px; cursor:pointer; }
.patternpaste-designed-comparison .patternpaste-comparison-buttons button[aria-pressed="true"] { border-color:var(--ppc-accent); color:var(--ppc-accent-ink); background:var(--ppc-accent); }
.patternpaste-designed-comparison :where(button):focus-visible { outline:3px solid var(--ppc-accent); outline-offset:3px; }
.patternpaste-designed-comparison figure.patternpaste-comparison-table { width:100%; max-width:none; }
.patternpaste-designed-comparison .patternpaste-comparison-table table { width:100%; table-layout:fixed; border:0; border-collapse:collapse; color:inherit; background:transparent; }
.patternpaste-designed-comparison .patternpaste-comparison-table :where(th,td) { width:22%; padding:clamp(17px,2.1cqi,30px) clamp(9px,1.7cqi,24px); border:0; border-right:1px solid var(--ppc-rule); border-bottom:1px solid var(--ppc-rule); vertical-align:top; overflow-wrap:anywhere; }
.patternpaste-designed-comparison .patternpaste-comparison-table :where(th,td):first-child { width:34%; padding-left:0; }
.patternpaste-designed-comparison .patternpaste-comparison-table :where(th,td):last-child { border-right:0; }
.patternpaste-designed-comparison .patternpaste-comparison-table thead th { height:168px; text-align:left; font-size:13px; line-height:1.3; }
.patternpaste-designed-comparison .patternpaste-comparison-table thead th:not(:first-child) { color:var(--ppc-plate-ink); background:var(--ppc-plate); }
.patternpaste-designed-comparison .patternpaste-comparison-table thead strong { display:block; margin-bottom:8px; font-size:clamp(20px,2.1cqi,29px); line-height:1; letter-spacing:-.035em; }
.patternpaste-designed-comparison .patternpaste-comparison-table .patternpaste-comparison-price { display:inline-block; margin:3px 0 10px; font-size:clamp(25px,2.8cqi,39px); line-height:1; letter-spacing:-.055em; font-weight:650; }
.patternpaste-designed-comparison .patternpaste-comparison-table .patternpaste-comparison-cadence { color:var(--ppc-label); font-size:10px; white-space:nowrap; }
.patternpaste-designed-comparison .patternpaste-comparison-table small { color:var(--ppc-label); font-size:11px; line-height:1.45; font-weight:400; }
.patternpaste-designed-comparison .patternpaste-comparison-table tbody td { font-size:clamp(13px,1.25cqi,16px); line-height:1.45; }
.patternpaste-designed-comparison .patternpaste-comparison-table tbody td:first-child strong { display:block; margin-bottom:5px; font-size:clamp(15px,1.55cqi,19px); line-height:1.25; }
.patternpaste-designed-comparison .patternpaste-comparison-footnote { display:grid; grid-template-columns:1fr auto; gap:24px; padding-top:20px; color:var(--ppc-label); font-size:12px; line-height:1.45; }
.patternpaste-designed-comparison .patternpaste-comparison-actions .wp-block-button__link{ display:inline-block; border:1px solid var(--ppc-accent);  padding:11px 15px; color:var(--ppc-accent-ink); background:var(--ppc-accent); font-size:12px; line-height:1.3; font-weight:700; text-decoration:none; }.patternpaste-designed-comparison[data-treatment="designed"] .patternpaste-comparison-actions .wp-block-button__link{border-radius:0}
.patternpaste-designed-comparison .patternpaste-comparison-actions .wp-block-button__link:hover { box-shadow:4px 4px 0 var(--ppc-ink); transform:translate(-2px,-2px); }
.editor-styles-wrapper .patternpaste-designed-comparison .patternpaste-comparison-table { overflow:visible; }
@container (max-width:760px) {
  .patternpaste-designed-comparison .patternpaste-comparison-intro { grid-template-columns:1fr 2fr; }
  .patternpaste-designed-comparison .patternpaste-comparison-lede,.patternpaste-designed-comparison .patternpaste-comparison-index { grid-column:2; }
  .patternpaste-designed-comparison .patternpaste-comparison-table :where(th,td) { width:23%; }
  .patternpaste-designed-comparison .patternpaste-comparison-table :where(th,td):first-child { width:31%; }
}
@container (max-width:520px) {
  .patternpaste-designed-comparison { padding:24px 18px; }
  .patternpaste-designed-comparison .patternpaste-comparison-intro { grid-template-columns:1fr; }
  .patternpaste-designed-comparison .patternpaste-comparison-lede,.patternpaste-designed-comparison .patternpaste-comparison-index { grid-column:auto; }
  .patternpaste-designed-comparison .patternpaste-comparison-title { font-size:clamp(58px,20cqi,86px); }
  .patternpaste-designed-comparison .patternpaste-comparison-controls { align-items:flex-start; flex-direction:column; }
  .patternpaste-designed-comparison .patternpaste-comparison-table :where(th,td) { padding:14px 6px; font-size:11px; }
  .patternpaste-designed-comparison .patternpaste-comparison-table :where(th,td):first-child { padding-left:0; }
  .patternpaste-designed-comparison .patternpaste-comparison-table thead strong { font-size:15px; }
  .patternpaste-designed-comparison .patternpaste-comparison-table .patternpaste-comparison-price { font-size:19px; }
  .patternpaste-designed-comparison .patternpaste-comparison-table .patternpaste-comparison-cadence { display:block; margin-bottom:8px; white-space:normal; }
  .patternpaste-designed-comparison .patternpaste-comparison-table small { font-size:9px; }
  .patternpaste-designed-comparison .patternpaste-comparison-footnote { grid-template-columns:1fr; }
}

/* Preserve readable table text on small screens; the table scrolls within its frame. */
.patternpaste-designed-comparison figure.patternpaste-comparison-table { position:relative; overflow-x:auto; }
.patternpaste-designed-comparison .patternpaste-comparison-table table { min-width:640px; }
.patternpaste-designed-comparison .patternpaste-comparison-table :where(th,td) { overflow-wrap:normal; }
.patternpaste-designed-comparison .patternpaste-comparison-table small,
.patternpaste-designed-comparison .patternpaste-comparison-table .patternpaste-comparison-cadence { font-size:14px; color:inherit; }
.patternpaste-designed-comparison .patternpaste-comparison-table tbody td { font-size:15px; }
.patternpaste-designed-comparison .patternpaste-comparison-table thead strong { font-size:20px; }
.patternpaste-designed-comparison .patternpaste-comparison-buttons button { font-size:14px; min-height:44px; }
.patternpaste-designed-comparison .patternpaste-comparison-table:focus-visible { outline:2px solid var(--ppc-accent); outline-offset:3px; }
/* An owner colour on the wrapper or any Group above reaches the label-scale text on it. */
:is(.patternpaste-designed-comparison.has-text-color,.patternpaste-designed-comparison .has-text-color) .patternpaste-comparison-footnote:not(.has-text-color) { color:inherit; }