/* wnu.css 2.0.0 - "What's new in Phyllo" pages (main /whats-new, update pages /whats-new/<slug>, archive /whats-new-archive).
   Hosted Webflow asset, linked from the HtmlEmbed that is the first child of main.main-wrapper[data-wn-page].
   2.0 follows the getphyllo.com home page design language (research/home-guide.md, spec/REDESIGN.md): the framed
   1280 column with hairlines, pill eyebrows, the 54/500 ink-gradient H1 with one coloured keyword, soft + solid
   buttons with arrows, bento cards and hairline rows, the home FAQ and CTA band, the real Phyllo mark, real icons and
   Rive art boxes with static posters. The claude.ai canvas still gives section structure, order, copy and behaviour.
   Colours: research/theme.md + research/theme-map.md (live getphyllo.com palette), defined once below.
   Scope: every selector is under [data-wn-page] or a wnu- class; the site navbar and footer are never touched.
   Contract: spec/markup-contract.md + spec/FRONTEND-V2.md. Behaviour: src/wnu.js 2.0.0 (adds html.wnu-js).
   The POSTER_URL placeholders in section 8 are replaced with the Webflow CDN URLs of the uploaded scene posters by
   tools/fill_asset_urls.py before upload (the prototype build replaces them with local paths). */

/* ------------------------------------------------------------------------------------------------------------
   1. Tokens
   ------------------------------------------------------------------------------------------------------------ */
