.fin svg text{font-family:var(--font)}.fin .pa-hero-art .pa-svg-tag{font-family:JetBrains Mono,monospace}.fin .ic-round-head .v4-h span{display:inline}.fin .fin-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fin a.fin-in{color:var(--v4-indigo);text-underline-offset:3px;font-weight:600;text-decoration:underline}.fin .fin-asks{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3.6vh,36px) clamp(24px,3vw,48px);max-width:1080px;margin:clamp(24px,4.4vh,48px) auto 0;padding:0;list-style:none;display:grid}.fin .fin-asks li{color:var(--v4-ink);background:#fff;border:1.5px solid #c9cdf2;border-radius:22px;margin:0;padding:clamp(16px,2.6vh,24px) 26px;font-size:clamp(18px,1.5vw,21px);font-weight:500;line-height:1.4;position:relative}.fin .fin-asks li:after{content:"";background:#fff;border-bottom:1.5px solid #c9cdf2;border-right:1.5px solid #c9cdf2;border-bottom-right-radius:5px;width:20px;height:20px;position:absolute;bottom:-11px;left:38px;transform:rotate(45deg)}.fin .fin-asks li:nth-child(2n):after{left:auto;right:38px}.fin .fin-asks li:nth-child(2n){margin-top:clamp(10px,2vh,22px)}.fin .fin-note{text-align:center;max-width:50em;color:var(--v4-muted);font-size:clamp(17px,1.35vw,19px);line-height:1.6;margin:clamp(30px,5vh,52px) auto 0!important}.fin-keep{max-width:1140px;margin:clamp(14px,2.4vh,28px) auto 0}.fin .fin-keep-k{-moz-column-gap:20px;letter-spacing:.12em;text-transform:uppercase;color:var(--v4-muted);grid-template-columns:minmax(0,5fr) 64px minmax(0,6fr);column-gap:20px;font:500 14px/1.3 JetBrains Mono,monospace;display:grid;margin:0 0 8px!important}.fin-keep-k span:last-child{color:var(--v4-indigo);grid-column:3}.fin .fin-keep ul{gap:clamp(6px,1.1vh,10px);margin:0;padding:0;list-style:none;display:grid}.fin .fin-keep li{-moz-column-gap:20px;grid-template-columns:minmax(0,5fr) 64px minmax(0,6fr);align-items:stretch;column-gap:20px;margin:0;padding:0;display:grid}.fin .fin-was,.fin .fin-keep li b{border-radius:12px;align-items:center;padding:clamp(8px,1.4vh,13px) 18px;font-size:clamp(16px,1.25vw,17px);line-height:1.4;display:flex}.fin .fin-was{color:var(--v4-muted);border:1.5px dashed #c3c6d8;font-weight:400}.fin .fin-keep li b{border:1.5px solid var(--v4-indigo);background:var(--v4-soft);color:var(--v4-ink);font-weight:600}.fin-to{background:linear-gradient(90deg,#c3c6d8,#2a2d9f);align-self:center;height:2px;display:block;position:relative}.fin-to:after{content:"";border-top:2px solid #2a2d9f;border-right:2px solid #2a2d9f;width:9px;height:9px;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}.fin .fin-links{text-align:center;max-width:56em;color:var(--v4-muted);font-size:16px;line-height:1.55;margin:clamp(12px,2.2vh,24px) auto 0!important}.fin .fin-keep-sec .ic-round-head .v4-intro{font-size:16px;line-height:1.55;margin-top:12px!important}.fin .fin-starts-sec .ic-round-head .v4-h span{color:#cbd0ff}.fin .fin-starts{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);margin:clamp(20px,3.6vh,40px) 0 0;padding:0;list-style:none;display:grid}.fin .fin-starts li{background:#fff;border-top:5px solid #e3b93c;border-radius:18px;margin:0;padding:clamp(16px,2.6vh,26px) clamp(16px,1.5vw,22px)}.fin .fin-starts h3{color:var(--v4-indigo);margin:0 0 clamp(10px,1.8vh,16px);font-size:clamp(19px,1.55vw,22px);font-weight:600;line-height:1.25}.fin .fin-starts dl{margin:0}.fin .fin-starts dt{letter-spacing:.08em;text-transform:uppercase;color:#5c6088;margin:0 0 3px;font:500 14px/1.3 JetBrains Mono,monospace}.fin .fin-starts dd{color:var(--v4-ink);margin:0 0 clamp(10px,1.7vh,16px);font-size:16px;line-height:1.45}.fin .fin-starts dd:last-child{margin-bottom:0}.fin .fin-pick{text-align:center;color:#fff;font-size:clamp(17px,1.4vw,20px);font-weight:500;line-height:1.5;margin:clamp(18px,3.2vh,34px) auto 0!important}.fin-example{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.fin .fin-example .v4-h{text-wrap:balance;margin:0}.fin .fin-example .v4-h span{color:var(--v4-indigo);display:block}.fin .fin-story{color:var(--v4-muted);font-size:clamp(16px,1.25vw,18px);line-height:1.6;margin:clamp(16px,2.8vh,28px) 0 0!important}.fin .fin-story b{color:var(--v4-ink);font-weight:600}.fin-match{width:100%;max-width:520px;margin-inline:auto}.fin-match svg{width:100%;height:auto;max-height:58vh;display:block;overflow:visible}.fin .fin-match .pa-illus{text-align:center;margin:10px 0 0!important}.fin-inv{stroke:#1f9d57}.fin-chip{fill:#d8f3e0}.fin-move{transform:translateY(214px)}.fin-diff,.fin-card{opacity:0}@media (prefers-reduced-motion:no-preference){.fin-line{animation:8s infinite both fin-line}.fin-inv{animation:8s linear infinite both fin-inv}.fin-chip{animation:8s linear infinite both fin-chip}.fin-diff{animation:8s linear infinite both fin-diff}.fin-card{animation:8s ease-in-out infinite both fin-card}.fin-tick.a{animation:8s linear infinite both fin-tick-a}.fin-tick.b{animation:8s linear infinite both fin-tick-b}.fin-move{animation:8s ease-in-out infinite both fin-move}}@keyframes fin-line{0%{opacity:0;transform:translate(-28px)}9%,to{opacity:1;transform:none}}@keyframes fin-inv{0%,62%{stroke:#8a8fb0}66%,to{stroke:#1f9d57}}@keyframes fin-chip{0%,13%{fill:#eef0ff}17%,62%{fill:#ffe2b8}66%,to{fill:#d8f3e0}}@keyframes fin-diff{0%,15%{opacity:0}19%,60%{opacity:1}64%,to{opacity:0}}@keyframes fin-card{0%,21%{opacity:0;transform:translate(266px,116px)}24%{opacity:1;transform:translate(266px,116px)}37%,43%{opacity:1;transform:translate(284px,64px)}55%,60%{opacity:1;transform:translate(284px,184px)}64%,to{opacity:0;transform:translate(284px,184px)}}@keyframes fin-tick-a{0%,39%{opacity:0}42%,to{opacity:1}}@keyframes fin-tick-b{0%,57%{opacity:0}60%,to{opacity:1}}@keyframes fin-move{0%,68%{transform:none}82%,to{transform:translateY(214px)}}.fin .fin-trail{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,40px);margin:clamp(22px,4vh,44px) 0 0;padding:0;list-style:none;display:grid;position:relative}.fin .fin-trail:before{content:"";border-top:2px dashed #b9bdea;position:absolute;top:29px;left:0;right:0}.fin .fin-trail li{margin:0;padding:0;position:relative}.fin .fin-trail svg{width:58px;height:58px;margin-bottom:14px;display:block}.fin .fin-trail b{color:var(--v4-ink);margin-bottom:6px;font-size:clamp(18px,1.45vw,20px);font-weight:600;line-height:1.3;display:block}.fin .fin-trail span{color:var(--v4-muted);font-size:16px;line-height:1.5;display:block}.fin-notes{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(16px,2vw,28px);margin-top:clamp(20px,3.6vh,40px);display:grid}.fin .fin-notes p{border:1.5px solid var(--v4-line);color:var(--v4-muted);background:#fcfcfd;border-radius:14px;padding:clamp(14px,2.2vh,20px) 22px;font-size:16px;line-height:1.55;margin:0!important}.fin .fin-notes p:first-child{color:var(--v4-ink);font-weight:500}.fin .fin-notes b{color:var(--v4-ink);font-weight:600}.fin .fin-close p+p{margin-top:14px}@media (min-width:1101px) and (max-height:820px){.fin .fin-starts dd{line-height:1.4}.fin .fin-story{font-size:16px;line-height:1.55}}@media (max-width:900px){.fin .fin-asks,.fin-example,.fin-notes{grid-template-columns:minmax(0,1fr)}.fin .fin-asks li:nth-child(2n){margin-top:0}.fin .fin-starts{grid-template-columns:repeat(2,minmax(0,1fr))}.fin .fin-trail{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.fin .fin-trail:before{display:none}}@media (max-width:760px){.fin .fin-keep-k{display:none}.fin .fin-keep ul{gap:18px}.fin .fin-keep li{grid-template-columns:minmax(0,1fr);row-gap:6px}.fin-to{background:linear-gradient(#c3c6d8,#2a2d9f);width:2px;height:16px;margin-left:26px}.fin-to:after{inset:auto auto 0 50%;transform:translate(-50%)rotate(135deg)}.fin .fin-sr{clip-path:none;letter-spacing:.1em;text-transform:uppercase;white-space:normal;width:auto;height:auto;margin-bottom:2px;font:500 14px/1.3 JetBrains Mono,monospace;display:block;position:static}.fin .fin-was,.fin .fin-keep li b{display:block}.fin .fin-starts,.fin .fin-trail{grid-template-columns:minmax(0,1fr)}}
