/* site.css: the public website and the sign-in page of National Credit Intelligence.
   Everything is scoped under .ncr so the pages render the same with or without the portal's
   stylesheet in the document (the preview files carry both).
   Layout: one twelve-column grid for the whole page. Every section opens on a ruled line with its
   number and name in the first four columns and its heading in the other eight; what follows sits
   on the same columns, so the edges line up from the hero to the footer.
   Type: Source Serif 4 for headings, IBM Plex Sans for everything else (the portal's face),
   IBM Plex Mono for numbers and references.
   Colour: the portal's own palette: its blue (#0077B6) for actions and accents, the navy of its
   sidebar (#0B2238) for the hero, the lenders' panel and the footer, and the rating colours the
   portal uses, so the scale reads the same everywhere.
   The tokens live on .ncr, not :root, so they never reach the portal when both share a document. */

.ncr{
  --navy:#0B2238; --navy-2:#112E4B; --navy-3:#1A3A5C;
  --on-navy:#F2F7FB; --on-navy-2:#C3D3E2; --on-navy-3:#9FB4C9; --navy-rule:rgba(255,255,255,.16);
  --blue:#0077B6; --blue-2:#005F8E; --blue-soft:#E6F3FA; --blue-line:#B9DBEF; --blue-light:#5FB3E6;
  --paper:#FFFFFF; --mist:#F3F6FA; --line:#DCE2EC; --line-2:#ECEFF5;
  --ink:#0B2238; --text:#1B2437; --muted:#5A667E;
  --focus:#0077B6;
  --err:#B42318; --err-bg:#FEF1F0; --err-line:#F2B8B3;
  --ok:#1D6B47; --ok-bg:#EEF8F2; --ok-line:#B9E0CA;
  /* the rating scale, in the portal's colours */
  --rA:#0B6E4F; --rB:#4FA88A; --rC:#EBC34F; --rD:#C93A2A; --rE:#7F1A12;
  --rA-ink:#FFFFFF; --rB-ink:#08261B; --rC-ink:#3A2A00; --rD-ink:#FFFFFF; --rE-ink:#FFFFFF;
  --rD-tx:#A2281B; --rD-bg:#FBE3DF;
  --serif:'Source Serif 4','Source Serif Pro',Georgia,'Times New Roman',serif;
  --sans:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
  --r:8px; --r-sm:6px; --r-lg:10px;
  --gut:32px;
  --shadow:0 1px 2px rgba(11,34,56,.05),0 14px 34px rgba(11,34,56,.08);
  --hd-h:76px;
}

