/* ===== Section 05 "Build one. Change it. Build the next." Namespaced: .s05b / s05b- / --s05b-*.
   Diagram material copied from s03p.css: solid #0d121d surfaces, 1px top highlight, hairline border,
   radius 14, layered soft shadow, faint dot grid (edge-masked), 1.5px line glyphs; yellow only for
   live paths / reused things / highlights. ===== */
.s05b{--s05b-y:#ffd100;--s05b-ink:#07090f;--s05b-blk:#0d121d;--s05b-font:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--s05b-mono:'Geist Mono',ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;--s05b-ease:cubic-bezier(.22,1,.36,1);
  position:relative;isolation:isolate;overflow-x:clip;background:var(--s05b-ink);color:#fff;font-family:var(--s05b-font);padding:44px 0 40px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:where(.s05b) *,:where(.s05b) *::before,:where(.s05b) *::after{box-sizing:border-box}
:where(.s05b) :where(h2,p){margin:0}
:where(.s05b) button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0;-webkit-tap-highlight-color:transparent}
.s05b button:focus-visible{outline:1.5px solid rgba(255,255,255,.7);outline-offset:3px;border-radius:6px}
/* the floor of section 04 ends at its bottom edge; fade it out over the last 72px so it does not cut off against this section */
.s05b::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:72px;pointer-events:none;z-index:5;background:linear-gradient(to bottom,rgba(10,12,18,0),rgb(10,12,18))}
.s05b-wrap{width:min(1240px,calc(100% - 48px));margin:0 auto}