[data-wn-page] {
  /* blue / action */
  --wnu-brand: #1254E2;            /* links, means labels, active states, Consented text */
  --wnu-brand-hover: #0F43B3;
  --wnu-brand-accent: #346FEF;     /* diamonds: article bullets, active TOC item */
  --wnu-brand-light: #5A8AF2;
  --wnu-btn-solid: #366FEA;        /* solid button fill (AA 4.55:1; the home uses #4378EB at 4.10:1) */
  --wnu-soft: #DEE8FC;             /* soft button fill */
  --wnu-soft-hover: #CBDAFB;       /* pill-link hover border */
  --wnu-wash: #F4F8FF;             /* "What this means for you" bands */
  --wnu-cream: #F5F5F6;            /* cream button on the CTA band */
  /* text */
  --wnu-ink: #292929;
  --wnu-ink-strong: #121B2E;       /* heading-gradient fallback */
  --wnu-text-2: #696969;
  --wnu-text-3: #5A5A67;
  --wnu-mono-ink: #13144D;
  /* surfaces + lines */
  --wnu-bg: #FFFFFF;
  --wnu-band: #F7F7F7;
  --wnu-tile: #FAFAFC;             /* icon tile on white */
  --wnu-line: #EBEBEB;             /* frame hairlines, section rules, row rules */
  --wnu-line-2: #EEEEEE;
  --wnu-line-card: #DCDCDC;
  --wnu-line-control: #D7D7D7;
  --wnu-mono-bg: #F8F7FE;
  --wnu-mono-line: rgba(19, 20, 77, 0.15);
  /* Rive scenes (the same values are baked into the .riv files) */
  --wnu-ring: #D0D0D0;
  --wnu-sweep: #A5BFF8;
  --wnu-hub-grad: linear-gradient(180deg, #001738 0%, #072055 100%);   /* navy disc behind the mark (home hero hub) */
  /* logo (home palette: navbar wordmark and the home hero hub) */
  --wnu-logo-ink: #001738;
  --wnu-logo-blue: #2262ED;
  --wnu-logo-purple: #6D31C2;
  --wnu-logo-orange: #FF7D50;
  --wnu-logo-amber: #F9B90B;
  /* gradients */
  --wnu-heading-grad: linear-gradient(180deg, #121B2E 0%, #73727E 100%);
  --wnu-kw: linear-gradient(90deg, #346FEF 0%, #7B3FCF 25%, #4F8BFF 50%, #7B3FCF 75%, #346FEF 100%);
  --wnu-cta-heading-grad: linear-gradient(180deg, #FFFFFF 0%, #CDDCFF 100%);
  --wnu-cta-grad: linear-gradient(180deg, #5A8AF2 0%, #0F43B3 90.94%, #1549B8 99.75%);
  --wnu-cta-grad-aa: linear-gradient(180deg, #366FEA 0%, #0F43B3 90.94%, #1549B8 99.75%);
  --wnu-cta-grad-s: linear-gradient(180deg, #5888F0 0%, #1649B9 100%);
  /* tags */
  --wnu-new-bg: #1254E2;
  --wnu-fixed-bg: #EEEEEE;
  --wnu-format-bg: #FFEAE3;
  --wnu-format-line: #FFB69E;
  --wnu-format-text: #B82E00;
  --wnu-public-bg: #DAF9EC;
  --wnu-public-line: #5FDCA7;
  --wnu-public-text: #13714A;
  --wnu-consented-bg: #DEE8FC;
  --wnu-consented-line: #80A5F5;
  --wnu-consented-text: #1254E2;
  --wnu-success: #1CA66C;
  --wnu-success-bar: #21C07D;
  /* heads-up (live "downside" family) */
  --wnu-warn-bg: #FFEAE3;
  --wnu-warn-line: #FFB69E;
  --wnu-warn-text: #3D0F00;
  --wnu-warn-strong: #B82E00;
  --wnu-warn-icon: #FF6633;
  /* code (live blog post code canvas) */
  --wnu-code-bg: #0D1117;
  --wnu-code-bar: #14181E;
  --wnu-code-line: rgba(255, 255, 255, 0.10);
  --wnu-code-text: #E6EDF3;
  --wnu-code-text-2: #C9D1D9;
  --wnu-code-comment: #8FA3C8;
  --wnu-code-string: #FBD66F;
  --wnu-code-number: #62DDA9;
  /* focus, shadows, easing (home head CSS) */
  --wnu-focus: #1254E2;
  --wnu-focus-dark: #9DB7FF;
  --wnu-shadow-btn: 0 10px 22px -14px rgba(18, 27, 46, 0.45);
  --wnu-shadow-card: 0 12px 30px -16px rgba(18, 27, 46, 0.22);
  --wnu-ease-card: cubic-bezier(.2, .7, .3, 1);
  --wnu-ease-back: cubic-bezier(.34, 1.56, .64, 1);
  --wnu-ease-open: cubic-bezier(.3, .8, .3, 1);
  /* layout: frame side padding (also the bleed of full-width bands), navbar, sticky offsets */
  --wnu-frame-pad: 50px;
  --wnu-nav-h: 95px;
  --wnu-sticky-top: 111px;          /* navbar 95 + 16 */
  --wnu-anchor-gap: 112px;
  /* fonts */
  --wnu-font: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --wnu-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  /* icons: data URIs (masks use the element colour; brand icons and the mark keep their own colours) */
  /* @icons:begin */
  /* generated by tools/gen_icon_css.py from the files named in its docstring; do not edit by hand */
  --wnu-i-type-new: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='gn' x1='0' y1='1' x2='0' y2='22.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231254E2'/%3E%3Cstop offset='1' stop-color='%23A5BFF8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23gn)' d='M10.5 3.5C12.1 8.5 15 11.4 20 13C15 14.6 12.1 17.5 10.5 22.5C8.9 17.5 6 14.6 1 13C6 11.4 8.9 8.5 10.5 3.5Z'/%3E%3Cpath fill='url(%23gn)' d='M19 1C19.6 2.9 20.7 4 22.6 4.6C20.7 5.2 19.6 6.3 19 8.2C18.4 6.3 17.3 5.2 15.4 4.6C17.3 4 18.4 2.9 19 1Z'/%3E%3C/svg%3E");
  --wnu-i-type-improved: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='gi' x1='0' y1='2' x2='0' y2='22' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23188C5B'/%3E%3Cstop offset='1' stop-color='%235FDCA7'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='2' y='2' width='20' height='20' rx='6' fill='url(%23gi)'/%3E%3Cpath d='M6.5 15.5L10.3 11.7L13.1 14.5L17.5 10.1' fill='none' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 9.6H18V13.6' fill='none' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --wnu-i-type-fixed: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='gf' x1='0' y1='2' x2='0' y2='22' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F8C63A'/%3E%3Cstop offset='1' stop-color='%23FAD46A'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23gf)' d='M12 2L19.6 4.75C20.15 4.95 20.5 5.45 20.5 6V11.3C20.5 16.05 17.3 20.25 12.45 21.9C12.15 22 11.85 22 11.55 21.9C6.7 20.25 3.5 16.05 3.5 11.3V6C3.5 5.45 3.85 4.95 4.4 4.75L12 2Z'/%3E%3Cpath d='M8.2 12.1L11 14.9L16 9.7' fill='none' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --wnu-i-type-format: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='gc' x1='0' y1='2' x2='0' y2='22' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF6634'/%3E%3Cstop offset='1' stop-color='%23FFB49C'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='12' cy='12' r='10' fill='url(%23gc)'/%3E%3Cpath d='M12 6.8V12.2L15.6 14.3' fill='none' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --wnu-pf-instagram: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4761 0C11.5453 0.00176706 12.0871 0.00742929 12.5553 0.0213663L12.7397 0.0273895C12.9527 0.0349613 13.1628 0.0444616 13.4162 0.056337C14.4272 0.10305 15.1168 0.262969 15.7224 0.498103C16.3486 0.739573 16.8775 1.06575 17.4055 1.59382C17.9328 2.12187 18.259 2.65231 18.5013 3.27695C18.7356 3.88181 18.8955 4.57217 18.943 5.58316C18.9544 5.83651 18.9635 6.04666 18.971 6.25969L18.977 6.44408C18.9908 6.9122 18.9972 7.45409 18.9992 8.5233L19 9.23165C19 9.3182 19 9.4075 19 9.49965L19 9.76766L18.9994 10.4761C18.9976 11.5453 18.992 12.0872 18.978 12.5553L18.9719 12.7397C18.9644 12.9527 18.9549 13.1629 18.943 13.4162C18.8963 14.4272 18.7356 15.1167 18.5013 15.7224C18.2598 16.3486 17.9328 16.8775 17.4055 17.4056C16.8775 17.9328 16.3462 18.259 15.7224 18.5012C15.1168 18.7356 14.4272 18.8955 13.4162 18.943C13.1628 18.9543 12.9527 18.9635 12.7397 18.9709L12.5553 18.9769C12.0871 18.9909 11.5453 18.9972 10.4761 18.9992L9.76771 19C9.68116 19 9.59186 19 9.4997 19H9.2317L8.52326 18.9993C7.45409 18.9976 6.91221 18.9919 6.44408 18.978L6.25969 18.972C6.04665 18.9644 5.8365 18.9549 5.58316 18.943C4.57217 18.8964 3.88339 18.7356 3.27696 18.5012C2.65151 18.2598 2.12186 17.9328 1.59381 17.4056C1.06575 16.8775 0.740362 16.3463 0.498103 15.7224C0.26297 15.1167 0.103839 14.4272 0.0563372 13.4162C0.0450508 13.1629 0.0358449 12.9527 0.0283871 12.7397L0.0224114 12.5553C0.00851239 12.0872 0.00217575 11.5453 0.000123672 10.4761L0 8.5233C0.00176706 7.45409 0.00741978 6.9122 0.0213568 6.44408L0.0273896 6.25969C0.0349613 6.04666 0.0444618 5.83651 0.0563372 5.58316C0.103041 4.57138 0.26297 3.8826 0.498103 3.27695C0.739564 2.65152 1.06575 2.12187 1.59381 1.59382C2.12186 1.06575 2.65231 0.740362 3.27696 0.498103C3.8826 0.262969 4.57138 0.103839 5.58316 0.056337C5.8365 0.0450601 6.04665 0.0358544 6.25969 0.0283966L6.44408 0.0224207C6.91221 0.00851218 7.45409 0.00217552 8.52326 0.000123446L10.4761 0ZM9.4997 4.74951C6.87483 4.74951 4.74951 6.87714 4.74951 9.49965C4.74951 12.1245 6.87714 14.2498 9.4997 14.2498C12.1246 14.2498 14.2499 12.1222 14.2499 9.49965C14.2499 6.87483 12.1222 4.74951 9.4997 4.74951ZM9.4997 6.64958C11.0738 6.64958 12.3498 7.92516 12.3498 9.49965C12.3498 11.0738 11.0742 12.3498 9.4997 12.3498C7.92559 12.3498 6.64958 11.0742 6.64958 9.49965C6.64958 7.92554 7.92511 6.64958 9.4997 6.64958ZM14.4874 3.32446C13.8325 3.32446 13.2998 3.85639 13.2998 4.51119C13.2998 5.166 13.8318 5.69875 14.4874 5.69875C15.1421 5.69875 15.6749 5.16683 15.6749 4.51119C15.6749 3.85639 15.1413 3.32364 14.4874 3.32446Z' fill='url(%23paint0_linear_1670_18301)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1670_18301' x1='15.8643' y1='15.2651' x2='2.86291' y2='3.48662' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FEC053'/%3E%3Cstop offset='0.33' stop-color='%23F2203E'/%3E%3Cstop offset='0.65' stop-color='%23B729A8'/%3E%3Cstop offset='1' stop-color='%235342D6'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  --wnu-pf-tiktok: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1670_18311)'%3E%3Cpath d='M19.1978 5.91758C16.5012 5.91758 14.3174 3.73147 14.3174 1.03711H10.6576V15.2051C10.6576 16.8528 9.32318 18.1872 7.67547 18.1872C6.02776 18.1872 4.69335 16.8528 4.69335 15.2051C4.69335 13.5574 6.02776 12.223 7.67547 12.223C7.98413 12.223 8.33456 12.2694 8.61536 12.3576V8.62818C8.30903 8.58409 7.99573 8.5632 7.67547 8.5632C4.00641 8.5632 1.03125 11.5384 1.03125 15.2074C1.03125 18.8765 4.00641 21.8516 7.67547 21.8516C11.3445 21.8516 14.3197 18.8765 14.3197 15.2074V7.70918C15.6495 8.79528 17.3506 9.44508 19.2002 9.44508V5.9199L19.1978 5.91758Z' fill='%23FF1352'/%3E%3Cpath d='M18.1689 4.88047C15.4722 4.88047 13.2884 2.69436 13.2884 0H9.62867V14.168C9.62867 15.8157 8.29425 17.1501 6.64654 17.1501C4.99883 17.1501 3.66442 15.8157 3.66442 14.168C3.66442 12.5203 4.99883 11.1859 6.64654 11.1859C6.9552 11.1859 7.30563 11.2323 7.58643 11.3205V7.59107C7.2801 7.54698 6.9668 7.52609 6.64654 7.52609C2.97516 7.52609 0 10.4989 0 14.168C0 17.8371 2.97516 20.8122 6.64422 20.8122C10.3133 20.8122 13.2884 17.8371 13.2884 14.168V6.66975C14.6182 7.75585 16.3193 8.40565 18.1689 8.40565V4.88047Z' fill='%2300F1EA'/%3E%3Cpath d='M18.1628 5.80619C16.9839 5.55091 15.9628 4.86862 15.2689 3.93105C14.329 3.23947 13.649 2.21836 13.3937 1.03711H10.6576V15.2051C10.6576 16.8528 9.32318 18.1872 7.67547 18.1872C6.58473 18.1872 5.63324 17.6024 5.1134 16.7298C4.24081 16.21 3.65598 15.2562 3.65598 14.1677C3.65598 12.52 4.9904 11.1856 6.63811 11.1856C6.94676 11.1856 7.29719 11.232 7.578 11.3202V8.5632C3.95304 8.61658 1.03125 11.5685 1.03125 15.2051C1.03125 16.7762 1.57662 18.2174 2.48634 19.3546C3.62349 20.2666 5.06698 20.8096 6.63579 20.8096C10.3048 20.8096 13.28 17.8345 13.28 14.1654V6.6695C14.6098 7.75559 16.3109 8.4054 18.1605 8.4054V5.80619H18.1628Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1670_18311'%3E%3Crect width='19.2063' height='21.8496' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --wnu-pf-youtube: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2439 0C10.778 0.00294 12.1143 0.0158601 13.5341 0.0727301L14.0375 0.0946798C15.467 0.16236 16.8953 0.27798 17.6037 0.4755C18.5486 0.74095 19.2913 1.5155 19.5423 2.49732C19.942 4.05641 19.992 7.0994 19.9982 7.8358L19.9991 7.9884V7.9991C19.9991 7.9991 19.9991 8.0028 19.9991 8.0099L19.9982 8.1625C19.992 8.8989 19.942 11.9419 19.5423 13.501C19.2878 14.4864 18.5451 15.261 17.6037 15.5228C16.8953 15.7203 15.467 15.8359 14.0375 15.9036L13.5341 15.9255C12.1143 15.9824 10.778 15.9953 10.2439 15.9983L10.0095 15.9991H9.9991C9.9991 15.9991 9.9956 15.9991 9.9887 15.9991L9.7545 15.9983C8.6241 15.9921 3.89772 15.941 2.39451 15.5228C1.4496 15.2573 0.70692 14.4828 0.45587 13.501C0.0561999 11.9419 0.00624 8.8989 0 8.1625V7.8358C0.00624 7.0994 0.0561999 4.05641 0.45587 2.49732C0.7104 1.51186 1.45308 0.73732 2.39451 0.4755C3.89772 0.0572301 8.6241 0.00622 9.7545 0H10.2439ZM7.99911 4.49914V11.4991L13.9991 7.9991L7.99911 4.49914Z' fill='%23FE0100'/%3E%3C/svg%3E");
  --wnu-pf-facebook: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.55808 0C4.27929 0 0 4.27929 0 9.55807C0 14.3288 3.49524 18.283 8.06464 19V12.3209H5.63776V9.55807H8.06464V7.45231C8.06464 5.05682 9.49156 3.73362 11.6748 3.73362C12.7206 3.73362 13.8144 3.9203 13.8144 3.9203V6.27248H12.6091C11.4218 6.27248 11.0515 7.00925 11.0515 7.76516V9.55807H13.7024L13.2787 12.3209H11.0515V19C15.6209 18.283 19.1161 14.3288 19.1161 9.55807C19.1161 4.27929 14.8368 0 9.55808 0Z' fill='%231A77F7'/%3E%3C/svg%3E");
  --wnu-pf-linkedin: url("data:image/svg+xml,%3Csvg width='21' height='19' viewBox='0 0 21 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.22205 2.11195C4.22166 2.97146 3.70021 3.7449 2.90358 4.06758C2.10695 4.39027 1.19423 4.19775 0.595797 3.58081C-0.00263881 2.96386 -0.167275 2.04569 0.179509 1.25926C0.526303 0.472828 1.31527 -0.0248296 2.17438 0.000956232C3.31545 0.0352072 4.22256 0.970368 4.22205 2.11195ZM4.28538 5.78509H0.0633826V18.9999H4.28538V5.78509ZM10.9561 5.78509H6.75524V18.9999H10.9139V12.0653C10.9139 8.20215 15.9487 7.84328 15.9487 12.0653V18.9999H20.1179V10.6298C20.1179 4.1174 12.6661 4.36017 10.9139 7.55829L10.9561 5.78509Z' fill='%23007EBB'/%3E%3C/svg%3E");
  --wnu-pf-snapchat: url("data:image/svg+xml,%3Csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2051 0.5C12.076 0.5 15.1074 0.742098 16.5303 3.93457H16.5293C16.7903 4.51562 16.8745 5.26631 16.8916 5.99609C16.9089 6.73792 16.8578 7.52484 16.8135 8.20117L16.8125 8.21777L16.8096 8.23438L16.8027 8.28027C16.8 8.33506 16.7971 8.38887 16.7939 8.44141C16.7975 8.44157 16.801 8.44227 16.8047 8.44238C16.9944 8.43431 17.235 8.37124 17.5586 8.22559L17.5625 8.22363C17.7444 8.14374 17.9297 8.11429 18.0752 8.11426C18.2332 8.11426 18.379 8.14796 18.4971 8.18164H18.5312L18.6162 8.21289C18.9899 8.35245 19.4217 8.68385 19.4336 9.19922H19.4355C19.4594 9.7466 19.0098 10.1867 18.209 10.5098L18.2031 10.5117C18.1263 10.5416 18.0155 10.582 17.8818 10.6162L17.8828 10.6172C17.6695 10.6823 17.4465 10.7547 17.2568 10.8545C17.0618 10.9571 16.9702 11.0537 16.9365 11.1299L16.9336 11.1387C16.922 11.1637 16.9091 11.2281 16.9395 11.3525L17.0557 11.6504C17.0556 11.6501 17.0754 11.696 17.1172 11.7812C17.1582 11.8649 17.2187 11.9811 17.2988 12.1201C17.4596 12.399 17.6972 12.7655 18.0166 13.1406C18.6587 13.8948 19.601 14.6539 20.877 14.8662L20.8828 14.8672C21.2595 14.9345 21.5 15.2563 21.5 15.6094C21.5 15.7058 21.4806 15.8185 21.4277 15.9326L21.4287 15.9336C21.3362 16.1519 21.17 16.3161 20.9961 16.4395C20.8196 16.5646 20.6046 16.6698 20.3662 16.7607C19.9301 16.927 19.3617 17.0629 18.6826 17.1758C18.6792 17.1875 18.6746 17.2 18.6709 17.2139C18.6543 17.276 18.6367 17.3506 18.6172 17.4404C18.5838 17.602 18.5458 17.7589 18.499 17.9277L18.4961 17.9395C18.4534 18.0802 18.3718 18.2373 18.2197 18.3564C18.0642 18.4782 17.8847 18.5215 17.7188 18.5215H17.6963C17.5528 18.5215 17.3816 18.5026 17.1777 18.4629L17.1709 18.4619C16.8773 18.4007 16.5594 18.3564 16.1582 18.3564C15.923 18.3565 15.678 18.376 15.4375 18.416L15.4355 18.417C15.0197 18.4841 14.6411 18.7451 14.1113 19.1201L14.1045 19.125C13.4406 19.5785 12.5935 20.183 11.374 20.2568L11.125 20.2646H10.8711C9.50692 20.2646 8.59571 19.609 7.89258 19.1182L7.88965 19.1162C7.36216 18.7427 6.98475 18.4832 6.56152 18.4121L6.55566 18.4111C6.31984 18.3686 6.07388 18.3516 5.8418 18.3516C5.42068 18.3516 5.08585 18.4149 4.82617 18.4668L4.81836 18.4688C4.66894 18.4963 4.47192 18.5352 4.30371 18.5352C4.20845 18.5351 4.04478 18.5237 3.87988 18.4326C3.69782 18.332 3.56831 18.1641 3.50488 17.9521V17.9531C3.44859 17.7688 3.41286 17.5959 3.38281 17.4541L3.33008 17.2275C3.32635 17.2136 3.32079 17.2012 3.31738 17.1895C2.64153 17.0779 2.07335 16.9416 1.63672 16.7744C1.39806 16.683 1.18327 16.5768 1.00684 16.4521C0.833658 16.3298 0.665477 16.1666 0.572266 15.9492L0.561523 15.9229L0.552734 15.8955C0.551233 15.8905 0.549959 15.8847 0.545898 15.8721C0.542486 15.8615 0.536678 15.8439 0.53125 15.8252C0.523483 15.7984 0.50924 15.7374 0.504883 15.6621L0.501953 15.6631C0.501468 15.6563 0.503236 15.6493 0.50293 15.6426C0.502799 15.6375 0.500977 15.6321 0.500977 15.627H0.50293C0.493018 15.2349 0.782764 14.9457 1.11816 14.8857L1.12402 14.8848C2.17411 14.7104 3.13552 14.1509 3.9668 13.1914C4.2893 12.8193 4.52915 12.4514 4.69238 12.168C4.77376 12.0267 4.83581 11.9074 4.87793 11.8203C4.92153 11.7302 4.94037 11.6827 4.94043 11.6826C4.95004 11.656 4.96259 11.6297 4.97754 11.6035C5.07054 11.4025 5.08494 11.2787 5.0752 11.2041L5.05957 11.1436C5.02977 11.0722 4.9458 10.979 4.75195 10.8779C4.56227 10.7791 4.33897 10.7085 4.11621 10.6396V10.6377C3.9942 10.6027 3.87449 10.5601 3.82031 10.542L3.80664 10.5381L3.79395 10.5322C3.59405 10.4528 3.29412 10.3169 3.04688 10.1211C2.8182 9.94002 2.48896 9.58649 2.58203 9.08496C2.64632 8.73886 2.89144 8.50214 3.11133 8.36621C3.33754 8.22644 3.61596 8.14166 3.88477 8.1416C4.01292 8.1416 4.17388 8.15882 4.33301 8.23633H4.33398C4.67347 8.39203 4.9442 8.45312 5.14258 8.45312C5.16526 8.45312 5.18588 8.44869 5.20508 8.44727C5.20007 8.36849 5.19678 8.28985 5.19141 8.21289V8.20996C5.14702 7.5308 5.09734 6.74413 5.11523 6.00293C5.13288 5.27336 5.21653 4.52439 5.47461 3.94434V3.94336C6.89744 0.755735 9.92812 0.508789 10.7998 0.508789C10.8022 0.508714 10.8187 0.508632 10.8525 0.507812C10.8866 0.506986 10.9305 0.505996 10.9736 0.504883C11.0166 0.503772 11.0592 0.502787 11.0908 0.501953C11.1065 0.501539 11.1198 0.501219 11.1289 0.500977C11.1334 0.500858 11.1372 0.500064 11.1396 0.5H11.2051Z' fill='white' stroke='black'/%3E%3C/svg%3E");
  --wnu-pf-rednote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Crect width='22' height='22' rx='5' fill='%23FF2442'/%3E%3Cg transform='translate(1.6 -0.4) scale(0.7833)'%3E%3Cpath fill='%23FFFFFF' d='M22.405 9.879c.002.016.01.02.07.019h.725a.797.797 0 0 0 .78-.972.794.794 0 0 0-.884-.618.795.795 0 0 0-.692.794c0 .101-.002.666.001.777zm-11.509 4.808c-.203.001-1.353.004-1.685.003a2.528 2.528 0 0 1-.766-.126.025.025 0 0 0-.03.014L7.7 16.127a.025.025 0 0 0 .01.032c.111.06.336.124.495.124.66.01 1.32.002 1.981 0 .01 0 .02-.006.023-.015l.712-1.545a.025.025 0 0 0-.024-.036zM.477 9.91c-.071 0-.076.002-.076.01a.834.834 0 0 0-.01.08c-.027.397-.038.495-.234 3.06-.012.24-.034.389-.135.607-.026.057-.033.042.003.112.046.092.681 1.523.787 1.74.008.015.011.02.017.02.008 0 .033-.026.047-.044.147-.187.268-.391.371-.606.306-.635.44-1.325.486-1.706.014-.11.021-.22.03-.33l.204-2.616.022-.293c.003-.029 0-.033-.03-.034zm7.203 3.757a1.427 1.427 0 0 1-.135-.607c-.004-.084-.031-.39-.235-3.06a.443.443 0 0 0-.01-.082c-.004-.011-.052-.008-.076-.008h-1.48c-.03.001-.034.005-.03.034l.021.293c.076.982.153 1.964.233 2.946.05.4.186 1.085.487 1.706.103.215.223.419.37.606.015.018.037.051.048.049.02-.003.742-1.642.804-1.765.036-.07.03-.055.003-.112zm3.861-.913h-.872a.126.126 0 0 1-.116-.178l1.178-2.625a.025.025 0 0 0-.023-.035l-1.318-.003a.148.148 0 0 1-.135-.21l.876-1.954a.025.025 0 0 0-.023-.035h-1.56c-.01 0-.02.006-.024.015l-.926 2.068c-.085.169-.314.634-.399.938a.534.534 0 0 0-.02.191.46.46 0 0 0 .23.378.981.981 0 0 0 .46.119h.59c.041 0-.688 1.482-.834 1.972a.53.53 0 0 0-.023.172.465.465 0 0 0 .23.398c.15.092.342.12.475.12l1.66-.001c.01 0 .02-.006.023-.015l.575-1.28a.025.025 0 0 0-.024-.035zm-6.93-4.937H3.1a.032.032 0 0 0-.034.033c0 1.048-.01 2.795-.01 6.829 0 .288-.269.262-.28.262h-.74c-.04.001-.044.004-.04.047.001.037.465 1.064.555 1.263.01.02.03.033.051.033.157.003.767.009.938-.014.153-.02.3-.06.438-.132.3-.156.49-.419.595-.765.052-.172.075-.353.075-.533.002-2.33 0-4.66-.007-6.991a.032.032 0 0 0-.032-.032zm11.784 6.896c0-.014-.01-.021-.024-.022h-1.465c-.048-.001-.049-.002-.05-.049v-4.66c0-.072-.005-.07.07-.07h.863c.08 0 .075.004.075-.074V8.393c0-.082.006-.076-.08-.076h-3.5c-.064 0-.075-.006-.075.073v1.445c0 .083-.006.077.08.077h.854c.075 0 .07-.004.07.07v4.624c0 .095.008.084-.085.084-.37 0-1.11-.002-1.304 0-.048.001-.06.03-.06.03l-.697 1.519s-.014.025-.008.036c.006.01.013.008.058.008 1.748.003 3.495.002 5.243.002.03-.001.034-.006.035-.033v-1.539zm4.177-3.43c0 .013-.007.023-.02.024-.346.006-.692.004-1.037.004-.014-.002-.022-.01-.022-.024-.005-.434-.007-.869-.01-1.303 0-.072-.006-.071.07-.07l.733-.003c.041 0 .081.002.12.015.093.025.16.107.165.204.006.431.002 1.153.001 1.153zm2.67.244a1.953 1.953 0 0 0-.883-.222h-.18c-.04-.001-.04-.003-.042-.04V10.21c0-.132-.007-.263-.025-.394a1.823 1.823 0 0 0-.153-.53 1.533 1.533 0 0 0-.677-.71 2.167 2.167 0 0 0-1-.258c-.153-.003-.567 0-.72 0-.07 0-.068.004-.068-.065V7.76c0-.031-.01-.041-.046-.039H17.93s-.016 0-.023.007c-.006.006-.008.012-.008.023v.546c-.008.036-.057.015-.082.022h-.95c-.022.002-.028.008-.03.032v1.481c0 .09-.004.082.082.082h.913c.082 0 .072.128.072.128V11.19s.003.117-.06.117h-1.482c-.068 0-.06.082-.06.082v1.445s-.01.068.064.068h1.457c.082 0 .076-.006.076.079v3.225c0 .088-.007.081.082.081h1.43c.09 0 .082.007.082-.08v-3.27c0-.029.006-.035.033-.035l2.323-.003c.098 0 .191.02.28.061a.46.46 0 0 1 .274.407c.008.395.003.79.003 1.185 0 .259-.107.367-.33.367h-1.218c-.023.002-.029.008-.028.033.184.437.374.871.57 1.303a.045.045 0 0 0 .04.026c.17.005.34.002.51.003.15-.002.517.004.666-.01a2.03 2.03 0 0 0 .408-.075c.59-.18.975-.698.976-1.313v-1.981c0-.128-.01-.254-.034-.38 0 .078-.029-.641-.724-.998z'/%3E%3C/g%3E%3C/svg%3E");
  --wnu-pf-twitch: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 0V11.7391L13.3043 16.4348H9.39132L6.95425 18.7826H3.91304V16.4348H0V3.13043L1.22712 0H18ZM16.4348 1.56522H3.13043V13.3043H6.26087V15.6522L8.60872 13.3043H13.3043L16.4348 10.1739V1.56522ZM13.3043 4.69565V9.3913H11.7391V4.69565H13.3043ZM9.39132 4.69565V9.3913H7.82612V4.69565H9.39132Z' fill='%23884FF6'/%3E%3C/svg%3E");
  --wnu-pf-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M453.2 112L523.8 112L369.6 288.2L551 528L409 528L297.7 382.6L170.5 528L99.8 528L264.7 339.5L90.8 112L236.4 112L336.9 244.9L453.2 112zM428.4 485.8L467.5 485.8L215.1 152L173.1 152L428.4 485.8z'/%3E%3C/svg%3E");
  --wnu-i-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.6 15.6L20 20'/%3E%3C/svg%3E");
  --wnu-i-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20a10 10 0 0 0 0-20ZM11 7h2v4.46l3.05 2.03-1.1 1.66L11 12.53V7Z'/%3E%3C/svg%3E");
  --wnu-i-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.5v14'/%3E%3Cpath d='M6.5 13l5.5 5.5 5.5-5.5'/%3E%3C/svg%3E");
  --wnu-i-li: url("data:image/svg+xml,%3Csvg width='21' height='19' viewBox='0 0 21 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.22205 2.11195C4.22166 2.97146 3.70021 3.7449 2.90358 4.06758C2.10695 4.39027 1.19423 4.19775 0.595797 3.58081C-0.00263881 2.96386 -0.167275 2.04569 0.179509 1.25926C0.526303 0.472828 1.31527 -0.0248296 2.17438 0.000956232C3.31545 0.0352072 4.22256 0.970368 4.22205 2.11195ZM4.28538 5.78509H0.0633826V18.9999H4.28538V5.78509ZM10.9561 5.78509H6.75524V18.9999H10.9139V12.0653C10.9139 8.20215 15.9487 7.84328 15.9487 12.0653V18.9999H20.1179V10.6298C20.1179 4.1174 12.6661 4.36017 10.9139 7.55829L10.9561 5.78509Z' fill='%23007EBB'/%3E%3C/svg%3E");
  --wnu-i-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M453.2 112L523.8 112L369.6 288.2L551 528L409 528L297.7 382.6L170.5 528L99.8 528L264.7 339.5L90.8 112L236.4 112L336.9 244.9L453.2 112zM428.4 485.8L467.5 485.8L215.1 152L173.1 152L428.4 485.8z'/%3E%3C/svg%3E");
  --wnu-i-phyllo-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='215.0003' height='138.6943' viewBox='66.7063 1.8467 28.2913 18.2504' fill='none'%3E%3Cpath d='M66.7094 2.41606C66.3668 1.07975 94.9408 2.51488 94.9408 2.51488L81.3653 19.7938C81.3653 19.7938 76.1539 13.8157 73.7777 11.2207C71.4015 8.62575 67.052 3.75236 66.7094 2.41606Z' fill='%232262ED'/%3E%3Cpath d='M67.1545 6.52973C66.6729 5.33377 94.9972 2.50378 94.9972 2.50378L81.4001 19.8094C81.4001 19.8094 75.5305 14.4388 74.0967 13.2093C72.6629 11.9797 67.6361 7.7257 67.1545 6.52973Z' fill='%236D31C2'/%3E%3Cpath d='M68.2808 10.9474C67.5293 10.0573 94.9976 2.50378 94.9976 2.50378L81.5355 19.9072C81.5355 19.9072 76.5095 16.8317 74.7413 15.7866C72.9731 14.7416 69.0323 11.8375 68.2808 10.9474Z' fill='%23FF7D50'/%3E%3Cpath d='M70.4658 15.7725C69.8069 15.1175 94.9926 2.50378 94.9926 2.50378L81.5756 20.0951C81.5746 20.0965 81.5742 20.0974 81.5726 20.097C81.5155 20.0833 79.6006 19.6207 76.6807 18.6283C74.3385 17.8322 71.1247 16.4275 70.4658 15.7725Z' fill='%23F9B90B'/%3E%3C/svg%3E");
  --wnu-i-phyllo-mark-frame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='160' viewBox='65.0615 0.4449 31.5809 21.054' fill='none'%3E%3Cpath d='M66.7094 2.41606C66.3668 1.07975 94.9408 2.51488 94.9408 2.51488L81.3653 19.7938C81.3653 19.7938 76.1539 13.8157 73.7777 11.2207C71.4015 8.62575 67.052 3.75236 66.7094 2.41606Z' fill='%232262ED'/%3E%3Cpath d='M67.1545 6.52973C66.6729 5.33377 94.9972 2.50378 94.9972 2.50378L81.4001 19.8094C81.4001 19.8094 75.5305 14.4388 74.0967 13.2093C72.6629 11.9797 67.6361 7.7257 67.1545 6.52973Z' fill='%236D31C2'/%3E%3Cpath d='M68.2808 10.9474C67.5293 10.0573 94.9976 2.50378 94.9976 2.50378L81.5355 19.9072C81.5355 19.9072 76.5095 16.8317 74.7413 15.7866C72.9731 14.7416 69.0323 11.8375 68.2808 10.9474Z' fill='%23FF7D50'/%3E%3Cpath d='M70.4658 15.7725C69.8069 15.1175 94.9926 2.50378 94.9926 2.50378L81.5756 20.0951C81.5746 20.0965 81.5742 20.0974 81.5726 20.097C81.5155 20.0833 79.6006 19.6207 76.6807 18.6283C74.3385 17.8322 71.1247 16.4275 70.4658 15.7725Z' fill='%23F9B90B'/%3E%3C/svg%3E");
  --wnu-pf-reddit: url("data:image/png;base64,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");
  --wnu-i-empty: url("data:image/png;base64,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");
  /* @icons:end */

  display: block;
  font-family: var(--wnu-font);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: var(--wnu-ink);
  background-color: var(--wnu-bg);
}
@media (max-width: 991px) { [data-wn-page] { --wnu-frame-pad: 32px; } }
@media (max-width: 767px) { [data-wn-page] { --wnu-frame-pad: 20px; } }
@media (max-width: 479px) { [data-wn-page] { --wnu-nav-h: 75px; --wnu-sticky-top: 91px; --wnu-anchor-gap: 92px; } }

/* ------------------------------------------------------------------------------------------------------------
   2. Neutralise the site base CSS inside our scope (shared.css: body 18px/1.7, h1-h6 sizes, p 16px/1.7, ul padding,
      label bold block, button UA look, pre/code monospace, figure margin, strong 700, .w-dyn-empty grey box)
   ------------------------------------------------------------------------------------------------------------ */
[data-wn-page] *, [data-wn-page] *::before, [data-wn-page] *::after { box-sizing: border-box; }
[data-wn-page] :where(h1, h2, h3, h4, h5, h6, p, figure, pre, ul, ol, blockquote, label) { margin: 0; }
[data-wn-page] :where(h1, h2, h3, h4, h5, h6) { font-size: inherit; font-weight: 600; line-height: normal; }
[data-wn-page] :where(p) { font-size: inherit; line-height: inherit; }
[data-wn-page] :where(a) { color: inherit; text-decoration: none; background-color: transparent; }
[data-wn-page] :where(button, input) { font-family: inherit; font-size: inherit; line-height: normal; color: inherit; margin: 0; }
[data-wn-page] :where(button) { cursor: pointer; }
[data-wn-page] :where(strong, b) { font-weight: 600; }
[data-wn-page] [hidden] { display: none !important; }
[data-wn-page] .w-dyn-empty { display: none; }
[data-wn-page] .w-dyn-list, [data-wn-page] .w-dyn-items, [data-wn-page] .w-dyn-item { margin: 0; padding: 0; }
[data-wn-page] .w-embed::before, [data-wn-page] .w-embed::after { display: none; content: none; }
[data-wn-page] [tabindex="-1"]:focus { outline: none; }
[data-wn-page] .wnu-data, [data-wn-page] .wnu-data-field { display: none !important; }

/* visually hidden (overrides the site's bold block label) */
.wnu-sr {
  position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; display: block;
}

/* JS-only controls stay hidden until wnu.js has run (html.wnu-js) */
html:not(.wnu-js) .wnu-side-filters,
html:not(.wnu-js) [data-wn="result"],
html:not(.wnu-js) .wnu-headsup-slot,
html:not(.wnu-js) .wnu-empty-slot,
html:not(.wnu-js) .wnu-ud-meta,
html:not(.wnu-js) .wnu-toc,
html:not(.wnu-js) .wnu-ar-filters-slot,
html:not(.wnu-js) .wnu-ar-empty-slot { display: none !important; }
/* icon tiles that only wnu.js can fill: hidden without JavaScript at all (html.w-mod-js is set by Webflow in the head,
   so with JavaScript on their space is reserved from the first paint and nothing shifts when wnu.js fills them) */
html:not(.w-mod-js) .wnu-hl-icon,
html:not(.w-mod-js) .wnu-kr-thumb { display: none !important; }
/* without JavaScript at all: the Webflow-built art boxes show their poster (never downloaded when JavaScript is on), the
   update page drops the square reserved for its jsCreated scene and the empty TOC column */
html:not(.w-mod-js) .wnu-art .wnu-art-poster { background-image: var(--wnu-poster); opacity: 1; }
html:not(.w-mod-js) .wnu-ud-visual::before { display: none; }
html:not(.w-mod-js) .wnu-ud-layout { grid-template-columns: minmax(0, 700px); }
html:not(.w-mod-js) .wnu-ud-article { grid-column: 1; }

/* ------------------------------------------------------------------------------------------------------------
   3. Frames (home section 2): every section holds one framed 1280 column; sections have no margins, so the side
      hairlines run unbroken from the navbar to the footer. All vertical space lives inside the frames.
   ------------------------------------------------------------------------------------------------------------ */
[data-wn-page] :where(section) { margin: 0; padding: 0; }
.wnu-wrap, .wnu-wrap-inset, .wnu-arch, .wnu-ud-hero-row, .wnu-ud-layout, .wnu-ar-wrap {
  box-sizing: border-box; width: 100%; max-width: 1280px; margin: 0 auto;
  border-left: 1px solid var(--wnu-line); border-right: 1px solid var(--wnu-line);
  padding-left: var(--wnu-frame-pad); padding-right: var(--wnu-frame-pad);
}
@media (max-width: 767px) {
  .wnu-wrap, .wnu-wrap-inset, .wnu-arch, .wnu-ud-hero-row, .wnu-ud-layout, .wnu-ar-wrap { border-left-width: 0; border-right-width: 0; }
}
/* new topics start with the frame's 1px top rule (the hero rule is the line under the navbar) */
.wnu-sec-hero > .wnu-wrap, .wnu-ud-hero-row, .wnu-ud-layout, .wnu-ar-sec-head > .wnu-ar-wrap { border-top: 1px solid var(--wnu-line); }
/* grey bands run the full viewport width; the frame hairlines continue over them */
.wnu-sec-hl, .wnu-sec-kr { background-color: var(--wnu-band); }

/* ------------------------------------------------------------------------------------------------------------
   4. Shared type (spec 1.4)
   ------------------------------------------------------------------------------------------------------------ */
/* ink-gradient display text, solid fallback colour */
.wnu-hero-title, .wnu-ud-title, .wnu-ar-h1, .wnu-h2, .wnu-arch-title, .wnu-kr-title {
  color: var(--wnu-ink-strong);
  background-image: var(--wnu-heading-grad);
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wnu-hero-title, .wnu-ud-title, .wnu-ar-h1 {
  margin: 0; font-size: 54px; font-weight: 500; line-height: 1.1; letter-spacing: -2.16px; overflow-wrap: break-word;
}
/* one coloured keyword per static H1 (span created by wnu.js from data-wn-kw); flows like the home's keywords */
.wnu-kw {
  color: var(--wnu-brand-accent);
  background-image: var(--wnu-kw);
  background-size: 300% 100%;
  background-repeat: repeat-x;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wnu-h2, .wnu-arch-title, .wnu-kr-title { margin: 0; font-size: 32px; font-weight: 500; line-height: 1.3; letter-spacing: -1.28px; }
.wnu-eyebrow { margin: 0; font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: 2.8px; text-transform: uppercase; color: var(--wnu-ink); }
.wnu-side-label, .wnu-means-label, .wnu-ud-means-label, .wnu-toc-title, .wnu-kr-eyebrow, .wnu-arch-meta {
  margin: 0; font-size: 12px; font-weight: 400; line-height: 1.6; letter-spacing: 2.4px; text-transform: uppercase; color: var(--wnu-ink);
}

/* icons drawn with CSS masks (colour = currentColor) */
.wnu-ico, .wnu-ico-clock, .wnu-share-ic {
  display: inline-block; flex: none; background-color: currentColor;
  -webkit-mask: var(--wnu-icon, var(--wnu-i-search)) center / contain no-repeat;
  mask: var(--wnu-icon, var(--wnu-i-search)) center / contain no-repeat;
}
.wnu-ico-search { --wnu-icon: var(--wnu-i-search); width: 18px; height: 18px; color: var(--wnu-text-2); }
.wnu-ico-clock { --wnu-icon: var(--wnu-i-clock); width: 16px; height: 16px; color: var(--wnu-text-2); }
.wnu-share-ic { width: 16px; height: 16px; color: var(--wnu-ink); }
.wnu-share-ic-li { --wnu-icon: var(--wnu-i-li); }
.wnu-share-ic-x { --wnu-icon: var(--wnu-i-x); }

/* ------------------------------------------------------------------------------------------------------------
   5. Tags (type and data layer; spec 1.6). data-wn-type / data-wn-layer are set by wnu.js from the option text.
   ------------------------------------------------------------------------------------------------------------ */
.wnu-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.wnu-badge, .wnu-chip, .wnu-ar-type, .wnu-ar-layer, .wnu-headsup-pill {
  display: inline-flex; align-items: center; justify-content: center; flex: none; height: 28px; padding: 0 10px 0 12px;
  border-radius: 100px; border: 1px solid var(--wnu-fixed-bg); background: var(--wnu-fixed-bg); color: var(--wnu-text-3);
  font-family: var(--wnu-font); font-size: 12px; font-weight: 500; line-height: 1; letter-spacing: 1.6px;
  text-transform: uppercase; white-space: nowrap;
}
.wnu-badge[data-wn-type="new"], .wnu-ar-type[data-wn-type="new"] { background: var(--wnu-new-bg); border-color: var(--wnu-new-bg); color: #FFFFFF; }
.wnu-badge[data-wn-type="improved"], .wnu-ar-type[data-wn-type="improved"] { background: #FFFFFF; border-color: var(--wnu-ink); color: var(--wnu-ink); }
.wnu-badge[data-wn-type="fixed"], .wnu-ar-type[data-wn-type="fixed"] { background: var(--wnu-fixed-bg); border-color: var(--wnu-fixed-bg); color: var(--wnu-text-3); }
.wnu-badge[data-wn-type="format"], .wnu-ar-type[data-wn-type="format"] { background: var(--wnu-format-bg); border-color: var(--wnu-format-line); color: var(--wnu-format-text); }
.wnu-chip, .wnu-ar-layer { background: var(--wnu-public-bg); border-color: var(--wnu-public-line); color: var(--wnu-public-text); }
.wnu-chip[data-wn-layer="consented"], .wnu-ar-layer[data-wn-layer="consented"] { background: var(--wnu-consented-bg); border-color: var(--wnu-consented-line); color: var(--wnu-consented-text); }
.wnu-headsup-pill { background: var(--wnu-warn-strong); border-color: var(--wnu-warn-strong); color: #FFFFFF; }

/* ------------------------------------------------------------------------------------------------------------
   6. Buttons and arrow links (spec 1.5; home .nh-btn)
   ------------------------------------------------------------------------------------------------------------ */
.wnu-btn-hero, .wnu-btn-hero-ghost, .wnu-btn-demo, .wnu-btn-arch, .wnu-btn-closing, .wnu-btn-outline,
.wnu-btn-cta, .wnu-btn-cta-ghost, .wnu-btn-udcta {
  display: inline-flex; align-items: center; justify-content: center; text-align: center; max-width: 100%;
  height: 55px; min-width: 180px; padding: 0 24px; margin: 0; border: 0; border-radius: 6px;
  font-family: var(--wnu-font); font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: normal;
  text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
/* soft: main hero "Contact support", closing "Contact support", "Show N more", "Clear filters", "Clear" */
.wnu-btn-hero, .wnu-btn-closing, .wnu-btn-outline { background: var(--wnu-soft); color: var(--wnu-brand); }
/* solid: main hero "Schedule a demo", demo card, "Read all previous updates" */
.wnu-btn-hero-ghost, .wnu-btn-demo, .wnu-btn-arch { background: var(--wnu-btn-solid); color: #FFFFFF; }
/* small soft variant (no arrow) */
.wnu-btn-outline { height: 48px; min-width: 0; }
.wnu-btn-demo { width: 100%; min-width: 0; }
/* CTA band: cream + ghost */
.wnu-btn-cta, .wnu-btn-cta-ghost, .wnu-btn-udcta { height: 71px; min-width: 197px; padding: 0 32px; font-size: 18px; font-weight: 500; letter-spacing: -0.36px; }
.wnu-btn-cta, .wnu-btn-udcta { background: var(--wnu-cream); color: var(--wnu-brand); }
.wnu-btn-cta-ghost { background: transparent; color: var(--wnu-cream); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.75); }
.wnu-btn-cta:hover, .wnu-btn-udcta:hover { background: #FFFFFF; color: var(--wnu-brand); }
.wnu-btn-cta-ghost:hover { background: rgba(255, 255, 255, 0.12); color: var(--wnu-cream); }
.wnu-btn-hero:hover, .wnu-btn-closing:hover, .wnu-btn-outline:hover { color: var(--wnu-brand); }
.wnu-btn-hero-ghost:hover, .wnu-btn-demo:hover, .wnu-btn-arch:hover { color: #FFFFFF; }
@media (prefers-reduced-motion: no-preference) {
  .wnu-btn-hero:hover, .wnu-btn-hero-ghost:hover, .wnu-btn-demo:hover, .wnu-btn-arch:hover, .wnu-btn-closing:hover,
  .wnu-btn-outline:hover, .wnu-btn-cta:hover, .wnu-btn-udcta:hover { transform: translateY(-1px); box-shadow: var(--wnu-shadow-btn); }
  .wnu-btn-cta-ghost:hover { transform: translateY(-1px); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.75), var(--wnu-shadow-btn); }
  .wnu-btn-hero:active, .wnu-btn-hero-ghost:active, .wnu-btn-demo:active, .wnu-btn-arch:active, .wnu-btn-closing:active,
  .wnu-btn-outline:active, .wnu-btn-cta:active, .wnu-btn-udcta:active { transform: translateY(0); box-shadow: none; }
  .wnu-btn-cta-ghost:active { transform: translateY(0); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.75); }
}
.wnu-btn-row { display: flex; flex-wrap: wrap; gap: 12px; }

/* arrow links: the trailing "→" (leading "←") is wrapped in span.wnu-arw by wnu.js so it can nudge */
.wnu-card-more, .wnu-hl-cta, .wnu-arch-link, .wnu-kr-all, .wnu-ud-docs-link, .wnu-ar-more {
  font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--wnu-brand); text-decoration: none;
}
.wnu-arw { display: inline-block; margin-left: 6px; transition: transform .24s var(--wnu-ease-card); }
.wnu-arw-back { margin-left: 0; margin-right: 6px; }
.wnu-ar-back .wnu-arw { margin-left: 0; margin-right: 8px; }
@media (prefers-reduced-motion: no-preference) {
  .wnu-card-more:hover .wnu-arw, .wnu-card-more:focus-visible .wnu-arw,
  .wnu-arch-link:hover .wnu-arw, .wnu-arch-link:focus-visible .wnu-arw,
  .wnu-kr-all:hover .wnu-arw, .wnu-kr-all:focus-visible .wnu-arw,
  .wnu-headsup-link:hover .wnu-arw, .wnu-headsup-link:focus-visible .wnu-arw,
  .wnu-ud-docs-link:hover .wnu-arw, .wnu-ud-docs-link:focus-visible .wnu-arw,
  .wnu-hl-card:hover .wnu-arw, .wnu-hl-card:focus-visible .wnu-arw,
  .wnu-kr-card:hover .wnu-arw, .wnu-kr-card:focus-visible .wnu-arw,
  .wnu-ar-row:hover .wnu-arw, .wnu-ar-row:focus-visible .wnu-arw,
  .wnu-ar-list .w-pagination-next:hover .wnu-arw, .wnu-ar-list .w-pagination-next:focus-visible .wnu-arw { transform: translateX(4px); }
  .wnu-ar-back:hover .wnu-arw, .wnu-ar-back:focus-visible .wnu-arw,
  .wnu-ar-list .w-pagination-previous:hover .wnu-arw, .wnu-ar-list .w-pagination-previous:focus-visible .wnu-arw { transform: translateX(-4px); }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .wnu-card:hover .wnu-card-more .wnu-arw { transform: translateX(4px); }
}

/* ------------------------------------------------------------------------------------------------------------
   7. Pills, filters and search (spec 1.6)
   ------------------------------------------------------------------------------------------------------------ */
/* hero pill (main eyebrow) and the two pill links (update-page "Product updates", archive "← What's new") */
.wnu-hero-eyebrow, .wnu-ud-eyebrow, .wnu-ar-back {
  display: inline-block; align-self: flex-start; max-width: 100%; margin: 0; padding: 9px 24px;
  border: 1px solid var(--wnu-line-2); border-radius: 100px; background: transparent;
  font-size: 12px; font-weight: 400; line-height: 1.6; letter-spacing: 2.4px; text-transform: uppercase;
  color: var(--wnu-ink); text-decoration: none;
}
.wnu-ud-eyebrow, .wnu-ar-back { transition: border-color .18s ease, color .18s ease, transform .18s ease; }
.wnu-ud-eyebrow:hover, .wnu-ar-back:hover { border-color: var(--wnu-soft-hover); color: var(--wnu-brand); }
@media (prefers-reduced-motion: no-preference) {
  .wnu-ud-eyebrow:hover, .wnu-ar-back:hover { transform: translateY(-1px); }
}

/* filter pills (main Type / Data layer, archive tabs) */
.wnu-pills, .wnu-ar-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.wnu-pill, .wnu-ar-tab {
  display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 16px; margin: 0;
  border: 1px solid var(--wnu-line-2); border-radius: 100px; background: #FFFFFF; background-clip: padding-box;
  font-family: var(--wnu-font); font-size: 14px; font-weight: 400; line-height: 1; letter-spacing: -0.28px;
  color: var(--wnu-ink); white-space: nowrap; cursor: pointer;
  transition: background-color .22s ease, color .22s ease, border-color .22s ease, transform .18s ease;
}
.wnu-pill:hover, .wnu-ar-tab:hover { border-color: var(--wnu-line-control); }
.wnu-pill[aria-pressed="true"], .wnu-ar-tab[aria-pressed="true"] {
  border-color: transparent; color: #FFFFFF; background-color: var(--wnu-ink-strong); background-image: var(--wnu-heading-grad);
  background-clip: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  .wnu-pill:hover, .wnu-ar-tab:hover { transform: translateY(-1px); }
}

/* search fields */
.wnu-search, .wnu-ar-search { position: relative; }
.wnu-search .wnu-ico-search, .wnu-ar-search .wnu-ico-search { position: absolute; left: 20px; top: 50%; margin-top: -9px; pointer-events: none; }
.wnu-search-input, .wnu-ar-search-input {
  display: block; width: 100%; height: 48px; padding: 0 20px 0 48px; margin: 0;
  border: 1px solid var(--wnu-line-control); border-radius: 100px; background: #FFFFFF;
  font-family: var(--wnu-font); font-size: 16px; line-height: normal; color: var(--wnu-ink);
  -webkit-appearance: none; appearance: none; transition: border-color .18s ease, box-shadow .18s ease;
}
.wnu-search-input::placeholder, .wnu-ar-search-input::placeholder { color: var(--wnu-text-2); opacity: 1; }
.wnu-search-input:focus, .wnu-ar-search-input:focus { border-color: var(--wnu-brand); box-shadow: 0 0 0 3px rgba(18, 84, 226, 0.15); outline: none; }
.wnu-search-input::-webkit-search-decoration, .wnu-ar-search-input::-webkit-search-decoration { -webkit-appearance: none; }

/* ------------------------------------------------------------------------------------------------------------
   8. Icons: tiles, platform badges, marks, art boxes (spec 1.8, 1.10)
   ------------------------------------------------------------------------------------------------------------ */
/* static type tile (update cards, archive rows) */
.wnu-tic {
  display: block; flex: none; width: 44px; height: 44px; border-radius: 8px;
  background: var(--wnu-tile) var(--wnu-tic-glyph, none) center / 22px auto no-repeat;
}
.wnu-tic[data-wn-type="new"] { --wnu-tic-glyph: var(--wnu-i-type-new); }
.wnu-tic[data-wn-type="improved"] { --wnu-tic-glyph: var(--wnu-i-type-improved); }
.wnu-tic[data-wn-type="fixed"] { --wnu-tic-glyph: var(--wnu-i-type-fixed); }
.wnu-tic[data-wn-type="format"] { --wnu-tic-glyph: var(--wnu-i-type-format); }

/* platform badges: 28 px white disc, 1 px #DCDCDC, brand glyph contained in a 16 px box */
.wnu-pfs { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px; flex: none; }
.wnu-pf {
  display: block; flex: none; width: 28px; height: 28px; padding: 5px; border-radius: 50%;
  border: 1px solid var(--wnu-line-card); background-color: #FFFFFF; background-image: var(--wnu-pf-icon, none);
  background-origin: content-box; background-clip: border-box; background-position: center; background-repeat: no-repeat;
  background-size: contain;
}
.wnu-pf[data-wn-pf="instagram"] { --wnu-pf-icon: var(--wnu-pf-instagram); }
.wnu-pf[data-wn-pf="tiktok"] { --wnu-pf-icon: var(--wnu-pf-tiktok); }
.wnu-pf[data-wn-pf="youtube"] { --wnu-pf-icon: var(--wnu-pf-youtube); }
.wnu-pf[data-wn-pf="facebook"] { --wnu-pf-icon: var(--wnu-pf-facebook); }
.wnu-pf[data-wn-pf="linkedin"] { --wnu-pf-icon: var(--wnu-pf-linkedin); }
.wnu-pf[data-wn-pf="reddit"] { --wnu-pf-icon: var(--wnu-pf-reddit); }
.wnu-pf[data-wn-pf="snapchat"] { --wnu-pf-icon: var(--wnu-pf-snapchat); }
.wnu-pf[data-wn-pf="rednote"] { --wnu-pf-icon: var(--wnu-pf-rednote); }
.wnu-pf[data-wn-pf="twitch"] { --wnu-pf-icon: var(--wnu-pf-twitch); }
.wnu-pf[data-wn-pf="x"] { --wnu-pf-icon: var(--wnu-pf-x); }

/* art boxes: poster and canvas share one grid cell (never position:absolute); the poster fades when Rive plays */
.wnu-art { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; min-width: 0; }
.wnu-art > .wnu-art-poster, .wnu-art > .wnu-rive { grid-area: 1 / 1; }
.wnu-art-poster {
  display: block; width: 100%; aspect-ratio: var(--wnu-art-ratio, 1);
  background-position: center; background-size: contain; background-repeat: no-repeat;
  opacity: 0; transition: opacity .3s ease;
}
.wnu-art.is-poster .wnu-art-poster { background-image: var(--wnu-poster); opacity: 1; }
.wnu-rive {
  display: block; width: 100%; height: auto; aspect-ratio: var(--wnu-art-ratio, 1); min-width: 0;
  opacity: 0; transition: opacity .2s ease;
}
.wnu-art.is-rive .wnu-art-poster { opacity: 0; }
.wnu-art.is-rive .wnu-rive { opacity: 1; }
/* tile boxes: fixed size, the glyph poster shows until the Rive tile plays */
.wnu-art--tile { width: 100%; height: 100%; grid-template-rows: minmax(0, 1fr); }
.wnu-art--tile > .wnu-art-poster {
  aspect-ratio: auto; height: 100%; background-image: var(--wnu-poster); background-size: var(--wnu-glyph, 26px) auto; opacity: 1;
}
.wnu-art--tile > .wnu-rive { height: 100%; aspect-ratio: auto; }
.wnu-art.wnu-art--tile.is-rive > .wnu-art-poster { opacity: 0; }
/* scene posters (PNG / WebP, final intro frame at 2x): downloaded only when shown */
.wnu-art[data-wn-rive="hero-main"] { --wnu-poster: url("https://cdn.prod.website-files.com/624eb8b8eb3aed6e1e68a7d2/6ac7221abc29509076e827ba_wnu-hero-main-poster-2x-1-0-0.webp"); }
.wnu-art[data-wn-rive="ud-new"] { --wnu-poster: url("https://cdn.prod.website-files.com/624eb8b8eb3aed6e1e68a7d2/6ac7227f42eabd1f12cf328c_wnu-ud-new-poster-2x-1-0-0.webp"); }
.wnu-art[data-wn-rive="ud-improved"] { --wnu-poster: url("https://cdn.prod.website-files.com/624eb8b8eb3aed6e1e68a7d2/6ac72280d010514108cc9882_wnu-ud-improved-poster-2x-1-0-0.webp"); }
.wnu-art[data-wn-rive="ud-fixed"] { --wnu-poster: url("https://cdn.prod.website-files.com/624eb8b8eb3aed6e1e68a7d2/6ac72281e188e18d1d8f928b_wnu-ud-fixed-poster-2x-1-0-0.webp"); }
.wnu-art[data-wn-rive="ud-format"] { --wnu-poster: url("https://cdn.prod.website-files.com/624eb8b8eb3aed6e1e68a7d2/6ac722e887329dee7e48e1f4_wnu-ud-format-poster-2x-1-0-0.webp"); }
.wnu-art[data-wn-rive="ud-reddit-z"] { --wnu-poster: url("https://cdn.prod.website-files.com/624eb8b8eb3aed6e1e68a7d2/6ac722e9bc29509076e850af_wnu-ud-reddit-z-poster-2x-1-0-0.webp"); }
.wnu-art[data-wn-rive="ar-stack"] { --wnu-poster: url("https://cdn.prod.website-files.com/624eb8b8eb3aed6e1e68a7d2/6ac722eadacb5c302d9e9b40_wnu-ar-stack-poster-2x-1-0-0.png"); --wnu-art-ratio: 4 / 3; }
/* tile posters: the canonical type glyphs and the mark frame (data URIs) */
.wnu-art[data-wn-rive="ic-new"] { --wnu-poster: var(--wnu-i-type-new); }
.wnu-art[data-wn-rive="ic-improved"] { --wnu-poster: var(--wnu-i-type-improved); }
.wnu-art[data-wn-rive="ic-fixed"] { --wnu-poster: var(--wnu-i-type-fixed); }
.wnu-art[data-wn-rive="ic-format"] { --wnu-poster: var(--wnu-i-type-format); }
.wnu-art[data-wn-rive="mark"] { --wnu-poster: var(--wnu-i-phyllo-mark-frame); --wnu-glyph: 100%; }

/* 54 px Rive tiles (highlight and Keep reading cards); the tile itself shows the mark until a type box fills it */
.wnu-hl-icon, .wnu-kr-tile {
  display: grid; flex: none; width: 54px; height: 54px; margin: 0; border-radius: 8px; overflow: hidden;
  background: var(--wnu-tile) var(--wnu-i-phyllo-mark) center / 26px auto no-repeat;
}
.wnu-hl-icon.has-art, .wnu-kr-tile.has-art { background-image: none; }
.wnu-kr-icon { display: none; }

/* the real Phyllo mark: demo card disc (main), caption (update page) */
.wnu-mark-light { display: block; flex: none; width: 20px; height: 13px; background: var(--wnu-i-phyllo-mark) center / contain no-repeat; }

/* ------------------------------------------------------------------------------------------------------------
   9. Focus (spec 1.9; theme-map G9)
   ------------------------------------------------------------------------------------------------------------ */
[data-wn-page] a:focus-visible, [data-wn-page] button:focus-visible, [data-wn-page] input:focus-visible,
[data-wn-page] [tabindex]:focus-visible { outline: 2px solid var(--wnu-focus); outline-offset: 2px; }
.wnu-cta a:focus-visible, .wnu-ud-cta a:focus-visible, .wnu-code pre:focus-visible { outline: 3px solid var(--wnu-focus-dark); outline-offset: 2px; }
.wnu-hl-card:focus-visible, .wnu-kr-card:focus-visible, .wnu-card:focus-visible { outline-offset: 3px; }
.wnu-search-input:focus-visible, .wnu-ar-search-input:focus-visible { outline: none; }

/* ------------------------------------------------------------------------------------------------------------
   10. Main page (/whats-new)
   ------------------------------------------------------------------------------------------------------------ */
/* 10.1 hero (home hero: white, 2 columns, pill, gradient H1, intro, soft + solid buttons, Rive art) */
.wnu-hero {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 16px; row-gap: 22px; align-items: center;
  padding: 60px 0; border-radius: 0; background: none; color: var(--wnu-ink);
}
.wnu-hero-copy { display: flex; flex-direction: column; align-items: flex-start; max-width: 600px; min-width: 0; }
.wnu-hero-title { margin-top: 22px; }
.wnu-hero-intro, .wnu-ud-lead, .wnu-ud-summary, .wnu-ar-intro {
  margin: 20px 0 0; max-width: 442px; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -0.16px; color: var(--wnu-ink);
}
.wnu-hero-intro strong { font-weight: 600; color: var(--wnu-ink); }
.wnu-hero-copy .wnu-btn-row { margin-top: 28px; }
.wnu-hero-art { width: 100%; min-width: 0; align-self: center; justify-self: end; }
.wnu-art-hero { max-width: 518px; margin-left: auto; }

/* 10.2 highlights (home capabilities section: grey band, centred head, bento cards) */
.wnu-sec-hl > .wnu-wrap-inset { padding-top: 80px; padding-bottom: 80px; }
.wnu-hl-head { display: flex; flex-direction: column; align-items: center; text-align: center; }
.wnu-hl-titles { display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 0; }
.wnu-hl-hint, .wnu-arch-text { margin: 10px 0 0; max-width: 591px; font-size: 18px; font-weight: 400; line-height: 1.6; letter-spacing: -0.18px; color: var(--wnu-ink); }
.wnu-hl-slot { margin-top: 64px; }
.wnu-hl-list > .w-dyn-items { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0 -7px; }
.wnu-hl-list .w-dyn-item { display: flex; min-width: 0; }
.wnu-hl-card, .wnu-kr-card {
  display: flex; flex-direction: column; width: 100%; max-width: none; padding: 25px; border: 0; border-radius: 24px;
  background: #FFFFFF; color: var(--wnu-ink); text-decoration: none; overflow: hidden;
  transition: transform .28s var(--wnu-ease-card), box-shadow .28s ease;
}
.wnu-hl-card:hover, .wnu-kr-card:hover { color: var(--wnu-ink); }
.wnu-hl-top, .wnu-kr-thumb { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 54px; }
.wnu-hl-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 20px; }
.wnu-hl-title { margin-top: 14px; font-size: 20px; font-weight: 600; line-height: 1.4; letter-spacing: -0.4px; color: var(--wnu-ink); }
.wnu-hl-blurb, .wnu-hl-sum { margin-top: 10px; font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: -0.16px; color: var(--wnu-text-2); }
.wnu-hl-sum { display: none; }
.wnu-hl-blurb.w-dyn-bind-empty + .wnu-hl-sum { display: block; }
.wnu-hl-cta { margin-top: auto; padding-top: 24px; }
.wnu-sec-hl:has(.wnu-hl-list .w-dyn-empty) { display: none; }

/* 10.3 all updates: sidebar + feed */
.wnu-sec-all { scroll-margin-top: var(--wnu-anchor-gap); }
.wnu-layout {
  display: grid; grid-template-columns: 240px minmax(0, 1fr); column-gap: 56px; row-gap: 32px; align-items: start;
  padding: 80px 0;
}
.wnu-side { position: sticky; top: var(--wnu-sticky-top); display: flex; flex-direction: column; gap: 28px; min-width: 0; z-index: 1; }
.wnu-filters { display: flex; flex-direction: column; gap: 28px; }
.wnu-timeline, .wnu-fgroup { display: flex; flex-direction: column; gap: 10px; }
.wnu-tl-rows { display: flex; flex-direction: column; gap: 4px; }
.wnu-tl-row {
  display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; padding: 0 16px;
  border-radius: 100px; background-color: transparent; color: var(--wnu-ink); text-decoration: none;
  transition: background-color .22s ease, color .22s ease, transform .18s ease;
}
.wnu-tl-label { font-size: 15px; line-height: 1.4; color: inherit; }
.wnu-tl-count { font-size: 14px; line-height: 1.4; font-variant-numeric: tabular-nums; color: var(--wnu-text-2); transition: color .22s ease; }
.wnu-tl-row:hover { background-color: var(--wnu-band); color: var(--wnu-ink); }
.wnu-tl-row.is-active { background-color: var(--wnu-ink-strong); background-image: var(--wnu-heading-grad); color: #FFFFFF; }
.wnu-tl-row.is-active .wnu-tl-count { color: rgba(255, 255, 255, 0.75); }

/* demo card (light card, real mark on the navy hub disc) */
.wnu-demo {
  display: flex; flex-direction: column; align-items: flex-start; padding: 28px; border-radius: 24px;
  background: #FFFFFF; border: 1px solid var(--wnu-line-card); color: var(--wnu-ink);
}
.wnu-demo .wnu-mark-light {
  display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%;
  background: var(--wnu-i-phyllo-mark) calc(50% + 0.75px) calc(50% + 3.33px) / 28.08px auto no-repeat, var(--wnu-hub-grad);
}
.wnu-demo .wnu-mark-light.has-art { background: var(--wnu-hub-grad); }
/* the mark Rive box: 240 x 160 framing at the home hub's proportion (mark = 0.50 x the disc, centre 3.3 px low) */
.wnu-demo .wnu-mark-light > .wnu-art { width: 31.35px; height: 20.9px; transform: translate(0.75px, 3.33px); }
.wnu-demo-title { margin: 16px 0 0; font-size: 20px; font-weight: 600; line-height: 1.4; letter-spacing: -0.4px; color: var(--wnu-ink); }
.wnu-demo-text { margin: 8px 0 0; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -0.16px; color: var(--wnu-text-2); }
.wnu-demo .wnu-btn-demo { margin-top: 20px; }
.wnu-feed > .wnu-demo { margin-top: 48px; }

/* feed head + result label */
.wnu-feed { min-width: 0; }
.wnu-feed-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px 16px; flex-wrap: wrap; }
.wnu-result { font-size: 16px; line-height: 1.5; font-variant-numeric: tabular-nums; color: var(--wnu-text-2); }

/* heads-up banner (HtmlEmbed, filled by wnu.js) */
.wnu-headsup {
  display: flex; align-items: center; gap: 16px; margin-top: 24px; padding: 16px 24px; border-radius: 8px;
  background: var(--wnu-warn-bg); border: 1px solid var(--wnu-warn-line);
}
.wnu-headsup-ic {
  display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 8px; overflow: visible;
  background: #FFFFFF; box-shadow: inset 0 0 0 1px var(--wnu-warn-line);
}
/* 54-unit artboard drawn with a 22 px glyph in the 44 tile (the transparent margin overflows the tile) */
.wnu-headsup-ic > .wnu-art { width: 45.69px; height: 45.69px; margin: -0.846px; --wnu-glyph: 22px; }
.wnu-headsup-text { margin: 0; flex: 1 1 auto; min-width: 0; font-size: 16px; line-height: 1.6; letter-spacing: -0.16px; color: var(--wnu-warn-text); }
.wnu-headsup-text strong { font-weight: 600; }
.wnu-headsup-link {
  flex: none; margin-left: auto; font-size: 16px; font-weight: 500; line-height: 1.5; white-space: nowrap;
  color: var(--wnu-warn-strong); text-decoration: none;
}
.wnu-headsup-link:hover { color: var(--wnu-warn-text); }

/* empty states (HtmlEmbeds): dashed card, home search icon, message, small soft button */
.wnu-empty, .wnu-ar-empty {
  display: flex; flex-direction: column; align-items: center; text-align: center; margin-top: 32px; padding: 48px 24px;
  border: 1px dashed var(--wnu-line-card); border-radius: 24px; background: #FFFFFF;
}
.wnu-empty::before, .wnu-ar-empty::before {
  content: ""; display: block; width: 54px; height: 54px; margin-bottom: 16px; border-radius: 8px;
  background: var(--wnu-i-empty) center / 54px 54px no-repeat;
}
.wnu-empty-title, .wnu-ar-empty-text { margin: 0 0 20px; font-size: 20px; font-weight: 600; line-height: 1.4; letter-spacing: -0.4px; color: var(--wnu-ink); }

/* month groups (built by wnu.js) */
.wnu-months { display: flex; flex-direction: column; gap: 48px; margin-top: 32px; }
.wnu-month { scroll-margin-top: var(--wnu-anchor-gap); }
.wnu-month-head { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; padding-bottom: 16px; border-bottom: 1px solid var(--wnu-line); }
.wnu-month-title, .wnu-ar-month-title, .wnu-ud-closing-title {
  margin: 0; font-size: 24px; font-weight: 500; line-height: 1.25; letter-spacing: -0.96px; color: var(--wnu-ink);
}
.wnu-month-count, .wnu-ar-month-count { font-size: 14px; line-height: 1.5; font-variant-numeric: tabular-nums; color: var(--wnu-text-2); }
.wnu-month-items { display: flex; flex-direction: column; gap: 20px; margin-top: 20px; }
.wnu-month-items > .w-dyn-item[data-wn-collapsed] { display: none; }
.wnu-more { padding-top: 20px; }
html:not(.wnu-js) .wnu-list .w-dyn-items { display: flex; flex-direction: column; gap: 20px; margin-top: 32px; }

/* update card (card on white) */
.wnu-card {
  display: flex; flex-direction: column; padding: 30px; border-radius: 24px; background: #FFFFFF; border: 1px solid var(--wnu-line-card);
  scroll-margin-top: var(--wnu-anchor-gap); transition: transform .28s var(--wnu-ease-card), box-shadow .28s ease;
}
.wnu-card-top { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; min-height: 44px; }
.wnu-card-top > .wnu-pfs { margin-left: auto; }
.wnu-card .wnu-badges { min-height: 44px; }
.wnu-card-top > .wnu-badges { flex: 0 1 auto; min-width: 0; }
.wnu-card-title { margin: 16px 0 0; font-size: 20px; font-weight: 600; line-height: 1.4; letter-spacing: -0.4px; color: var(--wnu-ink); }
.wnu-card-desc { margin: 8px 0 0; font-size: 16px; font-weight: 400; line-height: 1.8; letter-spacing: -0.16px; color: var(--wnu-text-2); }
.wnu-means, .wnu-ud-means { display: flex; flex-direction: column; gap: 4px; margin-top: 16px; padding: 14px 20px; border-radius: 8px; background: var(--wnu-wash); }
.wnu-means-label, .wnu-ud-means-label { color: var(--wnu-brand); }
.wnu-means-text, .wnu-ud-means-text { min-width: 0; font-size: 16px; line-height: 1.6; letter-spacing: -0.16px; color: var(--wnu-ink); }
.wnu-means:has(> .w-dyn-bind-empty), .wnu-means.is-empty, .wnu-ud-means:has(> .w-dyn-bind-empty), .wnu-ud-means.is-empty { display: none; }
.wnu-card-foot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin-top: 20px; }
.wnu-card-pub { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 4px; font-size: 14px; line-height: 1.5; color: var(--wnu-text-2); }
.wnu-card-pub-label, .wnu-card-date { font-size: 14px; line-height: 1.5; font-variant-numeric: tabular-nums; color: var(--wnu-text-2); }

/* 10.4 archive band (frame = grey panel between the hairlines) */
.wnu-arch { display: flex; flex-direction: column; padding-top: 72px; padding-bottom: 60px; background: var(--wnu-band); }
.wnu-arch-intro { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 640px; margin: 0 auto; }
.wnu-arch-title { margin-top: 8px; }
.wnu-arch-intro .wnu-btn-arch { margin-top: 24px; }
.wnu-arch-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 48px; align-items: stretch; min-width: 0; }
.wnu-arch-card { display: flex; flex-direction: column; min-width: 0; padding: 30px; border-radius: 24px; background: #FFFFFF; border: 1px solid var(--wnu-line-2); }
.wnu-arch-meta { color: var(--wnu-text-2); }
.wnu-arch-month { margin: 10px 0 0; font-size: 20px; font-weight: 600; line-height: 1.4; letter-spacing: -0.4px; color: var(--wnu-ink); }
.wnu-arch-sum { margin: 8px 0 0; font-size: 16px; line-height: 1.8; letter-spacing: -0.16px; color: var(--wnu-text-2); }
.wnu-arch-link { align-self: flex-start; margin-top: auto; padding-top: 20px; }

/* 10.5 FAQ (home FAQ: boxes, thin plus, height transition) */
.wnu-faq { display: grid; grid-template-columns: 390px minmax(0, 1fr); gap: 32px 0; padding: 80px 0; }
.wnu-faq-title { margin: 0; max-width: 280px; font-size: 32px; font-weight: 600; line-height: 1.3; letter-spacing: 0; color: var(--wnu-ink); }
.wnu-faq-list { display: flex; flex-direction: column; gap: 16px; min-width: 0; max-width: 773px; }
.wnu-faq-item { overflow: hidden; border: 1px solid var(--wnu-line-control); border-radius: 8px; background: #FFFFFF; }
.wnu-faq-q { margin: 0; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -0.16px; color: var(--wnu-ink); }
html:not(.wnu-js) .wnu-faq-q { padding: 22px 30px 8px 24px; }
.wnu-faq-btn {
  display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 24px; min-height: 72px;
  padding: 16px 30px 16px 24px; margin: 0; border: 0; background: none; text-align: left; cursor: pointer;
  font-family: var(--wnu-font); font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -0.16px; color: var(--wnu-ink);
}
.wnu-faq-btn:focus-visible { outline-offset: -2px; }
.wnu-faq-icon { position: relative; flex: none; width: 18px; height: 18px; }
.wnu-faq-icon::before, .wnu-faq-icon::after { content: ""; position: absolute; border-radius: 1px; background: var(--wnu-ink); }
.wnu-faq-icon::before { left: 0; top: 8.2px; width: 18px; height: 1.6px; }
.wnu-faq-icon::after { left: 8.2px; top: 0; width: 1.6px; height: 18px; transition: transform .24s ease; }
.wnu-faq-btn[aria-expanded="true"] .wnu-faq-icon::after { transform: rotate(90deg); }
.wnu-faq-panel { overflow: hidden; transition: max-height .34s var(--wnu-ease-open); }
.wnu-faq-a { margin: 0; padding: 0 60px 22px 24px; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -0.16px; color: var(--wnu-text-2); }

/* 10.6 CTA band (home CTA band: bleeds hairline to hairline, square, decorations) */
.wnu-sec-cta > .wnu-wrap, .wnu-sec-udcta > .wnu-wrap { padding-top: 80px; padding-bottom: 88px; }
.wnu-cta, .wnu-ud-cta {
  position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; align-items: center; text-align: center;
  margin: 0 calc(-1 * var(--wnu-frame-pad)); padding: 58px 50px 72px; border-radius: 0; background: var(--wnu-cta-grad); color: #FFFFFF;
}
.wnu-ud-cta { background: var(--wnu-cta-grad-aa); }
.wnu-cta::before, .wnu-cta::after, .wnu-ud-cta::before, .wnu-ud-cta::after {
  content: ""; position: absolute; z-index: 0; pointer-events: none; background-position: center; background-size: contain; background-repeat: no-repeat;
}
.wnu-cta::before, .wnu-ud-cta::before {
  left: 50px; top: 92px; width: 292px; height: 146px;
  background-image: url("https://cdn.prod.website-files.com/624eb8b8eb3aed6e1e68a7d2/67d7eadc06ede78a521a7887_Group%201216221270%20(1).svg");
}
.wnu-cta::after, .wnu-ud-cta::after {
  right: 50px; top: 91px; width: 276px; height: 138px;
  background-image: url("https://cdn.prod.website-files.com/624eb8b8eb3aed6e1e68a7d2/67d7eb65378015207a9b1fe2_Group%201216221271.svg");
}
.wnu-cta > *, .wnu-ud-cta > * { position: relative; z-index: 1; }
.wnu-cta-title, .wnu-ud-cta-title {
  margin: 0; max-width: 600px; font-size: 32px; font-weight: 500; line-height: 1.3; letter-spacing: -1.28px;
  color: #FDFDFF; background-image: var(--wnu-cta-heading-grad); background-repeat: no-repeat;
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.wnu-cta-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 54px; }

/* ------------------------------------------------------------------------------------------------------------
   11. Update page (CMS template /whats-new/<slug>)
   ------------------------------------------------------------------------------------------------------------ */
/* 11.1 hero: header left, visual right (CSS places them whatever the DOM order) */
.wnu-ud-band { background: none; }
.wnu-ud-hero-row {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 16px; row-gap: 44px; align-items: center;
  padding-top: 60px; padding-bottom: 60px;
}
.wnu-ud-head { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; align-items: flex-start; max-width: 600px; min-width: 0; }
.wnu-ud-title { margin-top: 22px; }
.wnu-ud-summary { display: none; }
.wnu-ud-lead.w-dyn-bind-empty + .wnu-ud-summary { display: block; }
.wnu-ud-byline { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; margin-top: 20px; font-size: 16px; line-height: 1.5; color: var(--wnu-ink); }
.wnu-ud-byline::before {
  content: ""; display: block; flex: none; width: 28px; height: 28px; border-radius: 50%;
  background: var(--wnu-i-phyllo-mark) calc(50% + 0.38px) calc(50% + 1.66px) / 14.04px auto no-repeat, var(--wnu-hub-grad);
}
.wnu-ud-by { font-size: 16px; color: var(--wnu-ink); }
.wnu-ud-date { font-size: 16px; font-variant-numeric: tabular-nums; color: var(--wnu-text-2); }
.wnu-ud-date::before { content: "\00B7"; margin: 0 8px 0 -2px; color: var(--wnu-text-2); }
.wnu-ud-date.w-dyn-bind-empty::before { content: none; }
.wnu-ud-head > .wnu-badges { margin-top: 16px; }

/* visual: art (row 1), code fallback (row 2, only when shown), caption + platform badges (row 3) */
.wnu-ud-visual {
  grid-column: 2; grid-row: 1; justify-self: end; display: grid; grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 12px; row-gap: 14px; align-items: center; width: 100%; max-width: 460px; min-width: 0; margin: 0;
  padding: 0; border-radius: 0; background: none; color: var(--wnu-ink); overflow: visible;
}
.wnu-ud-visual::before { content: ""; display: block; grid-row: 1; grid-column: 1 / -1; aspect-ratio: 1; }
.wnu-ud-visual[data-wn-scene="none"]::before { display: none; }
.wnu-ud-visual > .wnu-art { grid-row: 1; grid-column: 1 / -1; }
.wnu-udv-mid { grid-row: 2; grid-column: 1 / -1; }
.wnu-udv-head, .wnu-udv-foot { grid-row: 3; grid-column: 1; display: flex; align-items: center; gap: 10px; min-width: 0; }
.wnu-ud-visual > .wnu-pfs { grid-row: 3; grid-column: 2; }
.wnu-ud-visual > .wnu-pfs .wnu-pf { width: 32px; height: 32px; padding: 6px; }
/* caption: hero-label over product-area with the mark; or "Phyllo product update" when both are empty */
.wnu-udv-head::before { content: ""; display: block; flex: none; width: 20px; height: 13px; background: var(--wnu-i-phyllo-mark) center / contain no-repeat; }
.wnu-udv-tile, .wnu-udv-type, .wnu-udv-glyph { display: none !important; }
.wnu-udv-titles { display: flex; flex-direction: column; gap: 0; min-width: 0; }
.wnu-udv-title { font-size: 14px; font-weight: 600; line-height: 1.5; color: var(--wnu-ink); }
.wnu-udv-sub { font-size: 14px; line-height: 1.5; color: var(--wnu-text-2); }
.wnu-udv-foot-text { font-size: 14px; font-weight: 400; line-height: 1.5; color: var(--wnu-text-2); }
.wnu-udv-head { display: none; }
.wnu-ud-visual[data-wn-cap="head"] .wnu-udv-head { display: flex; }
.wnu-ud-visual[data-wn-cap="head"] .wnu-udv-foot { display: none; }
html:not(.wnu-js) .wnu-ud-visual:has(.wnu-udv-title:not(.w-dyn-bind-empty)) .wnu-udv-head,
html:not(.wnu-js) .wnu-ud-visual:has(.wnu-udv-sub:not(.w-dyn-bind-empty)) .wnu-udv-head { display: flex; }
html:not(.wnu-js) .wnu-ud-visual:has(.wnu-udv-title:not(.w-dyn-bind-empty)) .wnu-udv-foot,
html:not(.wnu-js) .wnu-ud-visual:has(.wnu-udv-sub:not(.w-dyn-bind-empty)) .wnu-udv-foot { display: none; }
/* code fallback card: only when the item has before/after values and no dedicated scene; otherwise screen-reader only */
.wnu-udv-mid {
  position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
.wnu-ud-visual[data-wn-fallback="code"] .wnu-udv-mid {
  position: static !important; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; clip-path: none; white-space: normal;
  display: flex; flex-direction: column; gap: 8px; padding: 14px 16px; border: 1px solid var(--wnu-line-control); border-radius: 7px; background: #FFFFFF;
}
.wnu-udv-key { font-family: var(--wnu-mono); font-size: 13px; line-height: 1.4; color: var(--wnu-mono-ink); }
.wnu-udv-key:empty { display: none; }
.wnu-udv-before, .wnu-udv-after { margin: 0; font-family: var(--wnu-mono); font-size: 16px; line-height: 1.4; color: var(--wnu-ink); overflow-wrap: anywhere; }
.wnu-udv-strike { color: var(--wnu-warn-icon); text-decoration: line-through; text-decoration-color: var(--wnu-warn-icon); text-decoration-thickness: 2px; }
.wnu-udv-arrow { display: flex; color: var(--wnu-sweep); }
.wnu-udv-arrow::before {
  content: ""; display: block; width: 20px; height: 20px; background-color: currentColor;
  -webkit-mask: var(--wnu-i-arrow-down) center / contain no-repeat; mask: var(--wnu-i-arrow-down) center / contain no-repeat;
}

/* 11.2 TOC + article */
.wnu-ud-layout {
  display: grid; grid-template-columns: 300px minmax(0, 700px); column-gap: 72px; row-gap: 28px; align-items: start;
  padding-top: 56px; padding-bottom: 80px;
}
.wnu-toc {
  display: none; grid-column: 1; grid-row: 1; position: sticky; top: var(--wnu-sticky-top); padding: 20px 24px;
  border-radius: 8px; background: #FFFFFF; border: 1px solid var(--wnu-line-2); box-shadow: none; z-index: 2;
}
.wnu-toc.is-ready { display: block; }
.wnu-toc-title { margin: 0 0 6px; padding-bottom: 10px; border-bottom: 1px solid var(--wnu-line); }
.wnu-toc-list { display: flex; flex-direction: column; }
.wnu-toc-link {
  display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; font-size: 15px; font-weight: 400; line-height: 1.5;
  color: var(--wnu-ink); text-decoration: none; transition: color .2s ease;
}
.wnu-toc-link:hover { color: var(--wnu-brand); }
.wnu-toc-dot { flex: none; width: 8px; height: 8px; margin-top: 7.25px; background: transparent; transform: rotate(45deg); transition: background-color .2s ease; }
.wnu-toc-link.is-active { color: var(--wnu-brand); font-weight: 600; }
.wnu-toc-link.is-active .wnu-toc-dot { background: var(--wnu-brand-accent); }
.wnu-ud-article { grid-column: 2; grid-row: 1; min-width: 0; max-width: 700px; }
/* no table of contents (no body headings): one column, the article lines up with the hero copy */
.wnu-ud-layout[data-wn-notoc] { grid-template-columns: minmax(0, 700px); }
.wnu-ud-layout[data-wn-notoc] .wnu-ud-article { grid-column: 1; }
.wnu-ud-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; padding: 16px 0; border-bottom: 1px solid var(--wnu-line); }
.wnu-ud-read { display: flex; align-items: center; gap: 8px; font-size: 14px; line-height: 1.5; color: var(--wnu-text-2); }
.wnu-ud-read-text { font-variant-numeric: tabular-nums; }
.wnu-share { display: flex; align-items: center; gap: 8px; font-size: 14px; line-height: 1.5; color: var(--wnu-text-2); }
.wnu-share-label { margin-right: 4px; }
.wnu-share-btn {
  display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%;
  border: 1px solid var(--wnu-line-2); background: #FFFFFF; color: var(--wnu-ink); font-size: 12px; font-weight: 700; line-height: 1; text-decoration: none;
  transition: border-color .18s ease, transform .18s ease;
}
.wnu-share-btn:hover { border-color: var(--wnu-soft-hover); color: var(--wnu-ink); }
@media (prefers-reduced-motion: no-preference) { .wnu-share-btn:hover { transform: translateY(-1px); } }

.wnu-ud-means { margin-top: 28px; padding: 18px 20px; }
[data-wn-page] .wnu-ud-body .wnu-ud-means { margin: 0 0 8px; }

/* rich text body (Webflow RichText element, class wnu-ud-body, renders div.w-richtext) */
.wnu-ud-body-slot { min-width: 0; }
[data-wn-page] .wnu-ud-body { margin-top: 28px; color: var(--wnu-ink); font-size: 16px; line-height: 1.8; }
[data-wn-page] .wnu-ud-means + .wnu-ud-body-slot .wnu-ud-body { margin-top: 24px; }
[data-wn-page] .wnu-ud-body > :first-child { margin-top: 0; }
[data-wn-page] .wnu-ud-body p { margin: 0 0 16px; font-size: 16px; line-height: 1.8; letter-spacing: -0.16px; color: var(--wnu-ink); }
[data-wn-page] .wnu-ud-body h2 {
  margin: 56px 0 16px; padding: 0; font-size: 24px; font-weight: 500; line-height: 1.25; letter-spacing: -0.96px;
  color: var(--wnu-ink); background: none; -webkit-text-fill-color: currentColor; scroll-margin-top: var(--wnu-anchor-gap);
}
[data-wn-page] .wnu-ud-body h2::before { content: none; display: none; }
[data-wn-page] .wnu-ud-body h3 { margin: 32px 0 12px; font-size: 20px; font-weight: 600; line-height: 1.4; letter-spacing: -0.4px; color: var(--wnu-ink); }
[data-wn-page] .wnu-ud-body ul { margin: 0 0 24px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; overflow: visible; }
[data-wn-page] .wnu-ud-body ol { margin: 0 0 24px; padding: 0 0 0 24px; display: flex; flex-direction: column; gap: 12px; }
[data-wn-page] .wnu-ud-body li { font-size: 16px; line-height: 1.8; letter-spacing: -0.16px; color: var(--wnu-ink); }
[data-wn-page] .wnu-ud-body ul > li { position: relative; padding-left: 24px; }
[data-wn-page] .wnu-ud-body ul > li::before {
  content: ""; position: absolute; left: 2px; top: 11px; width: 8px; height: 8px; background: var(--wnu-brand-accent); transform: rotate(45deg);
}
[data-wn-page] .wnu-ud-body strong, [data-wn-page] .wnu-ud-body b { font-weight: 600; color: var(--wnu-ink); }
[data-wn-page] .wnu-ud-body a { color: var(--wnu-brand); font-weight: 400; text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; }
[data-wn-page] .wnu-ud-body a:hover { color: var(--wnu-brand-hover); }
[data-wn-page] .wnu-ud-body code {
  font-family: var(--wnu-mono); font-size: 14px; font-weight: 500; padding: 1px 6px; border-radius: 6px;
  background: var(--wnu-mono-bg); border: 1px solid var(--wnu-mono-line); color: var(--wnu-mono-ink); overflow-wrap: anywhere;
}
[data-wn-page] .wnu-ud-body img { max-width: 100%; height: auto; border-radius: 16px; }
[data-wn-page] .wnu-ud-body figure { max-width: 100%; margin: 0 0 24px; }
[data-wn-page] .wnu-ud-body blockquote { margin: 0 0 24px; padding: 4px 0 4px 20px; border-left: 3px solid var(--wnu-brand-accent); font-size: 16px; line-height: 1.8; }
/* code block: wnu.js wraps each pre in div.wnu-code with a header bar; the !important rules beat the inline
   styles Webflow writes on rich-text code blocks (pre.w-code-block) */
[data-wn-page] .wnu-ud-body pre {
  margin: 8px 0 24px !important; padding: 22px 18px !important; border-radius: 16px; border: 1px solid var(--wnu-code-line);
  background: var(--wnu-code-bg) !important; color: var(--wnu-code-text) !important;
  font-family: var(--wnu-mono) !important; font-size: 15px !important; line-height: 1.8 !important;
  white-space: pre !important; overflow-x: auto !important; tab-size: 2;
}
[data-wn-page] .wnu-ud-body pre code {
  padding: 0 !important; border: 0; border-radius: 0; background: none !important; color: inherit !important;
  font-family: inherit !important; font-size: inherit !important; font-weight: 400; white-space: inherit !important; overflow-wrap: normal;
}
[data-wn-page] .wnu-code { margin: 8px 0 24px; border-radius: 16px; overflow: hidden; border: 1px solid var(--wnu-code-line); background: var(--wnu-code-bg); }
[data-wn-page] .wnu-code pre { margin: 0 !important; border: 0; border-radius: 0; }
.wnu-code-bar {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 16px; background: var(--wnu-code-bar);
  font-family: var(--wnu-mono); font-size: 13px; line-height: normal; color: var(--wnu-code-text-2);
}
.wnu-code-label { min-width: 0; overflow-wrap: anywhere; }
.wnu-code-lang { flex-shrink: 0; }
.wnu-tok-c { color: var(--wnu-code-comment); }
.wnu-tok-s { color: var(--wnu-code-string); }
.wnu-tok-a, .wnu-tok-n { color: var(--wnu-code-number); }

.wnu-ud-docs { margin-top: 28px; }
.wnu-ud-docs-link { display: inline-block; }
.wnu-ud-docs:has(> .w-dyn-bind-empty), .wnu-ud-docs:has(> a:not([href])), .wnu-ud-docs:has(> a[href="#"]), .wnu-ud-docs:has(> a[href=""]) { display: none; }

.wnu-ud-closing { display: flex; flex-direction: column; align-items: flex-start; margin-top: 56px; padding-top: 36px; border-top: 1px solid var(--wnu-line); }
.wnu-ud-closing-text { margin: 8px 0 0; font-size: 16px; line-height: 1.8; letter-spacing: -0.16px; color: var(--wnu-text-2); }
.wnu-ud-closing .wnu-btn-closing { margin-top: 24px; }

/* 11.3 keep reading (grey band + bento cards) */
.wnu-sec-kr > .wnu-wrap { padding-top: 80px; padding-bottom: 80px; }
.wnu-kr-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px 16px; flex-wrap: wrap; }
.wnu-kr-slot { margin-top: 36px; }
.wnu-kr-list > .w-dyn-items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.wnu-kr-list .w-dyn-item { display: flex; min-width: 0; }
.wnu-kr-thumb { aspect-ratio: auto; background: none; }
.wnu-kr-text { display: flex; flex-direction: column; flex: 1 1 auto; margin-top: 20px; padding: 0; }
.wnu-kr-eyebrow { color: var(--wnu-text-2); }
.wnu-kr-card-title { margin-top: 8px; font-size: 20px; font-weight: 600; line-height: 1.4; letter-spacing: -0.4px; color: var(--wnu-ink); }
.wnu-kr-date { margin-top: 8px; font-size: 14px; line-height: 1.5; font-variant-numeric: tabular-nums; color: var(--wnu-text-2); }
.wnu-sec-kr:has(.wnu-kr-list .w-dyn-empty) { display: none; }

/* 11.4 update-page CTA band (centred text + one cream button; AA gradient at every width) */
.wnu-ud-cta-text { display: flex; flex-direction: column; align-items: center; max-width: 600px; min-width: 0; }
.wnu-ud-cta-copy { margin: 12px 0 0; font-size: 16px; line-height: 1.6; letter-spacing: -0.16px; color: #FFFFFF; }
.wnu-ud-cta .wnu-btn-udcta { margin-top: 36px; flex-shrink: 0; }

/* ------------------------------------------------------------------------------------------------------------
   12. Archive page (/whats-new-archive)
   ------------------------------------------------------------------------------------------------------------ */
/* 12.1 header: back pill, H1 with keyword, intro; Rive scene on the right at >= 992 */
.wnu-ar-sec-head > .wnu-ar-wrap { display: flex; flex-direction: column; align-items: flex-start; padding-top: 60px; padding-bottom: 48px; }
.wnu-ar-h1 { margin-top: 22px; }
.wnu-ar-intro { max-width: 560px; }
.wnu-ar-sec-list > .wnu-ar-wrap { padding-top: 0; padding-bottom: 80px; }
.wnu-art-ar { --wnu-art-ratio: 4 / 3; }

/* 12.2 filters (HtmlEmbed): pills + pill search */
.wnu-ar-filters { display: flex; align-items: center; justify-content: space-between; gap: 16px 24px; padding-bottom: 24px; border-bottom: 1px solid var(--wnu-line); }
.wnu-ar-search { width: 280px; max-width: 100%; flex: none; }

/* 12.3 months (built by wnu.js) */
.wnu-ar-newest-slot { display: none !important; }
.wnu-ar-month { display: grid; grid-template-columns: 220px minmax(0, 1fr); column-gap: 56px; row-gap: 16px; padding-top: 72px; scroll-margin-top: calc(var(--wnu-nav-h) + 5px); }
.wnu-ar-month-label { position: sticky; top: calc(var(--wnu-sticky-top) + 8px); align-self: start; min-width: 0; }
.wnu-ar-month-count { margin: 8px 0 0; }
.wnu-ar-rows { display: flex; flex-direction: column; min-width: 0; }

/* row (whole row is the link): static type tile in column 1, everything else in column 2 */
.wnu-ar-row {
  display: flex; flex-direction: column; width: 100%; max-width: none; padding: 28px 0;
  border-top: 1px solid var(--wnu-line); color: var(--wnu-ink); text-decoration: none;
}
html.w-mod-js .wnu-ar-row { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 20px; align-items: start; }
html.w-mod-js .wnu-ar-row > * { grid-column: 2; }
html.w-mod-js .wnu-ar-row > .wnu-tic { grid-column: 1; grid-row: 1 / span 4; }
.wnu-ar-date { display: none; }
html:not(.wnu-js) .wnu-ar-date { display: block; margin-bottom: 8px; font-size: 14px; line-height: 1.5; color: var(--wnu-text-2); }
.wnu-ar-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-height: 28px; }
.wnu-ar-dot { display: none; }
.wnu-ar-meta > .wnu-pfs { margin-left: 4px; }
.wnu-ar-title { margin-top: 12px; font-size: 20px; font-weight: 600; line-height: 1.4; letter-spacing: -0.4px; color: var(--wnu-ink); transition: color .2s ease; }
.wnu-ar-row:hover .wnu-ar-title, .wnu-ar-row:focus-visible .wnu-ar-title { color: var(--wnu-brand); }
.wnu-ar-desc { margin-top: 6px; max-width: 720px; font-size: 16px; line-height: 1.8; letter-spacing: -0.16px; color: var(--wnu-text-2); }
.wnu-ar-more { margin-top: 12px; }

/* 12.4 pagination (Webflow output inside the archive Collection List; relabelled by wnu.js) */
.wnu-ar-list .w-pagination-wrapper {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 16px;
  margin-top: 72px; padding: 28px 0; border-top: 1px solid var(--wnu-line); font-size: 14px; line-height: 1.5;
}
.wnu-ar-list .w-pagination-wrapper:empty { display: none; }
.wnu-ar-list .w-pagination-previous, .wnu-ar-list .w-pagination-next {
  display: inline-flex; align-items: center; min-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; background: none;
  font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--wnu-brand); text-decoration: none;
}
.wnu-ar-list .w-pagination-previous-icon, .wnu-ar-list .w-pagination-next-icon { display: none; }
.wnu-ar-list .w-page-count { font-size: 14px; color: var(--wnu-text-2); font-variant-numeric: tabular-nums; }
.wnu-pg-off { display: inline-flex; align-items: center; min-height: 44px; font-size: 16px; color: var(--wnu-text-2); }

/* ------------------------------------------------------------------------------------------------------------
   13. Hover lifts (home head CSS: transform + shadow only, pointer devices)
   ------------------------------------------------------------------------------------------------------------ */
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .wnu-hl-card:hover, .wnu-kr-card:hover, .wnu-card:hover { transform: translateY(-3px); box-shadow: var(--wnu-shadow-card); }
  .wnu-tl-row:hover:not(.is-active) { transform: translateY(-1px); }
}

/* ------------------------------------------------------------------------------------------------------------
   14. Responsive (spec 1.1): XL >= 1280, L 1101-1279, M 992-1100, T 768-991, S <= 767, XS <= 479, LP landscape phone
   ------------------------------------------------------------------------------------------------------------ */
@media (max-width: 1199px) {
  .wnu-hl-list > .w-dyn-items { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
}
@media (max-width: 1100px) {
  /* M: heroes stack, art below the copy, centred */
  .wnu-hero { grid-template-columns: minmax(0, 1fr); }
  .wnu-hero-copy { max-width: none; }
  .wnu-hero-art { justify-self: stretch; margin-top: 44px; }
  .wnu-art-hero { margin: 0 auto; }
  .wnu-ud-hero-row { grid-template-columns: minmax(0, 1fr); }
  .wnu-ud-head { grid-column: 1; grid-row: 1; max-width: none; }
  .wnu-ud-visual { grid-column: 1; grid-row: 2; justify-self: center; }
}
@media (max-width: 991px) {
  /* T: one-column layouts, H1 42, FAQ stacks, sidebar becomes a filter block */
  .wnu-hero-title, .wnu-ud-title, .wnu-ar-h1 { font-size: 42px; letter-spacing: -1.4px; }
  .wnu-cta-title, .wnu-ud-cta-title { font-size: 26px; letter-spacing: -0.9px; }
  .wnu-sec-hl > .wnu-wrap-inset { padding-top: 64px; padding-bottom: 64px; }
  .wnu-hl-slot { margin-top: 36px; }
  .wnu-layout { grid-template-columns: minmax(0, 1fr); padding-top: 48px; padding-bottom: 64px; }
  .wnu-side { position: static; }
  .wnu-tl-rows { flex-direction: row; flex-wrap: wrap; gap: 8px; }
  .wnu-tl-row { justify-content: flex-start; height: 44px; border: 1px solid var(--wnu-line-2); background-color: #FFFFFF; }
  .wnu-tl-row.is-active { border-color: transparent; }
  .wnu-tl-row:hover { background-color: var(--wnu-band); }
  .wnu-tl-row.is-active:hover { background-color: var(--wnu-ink-strong); }
  .wnu-month-items { gap: 16px; }
  .wnu-arch { padding-top: 64px; padding-bottom: 56px; }
  .wnu-arch-cards { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .wnu-faq { grid-template-columns: minmax(0, 1fr); padding: 52px 0; }
  .wnu-faq-title { max-width: none; }
  .wnu-sec-cta > .wnu-wrap, .wnu-sec-udcta > .wnu-wrap { padding-top: 40px; padding-bottom: 44px; }
  .wnu-cta, .wnu-ud-cta { padding: 44px 32px 52px; }
  .wnu-cta::before, .wnu-ud-cta::before { left: 24px; top: 60px; width: 220px; height: 110px; }
  .wnu-cta::after, .wnu-ud-cta::after { right: 24px; top: 60px; width: 200px; height: 100px; }
  .wnu-cta-btns { margin-top: 36px; }
  /* update page */
  .wnu-ud-layout, .wnu-ud-layout[data-wn-notoc] { grid-template-columns: minmax(0, 1fr); padding-top: 48px; padding-bottom: 72px; }
  .wnu-toc { grid-column: auto; grid-row: auto; position: static; }
  .wnu-ud-article, .wnu-ud-layout[data-wn-notoc] .wnu-ud-article { grid-column: auto; grid-row: auto; }
  .wnu-sec-kr > .wnu-wrap { padding-top: 64px; padding-bottom: 64px; }
  /* archive */
  .wnu-ar-sec-head > .wnu-ar-wrap { padding-top: 56px; padding-bottom: 40px; }
  .wnu-ar-sec-head .wnu-ar-wrap > .w-embed { display: none !important; }
  .wnu-ar-filters { flex-direction: column; align-items: stretch; }
  .wnu-ar-search { width: 100%; }
  .wnu-ar-month { grid-template-columns: minmax(0, 1fr); padding-top: 48px; }
  .wnu-ar-month-label { position: static; }
  .wnu-ar-sec-list > .wnu-ar-wrap { padding-bottom: 72px; }
  .wnu-ar-list .w-pagination-wrapper { margin-top: 56px; }
}
@media (min-width: 992px) {
  /* archive header: copy in column 1 (vertically centred by the two 1fr rows), the Rive scene in column 2 */
  .wnu-ar-sec-head > .wnu-ar-wrap {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: 1fr auto auto auto 1fr; column-gap: 16px;
  }
  .wnu-ar-sec-head .wnu-ar-back { grid-column: 1; grid-row: 2; justify-self: start; }
  .wnu-ar-sec-head .wnu-ar-h1 { grid-column: 1; grid-row: 3; }
  .wnu-ar-sec-head .wnu-ar-intro { grid-column: 1; grid-row: 4; }
  .wnu-ar-sec-head .wnu-ar-wrap > .w-embed { grid-column: 2; grid-row: 1 / -1; align-self: center; justify-self: end; width: 100%; max-width: 480px; }
}
@media (max-width: 767px) {
  /* S: H1 32, H2 24, bands bleed to the screen edge, buttons stack, tap targets >= 44 px */
  .wnu-hero-title, .wnu-ud-title, .wnu-ar-h1 { font-size: 32px; line-height: 1.15; letter-spacing: -0.9px; }
  .wnu-h2, .wnu-arch-title, .wnu-kr-title { font-size: 24px; letter-spacing: -0.8px; }
  .wnu-cta-title, .wnu-ud-cta-title { font-size: 24px; letter-spacing: -0.6px; }
  .wnu-month-title, .wnu-ar-month-title, .wnu-ud-closing-title, [data-wn-page] .wnu-ud-body h2 { font-size: 22px; letter-spacing: -0.8px; }
  .wnu-hl-hint, .wnu-arch-text { font-size: 16px; letter-spacing: -0.16px; }
  .wnu-hero-intro, .wnu-ud-lead, .wnu-ud-summary, .wnu-ar-intro { max-width: none; }
  .wnu-ud-eyebrow, .wnu-ar-back { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; }
  .wnu-sec-hl > .wnu-wrap-inset { padding-top: 44px; padding-bottom: 48px; }
  .wnu-hl-list > .w-dyn-items { grid-template-columns: minmax(0, 1fr); }
  .wnu-hl-card, .wnu-kr-card { padding: 24px; }
  .wnu-layout { padding-top: 32px; padding-bottom: 56px; }
  .wnu-card, .wnu-arch-card, .wnu-demo { padding: 24px; }
  .wnu-pill, .wnu-ar-tab { height: 44px; }
  .wnu-more .wnu-btn-outline { width: 100%; }
  .wnu-headsup { flex-wrap: wrap; padding: 16px 18px; }
  .wnu-headsup-text { flex: 1 1 100%; order: 3; }
  .wnu-headsup-link { order: 4; margin-left: 0; display: inline-flex; align-items: center; min-height: 44px; }
  .wnu-card-more, .wnu-arch-link, .wnu-kr-all, .wnu-ud-docs-link, .wnu-hl-cta { display: inline-flex; align-items: center; min-height: 44px; }
  .wnu-arch { padding-top: 56px; padding-bottom: 48px; }
  .wnu-faq { padding: 44px 0; }
  .wnu-faq-btn { padding: 16px 18px; }
  html:not(.wnu-js) .wnu-faq-q { padding: 18px 18px 8px; }
  .wnu-faq-a { padding: 0 18px 18px; }
  .wnu-sec-cta > .wnu-wrap, .wnu-sec-udcta > .wnu-wrap { padding-top: 32px; padding-bottom: 36px; }
  .wnu-cta { padding: 36px 20px 44px; background: var(--wnu-cta-grad-s); }
  .wnu-ud-cta { padding: 36px 20px 44px; }
  .wnu-cta::before, .wnu-cta::after, .wnu-ud-cta::before, .wnu-ud-cta::after { display: none; }
  .wnu-cta-btns { flex-direction: column; align-items: stretch; width: min(100%, 320px); }
  .wnu-btn-cta, .wnu-btn-cta-ghost, .wnu-btn-udcta { height: 56px; font-size: 16px; min-width: 0; }
  .wnu-ud-cta .wnu-btn-udcta { width: min(100%, 320px); }
  /* update page */
  .wnu-ud-visual { width: min(100%, 320px); }
  .wnu-ud-layout, .wnu-ud-layout[data-wn-notoc] { padding-top: 32px; padding-bottom: 56px; }
  .wnu-toc-link { min-height: 44px; padding: 11px 0; }
  .wnu-share-btn { width: 44px; height: 44px; }
  [data-wn-page] .wnu-ud-body h2 { margin-top: 44px; }
  .wnu-sec-kr > .wnu-wrap { padding-top: 44px; padding-bottom: 48px; }
  .wnu-kr-head { flex-direction: column; align-items: flex-start; }
  .wnu-kr-list > .w-dyn-items { grid-template-columns: minmax(0, 1fr); }
  /* archive */
  .wnu-ar-sec-head > .wnu-ar-wrap { padding-top: 44px; padding-bottom: 32px; }
  .wnu-ar-sec-list > .wnu-ar-wrap { padding-bottom: 56px; }
  html.w-mod-js .wnu-ar-row { grid-template-columns: 40px minmax(0, 1fr); column-gap: 16px; padding: 24px 0; }
  .wnu-ar-row .wnu-tic { width: 40px; height: 40px; background-size: 20px auto; }
  .wnu-ar-more, .wnu-ar-list .w-pagination-previous, .wnu-ar-list .w-pagination-next { display: inline-flex; align-items: center; min-height: 44px; }
  .wnu-ar-more { margin-top: 2px; }
  [data-wn-page] .wnu-ud-body pre { font-size: 13.5px !important; padding: 18px 14px !important; }
}
@media (max-width: 479px) {
  .wnu-card-foot { flex-direction: column; align-items: flex-start; }
}
/* landscape phones: short screens, keep the art compact */
@media (max-height: 500px) and (orientation: landscape) {
  .wnu-art-hero, .wnu-ud-visual { max-width: 300px; }
  .wnu-ud-visual { width: 100%; }
}

/* ------------------------------------------------------------------------------------------------------------
   15. Motion (spec section 9) and print
   ------------------------------------------------------------------------------------------------------------ */
@keyframes wnu-kw-flow { from { background-position: 0% 50%; } to { background-position: 150% 50%; } }
@media (prefers-reduced-motion: no-preference) {
  .wnu-kw { animation: wnu-kw-flow 6s linear infinite; }
}
@media (prefers-reduced-motion: reduce) {
  [data-wn-page] *, [data-wn-page] *::before, [data-wn-page] *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
  .wnu-art .wnu-art-poster { background-image: var(--wnu-poster); opacity: 1 !important; }
  .wnu-rive { display: none !important; }
}
@media print {
  .wnu-rive { display: none !important; }
  .wnu-art .wnu-art-poster { background-image: var(--wnu-poster); opacity: 1 !important; }
  [data-wn-page] .wnu-side-filters, [data-wn-page] .wnu-more, [data-wn-page] .wnu-ud-share-slot, [data-wn-page] .wnu-toc,
  [data-wn-page] .wnu-ar-filters-slot, [data-wn-page] .wnu-empty-slot, [data-wn-page] .wnu-ar-empty-slot { display: none !important; }
  [data-wn-page] .wnu-month-items > .w-dyn-item[data-wn-collapsed] { display: block !important; }
  [data-wn-page] .wnu-faq-panel[hidden] { display: block !important; max-height: none !important; }
  [data-wn-page] .wnu-side, [data-wn-page] .wnu-toc, [data-wn-page] .wnu-ar-month-label { position: static !important; }
  [data-wn-page] .wnu-cta, [data-wn-page] .wnu-ud-cta, [data-wn-page] .wnu-sec-hl, [data-wn-page] .wnu-sec-kr, [data-wn-page] .wnu-arch {
    background: none !important; border: 1px solid #CCCCCC; color: #000000 !important; box-shadow: none !important;
  }
  [data-wn-page] .wnu-cta::before, [data-wn-page] .wnu-cta::after, [data-wn-page] .wnu-ud-cta::before, [data-wn-page] .wnu-ud-cta::after { display: none !important; }
  [data-wn-page] .wnu-cta *, [data-wn-page] .wnu-ud-cta * { color: #000000 !important; }
  [data-wn-page] .wnu-hero-title, [data-wn-page] .wnu-ud-title, [data-wn-page] .wnu-ar-h1, [data-wn-page] .wnu-kw, [data-wn-page] .wnu-h2,
  [data-wn-page] .wnu-arch-title, [data-wn-page] .wnu-kr-title, [data-wn-page] .wnu-cta-title, [data-wn-page] .wnu-ud-cta-title {
    background: none !important; color: #000000 !important; -webkit-text-fill-color: currentColor !important;
  }
  [data-wn-page] .wnu-card, [data-wn-page] .wnu-hl-card, [data-wn-page] .wnu-arch-card, [data-wn-page] .wnu-ar-row,
  [data-wn-page] .wnu-kr-card, [data-wn-page] .wnu-code { break-inside: avoid; page-break-inside: avoid; }
}