/* AI transparency page (page-ai-transparency.php, template-parts/responsible-ai/*). */

/* Hero: split down the middle, like the Careers hero */
.rai-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
@media (max-width:860px){.rai-hero{grid-template-columns:1fr;}}

/* Principles */
.rai-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px calc(var(--gut) * 2);align-items:end;margin-bottom:clamp(40px,5vw,72px);}
.rai-d{color:var(--muted);font-size:15px;line-height:1.55;text-wrap:pretty;}
/* Grid: empty left column, the four principles listed down the right (lines up with the copy above) */
.rai-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--line);}
.rai-fig{border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:clamp(28px,3vw,48px);
  /* darker panel with the site grid, same as the About page graphic panels (.abp) */
  background-color:#f4f5f7;background-image:var(--grid);background-size:var(--grid-size);background-position:-1px -1px;}
.rai-fig .rd{width:100%;max-width:600px;height:auto;display:block;}
.rai-row{transition:background-color .2s ease;}
.rai-row:hover{background-image:var(--hatch);}
.rai-list,.raf-list{list-style:none;margin:0;padding:0;}
.rai-row{display:grid;grid-template-columns:60px minmax(0,1fr);gap:16px;padding:clamp(28px,3vw,40px) var(--gut);border-bottom:1px solid var(--line);}
.rai-row:last-child{border-bottom:0;}
.rai-ic{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--blue);color:var(--blue);transition:background-color .2s ease,color .2s ease;}
.rai-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.rai-row:hover .rai-ic,.rai-row.is-on .rai-ic{background:var(--blue);color:#fff;}
.rai-row.is-on{background-image:var(--hatch);}
.rai-row .h3{margin-bottom:8px;}
.rai-d{max-width:46ch;}
@media (max-width:860px){
  .rai-head,.rai-grid{grid-template-columns:1fr;}
  .rai-fig{border-right:0;border-bottom:1px solid var(--line);padding:24px 12px;}
  .rai-row{grid-template-columns:50px minmax(0,1fr);}
}

/* Previous hero infographic (template-parts/responsible-ai/graphic-flow.php, not currently used).
   One 6s loop: each step lights up in turn, ending on the blue decision step. */
.raif{--gap:clamp(28px,3vw,44px);--outw:clamp(118px,12vw,160px);flex:1;position:relative;display:flex;align-items:center;padding:clamp(40px,5vw,72px) clamp(20px,3vw,48px);min-height:420px;}
.raif-box{position:relative;flex:1;margin-right:calc(var(--gap) + var(--outw));border:1px dashed var(--blue);background:var(--bg);padding:36px 20px 20px;}
.raif-label{position:absolute;top:-8px;left:14px;padding:0 8px;background:var(--bg);color:var(--blue);font-size:11px;line-height:16px;}
.raif-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px;position:relative;}
/* the line down the steps */
.raif-steps::before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:1px;background:var(--line);}
.raif-step{position:relative;display:flex;align-items:center;gap:14px;}
.raif-n{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);background:var(--bg);color:var(--muted);font-size:11px;position:relative;z-index:1;animation:raif-n 6s infinite;animation-delay:calc(var(--i) * 1.1s);}
.raif-t{font-family:var(--display);font-weight:500;font-size:15px;line-height:1.2;color:var(--ink);}
.raif-t small{display:block;margin-top:3px;font-family:var(--sans);font-weight:400;font-size:12px;color:var(--muted);}
.raif-step--end .raif-n{background:var(--blue);border-color:var(--blue);color:#fff;animation:none;}
/* the blocked branch from step 02, stopped (x) where it meets the boundary, out to external training */
.raif-branch{position:absolute;left:100%;top:50%;width:calc(20px + var(--gap));border-top:1px dashed var(--line);}
.raif-x{position:absolute;left:11px;top:-10px;width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--line);background:var(--bg);color:var(--muted);}
.raif-x svg{width:8px;height:8px;}
.raif-out{position:absolute;left:calc(100% + 20px + var(--gap));top:50%;transform:translateY(-50%);width:var(--outw);display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;border:1px solid var(--line);background:var(--bg-2);}
.raif-out .raif-t{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(11,12,15,.35);font-size:13px;}
.raif-never{font-size:10px;line-height:1;padding:4px 6px;border:1px solid var(--line);color:var(--muted);}
@keyframes raif-n{0%,100%{border-color:var(--line);color:var(--muted)}6%,22%{border-color:var(--blue);color:var(--blue)}30%{border-color:var(--line);color:var(--muted)}}
@media (max-width:480px){.raif{--gap:22px;--outw:104px;padding-left:16px;padding-right:16px;}.raif-box{padding:32px 14px 16px;}.raif-branch{width:calc(14px + var(--gap));}.raif-x{left:5px;}.raif-out{left:calc(100% + 14px + var(--gap));}.raif-t small{display:none;}}
@media (prefers-reduced-motion:reduce){.raif-n{animation:none;}}