/* seam layers (same recipe as s03p) */
.s05b-dither{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.016;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='1' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 2 -.45'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:160px 160px}
.s05b-grain{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.2 -.1'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:220px 220px}

/* header */
.s05b-h2{font-weight:500;font-size:clamp(32px,3.34vw,48px);line-height:1.06;letter-spacing:-.03em;color:#fff}
.s05b-hs{color:rgba(255,255,255,.4);transition:color .4s ease}
.s05b-hs.s05b-is-on{color:#fff}
.s05b-def{margin-top:16px;max-width:760px;text-wrap:balance;font-size:18px;line-height:1.55;color:rgba(255,255,255,.62)}

/* chapter rail */
.s05b-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}
.s05b-ch{display:block;text-align:left;padding:0}
.s05b-cl{display:block;font-family:var(--s05b-mono);font-size:12px;line-height:1;color:rgba(255,255,255,.45);transition:color .3s}
.s05b-ct{display:block;margin-top:8px;font-size:17px;font-weight:600;line-height:1.25;color:#fff;letter-spacing:-.005em}
.s05b-cb{display:block;position:relative;margin-top:12px;height:2px;background:rgba(255,255,255,.12);overflow:hidden}
.s05b-cb i{position:absolute;inset:0;background:var(--s05b-y);transform:scaleX(0);transform-origin:0 50%}
.s05b-ch.s05b-is-done .s05b-cb i{background:rgba(255,255,255,.34)}
.s05b-ch[aria-selected=true] .s05b-cl{color:rgba(255,255,255,.7)}
.s05b-ch:hover .s05b-cl{color:rgba(255,255,255,.7)}

/* ---------------- stage ---------------- */
.s05b-stage{position:relative;margin-top:18px;height:var(--s05b-h,480px);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.012);isolation:isolate;transition:height .9s var(--s05b-ease)}
.s05b-stage::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.07) 1px,transparent 1.6px);background-size:16px 16px;
  -webkit-mask-image:radial-gradient(ellipse 78% 86% at 50% 50%,#000 52%,transparent 100%);mask-image:radial-gradient(ellipse 78% 86% at 50% 50%,#000 52%,transparent 100%)}
.s05b-stage::after{content:'';position:absolute;inset:0;border-radius:18px;border:1px solid rgba(255,255,255,.08);pointer-events:none;z-index:9}
.s05b-field{position:absolute;left:0;top:0;width:var(--s05b-fw,1240px);transform-origin:0 0}
.s05b-field>*{position:absolute;left:0;top:0}
.s05b-status{position:absolute;right:20px;bottom:12px;z-index:8;max-width:60%;text-align:right;font-family:var(--s05b-mono);font-size:11px;line-height:1.4;color:rgba(255,255,255,.5);pointer-events:none}
.s05b-note{margin-top:6px;text-align:right;font-family:var(--s05b-mono);font-size:11px;line-height:1.4;color:rgba(255,255,255,.4)}

/* snap: apply a state instantly */
.s05b-snap .s05b-field *,.s05b-snap .s05b-field *::before,.s05b-snap .s05b-field *::after{transition:none!important;animation:none!important}

/* groups, lanes */
.s05b-grp,.s05b-lane{transition:transform .95s var(--s05b-ease);will-change:transform}
.s05b-lane{width:var(--lw);height:var(--lh)}
.s05b-gsvg{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.s05b-gl{position:absolute;overflow:visible}

/* line drawing */
.s05b .s05b-ln{fill:none;stroke:rgba(255,255,255,.46);stroke-width:1.25;stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset .7s cubic-bezier(.3,.6,.4,1) var(--d,0s),stroke .3s ease,opacity .3s ease}
.s05b .s05b-ln.s05b-on{stroke-dashoffset:0}
.s05b .s05b-ln.s05b-white{stroke:rgba(255,255,255,.8)}
.s05b .s05b-lrail{stroke:rgba(255,255,255,.3);stroke-width:1.5;transition:stroke-dashoffset 1.05s cubic-bezier(.3,.6,.4,1) var(--d,0s),stroke .3s ease}
.s05b .s05b-lrail.s05b-hot{stroke:var(--s05b-y)}
.s05b .s05b-lrail.s05b-dim{stroke:rgba(255,255,255,.3)}
.s05b .s05b-ln.s05b-yel{stroke:var(--s05b-y);stroke-width:1.5}
.s05b .s05b-pt{fill:#0d121d;stroke:rgba(255,255,255,.34);stroke-width:1.2;opacity:0;transition:opacity .3s ease var(--d,0s)}
.s05b .s05b-pt.s05b-on{opacity:1}
.s05b .s05b-pt.s05b-yel{stroke:var(--s05b-y)}
.s05b .s05b-pt.s05b-white{stroke:rgba(255,255,255,.85)}
.s05b .s05b-flow{fill:none;stroke:rgba(255,255,255,.3);stroke-width:1.25;stroke-dasharray:3 4;opacity:0;transition:opacity .4s ease}
.s05b .s05b-flow.s05b-on{opacity:1}

/* app cards */
.s05b-card{position:absolute;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:9px;height:40px;border-radius:12px;background:#0d121d;border:1px solid rgba(255,255,255,.2);font-size:15px;font-weight:500;letter-spacing:-.005em;line-height:1;color:rgba(255,255,255,.94);white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 0 rgba(0,0,0,.4),0 12px 32px -12px rgba(0,0,0,.6);opacity:0;transform:translateY(-8px);transition:opacity .45s ease,transform .6s var(--s05b-ease),border-color .45s ease}
.s05b-card.s05b-on{opacity:1;transform:none}
.s05b-card svg{width:16px;height:16px;fill:none;stroke:rgba(255,255,255,.6);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.s05b-card .s05b-dash{position:absolute;inset:-1px;border-radius:12px;border:1px dashed rgba(255,255,255,.42);background:var(--s05b-ink);opacity:1;transition:opacity .45s ease;pointer-events:none;z-index:-1}
.s05b-card.s05b-solid{border-color:rgba(255,255,255,.85);box-shadow:0 0 0 .5px rgba(255,255,255,.5),inset 0 1px 0 rgba(255,255,255,.06),0 12px 32px -12px rgba(0,0,0,.6)}
.s05b-card.s05b-solid .s05b-dash{opacity:0}
.s05b-card:not(.s05b-solid).s05b-ghost{color:rgba(255,255,255,.6)}

/* record blocks */
.s05b-rec{position:absolute;border-radius:14px;background:#0d121d;border:1px solid rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 0 rgba(0,0,0,.4),0 12px 32px -12px rgba(0,0,0,.6);opacity:0;transition:box-shadow .35s ease,border-color .35s ease,background-color .35s ease}
.s05b-rec.s05b-on{opacity:1;animation:s05b-drop .62s var(--s05b-ease) both}
@keyframes s05b-drop{0%{opacity:0;transform:translateY(10px)}62%{opacity:1;transform:translateY(-1.5px)}100%{opacity:1;transform:none}}
.s05b-rec .s05b-rg{position:absolute;left:14px;top:13px;width:22px;height:22px;fill:none;stroke:rgba(255,255,255,.55);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.s05b-rec .s05b-nm{position:absolute;left:14px;right:6px;bottom:11px;font-size:15px;font-weight:600;line-height:1.15;letter-spacing:-.005em;color:#fff}
.s05b-rec .s05b-cnt{position:absolute;left:44px;top:13px;height:22px;min-width:26px;padding:0 7px;border:1px solid rgba(255,255,255,.14);border-radius:6px;font-family:var(--s05b-mono);font-size:11px;line-height:20px;color:rgba(255,255,255,.78);text-align:center;overflow:hidden}
.s05b-rec .s05b-cnt b{display:block;font-weight:400}
.s05b-rec .s05b-cnt.s05b-tick b{animation:s05b-tick .5s var(--s05b-ease)}
@keyframes s05b-tick{0%{transform:translateY(9px);opacity:0}100%{transform:none;opacity:1}}
.s05b-rec .s05b-tag{position:absolute;right:12px;top:17px;font-family:var(--s05b-mono);font-size:11px;line-height:1;color:rgba(255,255,255,.9);opacity:0;transform:translateY(3px);transition:opacity .4s ease,transform .5s var(--s05b-ease)}
.s05b-rec .s05b-tag.s05b-on{opacity:1;transform:none}
.s05b-rec .s05b-tag.s05b-shared{color:var(--s05b-y)}
.s05b-rec.s05b-new{border-color:transparent;box-shadow:0 0 0 1.5px rgba(255,255,255,.88),inset 0 1px 0 rgba(255,255,255,.06),0 12px 32px -12px rgba(0,0,0,.6)}
.s05b-rec.s05b-reuse{border-color:transparent;box-shadow:0 0 0 1.5px var(--s05b-y),inset 0 1px 0 rgba(255,255,255,.06),0 12px 32px -12px rgba(0,0,0,.6)}
.s05b-rec.s05b-hit{background:#111827;border-color:rgba(255,255,255,.5)}
.s05b-rec.s05b-new.s05b-hit,.s05b-rec.s05b-reuse.s05b-hit{border-color:transparent}
.s05b-rec.s05b-hit .s05b-rg{stroke:#fff}
.s05b-plus{position:absolute;font-family:var(--s05b-mono);font-size:11px;font-weight:500;line-height:1;color:#fff;pointer-events:none;opacity:0;z-index:6}
.s05b-plus.s05b-go{animation:s05b-plus 1s var(--s05b-ease) both}
@keyframes s05b-plus{0%{opacity:0;transform:translateY(4px)}18%{opacity:1}100%{opacity:0;transform:translateY(-20px)}}

/* lane */
.s05b-ltitle{position:absolute;font-family:var(--s05b-mono);font-size:11px;line-height:1;color:rgba(255,255,255,.45);white-space:nowrap;opacity:0;transition:opacity .5s ease}
.s05b-ltitle.s05b-on{opacity:1}
.s05b-tile{position:absolute;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:10px;background:#0d121d;border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px -8px rgba(0,0,0,.7);opacity:0;transform:scale(.86);transition:opacity .4s ease var(--d,0s),transform .5s var(--s05b-ease) var(--d,0s),border-color .25s ease,background-color .25s ease}
.s05b-tile.s05b-on{opacity:1;transform:none}
.s05b-tile svg{width:18px;height:18px;fill:none;stroke:rgba(255,255,255,.66);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s}
.s05b-tile.s05b-glow{border-color:#fff;background:#1a2336;transform:scale(1.1);transition:transform .22s var(--s05b-ease),border-color .12s,background-color .12s}
.s05b-tile.s05b-glow svg{stroke:#fff}
.s05b-nlab{position:absolute;font-size:14px;font-weight:500;line-height:18px;letter-spacing:-.003em;color:rgba(255,255,255,.8);white-space:nowrap;opacity:0;transition:opacity .45s ease var(--d,0s),color .25s}
.s05b-nlab.s05b-on{opacity:1}
.s05b-nlab.s05b-glow{color:#fff}
.s05b-nlab.s05b-above,.s05b-nlab.s05b-below{transform:translate(-50%,0);text-align:center}
.s05b-nlab.s05b-right{text-align:left}
.s05b-nlab.s05b-left{text-align:right;transform:translateX(-100%)}
.s05b-dirgrp{opacity:0;transform:translateX(-14px);transition:opacity .5s ease var(--d,0s),transform .7s var(--s05b-ease) var(--d,0s)}
.s05b-dirgrp.s05b-on{opacity:1;transform:none}
.s05b-dirgrp .s05b-tile{opacity:1;transform:none;transition:border-color .25s ease,background-color .25s ease}
.s05b-dirgrp .s05b-tile.s05b-glow{transform:scale(1.1)}
.s05b-dirgrp .s05b-nlab{opacity:1}
.s05b-dirgrp{position:absolute;left:0;top:0;width:0;height:0}
.s05b-chip{position:absolute;height:24px;padding:0 10px;margin-top:-12px;border-radius:7px;background:#0d121d;border:1.5px solid var(--s05b-y);font-family:var(--s05b-mono);font-size:11px;line-height:21px;color:#fff;white-space:nowrap;opacity:0;transform:scale(.92);transition:opacity .35s ease var(--d,0s),transform .5s var(--s05b-ease) var(--d,0s),border-color .5s ease,background-color .3s ease}
.s05b-chip.s05b-on{opacity:1;transform:none}
.s05b-chip.s05b-quiet{border-color:rgba(255,255,255,.34)}
.s05b-chip.s05b-flash{border-color:var(--s05b-y);background:#1a1d12}
.s05b-badge{position:absolute;display:flex;align-items:center;gap:8px;height:22px;font-size:13px;line-height:22px;color:rgba(255,255,255,.78);white-space:nowrap;opacity:0;transform:translateY(5px);transition:opacity .5s ease,transform .6s var(--s05b-ease)}
.s05b-badge.s05b-on{opacity:1;transform:none}
.s05b-badge svg{width:18px;height:18px;flex:none;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.s05b-badge svg circle{stroke:rgba(255,255,255,.4)}

/* tokens */
.s05b-toks{position:absolute;left:0;top:0;width:0;height:0;z-index:6;pointer-events:none}
.s05b-tok{position:absolute;left:0;top:0;width:0;height:0;will-change:transform;transition:opacity .35s ease}
.s05b-tok.s05b-out{opacity:0}
.s05b-pill{position:absolute;left:0;top:0;height:24px;padding:0 9px;border-radius:7px;background:#fff;color:#07090f;font-family:var(--s05b-mono);font-size:11px;font-weight:500;line-height:24px;white-space:nowrap;box-shadow:0 8px 18px -8px rgba(0,0,0,.7);transform:translate(-50%,-50%)}
.s05b-tok.s05b-pop .s05b-pill{animation:s05b-settle .32s var(--s05b-ease)}
@keyframes s05b-settle{0%{scale:1}35%{scale:.96}100%{scale:1}}
.s05b-stem{position:absolute;left:0;top:0;width:1px;height:30px;margin-left:-.5px;background:rgba(255,255,255,.55);display:none}
.s05b-tok.s05b-enter{animation:s05b-tokin .4s var(--s05b-ease) both}
@keyframes s05b-tokin{0%{opacity:0}100%{opacity:1}}

/* controls */
.s05b-ctrl{position:absolute;display:flex;flex-wrap:wrap;align-items:center;gap:8px 8px;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}
.s05b-ctrl.s05b-on{opacity:1;visibility:visible;transition:opacity .45s ease,visibility 0s}
.s05b-btn{height:34px;padding:0 13px;border-radius:10px;border:1px solid rgba(255,255,255,.18)!important;font-size:13px;font-weight:500;line-height:1;color:#fff;white-space:nowrap;transition:border-color .2s,background-color .2s,transform .15s}
.s05b-btn:hover{border-color:rgba(255,255,255,.5)!important;background:rgba(255,255,255,.04)}
.s05b-btn:active{transform:scale(.97)}
.s05b-limit{display:flex;align-items:center;gap:8px;margin-left:12px;font-size:13px;line-height:1;color:rgba(255,255,255,.82);white-space:nowrap}
.s05b-limit .s05b-lv{display:inline-block;min-width:0}
.s05b-step{width:34px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.s05b-step svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.s05b-step[aria-disabled=true]{opacity:.35;cursor:default}
.s05b-step[aria-disabled=true]:hover{border-color:rgba(255,255,255,.18)!important;background:none}

/* notice */
.s05b-notice{position:absolute;padding:13px 16px 14px;border-radius:12px;background:#0d121d;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 32px -12px rgba(0,0,0,.6);font-size:13px;line-height:1.5;color:rgba(255,255,255,.78);opacity:0;transform:translateX(26px);transition:opacity .45s ease,transform .7s var(--s05b-ease);z-index:5}
.s05b-notice b{font-weight:600;color:#fff}
.s05b-notice.s05b-on{opacity:1;transform:none}

/* legend */
.s05b-legend{position:absolute;display:flex;gap:18px;align-items:center;font-family:var(--s05b-mono);font-size:11px;line-height:1;color:rgba(255,255,255,.62);opacity:0;transition:opacity .5s ease;z-index:4}
.s05b-legend.s05b-on{opacity:1}
.s05b-legend span{display:inline-flex;align-items:center;gap:8px}
.s05b-legend i{display:block;width:22px;height:0;border-top:1.5px solid rgba(255,255,255,.88)}
.s05b-legend i.s05b-y{border-top-color:var(--s05b-y)}

/* copy */
.s05b-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-top:8px}
.s05b-copy{display:grid;max-width:760px;min-width:0}
.s05b-cp{grid-area:1/1;opacity:0;pointer-events:none;transition:opacity .4s ease;font-size:17px;line-height:1.55;color:rgba(255,255,255,.7)}
.s05b-cp.s05b-is-on{opacity:1;pointer-events:auto}
.s05b-cp p+p{margin-top:8px;color:rgba(255,255,255,.88)}
.s05b-replay{flex:none;margin-top:3px;font-size:14px;line-height:20px;color:rgba(255,255,255,.55);transition:color .2s;padding:4px 0 4px 8px}
.s05b-replay:hover,.s05b-replay:focus-visible{color:#fff}
.s05b-close{margin-top:12px;font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.012em;color:#fff;opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .8s var(--s05b-ease)}
.s05b.s05b-f-close .s05b-close{opacity:1;transform:none}

/* ---------------- responsive ---------------- */
@media (max-width:899px){
  .s05b-def{font-size:17px}
}
@media (max-width:699px){
  .s05b{padding:44px 0 48px}
  .s05b-wrap{width:calc(100% - 40px)}
  .s05b-def{margin-top:14px}
  .s05b-rail{grid-template-columns:minmax(0,1fr);gap:0;margin-top:24px}
  .s05b-ch{padding:12px 0 0;border-top:0}
  .s05b-ch .s05b-cl{display:inline-block;margin-right:10px}
  .s05b-ch .s05b-ct{display:inline-block;margin-top:0;font-size:16px}
  .s05b-cb{margin-top:10px}
  .s05b-stage{margin-top:18px}
  .s05b-foot{flex-direction:column;gap:8px}
  .s05b-replay{padding:4px 0}
  .s05b-cp{font-size:16px}
  .s05b-close{font-size:20px}
  .s05b-status{max-width:none;left:14px;right:14px;text-align:left;bottom:8px}
  .s05b[data-s05b-mode=m] .s05b-li{display:none}
}
@media (prefers-reduced-motion:reduce){
  .s05b *,.s05b *::before,.s05b *::after{transition:none!important;animation:none!important}
}

/* mobile blocks and controls */
.s05b[data-s05b-mode=m] .s05b-rec .s05b-nm{bottom:30px;font-size:13px;line-height:1.2}
.s05b[data-s05b-mode=m] .s05b-rec .s05b-rg{left:12px;top:12px}
.s05b[data-s05b-mode=m] .s05b-rec .s05b-cnt{left:40px;top:12px}
.s05b[data-s05b-mode=m] .s05b-rec .s05b-tag{left:12px;right:auto;top:auto;bottom:10px}
.s05b[data-s05b-mode=m] .s05b-ctrl{width:100%;gap:6px}
.s05b[data-s05b-mode=m] .s05b-btn{flex:1 1 0;min-width:0;padding:0 4px;font-size:12.5px;text-align:center}
.s05b[data-s05b-mode=m] .s05b-step{flex:none;width:34px;padding:0}
.s05b[data-s05b-mode=m] .s05b-limit{margin-left:0;width:100%;margin-top:2px}
.s05b[data-s05b-mode=m] .s05b-limit .s05b-lt{margin-right:auto}

/* only the real controls take pointer events; the illustration layers never block them */
.s05b-field,.s05b-field *{pointer-events:none}
.s05b-field .s05b-btn{pointer-events:auto}

.s05b-btn.s05b-nudge{border-color:rgba(255,255,255,.72)!important;background:rgba(255,255,255,.05)}

.s05b .s05b-trail{fill:none;stroke-width:1.75;stroke-linecap:butt;transition:opacity 1s ease}

.s05b-cmp{color:rgba(255,255,255,.9);text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:4px;white-space:nowrap}.s05b-cmp:hover{color:#fff;text-decoration-color:#fff}