.patternpaste-designed-support {
  --pps-ground:var(--wp--preset--color--base,#fff8ee);
  --pps-ink:var(--wp--preset--color--contrast,#17233f);
  --pps-muted:var(--wp--preset--color--role-label,#5c6170);
  --pps-rule:var(--wp--preset--color--role-rule,#17233f);
  --pps-accent:var(--wp--preset--color--role-primary,#ee5b34);
  --pps-accent-ink:var(--wp--preset--color--role-primary-text,#17233f);
  --pps-panel:var(--wp--preset--color--role-plate,#f3dfc5);
  --pps-panel-ink:var(--wp--preset--color--role-plate-text,#17233f);
  box-sizing:border-box;
  color:var(--pps-ink);
  background:var(--pps-ground);
  padding:clamp(30px,5vw,80px);
  container-type:inline-size;
}
.patternpaste-designed-support[data-treatment="designed"] {
  --pps-ground:#fff8ee;
  --pps-ink:#17233f;
  --pps-muted:#5c6170;
  --pps-rule:#17233f;
  --pps-accent:#ff6942;
  --pps-accent-ink:#17233f;
  --pps-panel:#f3dfc5;
  --pps-panel-ink:#17233f;
  color:var(--pps-ink);
  background:var(--pps-ground);
}
.patternpaste-designed-support[data-treatment="inherit"]{   --pps-muted:var(--wp--preset--color--role-label,currentColor); --pps-rule:var(--wp--preset--color--role-rule,currentColor); }.patternpaste-designed-support[data-treatment="inherit"]:not([class*="is-style-"]){color:inherit;background:transparent;}
.patternpaste-designed-support * { box-sizing:border-box; }
.patternpaste-designed-support :where(p,h2,h3,.wp-block-group,.wp-block-buttons,details) { margin:0; }
.patternpaste-designed-support[data-treatment="designed"] :where(h2,h3,p,summary,a,label,button,input) { color:inherit; }
.patternpaste-designed-support.patternpaste-designed[data-treatment="designed"] :where(h2,h3,p,summary,a,label,button,input) { font-family:inherit; }
.patternpaste-designed-support .patternpaste-designed-layout { max-width:var(--wp--style--global--wide-size,1320px); margin-inline:auto; }
.patternpaste-designed-support .patternpaste-support-intro { display:grid; grid-template-columns:minmax(130px,.45fr) 1.55fr .75fr; gap:clamp(24px,4vw,64px); align-items:start; padding-bottom:clamp(42px,7vw,92px); }
.patternpaste-designed-support .patternpaste-support-kicker,.patternpaste-designed-support .patternpaste-support-index-number { color:var(--pps-muted); font-size:11px; line-height:1.4; letter-spacing:.14em; font-weight:700; }
.patternpaste-designed-support .patternpaste-support-intro h2 { font-size:clamp(48px,7.7cqi,112px); line-height:.89; letter-spacing:-.065em; font-weight:600; max-width:12ch; }
.patternpaste-designed-support .patternpaste-support-lede { max-width:30ch; padding-top:6px; font-size:clamp(16px,1.45cqi,20px); line-height:1.55; }
.patternpaste-designed-support .patternpaste-support-tools { display:grid; grid-template-columns:1.1fr 1.7fr auto; gap:22px; align-items:end; padding:24px 0; border-block:1px solid color-mix(in srgb,var(--pps-rule) 72%,transparent); }
.patternpaste-designed-support .patternpaste-support-search label { display:block; margin-bottom:9px; font-size:12px; font-weight:700; letter-spacing:.05em; }
.patternpaste-designed-support .patternpaste-support-search-row { display:flex; border-bottom:2px solid var(--pps-rule); }
.patternpaste-designed-support .patternpaste-support-search-row input { width:100%; min-width:0; border:0; border-radius:0; background:transparent; padding:10px 4px; font:inherit; font-size:15px; }
.patternpaste-designed-support .patternpaste-support-search-row input:focus { outline:0; }
.patternpaste-designed-support .patternpaste-support-search-row:focus-within { box-shadow:0 3px 0 var(--pps-accent); }
.patternpaste-designed-support .patternpaste-support-search-row button { border:0; background:transparent; padding:8px; font:inherit; font-size:12px; font-weight:700; cursor:pointer; }
.patternpaste-designed-support .patternpaste-support-filters { display:flex; flex-wrap:wrap; gap:7px; }
.patternpaste-designed-support .patternpaste-support-filters button { appearance:none; border:1px solid color-mix(in srgb,var(--pps-rule) 50%,transparent); border-radius:999px; padding:9px 14px; color:inherit; background:transparent; font:inherit; font-size:12px; cursor:pointer; }
.patternpaste-designed-support .patternpaste-support-filters button[aria-pressed="true"] { border-color:var(--pps-ink); color:var(--pps-accent-ink); background:var(--pps-accent); box-shadow:2px 2px 0 var(--pps-ink); }
.patternpaste-designed-support .patternpaste-support-count { min-width:8ch; color:var(--pps-muted); font-size:12px; text-align:right; }
.patternpaste-designed-support :where(button,input,summary,a):focus-visible { outline:3px solid var(--pps-accent); outline-offset:4px; }
.patternpaste-designed-support .patternpaste-support-index { display:grid; grid-template-columns:minmax(190px,.42fr) 1.58fr; gap:clamp(28px,5vw,80px); padding-block:clamp(40px,6vw,76px); }
.patternpaste-designed-support .patternpaste-support-index-copy { position:sticky; top:32px; align-self:start; }
.patternpaste-designed-support .patternpaste-support-index-copy h3 { margin-top:18px; font-size:clamp(32px,3.7cqi,56px); line-height:.96; letter-spacing:-.045em; font-weight:600; }
.patternpaste-designed-support .patternpaste-support-entries { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--pps-rule); border-left:1px solid var(--pps-rule); }
.patternpaste-designed-support .patternpaste-support-entry { display:flex; min-height:285px; flex-direction:column; gap:20px; padding:clamp(22px,3cqi,38px); border-right:1px solid var(--pps-rule); border-bottom:1px solid var(--pps-rule); background:color-mix(in srgb,var(--pps-ground) 96%,var(--pps-panel)); }
.patternpaste-designed-support .patternpaste-support-entry:nth-child(4n+2),.patternpaste-designed-support .patternpaste-support-entry:nth-child(4n+3) { background:var(--pps-panel); color:var(--pps-panel-ink); }
.patternpaste-designed-support .patternpaste-support-topic { color:var(--pps-muted); font-size:11px; line-height:1.3; letter-spacing:.12em; text-transform:uppercase; font-weight:700; }
.patternpaste-designed-support .patternpaste-support-details { margin-block:auto 0; }
.patternpaste-designed-support .patternpaste-support-details summary { cursor:pointer; list-style:none; font-size:clamp(21px,2.1cqi,31px); line-height:1.08; letter-spacing:-.025em; font-weight:600; }
.patternpaste-designed-support .patternpaste-support-details summary::-webkit-details-marker { display:none; }
.patternpaste-designed-support .patternpaste-support-details summary::after { content:'＋'; display:inline-block; margin-left:.35em; color:var(--pps-accent); font-weight:400; transition:transform .22s ease; }
.patternpaste-designed-support .patternpaste-support-details[open] summary::after { transform:rotate(45deg); }
.patternpaste-designed-support .patternpaste-support-answer { max-width:48ch; padding-top:20px; font-size:15px; line-height:1.65; }
.patternpaste-designed-support .patternpaste-support-reference { padding-top:17px; border-top:1px solid color-mix(in srgb,currentColor 32%,transparent); font-size:10px; line-height:1.4; letter-spacing:.1em; }
.patternpaste-designed-support .patternpaste-support-entries.is-empty::after { content:'No field note matches that search. Try a shorter phrase or another subject.'; grid-column:1/-1; padding:42px; border-right:1px solid var(--pps-rule); border-bottom:1px solid var(--pps-rule); font-size:18px; line-height:1.5; }
.patternpaste-designed-support [hidden] { display:none!important; }
.patternpaste-designed-support .patternpaste-support-footer { display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(30px,7vw,110px); align-items:end; margin-top:clamp(20px,4vw,54px); padding:clamp(30px,5vw,66px); color:var(--pps-accent-ink); background:var(--pps-accent); }
.patternpaste-designed-support .patternpaste-support-footer-copy h3 { margin-top:16px; font-size:clamp(35px,5.2cqi,76px); line-height:.94; letter-spacing:-.052em; font-weight:600; }
.patternpaste-designed-support .patternpaste-support-footer-action { display:grid; gap:24px; font-size:16px; line-height:1.55; }
.patternpaste-designed-support .patternpaste-support-actions .wp-block-button__link{ display:inline-block; border:1px solid currentColor;  padding:14px 18px; color:inherit; background:transparent; font-size:13px; font-weight:700; text-decoration:none; }.patternpaste-designed-support[data-treatment="designed"] .patternpaste-support-actions .wp-block-button__link{border-radius:0}
.patternpaste-designed-support .patternpaste-support-actions .wp-block-button__link:hover { color:var(--pps-ground); background:var(--pps-ink); }
.patternpaste-designed-support .wp-block-group > * { margin-block-start:0; margin-block-end:0; }
.patternpaste-designed-support .patternpaste-designed-layout > * { min-width:0; }
@container (max-width:850px) {
  .patternpaste-designed-support .patternpaste-support-intro { grid-template-columns:1fr 2fr; }
  .patternpaste-designed-support .patternpaste-support-lede { grid-column:2; }
  .patternpaste-designed-support .patternpaste-support-tools { grid-template-columns:1fr; align-items:start; }
  .patternpaste-designed-support .patternpaste-support-count { text-align:left; }
  .patternpaste-designed-support .patternpaste-support-index { grid-template-columns:1fr; }
  .patternpaste-designed-support .patternpaste-support-index-copy { position:static; }
}
@container (max-width:560px) {
  .patternpaste-designed-support { padding:24px; }
  .patternpaste-designed-support .patternpaste-support-intro { grid-template-columns:1fr; }
  .patternpaste-designed-support .patternpaste-support-lede { grid-column:auto; }
  .patternpaste-designed-support .patternpaste-support-intro h2 { font-size:clamp(46px,14cqi,70px); }
  .patternpaste-designed-support .patternpaste-support-entries { grid-template-columns:1fr; }
  .patternpaste-designed-support .patternpaste-support-entry { min-height:245px; }
  .patternpaste-designed-support .patternpaste-support-entry:nth-child(even) { background:var(--pps-panel); }
  .patternpaste-designed-support .patternpaste-support-entry:nth-child(odd) { background:color-mix(in srgb,var(--pps-ground) 96%,var(--pps-panel)); }
  .patternpaste-designed-support .patternpaste-support-footer { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
  .patternpaste-designed-support .patternpaste-support-details summary::after { transition:none; }
}

/* Use the same semantic fallback pairs as the other sections. */
.patternpaste-designed-support[data-treatment="inherit"] {
  --pps-ground:var(--pp-ground); --pps-ink:var(--pp-ink);
  --pps-accent:var(--pp-primary); --pps-accent-ink:var(--pp-primary-ink);
  --pps-panel:var(--pp-plate); --pps-panel-ink:var(--pp-plate-ink);
}
.patternpaste-designed-support[data-treatment="inherit"] .patternpaste-support-topic { color:var(--pps-ink); }
.patternpaste-designed-support[data-treatment="inherit"] .patternpaste-support-entry:nth-child(4n+2) .patternpaste-support-topic,
.patternpaste-designed-support[data-treatment="inherit"] .patternpaste-support-entry:nth-child(4n+3) .patternpaste-support-topic { color:var(--pps-panel-ink); }
@container (max-width:560px) {
  .patternpaste-designed-support[data-treatment="inherit"] .patternpaste-support-entry:nth-child(even) .patternpaste-support-topic { color:var(--pps-panel-ink); }
  .patternpaste-designed-support[data-treatment="inherit"] .patternpaste-support-entry:nth-child(odd) .patternpaste-support-topic { color:var(--pps-ink); }
}
.patternpaste-designed-support .patternpaste-support-search-row input,
.patternpaste-designed-support .patternpaste-support-search-row button { color:inherit; }
/* An owner text colour on the wrapper reaches the label-scale text sitting on it.
   Topics stay authored: they sit on the entries' own painted surfaces. */
.patternpaste-designed-support.has-text-color :is(.patternpaste-support-kicker,.patternpaste-support-index-number,.patternpaste-support-count):not(.has-text-color) { color:inherit; }
.patternpaste-designed-support .patternpaste-support-footer :where(h3,p) { color:inherit; }