/* Larger infographic on wide screens */
@media (min-width:1100px){
  .raif{--outw:170px;}
  .raif-box{padding:44px 28px 28px;}
  .raif-steps{gap:28px;}
  .raif-steps::before{left:23px;}
  .raif-n{width:48px;height:48px;font-size:12px;}
  .raif-step{gap:18px;}
  .raif-t{font-size:17px;}
  .raif-t small{font-size:13px;}
  .raif-branch{width:calc(28px + var(--gap));}
  .raif-x{left:19px;}
  .raif-out{left:calc(100% + 28px + var(--gap));padding:14px;}
  .raif-out .raif-t{font-size:14px;}
}

/* Principles diagram (template-parts/responsible-ai/diagram.php).
   .rd[data-on="N"] is set by assets/js/responsible-ai.js while principle N is hovered. */
.rd text{font-family:var(--display);}
.rd .rd-t{font-weight:500;font-size:15px;fill:var(--ink);}
.rd .rd-s{font-size:13px;}
.rd .rd-m{font-family:var(--mono);font-size:9px;letter-spacing:.08em;fill:var(--muted);}
.rd .rd-blue{fill:var(--blue);}
.rd .rd-on{fill:#fff;}
.rd .rd-mute{fill:var(--muted);}
.rd-env{fill:none;stroke:var(--blue);stroke-dasharray:4 3;}
.rd-envbg{fill:#f4f5f7;}
.rd-box{fill:var(--bg);stroke:rgba(11,12,15,.22);}
.rd-tile{fill:var(--bg-2);stroke:var(--line);}
.rd-dec{fill:var(--blue);}
/* the three creatives in Your creatives, as file symbols */
.rd-cr > rect{fill:var(--bg-2);stroke:rgba(11,12,15,.14);}
.rd-cr g *{fill:none;stroke:#7d828c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.rd-ln{fill:none;stroke:rgba(11,12,15,.45);}
.rd-dash{stroke-dasharray:3 3;}
.rd-ah{fill:rgba(11,12,15,.45);}
.rd-sw{fill:var(--blue);}
.rd-knob{fill:var(--bg);}
.rd-x{fill:var(--bg);stroke:rgba(11,12,15,.35);}
.rd-xx{stroke:var(--muted);stroke-width:1.4;}
.rd-hatch{stroke:rgba(11,12,15,.1);stroke-width:1;}
.rd-hatchbox{fill:url(#rdHatch);}
.rd-mk{cursor:pointer;outline:none;}
.rd-mk rect{fill:var(--bg);stroke:var(--blue);}
.rd-mk g *{fill:none;stroke:var(--blue);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s ease;}
/* highlight: the hovered principle's marker fills blue and its part turns blue */
.rd-mk rect,.rd-hl,.rd-hl-ln,.rd-hl-ah,.rd-part{transition:fill .25s ease,stroke .25s ease,opacity .25s ease;}
.rd[data-on] .rd-part{opacity:.45;}
.rd[data-on="1"] .rd-p1,.rd[data-on="2"] .rd-p2,.rd[data-on="3"] .rd-p3,.rd[data-on="4"] .rd-p4{opacity:1;}
.rd[data-on="1"] .rd-mk.rd-p1 rect,.rd[data-on="2"] .rd-mk.rd-p2 rect,.rd[data-on="3"] .rd-mk.rd-p3 rect,.rd[data-on="4"] .rd-mk.rd-p4 rect{fill:var(--blue);}
.rd[data-on="1"] .rd-mk.rd-p1 g *,.rd[data-on="2"] .rd-mk.rd-p2 g *,.rd[data-on="3"] .rd-mk.rd-p3 g *,.rd[data-on="4"] .rd-mk.rd-p4 g *{stroke:#fff;}
.rd[data-on="1"] .rd-p1 .rd-hl,.rd[data-on="2"] .rd-p2 .rd-hl,.rd[data-on="3"] .rd-p3 .rd-hl,.rd[data-on="4"] .rd-p4 .rd-hl,.rd[data-on="1"] .rd-p1 .rd-hl-ln,.rd[data-on="2"] .rd-p2 .rd-hl-ln,.rd[data-on="3"] .rd-p3 .rd-hl-ln,.rd[data-on="4"] .rd-p4 .rd-hl-ln{stroke:var(--blue);}
.rd[data-on="1"] .rd-p1 .rd-hl-ah,.rd[data-on="2"] .rd-p2 .rd-hl-ah,.rd[data-on="3"] .rd-p3 .rd-hl-ah,.rd[data-on="4"] .rd-p4 .rd-hl-ah{fill:var(--blue);}

/* Hero graphic: the Review window (template-parts/responsible-ai/graphic.php).
   The panel uses the darker grid, like the principles diagram. Steps are played by
   assets/js/responsible-ai.js, which adds .s1-.s5 to the window in turn. */
.rai-hero-side{background-color:#f4f5f7;background-image:var(--grid);background-size:var(--grid-size);background-position:-1px -1px;}
.rvw-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(28px,4vw,56px) clamp(16px,3vw,48px);min-height:440px;}
.rvw{--u-ink:#101012;--u-text:#4f4f5a;--u-muted:#6b6b78;--u-faint:#9b9baa;--u-line:#e6e6e6;--u-soft:#f4f4f4;--u-brand:#224cfb;--u-brand-soft:#edf1ff;--u-brand-line:#d3dbfe;
  --u-mono:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;
  position:relative;width:100%;max-width:560px;background:#fcfcfd;border-radius:8px;overflow:hidden;
  box-shadow:0 1px 2px rgba(0,0,0,.05),0 14px 40px rgba(0,0,0,.08);font-family:var(--sans);color:var(--u-ink);-webkit-font-smoothing:antialiased;}
.rvw svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.rvw-hd{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-bottom:1px solid var(--u-line);font:500 11px/14px var(--u-mono);text-transform:uppercase;letter-spacing:.4px;color:var(--u-muted);white-space:nowrap;}
.rvw-ic{width:15px;height:15px;flex:none;color:var(--u-brand);}
.rvw-crumb{margin-left:6px;padding-left:12px;border-left:1px solid var(--u-line);text-transform:none;letter-spacing:0;color:var(--u-faint);}
.rvw-x{margin-left:auto;font:400 16px/1 var(--sans);color:var(--u-muted);}
.rvw-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);}
.rvw-l{padding:16px;border-right:1px solid var(--u-line);}
.rvw-img{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--u-line);border-radius:4px;background:var(--u-soft);}
.rvw-img img{position:absolute;inset:0;width:100%;height:112%;object-fit:cover;object-position:50% 0;}
.rvw-box{position:absolute;border:1.5px solid var(--u-brand);border-radius:2px;opacity:0;transform:scale(1.15);transition:opacity .35s ease,transform .5s cubic-bezier(.2,.8,.2,1);}
.rvw-box em{position:absolute;left:-1.5px;top:-19px;padding:0 5px;background:var(--u-brand);color:#fff;font:500 9.5px/17px var(--u-mono);font-style:normal;border-radius:2px 2px 0 0;}
.rvw-r{padding:16px;min-width:0;}
.rvw-lbl{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:14px 0 7px;font:500 10px/13px var(--u-mono);text-transform:uppercase;letter-spacing:.6px;color:var(--u-muted);}
.rvw-r > .rvw-lbl:first-child{margin-top:2px;}
.rvw-lbl--k{justify-content:flex-start;color:var(--blue);}
.rvw-lbl svg{width:13px;height:13px;}
.rvw-kv{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;border-top:1px solid var(--u-line);border-bottom:1px solid var(--u-line);font:500 10px/13px var(--u-mono);text-transform:uppercase;letter-spacing:.5px;color:var(--u-muted);}
.rvw-tag{display:inline-flex;padding:1px 8px;border:1px solid #f0d9a0;border-radius:4px;background:#fdf3dc;color:#7a5200;font:600 10.5px/17px var(--u-mono);letter-spacing:.3px;text-transform:none;white-space:nowrap;opacity:0;transform:scale(.8);transition:opacity .25s ease,transform .35s cubic-bezier(.2,.9,.3,1.3);}
.rvw-why{margin:0;min-height:3.1em;font-size:12.5px;line-height:1.5;color:var(--u-text);}
.rvw-pc{color:var(--u-ink);}
.rvw-bar{height:4px;border-radius:2px;background:var(--u-soft);overflow:hidden;}
.rvw-bar i{display:block;height:100%;width:0;background:var(--u-brand);transition:width .9s cubic-bezier(.3,.7,.2,1);}
.rvw-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.rvw-btn{display:flex;align-items:center;justify-content:center;height:30px;border:1px solid var(--u-line);border-radius:5px;background:#fcfcfd;font-size:12px;color:var(--u-text);white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .12s ease;}
.rvw-log{display:flex;align-items:center;gap:6px;margin-top:10px;font:500 10px/13px var(--u-mono);color:#006300;opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease;}
.rvw-log svg{width:12px;height:12px;stroke-width:2;}
.rvw-ft{display:flex;align-items:center;gap:7px;height:36px;padding:0 16px;border-top:1px solid var(--u-line);background:var(--u-brand-soft);font:500 10px/13px var(--u-mono);text-transform:uppercase;letter-spacing:.5px;color:var(--u-brand);}
.rvw-ft svg{width:13px;height:13px;}
.rvw-cur{position:absolute;left:30%;top:118%;width:16px;height:16px;fill:var(--u-ink) !important;stroke:#fcfcfd !important;stroke-width:1 !important;opacity:0;transition:left 1s cubic-bezier(.5,0,.2,1),top 1s cubic-bezier(.5,0,.2,1),opacity .3s ease;z-index:3;pointer-events:none;}
/* steps */
.rvw.s1 .rvw-box{opacity:1;transform:none;}
.rvw.s2 .rvw-tag{opacity:1;transform:none;}
.rvw.s3 .rvw-bar i{width:var(--w);}
.rvw:not(.s3) .rvw-pc{opacity:0;}
.rvw.s4 .rvw-cur{opacity:1;left:var(--cx,80%);top:var(--cy,70%);}
.rvw.s5 .rvw-btn--go{background:var(--u-brand);border-color:var(--u-brand);color:#fff;transform:scale(.97);}
.rvw.s5 .rvw-log{opacity:1;transform:none;}
@media (max-width:480px){
  .rvw-body{grid-template-columns:1fr;}
  .rvw-l{border-right:0;border-bottom:1px solid var(--u-line);}
  .rvw-img{max-width:220px;margin:0 auto;}
}

/* Hero graphic: neon.com-style architecture diagram (template-parts/responsible-ai/graphic.php) */
.rdh-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(24px,3.5vw,48px) clamp(12px,2.5vw,36px);}
.rdh{width:100%;max-width:640px;height:auto;display:block;}
.rdh text{font-family:var(--display);}
.rdh .rdh-t{font-weight:500;font-size:14px;fill:var(--ink);}
.rdh .rdh-lg{font-size:16px;}
.rdh .rdh-sm{font-size:13px;}
.rdh .rdh-xs{font-size:12.5px;}
.rdh .rdh-m{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;fill:var(--muted);}
.rdh .rdh-c{text-anchor:middle;}
.rdh .rdh-mute{fill:var(--muted);}
.rdh .rdh-dim{fill:#a2a6ae;}
.rdh .rdh-w{fill:#f9fafb;font-size:11px;}
.rdh .rdh-g{fill:#9097a6;}
.rdh-env{fill:var(--bg);stroke:var(--blue);stroke-dasharray:5 4;}
.rdh-zone{fill:none;stroke:rgba(11,12,15,.25);stroke-dasharray:3 3;}
.rdh-zi,.rdh-zi *{fill:none;stroke:var(--ink);stroke-width:1.2;}
.rdh-box{fill:var(--bg-2);stroke:rgba(11,12,15,.4);}
.rdh-ai{fill:var(--blue-soft);stroke:var(--blue);}
.rdh-strip{fill:#e4e7ec;stroke:rgba(11,12,15,.4);}
.rdh-tile{fill:var(--bg);stroke:rgba(11,12,15,.3);}
.rdh-sw{fill:var(--blue);}
.rdh-knob{fill:var(--bg);}
.rdh-ghost{fill:url(#rdhHatch);stroke:rgba(11,12,15,.18);}
.rdh-hatchln{stroke:rgba(11,12,15,.09);stroke-width:1;}
.rdh-ln{fill:none;stroke:var(--ink);stroke-width:1;}
.rdh-ah{fill:var(--ink);}
.rdh-dash{stroke-dasharray:3 3;}
.rdh-ln.rdh-dash{stroke:rgba(11,12,15,.4);}
.rdh-x{fill:var(--bg);stroke:var(--blue);}
.rdh-xx{stroke:var(--blue);stroke-width:1.5;}
.rdh-mk{fill:var(--blue);}
.rdh-call{stroke:var(--ink);stroke-width:.8;}
.rdh-card{fill:var(--ink);}
.rdh-card-in{fill:#1a1c22;}
.rdh-card-g path,.rdh-card-g rect{fill:none;stroke:#f9fafb;stroke-width:1.2;}
.rdh-card-g rect:not(.rdh-card-x){fill:#f9fafb;}
.rdh-card-g .rdh-dash{stroke:#9097a6;}
.rdh-card-g .rdh-card-x{stroke:var(--blue);fill:#1a1c22;}
/* data moving along the reads / writes / connect / review lines */
.rdh-flow{stroke-dasharray:6 4;animation:rdh-flow 1.2s linear infinite;}
@keyframes rdh-flow{to{stroke-dashoffset:-10;}}
@media (prefers-reduced-motion:reduce){.rdh-flow{animation:none;}}

/* Hero graphic: containment rings (template-parts/responsible-ai/graphic.php) */
.rring-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(24px,3.5vw,48px) clamp(12px,2.5vw,36px);}
.rring{width:100%;max-width:620px;height:auto;display:block;overflow:visible;}
.rring text{font-family:var(--mono);text-anchor:middle;}
.rring .rring-m{font-size:10px;letter-spacing:.1em;fill:var(--muted);}
.rring .rring-blue{fill:var(--blue);}
.rring .rring-ink{fill:var(--ink);}
.rring .rring-dim{fill:#9aa0aa;}
.rring-env{fill:var(--bg);stroke:var(--blue);stroke-width:1.2;stroke-dasharray:6 5;}
.rring-r2{fill:none;stroke:rgba(11,12,15,.22);}
.rring-r1{fill:var(--blue-soft);stroke:var(--blue);}
.rring-lbg{fill:var(--bg);}
.rring-lbg--ai{fill:#edf0fb;}
.rring-node{fill:var(--bg);stroke:var(--ink);}
.rring-ni{fill:none;stroke:var(--ink);stroke-width:1.2;}
.rring-dot{fill:var(--blue);}
.rring-card{fill:var(--bg);stroke:var(--ink);}
.rring-card--2{fill:var(--bg-2);stroke:rgba(11,12,15,.45);}
.rring-card--3{fill:var(--bg-2);stroke:rgba(11,12,15,.25);}
.rring-ci{fill:none;stroke:var(--blue);stroke-width:1.3;stroke-linejoin:round;}
.rring-out{stroke:rgba(11,12,15,.35);stroke-dasharray:3 3;}
.rring-chip{fill:url(#rringHatch);stroke:rgba(11,12,15,.2);}
.rring-hl{stroke:rgba(11,12,15,.09);}
.rring-x{fill:var(--bg);stroke:var(--blue);}
.rring-xx{stroke:var(--blue);stroke-width:1.6;}
/* motion: AI dots orbit, the review node circles slowly, pulses run out and stop at the boundary */
.rring-spin,.rring-pulse,.rring-x,.rring-xx{transform-box:view-box;transform-origin:260px 280px;}
.rring-spin{animation:rring-spin 14s linear infinite;}
.rring-spin--slow{animation-duration:40s;animation-direction:reverse;}
.rring-pulse{fill:none;stroke:var(--blue);stroke-width:1.5;opacity:0;animation:rring-pulse 4s cubic-bezier(.3,.6,.4,1) infinite;}
.rring-pulse--2{animation-delay:2s;}
.rring-x,.rring-xx{transform-origin:490px 280px;animation:rring-hit 2s ease-out infinite;}
@keyframes rring-spin{to{transform:rotate(360deg);}}
@keyframes rring-pulse{0%{transform:scale(.2);opacity:0}15%{opacity:.5}88%{transform:scale(1);opacity:.35}100%{transform:scale(1);opacity:0}}
@keyframes rring-hit{0%,70%{transform:none}80%{transform:scale(1.18)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.rring-spin,.rring-pulse,.rring-x,.rring-xx{animation:none;}.rring-pulse{display:none;}}

/* Hero graphic: the creative library (template-parts/responsible-ai/graphic.php).
   App UI colours as on the About page windows. The grid scrolls up endlessly (two copies). */
.rlib-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(28px,4vw,56px) clamp(16px,3vw,48px);}
.rlib{--u-ink:#101012;--u-text:#4f4f5a;--u-muted:#6b6b78;--u-faint:#9b9baa;--u-line:#e6e6e6;--u-soft:#f4f4f4;--u-brand:#224cfb;--u-brand-soft:#edf1ff;
  --u-mono:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;
  width:100%;max-width:580px;background:#fcfcfd;border-radius:8px;overflow:hidden;
  box-shadow:0 1px 2px rgba(0,0,0,.05),0 14px 40px rgba(0,0,0,.08);font-family:var(--sans);color:var(--u-ink);-webkit-font-smoothing:antialiased;}
.rlib svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.rlib-hd{display:flex;align-items:center;gap:8px;height:46px;padding:0 16px;border-bottom:1px solid var(--u-line);font:500 11px/14px var(--u-mono);text-transform:uppercase;letter-spacing:.4px;color:var(--u-muted);white-space:nowrap;}
.rlib-ic{width:15px;height:15px;flex:none;color:var(--u-brand);}
.rlib-crumb{margin-left:6px;padding-left:12px;border-left:1px solid var(--u-line);text-transform:none;letter-spacing:0;color:var(--u-faint);}
.rlib-set{margin-left:auto;display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 10px;border:1px solid var(--u-line);border-radius:5px;background:var(--u-soft);text-transform:none;letter-spacing:0;color:var(--u-text);}
.rlib-set svg{width:12px;height:12px;color:var(--u-muted);}
.rlib-sw{position:relative;width:24px;height:14px;border-radius:7px;background:#d9dbe1;}
.rlib-sw i{position:absolute;left:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#fcfcfd;}
.rlib-view{position:relative;height:clamp(300px,30vw,400px);overflow:hidden;}
.rlib-view::before,.rlib-view::after{content:"";position:absolute;left:0;right:0;height:28px;z-index:1;pointer-events:none;}
.rlib-view::before{top:0;background:linear-gradient(#fcfcfd,rgba(252,252,253,0));}
.rlib-view::after{bottom:0;background:linear-gradient(rgba(252,252,253,0),#fcfcfd);}
.rlib-track{animation:rlib-scroll 60s linear infinite;}
.rlib:hover .rlib-track{animation-play-state:paused;}
.rlib-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px 16px 0;}
.rlib-card{margin:0;}
.rlib-img{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--u-line);border-radius:4px;background:var(--u-soft);}
.rlib-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.rlib-img--top img{height:112%;object-position:50% 0;}
.rlib-card figcaption{display:flex;align-items:center;gap:5px;margin-top:6px;font:500 9.5px/12px var(--u-mono);text-transform:uppercase;letter-spacing:.4px;color:var(--u-muted);white-space:nowrap;}
.rlib-card figcaption svg{width:11px;height:11px;flex:none;color:var(--u-brand);}
.rlib-ft{position:relative;z-index:2;display:flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-top:1px solid var(--u-line);background:var(--u-brand-soft);font:500 10.5px/13px var(--u-mono);text-transform:uppercase;letter-spacing:.5px;color:var(--u-brand);}
.rlib-ft svg{width:13px;height:13px;flex:none;}
@keyframes rlib-scroll{to{transform:translateY(-50%);}}
@media (max-width:480px){.rlib-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 10px 0;}.rlib-set{display:none;}.rlib-ft{font-size:9px;}}
@media (prefers-reduced-motion:reduce){.rlib-track{animation:none;}}

/* Hero graphic: the asset library window (template-parts/responsible-ai/graphic.php).
   A fixed-size window that runs off the right and bottom of the panel (cropped by .rai-hero-side). */
.rai-hero-side{position:relative;overflow:hidden;}
.rdam-stage{flex:1;position:relative;min-height:clamp(420px,46vw,620px);}
.rdam{--u-ink:#101012;--u-text:#4f4f5a;--u-muted:#6b6b78;--u-faint:#9b9baa;--u-line:#e6e6e6;--u-soft:#f4f4f4;--u-subtle:#f9f9f9;--u-brand:#224cfb;--u-brand-soft:#edf1ff;--u-brand-line:#d3dbfe;--u-brand-text:#224cfb;
  --u-mono:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;
  position:absolute;left:clamp(24px,3vw,48px);top:clamp(32px,4vw,56px);width:800px;height:640px;overflow:hidden;background:#fcfcfd;border-radius:8px;
  box-shadow:0 1px 2px rgba(0,0,0,.05),0 14px 40px rgba(0,0,0,.08);transform-origin:0 0;transition:transform .6s cubic-bezier(.33,1,.68,1);font-family:var(--sans);font-size:12px;color:var(--u-ink);-webkit-font-smoothing:antialiased;}
.rdam svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
/* app bar */
.rdam-bar{display:flex;align-items:center;gap:12px;height:48px;padding:0 16px;border-bottom:1px solid var(--u-line);}
.rdam-ic{width:16px;height:16px;flex:none;stroke-width:1.6;}
.rdam-ic--b{color:var(--u-brand);}
.rdam-crumb{font-size:12.5px;color:var(--u-muted);white-space:nowrap;}
.rdam-crumb i{font-style:normal;margin:0 7px;color:var(--u-faint);}
.rdam-crumb b{font-weight:500;color:var(--u-ink);}
.rdam-search{display:flex;align-items:center;gap:8px;width:240px;height:30px;margin-left:24px;padding:0 10px;border:1px solid var(--u-line);border-radius:6px;background:var(--u-subtle);color:var(--u-faint);}
.rdam-search svg{width:14px;height:14px;}
.rdam-views{display:flex;margin-left:12px;border:1px solid var(--u-line);border-radius:6px;overflow:hidden;}
.rdam-views span{display:grid;place-items:center;width:30px;height:28px;color:var(--u-muted);}
.rdam-views span + span{border-left:1px solid var(--u-line);}
.rdam-views .is-on{background:var(--u-soft);color:var(--u-ink);}
.rdam-views svg{width:14px;height:14px;}
.rdam-body{display:grid;grid-template-columns:186px minmax(0,1fr);height:calc(100% - 48px);}
/* sidebar */
.rdam-side{padding:14px 10px;border-right:1px solid var(--u-line);background:var(--u-subtle);}
.rdam-h{margin:4px 6px 8px;font:500 10px/13px var(--u-mono);text-transform:uppercase;letter-spacing:.6px;color:var(--u-faint);}
.rdam-h + .rdam-col{margin-top:0;}
.rdam-col{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px;border-radius:5px;color:var(--u-text);white-space:nowrap;}
.rdam-col svg{width:14px;height:14px;flex:none;color:var(--u-muted);}
.rdam-col em{margin-left:auto;font:400 10.5px var(--u-mono);font-style:normal;color:var(--u-faint);}
.rdam-col.is-on{background:var(--u-brand-soft);color:var(--u-brand-text);font-weight:500;}
.rdam-col.is-on svg,.rdam-col.is-on em{color:var(--u-brand);}
/* main */
.rdam-main{padding:14px 16px;min-width:0;}
.rdam-note{display:flex;align-items:center;gap:9px;height:36px;padding:0 12px;border:1px solid var(--u-brand-line);border-radius:6px;background:var(--u-brand-soft);color:var(--u-brand-text);white-space:nowrap;}
.rdam-note svg{width:14px;height:14px;flex:none;color:var(--u-brand);}
.rdam-note b{font-weight:600;}
.rdam-tools{display:flex;align-items:center;gap:6px;margin:12px 0;}
.rdam-chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border:1px solid var(--u-line);border-radius:5px;background:#fcfcfd;color:var(--u-muted);white-space:nowrap;}
.rdam-chip b{font-weight:500;color:var(--u-ink);}
.rdam-chip::after{content:"";width:5px;height:5px;margin-left:3px;border-right:1.3px solid var(--u-faint);border-bottom:1.3px solid var(--u-faint);transform:translateY(-2px) rotate(45deg);}
.rdam-count{margin-left:8px;padding-left:12px;border-left:1px solid var(--u-line);line-height:18px;font:400 10.5px var(--u-mono);color:var(--u-faint);white-space:nowrap;}
.rdam-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 12px;}
.rdam-card{margin:0;min-width:0;cursor:pointer;user-select:none;}
/* the window lifts slightly on hover, as the About page windows do */
.rai-hero-side:hover .rdam{transform:translate(-6px,-6px) scale(1.025);}
.rdam-th{transition:border-color .15s ease,box-shadow .15s ease;}
.rdam-check svg{opacity:0;transition:opacity .15s ease;}
.rdam-card:not(.is-sel):hover .rdam-check{border-color:#fcfcfd;background:rgba(16,16,18,.35);}
.rdam-card.is-sel .rdam-check svg{opacity:1;}
.rdam-th{position:relative;display:block;aspect-ratio:1;overflow:hidden;border:1px solid var(--u-line);border-radius:5px;background:var(--u-soft);}
.rdam-th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.rdam-th--top img{height:114%;object-position:50% 0;}
.rdam-type{position:absolute;left:6px;top:6px;padding:0 5px;border-radius:3px;background:rgba(16,16,18,.72);color:#fcfcfd;font:500 9.5px/16px var(--u-mono);}
.rdam-check{position:absolute;right:6px;top:6px;width:16px;height:16px;border:1.5px solid rgba(252,252,253,.9);border-radius:4px;background:rgba(16,16,18,.15);}
.rdam-check svg{width:12px;height:12px;stroke:#fcfcfd;stroke-width:2.4;display:block;margin:0 auto;}
.rdam-card.is-sel .rdam-th{border-color:var(--u-brand);box-shadow:0 0 0 2px var(--u-brand-line);}
.rdam-card.is-sel .rdam-check{border-color:var(--u-brand);background:var(--u-brand);}
.rdam-card figcaption{padding:7px 1px 0;}
.rdam-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:500;color:var(--u-ink);}
.rdam-meta{display:flex;align-items:center;justify-content:space-between;margin-top:3px;font:400 10px/13px var(--u-mono);color:var(--u-faint);}
.rdam-meta svg{width:11px;height:11px;flex:none;color:var(--u-brand);}
@media (max-width:860px){.rdam-stage{min-height:460px;}}
@media (max-width:860px){.rai-hero-side:hover .rdam{transform:none;}}
@media (max-width:600px){.rdam-stage{min-height:380px;}.rdam,.rai-hero-side:hover .rdam{left:16px;top:24px;transform:scale(.64);}}

/* Built with trusted AI foundations (template-parts/responsible-ai/foundations.php).
   Split down the middle: copy and the two points on the left, the isometric stack on the right. */
.raf-split{align-items:stretch;}
.raf-main{display:flex;flex-direction:column;}
.raf-intro .h2{margin-bottom:clamp(20px,2vw,28px);}
.raf-intro{padding-bottom:clamp(40px,5vw,64px);}
.raf-list{list-style:none;margin:0;padding:0;}
.raf-pt{padding:clamp(28px,3vw,40px) var(--gut);border-top:1px solid var(--line);}
.raf-pt .h3{margin-bottom:8px;}
/* the panel: plain, with the angled lines on hover (Control graphic) */
.raf-side{display:flex;align-items:center;justify-content:center;padding:clamp(16px,2vw,32px);background-color:#f4f5f7;}
.raf-side:hover{background-image:var(--hatch);}
@media (max-width:860px){.raf-sec .split.raf-split > .raf-main:first-child:not(.pad):not(.cells){padding-bottom:0;margin-bottom:0;}}

/* The isometric stack: your environment at the base, two see-through AI layers, Google Vertex AI on top.
   The layers drop into place from the base up when the section scrolls into view */
.iso{width:100%;height:auto;display:block;overflow:visible;}
.iso.rv{transform:none;}
.iso-l{transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .5s ease;transition-delay:calc(.15s + var(--i) * .2s);}
.iso:not(.in) .iso-l{transform:translateY(-40px);opacity:0;}
.iso-con{transition:opacity .5s ease 1.1s;}
.iso:not(.in) .iso-con{opacity:0;}
/* glass layers */
.iso-tp{fill:rgba(34,76,251,.14);stroke:var(--blue);stroke-width:1;stroke-linejoin:round;}
.iso-s{stroke:var(--blue);stroke-width:1;stroke-linejoin:round;}
.iso-sl{fill:rgba(34,76,251,.18);}
.iso-sr{fill:rgba(34,76,251,.28);}
/* the top layer, Google Vertex AI: stronger blue, still see-through */
.iso-lay--core .iso-tp{fill:rgba(34,76,251,.55);}
.iso-lay--core .iso-sl{fill:rgba(34,76,251,.7);}
.iso-lay--core .iso-sr{fill:rgba(34,76,251,.8);}
/* the base, your environment: solid off-white with a dashed blue boundary */
.iso-lay--env .iso-tp{fill:var(--bg);stroke:rgba(11,12,15,.35);}
.iso-lay--env .iso-sl{fill:#e4e7ec;stroke:rgba(11,12,15,.35);}
.iso-lay--env .iso-sr{fill:#d5d9e0;stroke:rgba(11,12,15,.35);}
.iso-env{fill:none;stroke:var(--blue);stroke-dasharray:5 4;}
.iso-con{fill:none;stroke:rgba(34,76,251,.45);stroke-dasharray:3 3;}
/* what's drawn on the layers */
.iso-sym{fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;}
.iso-symd{stroke-width:1;opacity:.45;}
.iso-symf{fill:var(--blue);}
.iso-node{fill:var(--bg);stroke:var(--blue);stroke-width:1.5;}
.iso-ic *{fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.iso-t,.iso-tw{font-family:var(--display);font-weight:500;}
.iso-t{font-size:19px;fill:var(--ink);}
.iso-tw{font-size:24px;fill:#fff;}
@media (prefers-reduced-motion:reduce){.iso-l,.iso-con{transition:none;}.iso:not(.in) .iso-l{transform:none;opacity:1;}.iso:not(.in) .iso-con{opacity:1;}}

/* Your trust is our foundation (template-parts/responsible-ai/commitments.php): four cells, symbol on top */
.rac-cell .rai-ic{margin-bottom:clamp(28px,4vw,56px);}
.rac-cell:hover .rai-ic{background:var(--blue);color:#fff;}