html{scroll-behavior:smooth;scroll-padding-top:92px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.ncr-body{margin:0;background:#fff;color:#1B2437}

/* ---------- base, inside the site ---------- */
.ncr{font-family:var(--sans);font-size:16px;line-height:1.6;color:var(--text);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;display:flex;flex-direction:column}
@supports (min-height:100dvh){.ncr{min-height:100dvh}}
.ncr *,.ncr *::before,.ncr *::after{box-sizing:border-box}
.ncr :where(main){flex:1 0 auto;display:block}
.ncr :where(h1,h2,h3,h4){margin:0;color:inherit;font-weight:600}
.ncr :where(h1,h2){font-family:var(--serif);font-optical-sizing:auto;text-wrap:balance}
.ncr :where(h1){font-size:clamp(2.5rem,1.25rem + 3.9vw,4.25rem);line-height:1.04;letter-spacing:-.02em}
.ncr :where(h2){font-size:clamp(2rem,1.4rem + 1.8vw,2.85rem);line-height:1.1;letter-spacing:-.015em;color:var(--ink)}
.ncr :where(h3){font-size:1.15rem;line-height:1.35;color:var(--ink)}
.ncr :where(p){margin:0}
.ncr :where(ul,ol){margin:0;padding:0;list-style:none}
.ncr :where(a){color:var(--blue-2);text-decoration-thickness:1px;text-underline-offset:3px}
.ncr :where(a:hover){color:var(--ink)}
.ncr :where(img,svg){display:block;max-width:100%}
.ncr :where(svg){flex:none}
.ncr :where(button){font:inherit}
.ncr [hidden]{display:none!important}
.ncr :focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.ncr .lead{font-size:clamp(1.06rem,1rem + .3vw,1.2rem);line-height:1.6;color:var(--muted);max-width:60ch}
.ncr .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.ncr .wrap{width:100%;max-width:1280px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}

.ncr .skip{position:absolute;left:16px;top:-60px;z-index:100;background:var(--navy);color:#fff!important;padding:10px 16px;border-radius:var(--r-sm);font-weight:600;text-decoration:none}
.ncr .skip:focus{top:12px}

/* ---------- buttons ---------- */
.ncr .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:var(--r-sm);border:1.5px solid transparent;font-family:var(--sans);font-size:15.5px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s;white-space:nowrap}
.ncr .button-blue{background:var(--blue);border-color:var(--blue);color:#fff}
.ncr .button-blue:hover{background:var(--blue-2);border-color:var(--blue-2);color:#fff}
.ncr .button-ink{background:var(--navy);border-color:var(--navy);color:#fff}
.ncr .button-ink:hover{background:var(--navy-3);border-color:var(--navy-3);color:#fff}
.ncr .button-line-light{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
.ncr .button-line-light:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}
.ncr .button-plain{background:#fff;border-color:var(--line);color:var(--ink)}
.ncr .button-plain:hover{border-color:#9FB0C2;color:var(--ink)}
.ncr .button:disabled{opacity:.6;cursor:progress}
.ncr .btn-arrow{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
.ncr .button:hover .btn-arrow{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){.ncr .button:hover .btn-arrow{transform:none}}

.ncr .tag{display:inline-block;font-size:12px;font-weight:600;line-height:1;padding:5px 8px;border-radius:4px;background:var(--mist);color:var(--muted);border:1px solid var(--line)}

/* ---------- header ---------- */
.ncr .hd{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);transition:box-shadow .2s}
.ncr .hd.scrolled{box-shadow:0 8px 22px rgba(11,34,56,.08)}
.ncr .hd-bar{display:flex;align-items:center;gap:24px;min-height:var(--hd-h)}
.ncr .site-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);margin-right:auto;--mark-dot:var(--blue)}
.ncr .site-brand:hover{color:var(--ink)}
.ncr .site-brand-mark{width:42px;height:42px;color:var(--ink)}
.ncr .site-brand-txt{display:flex;flex-direction:column;line-height:1.15}
.ncr .site-brand-nm{font-family:var(--serif);font-size:1.25rem;font-weight:600;letter-spacing:-.005em}
.ncr .site-brand-sub{font-size:.8rem;color:var(--muted);margin-top:2px}
.ncr .site-brand-light,.ncr .ft a.site-brand-light:hover{color:#fff;--mark-dot:var(--blue-light);text-decoration:none}
.ncr .site-brand-light .site-brand-mark{color:#fff}
.ncr .site-nav{display:flex;align-items:center;align-self:stretch;gap:32px}
.ncr .site-nav-list{display:flex;align-items:stretch;align-self:stretch;gap:28px}
.ncr .site-nav-list li{display:flex}
.ncr .site-nav-list a{display:flex;align-items:center;padding:0;font-size:15px;font-weight:500;color:var(--text);text-decoration:none;position:relative}
.ncr .site-nav-list a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.ncr .site-nav-list a:hover{color:var(--ink)}
.ncr .site-nav-list a:hover::after,.ncr .site-nav-list a[aria-current="true"]::after{transform:scaleX(1)}
.ncr .site-nav-list a[aria-current="true"]{color:var(--ink)}
.ncr .site-nav-signin{min-height:42px;padding:9px 20px}
.ncr .menu-btn{display:none;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:#fff;color:var(--ink);font-weight:600;font-size:15px;cursor:pointer}
.ncr .menu-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ncr .menu-btn .i-close{display:none}
.ncr .menu-btn[aria-expanded="true"] .i-menu{display:none}
.ncr .menu-btn[aria-expanded="true"] .i-close{display:block}

/* ---------- hero: the promise on the left, the example enquiry on the right ---------- */
.ncr .hero{position:relative;overflow:hidden;color:var(--on-navy);--focus:var(--blue-light);
  background:
    radial-gradient(1000px 620px at 92% 0%,rgba(0,119,182,.36),transparent 60%),
    radial-gradient(760px 460px at 0% 100%,rgba(0,119,182,.14),transparent 60%),
    var(--navy)}
.ncr .hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:64px 64px;background-position:center top;
  -webkit-mask-image:radial-gradient(1000px 640px at 78% 35%,#000 20%,transparent 75%);mask-image:radial-gradient(1000px 640px at 78% 35%,#000 20%,transparent 75%)}
.ncr .hero>.wrap{position:relative}
.ncr .hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:48px;align-items:center;padding-top:clamp(56px,6vw,88px);padding-bottom:clamp(48px,5vw,72px)}
.ncr .hero-copy{grid-column:1/span 6;min-width:0}
.ncr .hero-fig{grid-column:7/span 6;min-width:0;margin:0;width:100%}
.ncr .hero-kicker{display:flex;align-items:center;gap:12px;margin-bottom:26px;font-size:14.5px;font-weight:500;line-height:1.4;color:var(--on-navy-2)}
.ncr .hero-kicker::before{content:"";flex:none;width:32px;height:2px;background:var(--blue-light)}
.ncr .hero h1{color:#fff}
.ncr .hero h1 span{display:block}
.ncr .hero-lead{margin-top:26px;font-size:clamp(1.06rem,1rem + .35vw,1.22rem);line-height:1.62;color:var(--on-navy-2);max-width:52ch}
.ncr .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}

/* the exchange: one enquiry from the question to the reply, played on a loop. The asking bank on the left, the
   registry in the middle, the six other members on the right: the question goes in, fans out, each member's answer
   comes back, and one reply goes to the bank that asked. Every part runs on the one 11 s cycle with no delay, so the
   parts start, finish and reset together however long the page is open. Only opacity and transform move, so the
   browser's compositor plays the loop without redrawing the page: each coloured line is a strip of its own, uncovered
   by sliding a window open from where the line starts, and each highlight is a layer that fades in. Without motion
   (reduced motion, or no animation support) the finished enquiry shows: every answer in and the reply given.
   The cycle, in seconds: 0 to 1.45 the bank asks (its card lights, the line to the registry draws); 1.45 to 2.9 the
   registry asks every other member (the lines fan out, each member shows Asking as its line arrives); 2.9 to 5.45
   the members answer in turn, A to F, 0.38 s apart, and those who know the person send a green line back; 5.45 to
   6.65 one reply goes back (the line to the bank, then the rating); held to 10.3, gone by 10.55, and the first line
   returns at 10.7. A keyframe's percentage is its time divided by 11 s. */
.ncr .xc{--cyc:11s;container-type:inline-size}
.ncr .xc-card{background:#fff;color:var(--text);border-radius:var(--r-lg);box-shadow:0 30px 60px rgba(0,0,0,.32),0 2px 8px rgba(0,0,0,.16);overflow:hidden}
.ncr .xc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;border-bottom:1px solid var(--line);background:var(--mist)}
.ncr .xc-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink)}
.ncr .xc-title svg{width:18px;height:18px;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ncr .xc-ref{font-family:var(--mono);font-size:12.5px;font-weight:500;color:var(--muted);margin-left:4px}
.ncr .xc-tag{font-size:12px;font-weight:600;line-height:1;padding:5px 8px;border-radius:4px;background:#fff;color:var(--muted);border:1px solid var(--line)}
/* what is happening now: one line, and a bar in four parts */
.ncr .xc-now{display:grid;padding:14px 20px 0;min-height:44px;align-items:center}
.ncr .xc-say{grid-area:1/1;font-size:14.5px;font-weight:600;line-height:1.35;color:var(--ink);opacity:0}
.ncr .xc-say-4{opacity:1}
.ncr .xc-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:10px 20px 0}
.ncr .xc-seg{position:relative;display:block;height:4px;border-radius:4px;background:var(--line-2);overflow:hidden}
.ncr .xc-seg::after{content:"";position:absolute;inset:0;background:var(--blue);border-radius:inherit;transform-origin:left center}
/* the stage, drawn on a 480 x 300 grid: the grey wires once; each coloured line in a window of its own (x, y, width
   and height on that grid), with the whole stage's drawing placed inside so the line sits exactly over its wire */
.ncr .xc-stage{position:relative;margin:16px 20px 0;aspect-ratio:480/300}
.ncr .xc-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ncr .xc-w{fill:none;stroke:var(--line);stroke-width:2;vector-effect:non-scaling-stroke}
.ncr .xc-fl{--x0:202;--w:46;position:absolute;left:calc(var(--x0) / 480 * 100%);top:calc(var(--y0) / 300 * 100%);width:calc(var(--w) / 480 * 100%);height:calc(var(--h) / 300 * 100%);overflow:hidden;pointer-events:none}
.ncr .xc-fl>span{position:absolute;inset:0;overflow:hidden}
.ncr .xc-fl svg{position:absolute;left:calc(var(--x0) / var(--w) * -100%);top:calc(var(--y0) / var(--h) * -100%);width:calc(480 / var(--w) * 100%);max-width:none;height:calc(300 / var(--h) * 100%);overflow:visible}
.ncr .xc-fl path{fill:none;stroke:var(--blue);stroke-width:2.5;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ncr .xc-in,.ncr .xc-rp{--x0:96;--w:58;--y0:146;--h:8}
.ncr .xc-rp path{stroke-width:3.5}
.ncr .xc-bk path{stroke:#1E9E5A}
.ncr .xc-o0,.ncr .xc-b0{--y0:21;--h:133}
.ncr .xc-o1{--y0:71;--h:83}
.ncr .xc-o2,.ncr .xc-b2{--y0:121;--h:33}
.ncr .xc-o3,.ncr .xc-b3{--y0:146;--h:33}
.ncr .xc-o4{--y0:146;--h:83}
.ncr .xc-o5{--y0:146;--h:133}
/* the bank that asks: its highlight is a layer under its words */
.ncr .xc-asker{position:absolute;left:0;top:50%;transform:translateY(-50%);width:20.8%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 10px 11px;border:1.5px solid var(--line);border-radius:var(--r);background:#fff;isolation:isolate}
.ncr .xc-asker::before{content:"";position:absolute;inset:-1.5px;z-index:-1;border:1.5px solid var(--blue);border-radius:var(--r);background:var(--blue-soft);opacity:0}
.ncr .xc-asker svg{width:20px;height:20px;margin-bottom:4px;fill:none;stroke:var(--navy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ncr .xc-asker b{font-size:13px;line-height:1.25;color:var(--ink)}
.ncr .xc-asker span{font-size:12px;line-height:1.3;color:var(--muted)}
/* the registry, and the ring it sends out as it asks */
.ncr .xc-hub{position:absolute;left:31.25%;top:50%;width:11.67%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:5px}
.ncr .xc-hub::before{content:"";position:absolute;left:-6px;top:-6px;width:calc(100% + 12px);aspect-ratio:1;border:2px solid var(--blue);border-radius:50%;opacity:0;pointer-events:none}
.ncr .xc-hub-mark{--mark-dot:var(--blue-light);display:block;width:100%;aspect-ratio:1;height:auto;padding:16%;border-radius:50%;background:var(--navy);color:#fff;box-shadow:0 0 0 5px #fff,0 0 0 6px var(--line)}
.ncr .xc-hub span{font-size:11.5px;font-weight:600;color:var(--muted)}
/* the members: each answer's colour is an edge laid over the grey one */
.ncr .xc-members{position:absolute;left:50.83%;right:0;top:0;bottom:0;display:grid;grid-template-rows:repeat(6,minmax(0,1fr));align-items:center}
.ncr .xc-mb{position:relative;display:flex;align-items:center;gap:8px;height:84%;padding:0 10px 0 6px;border:1.5px solid var(--line);border-radius:10px;background:#fff;min-width:0}
.ncr .xc-mb::after{content:"";position:absolute;inset:-1.5px;border:1.5px solid var(--to);border-radius:10px;pointer-events:none}
.ncr .xc-mb.a-none::after{content:none}
.ncr .xc-mb b{flex:none;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:var(--mist);font-size:12px;font-weight:700;color:var(--ink)}
.ncr .xc-ans{display:grid;min-width:0;font-size:12.5px;line-height:1.25}
.ncr .xc-ans i{grid-area:1/1;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ncr .xc-ask{display:inline-flex;align-items:center;gap:6px;color:var(--muted);opacity:0}
.ncr .xc-spin{flex:none;width:10px;height:10px;border-radius:50%;border:2px solid var(--blue-line);border-top-color:var(--blue);animation:xc-spin .8s linear infinite}   /* an element, not ::after: Chrome cannot hand a pseudo-element's spin to the compositor while its parent fades */
.ncr .xc-res{display:inline-flex;align-items:center;gap:7px;font-weight:500;color:var(--text)}
.ncr .xc-res::before{content:"";width:8px;height:8px;border-radius:50%;flex:none}
.ncr .a-ok{--to:#9FD7B6}.ncr .a-ok .xc-res::before{background:#1E9E5A}
.ncr .a-late{--to:#F7C9A8}.ncr .a-late .xc-res::before{background:#E8590C}
.ncr .a-acct{--to:var(--blue-line)}.ncr .a-acct .xc-res::before{background:var(--blue)}
.ncr .a-none .xc-res{color:var(--muted);font-weight:400}
.ncr .a-none .xc-res::before{background:transparent;border:1.5px solid #AEB7C7}
/* the reply */
.ncr .xc-reply{display:flex;align-items:center;gap:14px;margin:16px 20px 20px;padding:12px 14px;border-radius:var(--r);background:var(--blue-soft);border:1px solid var(--blue-line)}
.ncr .xc-reply .grade{width:44px;height:44px;border-radius:11px;font-size:22px}
.ncr .xc-reply-t{display:flex;flex-direction:column;line-height:1.3;min-width:0;flex:1}
.ncr .xc-reply-t b{font-size:15.5px;color:var(--ink)}
.ncr .xc-reply-t span{margin-top:2px;font-size:13.5px;color:var(--muted)}

/* the loop */
@keyframes xc-spin{to{transform:rotate(360deg)}}
@keyframes xc-say-1{0%,11.82%{opacity:1;transform:none}13.18%{opacity:0;transform:translateY(-4px)}97.27%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:none}}
@keyframes xc-say-2{0%,13.64%{opacity:0;transform:translateY(4px)}15.45%,25%{opacity:1;transform:none}26.36%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes xc-say-3{0%,26.82%{opacity:0;transform:translateY(4px)}28.64%,48.18%{opacity:1;transform:none}49.55%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes xc-say-4{0%,50%{opacity:0;transform:translateY(4px)}51.82%,93.64%{opacity:1;transform:none}95.91%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes xc-seg-1{0%{transform:scaleX(0)}13.18%,93.64%{transform:scaleX(1)}97.27%,100%{transform:scaleX(0)}}
@keyframes xc-seg-2{0%,13.18%{transform:scaleX(0)}26.36%,93.64%{transform:scaleX(1)}97.27%,100%{transform:scaleX(0)}}
@keyframes xc-seg-3{0%,26.36%{transform:scaleX(0)}49.55%,93.64%{transform:scaleX(1)}97.27%,100%{transform:scaleX(0)}}
@keyframes xc-seg-4{0%,49.55%{transform:scaleX(0)}60.45%,93.64%{transform:scaleX(1)}97.27%,100%{transform:scaleX(0)}}
@keyframes xc-in{0%{transform:translateX(-100%);opacity:0}3.18%,3.64%{transform:translateX(-100%);opacity:1}10.91%,93.64%{transform:none;opacity:1}95.91%,100%{transform:none;opacity:0}}
@keyframes xc-in-i{0%,3.64%{transform:translateX(100%)}10.91%,100%{transform:none}}
@keyframes xc-o0{0%{transform:translate(-100%,100%);opacity:0}12.73%,13.18%{transform:translate(-100%,100%);opacity:1}20%,93.64%{transform:none;opacity:1}95.91%,100%{transform:none;opacity:0}}
@keyframes xc-o0-i{0%,13.18%{transform:translate(100%,-100%)}20%,100%{transform:none}}
@keyframes xc-o1{0%{transform:translate(-100%,100%);opacity:0}13.27%,13.73%{transform:translate(-100%,100%);opacity:1}20.55%,93.64%{transform:none;opacity:1}95.91%,100%{transform:none;opacity:0}}
@keyframes xc-o1-i{0%,13.73%{transform:translate(100%,-100%)}20.55%,100%{transform:none}}
@keyframes xc-o2{0%{transform:translate(-100%,100%);opacity:0}13.82%,14.27%{transform:translate(-100%,100%);opacity:1}21.09%,93.64%{transform:none;opacity:1}95.91%,100%{transform:none;opacity:0}}
@keyframes xc-o2-i{0%,14.27%{transform:translate(100%,-100%)}21.09%,100%{transform:none}}
@keyframes xc-o3{0%{transform:translate(-100%,-100%);opacity:0}14.36%,14.82%{transform:translate(-100%,-100%);opacity:1}21.64%,93.64%{transform:none;opacity:1}95.91%,100%{transform:none;opacity:0}}
@keyframes xc-o3-i{0%,14.82%{transform:translate(100%,100%)}21.64%,100%{transform:none}}
@keyframes xc-o4{0%{transform:translate(-100%,-100%);opacity:0}14.91%,15.36%{transform:translate(-100%,-100%);opacity:1}22.18%,93.64%{transform:none;opacity:1}95.91%,100%{transform:none;opacity:0}}
@keyframes xc-o4-i{0%,15.36%{transform:translate(100%,100%)}22.18%,100%{transform:none}}
@keyframes xc-o5{0%{transform:translate(-100%,-100%);opacity:0}15.45%,15.91%{transform:translate(-100%,-100%);opacity:1}22.73%,93.64%{transform:none;opacity:1}95.91%,100%{transform:none;opacity:0}}
@keyframes xc-o5-i{0%,15.91%{transform:translate(100%,100%)}22.73%,100%{transform:none}}
@keyframes xc-b0{0%{transform:translate(100%,-100%);opacity:0}29.09%,29.55%{transform:translate(100%,-100%);opacity:1}35.91%,93.64%{transform:none;opacity:1}95.91%,100%{transform:none;opacity:0}}
@keyframes xc-b0-i{0%,29.55%{transform:translate(-100%,100%)}35.91%,100%{transform:none}}
@keyframes xc-b2{0%{transform:translate(100%,-100%);opacity:0}36%,36.45%{transform:translate(100%,-100%);opacity:1}42.82%,93.64%{transform:none;opacity:1}95.91%,100%{transform:none;opacity:0}}
@keyframes xc-b2-i{0%,36.45%{transform:translate(-100%,100%)}42.82%,100%{transform:none}}
@keyframes xc-b3{0%{transform:translate(100%,100%);opacity:0}39.45%,39.91%{transform:translate(100%,100%);opacity:1}46.27%,93.64%{transform:none;opacity:1}95.91%,100%{transform:none;opacity:0}}
@keyframes xc-b3-i{0%,39.91%{transform:translate(-100%,-100%)}46.27%,100%{transform:none}}
@keyframes xc-rp{0%{transform:translateX(100%);opacity:0}50%,50.45%{transform:translateX(100%);opacity:1}56.36%,93.64%{transform:none;opacity:1}95.91%,100%{transform:none;opacity:0}}
@keyframes xc-rp-i{0%,50.45%{transform:translateX(-100%)}56.36%,100%{transform:none}}
@keyframes xc-ask-0{0%,18.64%{opacity:0}20.45%,27.73%{opacity:1}29.55%,100%{opacity:0}}
@keyframes xc-res-0{0%,28.18%{opacity:0;transform:translateX(5px)}30.91%,93.64%{opacity:1;transform:none}95.91%,100%{opacity:0;transform:none}}
@keyframes xc-mb-0{0%,28.18%{opacity:0}30.91%,93.64%{opacity:1}95.91%,100%{opacity:0}}
@keyframes xc-ask-1{0%,19.18%{opacity:0}21%,31.18%{opacity:1}33%,100%{opacity:0}}
@keyframes xc-res-1{0%,31.64%{opacity:0;transform:translateX(5px)}34.36%,93.64%{opacity:1;transform:none}95.91%,100%{opacity:0;transform:none}}
@keyframes xc-ask-2{0%,19.73%{opacity:0}21.55%,34.64%{opacity:1}36.45%,100%{opacity:0}}
@keyframes xc-res-2{0%,35.09%{opacity:0;transform:translateX(5px)}37.82%,93.64%{opacity:1;transform:none}95.91%,100%{opacity:0;transform:none}}
@keyframes xc-mb-2{0%,35.09%{opacity:0}37.82%,93.64%{opacity:1}95.91%,100%{opacity:0}}
@keyframes xc-ask-3{0%,20.27%{opacity:0}22.09%,38.09%{opacity:1}39.91%,100%{opacity:0}}
@keyframes xc-res-3{0%,38.55%{opacity:0;transform:translateX(5px)}41.27%,93.64%{opacity:1;transform:none}95.91%,100%{opacity:0;transform:none}}
@keyframes xc-mb-3{0%,38.55%{opacity:0}41.27%,93.64%{opacity:1}95.91%,100%{opacity:0}}
@keyframes xc-ask-4{0%,20.82%{opacity:0}22.64%,41.55%{opacity:1}43.36%,100%{opacity:0}}
@keyframes xc-res-4{0%,42%{opacity:0;transform:translateX(5px)}44.73%,93.64%{opacity:1;transform:none}95.91%,100%{opacity:0;transform:none}}
@keyframes xc-ask-5{0%,21.36%{opacity:0}23.18%,45%{opacity:1}46.82%,100%{opacity:0}}
@keyframes xc-res-5{0%,45.45%{opacity:0;transform:translateX(5px)}48.18%,93.64%{opacity:1;transform:none}95.91%,100%{opacity:0;transform:none}}
@keyframes xc-asker{0%,1.36%{opacity:0}3.64%,11.82%{opacity:1}13.64%,55.45%{opacity:0}57.73%,93.64%{opacity:1}95.91%,100%{opacity:0}}
@keyframes xc-hub{0%,10.45%{opacity:0;transform:scale(1)}11.36%{opacity:1;transform:scale(1.02)}19.55%,100%{opacity:0;transform:scale(1.32)}}
@keyframes xc-reply{0%,55%{opacity:0;transform:translateY(8px)}60.45%,93.64%{opacity:1;transform:none}95.91%,100%{opacity:0;transform:none}}
@media (prefers-reduced-motion:no-preference){
  .ncr .xc .xc-say,.ncr .xc .xc-seg::after,.ncr .xc .xc-fl,.ncr .xc .xc-fl>span,.ncr .xc .xc-ask,.ncr .xc .xc-res,.ncr .xc .xc-mb::after,.ncr .xc .xc-asker::before,.ncr .xc .xc-hub::before,.ncr .xc .xc-reply{animation-duration:var(--cyc);animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:both}
  .ncr .xc .xc-seg::after{animation-timing-function:linear}.ncr .xc .xc-hub::before{animation-timing-function:ease-out}
  .ncr .xc .xc-say-1{animation-name:xc-say-1}.ncr .xc .xc-say-2{animation-name:xc-say-2}.ncr .xc .xc-say-3{animation-name:xc-say-3}.ncr .xc .xc-say-4{animation-name:xc-say-4}
  .ncr .xc .xc-seg-1::after{animation-name:xc-seg-1}.ncr .xc .xc-seg-2::after{animation-name:xc-seg-2}.ncr .xc .xc-seg-3::after{animation-name:xc-seg-3}.ncr .xc .xc-seg-4::after{animation-name:xc-seg-4}
  .ncr .xc .xc-in{animation-name:xc-in}.ncr .xc .xc-in>span{animation-name:xc-in-i}.ncr .xc .xc-o0{animation-name:xc-o0}.ncr .xc .xc-o0>span{animation-name:xc-o0-i}
  .ncr .xc .xc-o1{animation-name:xc-o1}.ncr .xc .xc-o1>span{animation-name:xc-o1-i}.ncr .xc .xc-o2{animation-name:xc-o2}.ncr .xc .xc-o2>span{animation-name:xc-o2-i}
  .ncr .xc .xc-o3{animation-name:xc-o3}.ncr .xc .xc-o3>span{animation-name:xc-o3-i}.ncr .xc .xc-o4{animation-name:xc-o4}.ncr .xc .xc-o4>span{animation-name:xc-o4-i}
  .ncr .xc .xc-o5{animation-name:xc-o5}.ncr .xc .xc-o5>span{animation-name:xc-o5-i}.ncr .xc .xc-b0{animation-name:xc-b0}.ncr .xc .xc-b0>span{animation-name:xc-b0-i}
  .ncr .xc .xc-b2{animation-name:xc-b2}.ncr .xc .xc-b2>span{animation-name:xc-b2-i}.ncr .xc .xc-b3{animation-name:xc-b3}.ncr .xc .xc-b3>span{animation-name:xc-b3-i}
  .ncr .xc .xc-rp{animation-name:xc-rp}.ncr .xc .xc-rp>span{animation-name:xc-rp-i}.ncr .xc .xc-m0 .xc-ask{animation-name:xc-ask-0}.ncr .xc .xc-m0 .xc-res{animation-name:xc-res-0}
  .ncr .xc .xc-m0::after{animation-name:xc-mb-0}.ncr .xc .xc-m1 .xc-ask{animation-name:xc-ask-1}.ncr .xc .xc-m1 .xc-res{animation-name:xc-res-1}.ncr .xc .xc-m2 .xc-ask{animation-name:xc-ask-2}
  .ncr .xc .xc-m2 .xc-res{animation-name:xc-res-2}.ncr .xc .xc-m2::after{animation-name:xc-mb-2}.ncr .xc .xc-m3 .xc-ask{animation-name:xc-ask-3}.ncr .xc .xc-m3 .xc-res{animation-name:xc-res-3}
  .ncr .xc .xc-m3::after{animation-name:xc-mb-3}.ncr .xc .xc-m4 .xc-ask{animation-name:xc-ask-4}.ncr .xc .xc-m4 .xc-res{animation-name:xc-res-4}.ncr .xc .xc-m5 .xc-ask{animation-name:xc-ask-5}
  .ncr .xc .xc-m5 .xc-res{animation-name:xc-res-5}.ncr .xc .xc-asker::before{animation-name:xc-asker}.ncr .xc .xc-hub::before{animation-name:xc-hub}.ncr .xc .xc-reply{animation-name:xc-reply}
  /* held while it is off screen, so a page left open costs nothing */
  .ncr .xc.is-off *,.ncr .xc.is-off *::before,.ncr .xc.is-off *::after{animation-play-state:paused}
}
@media (prefers-reduced-motion:reduce){.ncr .xc-spin{animation:none}}

/* ---------- the member banks' logos under the hero: one ruled row, one cell each. The row is not on the page until the
   members are onboarded; these styles are ready for it (README, section 9, says how to put it back) ---------- */
.ncr .strip{background:#fff;border-bottom:1px solid var(--line)}
.ncr .strip-set{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.ncr .strip-set li{display:flex;align-items:center;justify-content:center;min-width:0;height:104px;padding:0 18px;border-left:1px solid var(--line-2)}
.ncr .strip-set li:last-child{border-right:1px solid var(--line-2)}
.ncr .strip-set img{width:auto;height:auto;max-width:100%;max-height:42px;object-fit:contain}

/* ---------- sections: a ruled line, the number and name on the left, the heading on the right ---------- */
.ncr .sec{padding-top:clamp(72px,8vw,120px);padding-bottom:clamp(72px,8vw,120px)}
.ncr .sh{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:18px;align-items:start;padding-top:20px;border-top:1px solid var(--ink);margin-bottom:clamp(44px,5vw,64px)}
.ncr .sh-n{grid-column:1/span 4;display:flex;align-items:baseline;gap:14px;padding-top:6px;font-size:15px;font-weight:600;line-height:1.3;color:var(--ink)}
.ncr .sh-num{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--blue-2)}
.ncr .sh-main{grid-column:5/-1;min-width:0}
.ncr .sh-lead{margin-top:18px;max-width:60ch;font-size:clamp(1.06rem,1rem + .3vw,1.2rem);line-height:1.6;color:var(--muted)}

/* 01 what the registry does: the quote on the left, the four outcomes on a ruled grid on the right */
.ncr .about-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:40px;align-items:start}
.ncr .pull{grid-column:1/span 4;margin:0;padding:26px 0 0;border-top:1px solid var(--line);font-family:var(--serif);font-size:clamp(1.3rem,1.1rem + .6vw,1.6rem);line-height:1.38;font-weight:500;color:var(--ink);max-width:22ch}
.ncr .pull::before{content:"\201C";display:block;height:.55em;margin-bottom:10px;font-size:3.4em;line-height:1;color:var(--blue)}
.ncr .outcomes{grid-column:5/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gut)}
.ncr .outcomes li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:18px;align-content:start;min-width:0;padding:26px 0 30px;border-top:1px solid var(--line)}
.ncr .oc-ic{grid-row:1/span 2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r);background:var(--blue-soft)}
.ncr .oc-ic svg{width:22px;height:22px;fill:none;stroke:var(--blue-2);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ncr .outcomes h3{margin:0 0 6px;padding-top:10px}
.ncr .outcomes p{color:var(--muted);font-size:15.5px}

/* 02 how it works: four steps on one line, the monthly note, then the report and when a rating is given */
.ncr .how{background:var(--mist)}
.ncr .flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--gut)}
.ncr .flow::before{content:"";position:absolute;top:27px;left:28px;right:calc((100% - 3 * var(--gut)) / 4 - 28px);height:2px;background:var(--blue-line)}
.ncr .flow li{position:relative;min-width:0;padding-right:8px}
.ncr .flow-ic{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--blue-line);box-shadow:0 0 0 8px var(--mist)}
.ncr .flow-ic svg{width:24px;height:24px;fill:none;stroke:var(--blue-2);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ncr .flow li:first-child .flow-ic,.ncr .flow li:last-child .flow-ic{background:var(--blue);border-color:var(--blue)}
.ncr .flow li:first-child .flow-ic svg,.ncr .flow li:last-child .flow-ic svg{stroke:#fff}
.ncr .flow-n{display:block;margin-top:22px;font-family:var(--mono);font-size:12.5px;font-weight:500;color:var(--blue-2)}
.ncr .flow h3{margin:6px 0 10px;font-size:1.2rem}
.ncr .flow p{font-size:15.5px;color:var(--muted)}

/* the two panels start on the same line and end on the same line, whatever their headings run to */
.ncr .receive{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr;column-gap:var(--gut);row-gap:20px;margin-top:clamp(64px,7vw,96px)}
.ncr .rcv-col{display:grid;grid-row:span 2;grid-template-rows:subgrid;min-width:0}
.ncr .rcv-col:first-child{grid-column:1/span 7}
.ncr .rcv-col:last-child{grid-column:8/span 5}
.ncr .rcv-h h3{font-family:var(--serif);font-size:clamp(1.4rem,1.2rem + .5vw,1.65rem);letter-spacing:-.01em}
.ncr .rcv-h p{margin-top:6px;font-size:15.5px;color:var(--muted);max-width:52ch}
/* the report, drawn as the document a member receives */
.ncr .report{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}
.ncr .rp-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:13px 22px;background:var(--navy);color:#fff}
.ncr .rp-doc{display:flex;align-items:center;gap:10px;margin-right:auto;font-size:14.5px;font-weight:600}
.ncr .rp-mark{width:22px;height:22px;color:#fff;--mark-dot:var(--blue-light)}
.ncr .rp-ref{font-family:var(--mono);font-size:12.5px;color:var(--on-navy-2)}
.ncr .rp-top .tag{background:transparent;border-color:rgba(255,255,255,.3);color:var(--on-navy-2)}
.ncr .rp-body{flex:1;padding:24px 24px 26px}
.ncr .rp-rating{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:16px;row-gap:16px;padding:18px;border-radius:var(--r);background:var(--blue-soft);border:1px solid var(--blue-line)}
.ncr .rp-score{display:flex;flex-direction:column;line-height:1.3}
.ncr .rp-score b{font-size:20px;color:var(--ink)}
.ncr .rp-score span{font-size:15px;color:var(--muted);font-variant-numeric:tabular-nums}
.ncr .rp-meter{grid-column:1/-1;position:relative;display:block;height:6px;border-radius:6px;background:rgba(0,119,182,.14);overflow:hidden}
.ncr .rp-meter i{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:var(--rB)}
.ncr .rp-rows{margin:18px 0 0}
.ncr .rp-rows>div{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:16px;padding:13px 0;border-bottom:1px solid var(--line-2)}
.ncr .rp-rows dt{font-size:14px;font-weight:600;color:var(--ink)}
.ncr .rp-rows dd{margin:0;font-size:15px}
.ncr .rp-why{margin-top:18px}
.ncr .rp-why h4{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:8px}
.ncr .rp-why li{position:relative;padding-left:28px;font-size:15px;margin-top:6px}
.ncr .rp-why li::before{position:absolute;left:0;top:.15em;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:1}
.ncr .rp-why li.why-up::before{content:"+";background:#E1F1EA;color:var(--rA)}
.ncr .rp-why li.why-down::before{content:"\2212";background:#FBE6D8;color:#963A0C}
/* when a rating is given, with the scale along the bottom */
.ncr .when{display:flex;flex-direction:column;min-width:0;padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg)}
.ncr .when-case{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:var(--r);border:1px solid var(--line)}
.ncr .when-case+.when-case{margin-top:12px}
.ncr .when-case.yes{background:#F1F9F5;border-color:#C6E6D5}
.ncr .when-case.no{background:var(--mist);margin-bottom:24px}
.ncr .when-ic{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex:none}
.ncr .when-ic svg{width:16px;height:16px;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ncr .when-case.yes .when-ic{background:var(--rA)}
.ncr .when-case.yes .when-ic svg{stroke:#fff}
.ncr .when-case.no .when-ic{background:#fff;border:1.5px solid #AEB7C7}
.ncr .when-case.no .when-ic svg{stroke:var(--muted)}
.ncr .when-case b{display:block;font-size:15.5px;color:var(--ink);line-height:1.4}
.ncr .when-case div>span{display:block;margin-top:3px;font-size:14.5px;color:var(--muted)}
.ncr .scale-h{margin-top:auto;padding-top:18px;border-top:1px solid var(--line-2);font-size:14px;font-weight:600;color:var(--ink)}
.ncr .scale-h span{display:block;margin-top:2px;font-size:12.5px;font-weight:500;color:var(--muted)}
.ncr .scale{margin-top:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px 8px}
.ncr .scale li{display:flex;flex-direction:column;min-width:0}
.ncr .sc-gs{display:flex;gap:2px}
.ncr .scale .grade{flex:1 1 0;width:auto;min-width:0;height:36px;border-radius:3px;font-size:15px;padding:0}
.ncr .scale .grade i{font-style:normal;font-size:.78em;margin-left:.04em}
.ncr .scale li:first-child .grade:first-child{border-radius:var(--r-sm) 3px 3px var(--r-sm)}
.ncr .scale li.sc-f:nth-child(5) .grade:last-child{border-radius:3px var(--r-sm) var(--r-sm) 3px}
.ncr .sc-r{margin-top:8px;font-family:var(--mono);font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.ncr .scale b{margin-top:2px;font-size:12.5px;font-weight:600;line-height:1.3;color:var(--ink)}
.ncr .scale .sc-red b{color:var(--rD-tx)}
.ncr .scale .sc-zone .nw{white-space:nowrap}
.ncr .scale .sc-zone{grid-column:4/6;grid-row:2;order:7;margin-top:6px;border-top:2px solid var(--rD);padding-top:5px;text-align:center;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--rD-tx)}
/* the rating tile */
.ncr .grade{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;font-family:var(--sans);font-weight:700;font-size:17px;line-height:1;flex:none}
.ncr .grade-lg{width:60px;height:60px;border-radius:12px;font-size:30px}
.ncr .grade-A{background:var(--rA);color:var(--rA-ink)}.ncr .grade-B{background:var(--rB);color:var(--rB-ink)}.ncr .grade-C{background:var(--rC);color:var(--rC-ink)}.ncr .grade-D{background:var(--rD);color:var(--rD-ink)}.ncr .grade-E{background:var(--rE);color:var(--rE-ink)}

/* 03 who it serves: the lenders on navy, the borrowers on mist, side by side and of one height */
.ncr .who-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gut);row-gap:20px;align-items:stretch}
.ncr .aud{display:flex;flex-direction:column;min-width:0;padding:clamp(26px,3.2vw,44px);border-radius:var(--r-lg);background:var(--mist)}
.ncr .aud-top{display:flex;align-items:center;gap:16px}
.ncr .aud-ic{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--r);background:var(--navy)}
.ncr .aud-ic svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ncr .aud h3{font-family:var(--serif);font-size:clamp(1.65rem,1.35rem + .8vw,2.05rem);font-weight:600;letter-spacing:-.01em}
.ncr .aud-who{margin-top:20px;padding-bottom:22px;border-bottom:1px solid var(--line);font-size:16px;color:var(--muted)}
.ncr .ticks{margin-top:22px;display:grid;gap:16px}
.ncr .ticks li{position:relative;padding-left:34px;font-size:15.5px;line-height:1.55}
.ncr .ticks li::before{content:"";position:absolute;left:0;top:.14em;width:22px;height:22px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23005F8E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:inset 0 0 0 1px var(--blue-line)}
.ncr .ticks b{color:var(--ink);font-weight:600}
.ncr .aud-cta{align-self:flex-start;margin-top:auto}
.ncr .ticks+.aud-cta{margin-top:32px}
.ncr .aud-lend{background:var(--navy);color:var(--on-navy-2);--focus:var(--blue-light)}
.ncr .aud-lend h3{color:#fff}
.ncr .aud-lend .aud-ic{background:var(--blue)}
.ncr .aud-lend .aud-who{color:var(--on-navy-2);border-bottom-color:var(--navy-rule)}
.ncr .aud-lend .ticks li{color:var(--on-navy)}
.ncr .aud-lend .ticks li::before{background-color:rgba(95,179,230,.16);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235FB3E6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E");box-shadow:inset 0 0 0 1px rgba(95,179,230,.35)}

/* 04 and 05 membership and contact: side by side on one ruled line, their forms starting on the same line */
.ncr .join-contact{background:var(--mist)}
.ncr .jc-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto;column-gap:var(--gut);row-gap:0}
.ncr .jc-col{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:36px;min-width:0;padding-top:20px;border-top:1px solid var(--ink)}
.ncr .jc-join{grid-column:1/span 7}
.ncr .jc-contact{grid-column:8/span 5}
.ncr .jc-head .sh-n{margin-bottom:26px}
.ncr .jc-head .lead{margin-top:16px;font-size:1.08rem}
.ncr .jc-col .form-panel{align-self:start}
.ncr .jc-contact .form-panel{align-self:stretch;display:flex;flex-direction:column}
.ncr #contact-form{flex:1;display:flex;flex-direction:column}
.ncr #contact-form .form-cols{flex:1;grid-template-rows:auto auto minmax(0,1fr)}
.ncr #contact-form [data-f="cmsg"]{display:flex;flex-direction:column}
.ncr #contact-form [data-f="cmsg"] textarea{flex:1}

/* panels and forms */
.ncr .form-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;box-shadow:var(--shadow)}
.ncr .apply-head h3,.ncr .msg-head h3{font-family:var(--serif);font-size:1.5rem;letter-spacing:-.01em}
.ncr .apply-head p,.ncr .msg-head p{margin-top:8px;font-size:14.5px;color:var(--muted)}
.ncr .apply-head,.ncr .msg-head{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line-2)}
.ncr .req-mark{color:var(--err);font-weight:600}
.ncr .form-set{border:0;margin:0;padding:0;min-width:0}
.ncr .form-set+.form-set{margin-top:28px}
.ncr .form-set legend{float:left;width:100%;padding:0;margin:0 0 14px;font-size:14px;font-weight:600;color:var(--blue-2)}
.ncr .form-set legend+*{clear:both}
.ncr .form-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 18px}
.ncr .form-field{display:block;min-width:0}
.ncr .form-field.span2{grid-column:1/-1}
.ncr .form-field label{display:block;margin:0 0 7px;font-size:14px;font-weight:600;color:var(--ink);letter-spacing:0}
.ncr .form-field input,.ncr .form-field select,.ncr .form-field textarea{display:block;width:100%;min-height:48px;padding:11px 14px;font-family:var(--sans);font-size:16px;line-height:1.4;color:var(--text);background:#fff;border:1.5px solid #7A8899;border-radius:var(--r-sm);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.ncr .form-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235F6B84' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px}
.ncr .form-field textarea{min-height:104px;resize:vertical}
.ncr .form-field input:hover,.ncr .form-field select:hover,.ncr .form-field textarea:hover{border-color:#5E6C7C}
.ncr .form-field input:focus,.ncr .form-field select:focus,.ncr .form-field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,119,182,.2)}
.ncr .form-field .fe{display:none;margin-top:6px;font-size:14px;color:var(--err)}
.ncr .form-field.err input,.ncr .form-field.err select,.ncr .form-field.err textarea{border-color:var(--err);box-shadow:0 0 0 3px rgba(180,35,24,.12)}
.ncr .form-field.err .fe{display:block}
.ncr .form-err{display:none;margin-bottom:18px;padding:12px 14px;border-radius:var(--r-sm);background:var(--err-bg);border:1px solid var(--err-line);color:var(--err);font-size:15px}
.ncr .form-err.show{display:block}
.ncr .form-err:focus{outline:2px solid var(--err);outline-offset:2px}
.ncr .form-err-t{font-weight:600}
.ncr .form-err ul{margin:6px 0 0;padding-left:20px;list-style:disc}
.ncr .form-err li{margin-top:4px}
.ncr .form-err a{color:var(--err);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ncr .form-err a:hover{color:#7A1A12}
.ncr .form-foot{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin-top:24px}
.ncr .form-note{font-size:14px;color:var(--muted)}
.ncr .form-done{display:none;padding:20px 22px;border-radius:var(--r);background:var(--ok-bg);border:1px solid var(--ok-line)}
.ncr .form-done.show{display:block}
.ncr .form-done:focus{outline:none}
.ncr .form-done h3{display:flex;align-items:center;gap:10px;font-size:18px;color:var(--ok)}
.ncr .form-done h3 svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ncr .form-done p{margin-top:8px;font-size:15px}


/* contact lines: shown once the registry has set them, nothing until then */
.ncr .c-lines:empty{display:none}
.ncr .c-lines{margin-top:24px;display:grid;gap:0;border-top:1px solid var(--line)}
.ncr .c-line{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}
.ncr .c-line svg{width:22px;height:22px;margin-top:2px;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ncr .c-line .c-k{font-size:13.5px;font-weight:600;color:var(--muted)}
.ncr .c-line .c-v{font-size:16px;color:var(--text);margin-top:2px;overflow-wrap:anywhere}
.ncr .c-line .c-v a{font-weight:600}

/* ---------- footer ---------- */
.ncr .ft{background:var(--navy);color:var(--on-navy-2);font-size:15px;--focus:var(--blue-light)}
.ncr .ft-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:40px;padding-top:72px;padding-bottom:56px}
.ncr .ft-brand{grid-column:1/span 5}
.ncr .ft-col{grid-column:span 2}
.ncr .ft-brand+.ft-col{grid-column:7/span 2}
.ncr .ft-brand p{margin-top:18px;max-width:40ch;line-height:1.6}
.ncr .ft-brand .ft-tag{margin-top:20px;font-family:var(--serif);font-size:1.12rem;font-weight:600;line-height:1.35;letter-spacing:-.005em;color:var(--on-navy)}
.ncr .ft-col h2{font-family:var(--sans);font-size:15px;font-weight:600;color:#fff;letter-spacing:0;line-height:1.4;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--navy-rule)}
.ncr .ft-col li{margin-bottom:4px}
.ncr .ft a{color:var(--on-navy-2);text-decoration:none}
.ncr .ft a:hover{color:#fff;text-decoration:underline}
.ncr .ft-col a{display:inline-flex;align-items:center;min-height:34px;padding:4px 0}
@media (pointer:coarse){.ncr .ft-col a{min-height:44px}.ncr .ft-col li{margin-bottom:0}}
.ncr .ft-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 32px;padding-top:22px;padding-bottom:14px;border-top:1px solid var(--navy-rule);font-size:14px}
.ncr .ft-links{display:flex;flex-wrap:wrap;gap:6px 28px;padding-bottom:28px;font-size:14px}
.ncr .ft-links a{display:inline-flex;align-items:center;min-height:32px;color:var(--on-navy)}
@media (pointer:coarse){.ncr .ft-links a{min-height:44px}}

/* ---------- the sign-in pages: /signin for the staff of the members and the registry's operations, /admin for the
   registry's administrators. One card on the registry's navy, nothing else to look at: the name, "Secure Sign In",
   two fields, Remember me, the button, and the password help. ---------- */
body.si-body{background:#0B2238}
.ncr.si{position:relative;overflow:hidden;color:var(--on-navy-2);--focus:var(--blue-light);
  background:
    radial-gradient(900px 620px at 85% -10%,rgba(0,119,182,.36),transparent 60%),
    radial-gradient(760px 520px at 0% 110%,rgba(0,119,182,.16),transparent 60%),
    var(--navy)}
.ncr.si::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:64px 64px;background-position:center top;
  -webkit-mask-image:radial-gradient(760px 560px at 50% 42%,#000 25%,transparent 75%);mask-image:radial-gradient(760px 560px at 50% 42%,#000 25%,transparent 75%)}
.ncr .si-top{position:relative;z-index:1}
.ncr .si-top-in{display:flex;align-items:center;max-width:1280px;margin:0 auto;padding:14px var(--gut)}
.ncr .si-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:15px;font-weight:600;color:var(--on-navy-2);text-decoration:none}
.ncr a.si-back:hover{color:#fff}
.ncr .si-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ncr .si-main{position:relative;z-index:1;flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px var(--gut) 56px}
.ncr .si-card{width:100%;max-width:440px;padding:36px 36px 26px;border-radius:14px;background:#fff;color:var(--text);--focus:var(--blue);box-shadow:0 30px 70px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.18)}
.ncr .si-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid var(--line-2);color:var(--ink);--mark-dot:var(--blue)}
.ncr .si-mark{width:40px;height:40px;color:var(--ink)}
.ncr .si-name{display:flex;flex-direction:column;font-family:var(--serif);font-size:1.15rem;font-weight:600;line-height:1.2;letter-spacing:-.005em}
.ncr .si-sub{margin-top:2px;font-family:var(--sans);font-size:.8rem;font-weight:400;color:var(--muted)}
.ncr .si-tag{margin-top:3px;font-family:var(--sans);font-size:.8rem;font-weight:500;letter-spacing:0;color:var(--blue-2,#005F8E)}
.ncr .si-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;padding:5px 10px 5px 8px;border-radius:4px;background:var(--navy);color:#fff;font-size:12.5px;font-weight:600;line-height:1;letter-spacing:.02em}
.ncr .si-badge svg{width:14px;height:14px;fill:none;stroke:var(--blue-light);stroke-width:2;stroke-linejoin:round}
.ncr .si-card h1{display:flex;align-items:center;gap:10px;font-size:clamp(1.7rem,1.4rem + 1vw,2rem);line-height:1.15;letter-spacing:-.015em;color:var(--ink)}
.ncr .si-lock{width:24px;height:24px;fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ncr .si-lead{margin:8px 0 24px;font-size:15.5px;line-height:1.55;color:var(--muted)}
.ncr .auth-field{margin-bottom:18px}
.ncr .auth-field label{display:block;margin-bottom:7px;font-size:14px;font-weight:600;color:var(--ink)}
.ncr .auth-field .inwrap{position:relative}
.ncr .auth-field input{display:block;width:100%;min-height:48px;padding:11px 14px;font-family:var(--sans);font-size:16px;color:var(--text);background:#fff;border:1.5px solid #7A8899;border-radius:var(--r-sm)}
.ncr .auth-field input.has-eye{padding-right:52px}
.ncr .auth-field input:hover{border-color:#5E6C7C}
.ncr .auth-field input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,119,182,.2)}
.ncr .auth-field.err input{border-color:var(--err);box-shadow:0 0 0 3px rgba(180,35,24,.12)}
.ncr .auth-field .fe{display:none;margin-top:6px;font-size:14px;color:var(--err)}
.ncr .auth-field.err .fe{display:block}
.ncr .pw-eye{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer}
.ncr .pw-eye svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ncr .pw-eye:hover{color:var(--ink);background:var(--mist)}
.ncr .pw-eye[aria-pressed="true"]{color:var(--blue)}
/* Remember me: a real checkbox under a drawn box, so the keyboard and screen readers use it as one */
.ncr .si-check{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:32px;margin:0 0 20px;font-size:15px;color:var(--text);cursor:pointer;user-select:none}
.ncr .si-check input{position:absolute;left:0;top:50%;width:20px;height:20px;margin:-10px 0 0;opacity:0;cursor:pointer}
.ncr .si-box{flex:none;width:20px;height:20px;border:1.5px solid #7A8899;border-radius:4px;background:#fff center/14px no-repeat;transition:background-color .15s,border-color .15s}
.ncr .si-check:hover .si-box{border-color:#5E6C7C}
.ncr .si-check input:checked+.si-box{background-color:var(--blue);border-color:var(--blue);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.ncr .si-check input:focus-visible+.si-box{outline:3px solid var(--focus);outline-offset:2px}
.ncr .si-submit{width:100%;min-height:50px;font-size:16px}
.ncr .si-actions{display:grid;gap:10px;margin-top:6px}
.ncr .auth-err{display:none;margin-bottom:18px;padding:12px 14px;border-radius:var(--r-sm);background:var(--err-bg);border:1px solid var(--err-line);color:var(--err);font-size:15px;line-height:1.5}
.ncr .auth-err.show{display:block}
.ncr .auth-err a{color:var(--err);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ncr .auth-notice{margin-bottom:18px;padding:12px 14px;border-radius:var(--r-sm);background:var(--blue-soft);border:1px solid var(--blue-line);font-size:15px;line-height:1.55}
.ncr .si-forgot{margin-top:14px;text-align:center}
.ncr .si-link{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--blue-2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;cursor:pointer}
.ncr .si-link:hover{color:var(--ink)}
.ncr .si-help{margin-top:4px;padding:14px 16px;border-radius:var(--r);background:var(--mist);border:1px solid var(--line);font-size:14.5px;line-height:1.6;color:var(--text)}
.ncr .si-help p+p{margin-top:8px}
.ncr .si-help b{color:var(--ink)}
.ncr .si-help a{font-weight:600}
.ncr .si-note{display:flex;align-items:flex-start;gap:10px;width:100%;max-width:440px;margin-top:22px;padding:0 4px;font-size:14px;line-height:1.5;color:var(--on-navy-2)}
.ncr .si-note svg{flex:none;width:20px;height:20px;fill:none;stroke:var(--blue-light);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ncr .si-foot{background:var(--navy);color:var(--on-navy-2);font-size:14px}
.ncr.si .si-foot{position:relative;z-index:1;background:transparent;border-top:1px solid var(--navy-rule)}
.ncr .si-foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:18px;padding-bottom:20px}
.ncr .si-legal{display:inline-flex;flex-wrap:wrap;gap:4px 20px}
.ncr .si-foot a{color:var(--on-navy-2);text-decoration:none}
.ncr .si-foot a:hover{color:#fff;text-decoration:underline}
/* the previews only: no accounts in the file, so the card offers its sample users */
.ncr .si-demo{margin-top:22px;padding-top:20px;border-top:1px solid var(--line-2)}
.ncr .si-demo-h{margin-bottom:10px;font-size:14px;font-weight:600;color:var(--ink)}
.ncr .doors{display:grid;gap:8px}
.ncr .door{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:11px 12px;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:var(--r);cursor:pointer;color:var(--text);font:inherit;transition:border-color .15s,box-shadow .15s}
.ncr .door:hover{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,119,182,.12)}
.ncr .door-ic{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--blue-soft);color:var(--blue-2)}
.ncr .door-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.ncr .dn{display:block;font-size:15px;font-weight:600;color:var(--ink);line-height:1.3}
.ncr .dw{display:block;margin-top:1px;font-size:13px;color:var(--muted);line-height:1.4}
.ncr .door-go{width:20px;height:20px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* the not-found page */
.ncr .nf{flex:1;display:flex;align-items:center;padding:96px 0}
.ncr .nf h1{color:var(--ink);font-size:clamp(2.2rem,1.6rem + 2vw,3.2rem)}
.ncr .nf p{margin-top:14px;color:var(--muted);font-size:18px;max-width:46ch}
.ncr .nf .button{margin-top:28px}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .ncr .site-nav-list{gap:20px}
  .ncr .site-nav{gap:22px}
}
@media (max-width:1080px){
  .ncr{--gut:24px}
  .ncr .menu-btn{display:inline-flex}
  .ncr .hd-bar{position:relative}
  .ncr .site-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;align-self:auto;gap:0;padding:8px 24px 20px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(11,34,56,.10)}
  .ncr .site-nav.is-open{display:flex}
  .ncr .site-nav-list{flex-direction:column;align-items:stretch;align-self:auto;gap:0}
  .ncr .site-nav-list li{display:block;border-bottom:1px solid var(--line-2)}
  .ncr .site-nav-list a{padding:14px 0;font-size:17px}
  .ncr .site-nav-list a::after{display:none}
  .ncr .site-nav-list a[aria-current="true"]{color:var(--blue-2)}
  .ncr .site-nav-signin{margin-top:16px;width:100%}
  /* the logos wrap, centred, without their cells */
  .ncr .strip-set{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 0;padding:18px 0}
  .ncr .strip-set li,.ncr .strip-set li:last-child{height:64px;padding:0 22px;border:0}
  .ncr .strip-set img{max-height:38px;max-width:150px}
  .ncr .rcv-col:first-child{grid-column:1/span 6}
  .ncr .rcv-col:last-child{grid-column:7/span 6}
  .ncr .jc-join{grid-column:1/span 6}
  .ncr .jc-contact{grid-column:7/span 6}
  .ncr .form-panel{padding:28px 26px}
  .ncr .ft-brand{grid-column:1/-1}
  .ncr .ft-col,.ncr .ft-brand+.ft-col{grid-column:span 4}
}
@media (max-width:900px){
  .ncr .hero-grid{grid-template-columns:minmax(0,1fr);row-gap:44px}
  .ncr .hero-copy,.ncr .hero-fig{grid-column:auto}
  .ncr .hero-fig{max-width:620px}
  .ncr .flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:44px}
  .ncr .flow::before{display:none}
  .ncr .jc-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:80px}
  .ncr .jc-col,.ncr .jc-join,.ncr .jc-contact{grid-column:auto;grid-row:auto;grid-template-rows:none}
  .ncr .receive{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:56px}
  .ncr .rcv-col,.ncr .rcv-col:first-child,.ncr .rcv-col:last-child{grid-column:auto;grid-row:auto;grid-template-rows:none;row-gap:20px}
  .ncr .hero h1{max-width:16ch}
  .ncr .sh{grid-template-columns:minmax(0,1fr);row-gap:22px}
  .ncr .sh-n,.ncr .sh-main{grid-column:auto}
  .ncr .sh-n{padding-top:0}
  .ncr .about-body{grid-template-columns:minmax(0,1fr)}
  .ncr .pull,.ncr .outcomes{grid-column:auto}
  .ncr .pull{max-width:none}
  .ncr .who-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  html{scroll-padding-top:80px}
  .ncr{--gut:20px;--hd-h:64px}
  .ncr .site-brand-mark{width:36px;height:36px}
  .ncr .site-brand-nm{font-size:1.06rem}
  .ncr .menu-lbl{display:none}
  .ncr .menu-btn{padding:8px 11px}
  .ncr .site-nav{padding:4px 20px 18px}
  .ncr .strip-set{gap:4px 0;padding:14px 0}
  .ncr .strip-set li,.ncr .strip-set li:last-child{height:52px;padding:0 16px}
  .ncr .strip-set img{max-height:34px;max-width:128px}
  .ncr .outcomes{grid-template-columns:minmax(0,1fr)}
  .ncr .flow{grid-template-columns:minmax(0,1fr);row-gap:0}
  .ncr .flow li{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:18px;padding:0 0 30px}
  .ncr .flow li:not(:last-child)::before{content:"";position:absolute;left:27px;top:56px;bottom:0;width:2px;background:var(--blue-line)}
  .ncr .flow li:last-child{padding-bottom:0}
  .ncr .flow-ic{grid-row:1/span 3;box-shadow:none}
  .ncr .flow-n{grid-column:2;margin-top:4px}
  .ncr .flow h3,.ncr .flow p{grid-column:2}
  .ncr .rp-rows>div{grid-template-columns:1fr;gap:2px}
  .ncr .report .rp-body,.ncr .when,.ncr .form-panel{padding:22px 18px}
  .ncr .rp-top{padding:12px 18px}
  .ncr .form-cols{grid-template-columns:1fr}
  .ncr .ft-grid{padding-top:52px;row-gap:32px}
  .ncr .ft-col,.ncr .ft-brand+.ft-col{grid-column:span 6}
}
/* the scale as a list once five columns are too narrow for their names */
@media (max-width:520px){
  .ncr .si-card{padding:28px 20px 20px;border-radius:12px}
  .ncr .si-main{padding-top:4px}
}
@media (max-width:560px){
  .ncr .scale{grid-template-columns:minmax(0,1fr);gap:6px}
  .ncr .scale li.sc-f{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px;padding:5px 12px 5px 5px;border-radius:var(--r-sm);background:var(--mist)}
  .ncr .scale li.sc-red{background:var(--rD-bg)}
  .ncr .sc-gs{gap:3px}
  .ncr .scale .grade,.ncr .scale li:first-child .grade:first-child,.ncr .scale li.sc-f:nth-child(5) .grade:last-child{flex:none;width:34px;height:34px;border-radius:8px;font-size:14px}
  .ncr .sc-r{grid-column:3;grid-row:1;margin:0;font-size:13px}
  .ncr .scale b{grid-column:2;grid-row:1;margin:0;font-size:14.5px}
  .ncr .scale .sc-zone{grid-column:auto;grid-row:auto;order:4;margin:8px 0 2px;text-align:left;padding-left:2px}
}
/* the exchange in a narrow card (a phone, or a narrow column): stacked, the bank that asks above the registry, the members in two columns */
@container (max-width:470px){
  .ncr .xc-stage{aspect-ratio:auto;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;margin:16px 16px 0}
  .ncr .xc-wires{display:none}
  .ncr .xc-fl{visibility:hidden}   /* hidden, not removed: they keep their place in the loop for a wider card */
  .ncr .xc-asker,.ncr .xc-hub{position:relative;left:auto;top:auto;transform:none;width:auto}
  .ncr .xc-members{position:static;width:auto}
  .ncr .xc-asker{grid-column:1/-1;flex-direction:row;align-items:center;gap:8px;padding:9px 12px}
  .ncr .xc-asker svg{margin:0}
  .ncr .xc-hub{grid-column:1/-1;flex-direction:row;justify-content:flex-start;gap:10px;padding-left:8px}
  .ncr .xc-hub::before{left:2px;top:50%;width:52px;margin-top:-26px}
  .ncr .xc-hub-mark{width:40px;padding:8px}
  .ncr .xc-hub span{font-size:13px}
  .ncr .xc-members{grid-column:1/-1;grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ncr .xc-mb{height:auto;min-height:40px;padding:6px 8px 6px 6px}
  .ncr .xc-ans i{white-space:normal}
  .ncr .xc-reply{margin:14px 16px 16px;flex-wrap:wrap}
  .ncr .xc-now{padding:12px 16px 0}
  .ncr .xc-bar{padding:10px 16px 0}
}
@media (max-width:480px){
  .ncr .xc-head{padding:12px 16px}
  .ncr .xc-ref{display:none}
  .ncr .xc-say{font-size:14px}
}
@media (max-width:400px){
  .ncr{--gut:16px}
  .ncr .xc-members{grid-template-columns:1fr}
  .ncr .site-nav{padding-left:16px;padding-right:16px}
  .ncr .site-brand{gap:10px}
  .ncr .site-brand-nm{font-size:1rem}
  .ncr .hero-cta .button{width:100%}
}
@media (max-width:340px){
  .ncr .ft-col,.ncr .ft-brand+.ft-col{grid-column:1/-1}
}


/* ---------- print ---------- */
@media print{
  .ncr .hero h1,.ncr .hero-lead,.ncr .hero-kicker{color:#000}
  .ncr .hd,.ncr .hero-fig,.ncr .skip,.ncr .menu-btn,.ncr form{display:none!important}
  .ncr .hero{background:#fff;color:#000}
  .ncr .hero::before{display:none}
  .ncr .aud-lend{background:#fff;color:#000}
  .ncr .aud-lend h3,.ncr .aud-lend .ticks li{color:#000}
  .ncr .sec{padding:24px 0}
}

/* ---------- the pages of their own: About us, the Privacy Policy, the Terms and Conditions ---------- */
.ncr .button-line{background:#fff;border-color:var(--blue);color:var(--blue-2)}
.ncr .button-line:hover{background:var(--blue-soft);color:var(--ink)}
.ncr .pg-hero{position:relative;overflow:hidden;color:var(--on-navy);--focus:var(--blue-light);
  background:radial-gradient(900px 520px at 92% 0%,rgba(0,119,182,.32),transparent 60%),var(--navy)}
.ncr .pg-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:64px 64px;-webkit-mask-image:radial-gradient(900px 500px at 80% 20%,#000 15%,transparent 75%);mask-image:radial-gradient(900px 500px at 80% 20%,#000 15%,transparent 75%)}
.ncr .pg-hero>.wrap{position:relative;padding-top:clamp(56px,6vw,88px);padding-bottom:clamp(48px,5vw,72px)}
.ncr .pg-kicker{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-light)}
.ncr .pg-hero h1{margin-top:14px;max-width:22ch;color:#fff;font-size:clamp(2.2rem,1.3rem + 2.6vw,3.4rem)}
.ncr .pg-hero h1.pg-slogan{max-width:none}
.ncr .pg-hero h1.pg-slogan span{display:block}
.ncr .pg-lead{margin-top:20px;max-width:62ch;font-size:clamp(1.06rem,1rem + .3vw,1.2rem);line-height:1.6;color:var(--on-navy-2)}
.ncr .pg-date{margin-top:18px;font-family:var(--mono);font-size:13px;color:var(--on-navy-3)}
.ncr .prose p,.ncr .prose li{max-width:68ch;line-height:1.65}
.ncr .prose p+p{margin-top:14px}
.ncr .prose h3{margin-top:24px;font-size:1.05rem}
.ncr .prose h3+p,.ncr .prose h3+ul{margin-top:8px}
.ncr .prose ul{margin-top:12px;display:grid;gap:10px}
.ncr .prose ul li{position:relative;padding-left:22px}
.ncr .prose ul li::before{content:"";position:absolute;left:4px;top:.68em;width:7px;height:7px;border-radius:2px;background:var(--blue)}
.ncr .prose p+ul,.ncr .prose ul+p{margin-top:14px}
.ncr .sh-main .prose{margin-top:18px;font-size:clamp(1rem,.96rem + .2vw,1.1rem);color:var(--text)}
/* the legal pages: the contents beside the text */
.ncr .lg-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);align-items:start;padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(64px,8vw,112px)}
.ncr .lg-toc{grid-column:1/span 3;position:sticky;top:calc(var(--hd-h) + 20px);padding-top:6px}
.ncr .lg-toc-h{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--line)}
.ncr .lg-toc ol{margin-top:6px;counter-reset:toc}
.ncr .lg-toc li{counter-increment:toc}
.ncr .lg-toc a{display:flex;gap:10px;align-items:baseline;padding:6px 0;font-size:14.5px;line-height:1.4;color:var(--text);text-decoration:none}
.ncr .lg-toc a::before{content:counter(toc);min-width:20px;font-family:var(--mono);font-size:12px;color:var(--blue-2)}
.ncr .lg-toc a:hover{color:var(--blue-2);text-decoration:underline}
.ncr .lg-body{grid-column:5/-1;min-width:0}
.ncr .lg-body section{padding-top:28px;margin-top:28px;border-top:1px solid var(--line-2)}
.ncr .lg-body section:first-child{padding-top:0;margin-top:0;border-top:none}
.ncr .lg-body h2{display:flex;gap:14px;align-items:baseline;font-size:clamp(1.45rem,1.2rem + .8vw,1.85rem)}
.ncr .lg-n{font-family:var(--mono);font-size:14px;font-weight:500;color:var(--blue-2);min-width:24px}
.ncr .lg-body h2+p,.ncr .lg-body h2+ul,.ncr .lg-body h2+h3{margin-top:14px}
.ncr .lg-body section>h3:first-of-type{margin-top:16px}
.ncr .lg-body .c-lines{max-width:520px}
/* About us: the sections closer together than on the home page, where each carries more */
.ncr .pg .sec{padding-top:clamp(48px,5vw,76px);padding-bottom:0}
.ncr .pg .sec:last-child{padding-bottom:clamp(64px,7vw,104px)}
.ncr .pg .sh{margin-bottom:clamp(28px,3vw,40px)}
.ncr .ab-what .outcomes{grid-column:auto;grid-template-columns:repeat(4,minmax(0,1fr))}
.ncr .ab-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--gut);border-top:1px solid var(--line)}
.ncr .ab-principles li{padding:22px 0 26px;border-bottom:1px solid var(--line)}
.ncr .ab-principles h3{font-size:1.15rem}
.ncr .ab-principles p{margin-top:8px;color:var(--muted);line-height:1.6}
.ncr .ab-scale .sh,.ncr .ab-join .sh{margin-bottom:0}
.ncr .ab-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.ncr .ab-join .c-lines{max-width:560px}
@media (max-width:980px){
  .ncr .ab-what .outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ncr .ab-principles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ncr .lg-toc{grid-column:1/-1;position:static;margin-bottom:36px}
  .ncr .lg-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gut)}
  .ncr .lg-body{grid-column:1/-1}
}
@media (max-width:640px){
  .ncr .ab-what .outcomes,.ncr .ab-principles,.ncr .lg-toc ol{grid-template-columns:minmax(0,1fr)}
}
@media print{.ncr .pg-hero{background:#fff;color:#000}.ncr .pg-hero h1,.ncr .pg-lead{color:#000}.ncr .pg-hero::before,.ncr .lg-toc{display:none}.ncr .lg-body{grid-column:1/-1}}