/* The original reporting diagram treatment, restored after the taste pass. */
.taste .flow-diagram{margin-top:22px;border-radius:16px;padding:36px 34px 32px;background:radial-gradient(ellipse 500px 300px at 55% 45%,rgba(255,153,0,.08),transparent 65%),linear-gradient(165deg,var(--ink-2),var(--ink) 60%);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-dark-card);perspective:1400px;}
.taste .flow-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;flex-wrap:wrap;gap:10px;padding:0;border:0;}
.taste .flow-top strong{color:#fff;font-size:15px;font-weight:700;letter-spacing:0;}
.taste .flow-top span{font-size:13px;color:#B7BEC5;line-height:normal;max-width:none;margin-top:0;}
.taste .flow-top .btn{background:var(--ink-2);color:#fff!important;border:1px solid rgba(255,255,255,.14);}
.taste .flow-col{display:flex;flex-direction:column;align-items:center;gap:0;max-width:none;margin:0;}
.taste .flow-modules-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:520px;}
.taste .flow-mod{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:9px;padding:8px 13px;font-size:13px;font-weight:600;color:#fff;flex:0 0 auto;min-width:0;transform-style:preserve-3d;}
.taste .flow-mod-icon{width:26px;height:26px;border-radius:7px;background:rgba(255,153,0,.16);display:flex;align-items:center;justify-content:center;flex:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 4px rgba(0,0,0,.35);}
.taste .flow-mod-icon svg{width:14px;height:14px;}
.taste .flow-connector-v{width:100%;max-width:440px;height:70px;overflow:visible;display:block;margin-top:18px;}
.taste .flow-line{fill:none;stroke:rgba(255,153,0,.4);stroke-width:1.6;stroke-dasharray:5 5;animation:flowDash 1.1s linear infinite;vector-effect:initial;}
.taste .flow-particle{fill:var(--amber-light);filter:drop-shadow(0 0 4px rgba(255,153,0,.9));}
.taste .flow-hub{flex:none;width:132px;text-align:center;display:flex;flex-direction:column;align-items:center;transform-style:preserve-3d;min-width:0;padding:0;background:none;border:0;border-radius:0;}
.taste .flow-hub-outer{position:relative;width:92px;height:92px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;transform:translateZ(10px);}
.taste .flow-hub-outer::before,.taste .flow-hub-outer::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,153,0,.5);animation:hubPulse 2.6s ease-out infinite;display:block;}
.taste .flow-hub-outer::after{animation-delay:1.3s;}
.taste .flow-hub-spin{display:block;position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(255,153,0,.7),transparent 40%);animation:hubSpin 3.5s linear infinite;}
.taste .flow-hub-ring{position:relative;width:72px;height:72px;border-radius:50%;background:linear-gradient(155deg,#232F3E,var(--ink));border:2px solid var(--amber);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px rgba(255,153,0,.08),0 16px 28px -10px rgba(255,153,0,.55),inset 0 1px 0 rgba(255,255,255,.2);z-index:1;}
.taste .flow-hub strong{color:#fff;font-size:16px;display:block;transform:translateZ(10px);}
.taste .flow-hub span{font-size:11px;color:var(--ink-softer);margin-top:2px;display:block;}
.taste .flow-ceo{flex:none;width:220px;text-align:center;display:flex;flex-direction:column;align-items:center;transform-style:preserve-3d;background:none;border:0;border-radius:0;min-width:0;padding:0;}
.taste .flow-ceo-icon{width:52px;height:52px;border-radius:50%;background:linear-gradient(155deg,var(--amber-light),var(--amber));display:flex;align-items:center;justify-content:center;margin-bottom:10px;box-shadow:0 10px 20px -8px rgba(255,153,0,.45),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -3px 5px rgba(133,66,0,.35);transform:translateZ(20px);}
.taste .flow-ceo strong{color:#fff;font-size:15px;}
.taste .flow-ceo-label{font-size:11px;color:var(--ink-softer);text-align:center;margin:6px 0;letter-spacing:.02em;}
.taste .flow-mid{position:relative;width:100%;max-width:460px;height:110px;display:block;}
/* The fan spans exactly what the grid of nodes below it spans, so its three
   ends can be drawn to fixed fractions of that same width. */
.taste .flow-mid-out{height:90px;max-width:640px;}
.taste .flow-connector-fan{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.taste .flow-line-green{stroke:rgba(6,125,98,.55);}
.taste .flow-mid-label{position:absolute;top:50%;transform:translate(-50%,-50%);background:var(--ink-2);border:1px solid rgba(255,153,0,.3);border-radius:20px;padding:5px 11px;font-size:10.5px;font-weight:600;color:#fff;white-space:nowrap;line-height:normal;}
/* A grid rather than a wrapping row. Three equal columns put the node
   centres at 1/6, 1/2 and 5/6 of the width — the fractions the fan draws
   to — instead of wherever the German labels happen to end up. At 520px
   they wrapped and the lines pointed at nothing. */
.taste .flow-outputs-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.875%;width:100%;max-width:640px;}
.taste .flow-output-node{display:flex;align-items:center;justify-content:center;gap:9px;background:rgba(6,125,98,.1);border:1px solid rgba(6,125,98,.28);border-radius:9px;padding:8px 13px;font-size:13px;font-weight:600;color:#fff;min-width:0;transform-style:preserve-3d;}
.taste .flow-output-icon{width:26px;height:26px;border-radius:7px;background:rgba(6,125,98,.2);display:flex;align-items:center;justify-content:center;flex:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 4px rgba(0,0,0,.3);transform:translateZ(18px);}
.taste .flow-output-icon svg{width:14px;height:14px;}
@media(max-width:600px){.taste .flow-mid{display:flex;flex-direction:column;align-items:center;height:auto;}.taste .flow-mid:not(.flow-mid-out){height:auto;gap:5px;padding:6px 0 2px;}.taste .flow-mid:not(.flow-mid-out) .flow-connector-fan{position:relative;inset:auto;width:110px;height:54px;}.taste .flow-mid-label{position:static;transform:none;left:auto!important;}.taste .flow-mod,.taste .flow-output-node{font-size:12px;padding:7px 11px;}.taste .flow-ceo{width:100%;max-width:260px;}.taste .flow-top{padding:0;}/* Three columns cannot hold these words at a readable size, so the nodes
   stack — and a three-way fan into a stack is what looked broken. One line
   into one column is the same diagram, told straight. */.taste .flow-outputs-row{grid-template-columns:1fr;max-width:320px;gap:9px;}.taste .flow-mid-out{height:46px;max-width:120px;}.taste .flow-line-side{display:none;}}