/* SEO_V2 (2026-10-21): SEO analitika in the liquid edition. One champagne series, ink text, hairlines.
   --sa = accent as rgb for tints, --q0..--q3 = position ramp (validated: monotone, one hue, light end >= 2:1 on the panel) */
.seo2{--sa:214,185,140;--q0:#e8cfa6;--q1:#c0a272;--q2:#957c55;--q3:#5e523f}
html[data-mode="light"] .seo2{--sa:156,122,69;--q0:#5f4622;--q1:#86683c;--q2:#a9895a;--q3:#c7ab7e}
@media (prefers-color-scheme:light){html:not([data-mode="dark"]) .seo2{--sa:156,122,69;--q0:#5f4622;--q1:#86683c;--q2:#a9895a;--q3:#c7ab7e}}
.seo2 .v3-ph>.seo2-seg{margin-left:auto}

/* segmented switches */
.v3-shell .seo2-seg{display:inline-flex;gap:.15rem;padding:.25rem;border-radius:99px;background:rgba(var(--c-fg),.045);border:1px solid var(--l1)}
.v3-shell .seo2-seg button{padding:.5rem 1.15rem;border-radius:99px;font-size:.84rem;font-weight:500;color:var(--c-ink2);white-space:nowrap;transition:background .3s cubic-bezier(.2,.7,.1,1),color .3s}
.v3-shell .seo2-seg button:hover{color:var(--c-ink)}
.v3-shell .seo2-seg button.on{background:var(--c-btn);color:var(--c-btn-ink)}
.v3-shell .seo2-seg.sm button{padding:.36rem .85rem;font-size:.78rem}
.v3-shell .seo2-seg button span{margin-left:.3rem;opacity:.55;font-variant-numeric:tabular-nums}

/* hero: four metrics that switch the chart */
.seo2-hero{position:relative;margin:0 0 1.25rem;border:1px solid var(--l1);border-radius:var(--rad);box-shadow:var(--sh);overflow:hidden;
  background:radial-gradient(60% 120% at 0% 0%,rgba(var(--sa),.085),transparent 62%),radial-gradient(50% 90% at 100% 100%,rgba(var(--c-fg),.025),transparent 70%),var(--c-panel)}
.seo2-ms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--l1)}
.v3-shell .seo2-m{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:1.2rem 1.35rem 1.15rem;border-right:1px solid var(--l1);transition:background .35s}
.v3-shell .seo2-m:last-child{border-right:0}
.v3-shell .seo2-m:hover{background:rgba(var(--c-fg),.025)}
.v3-shell .seo2-m.on{background:linear-gradient(180deg,rgba(var(--sa),.09),rgba(var(--sa),0) 75%)}
.v3-shell .seo2-m::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--c-acc2);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.7,.1,1)}
.v3-shell .seo2-m.on::before{transform:scaleX(1)}
.v3-shell .seo2-m:focus-visible{outline:2px solid var(--c-acc2);outline-offset:-4px}
.seo2-m>span{display:flex;align-items:center;gap:.55rem;font-size:.8rem;font-weight:500;color:var(--c-ink2)}
.seo2-m>span i{width:.5rem;height:.5rem;border-radius:.12rem;background:rgba(var(--c-fg),.16);transition:background .3s}
.seo2-m.on>span{color:var(--c-ink)}
.seo2-m.on>span i{background:var(--c-acc2)}
.seo2-m>b{margin:.55rem 0 .45rem;font-weight:300;font-size:2.75rem;line-height:1;letter-spacing:-.055em;color:var(--c-ink);font-variant-numeric:tabular-nums}
.seo2-m>b small{margin-left:.2rem;font-size:.42em;font-weight:400;letter-spacing:0;color:var(--c-ink2)}
.seo2-m>small{display:block;font-size:.74rem;line-height:1.45;color:var(--c-ink3)}
.seo2-d{display:inline-flex;align-items:center;margin-right:.45rem;padding:.06rem .5rem;border-radius:99px;font-style:normal;font-weight:600;font-size:.72rem;background:rgba(var(--c-fg),.07);color:var(--c-ink);font-variant-numeric:tabular-nums}
.seo2-d.up{background:rgba(var(--sa),.2)}

/* the daily chart */
.seo2-chart{padding:1.05rem 1.35rem 1rem 1rem}
.seo2-cap{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;flex-wrap:wrap;padding:0 0 .9rem .35rem;font-size:.8rem;color:var(--c-ink2)}
.seo2-fresh{display:inline-flex;align-items:center;gap:.5rem;font-size:.74rem;color:var(--c-ink3)}
.seo2-fresh i{width:.42rem;height:.42rem;border-radius:50%;background:var(--c-acc2);box-shadow:0 0 0 .22rem rgba(var(--sa),.18)}
.seo2-plot{position:relative;min-height:12rem;border-radius:.6rem;outline:none}
.seo2-plot:focus-visible{box-shadow:0 0 0 2px rgba(var(--sa),.6)}
.seo2-plot svg{display:block;overflow:visible;touch-action:pan-y;cursor:crosshair}
.seo2-plot .gl{stroke:rgba(var(--c-fg),.065);stroke-width:1}
.seo2-plot .gl.z{stroke:rgba(var(--c-fg),.16)}
.seo2-plot .yt,.seo2-plot .xt{fill:var(--c-ink3);font-family:var(--c-sans);font-size:.7rem;font-variant-numeric:tabular-nums}
.seo2-plot .s0{stop-color:var(--c-acc2);stop-opacity:.34}
.seo2-plot .s1{stop-color:var(--c-acc2);stop-opacity:0}
.seo2-plot .ln{fill:none;stroke:var(--c-acc2);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.seo2-plot .pt{fill:var(--c-acc2);stroke:var(--c-panel);stroke-width:2}
.seo2-plot .cx{stroke:rgba(var(--c-fg),.3);stroke-width:1;stroke-dasharray:2 3;opacity:0;transition:opacity .15s}
.seo2-plot .fd{fill:var(--c-acc2);stroke:var(--c-panel);stroke-width:2.5;opacity:0;transition:opacity .15s}
.seo2-plot .fd.off{display:none}
.seo2-plot.hov .cx,.seo2-plot.hov .fd{opacity:1}
.seo2-plot .ln.draw{stroke-dasharray:1;stroke-dashoffset:1;animation:seo2-draw 1.5s cubic-bezier(.2,.7,.1,1) forwards}
.seo2-plot .ar.draw,.seo2-plot .dt.draw{opacity:0;animation:seo2-fade .9s .45s ease forwards}
.seo2-tip{position:absolute;left:0;top:0;z-index:3;min-width:12.5rem;padding:.75rem .85rem .6rem;border-radius:.85rem;pointer-events:none;opacity:0;transition:opacity .15s;
  background:rgba(var(--c-bg-rgb),.82);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border:1px solid var(--l2);box-shadow:0 1rem 2.5rem rgba(0,0,0,.28);font-size:.78rem}
.seo2-plot.hov .seo2-tip{opacity:1}
.seo2-tip b{display:block;margin:0 0 .45rem;font-weight:600;color:var(--c-ink)}
.seo2-tip div{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:.16rem 0;color:var(--c-ink2)}
.seo2-tip div span{display:flex;align-items:center;gap:.45rem}
.seo2-tip div span i{width:.45rem;height:.45rem;border-radius:.1rem;background:rgba(var(--c-fg),.14)}
.seo2-tip div.on{color:var(--c-ink)}
.seo2-tip div.on span i{background:var(--c-acc2)}
.seo2-tip em{font-style:normal;font-weight:500;color:var(--c-ink);font-variant-numeric:tabular-nums}
@keyframes seo2-draw{to{stroke-dashoffset:0}}
@keyframes seo2-fade{to{opacity:1}}

/* two cards side by side */
.seo2-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:0 0 1.25rem}
.seo2-g2>.v7-sec{margin:0;display:flex;flex-direction:column}
.seo2-g2>.v7-sec>footer{margin-top:auto}
.v3-shell .seo2-more{font-size:.8rem;font-weight:500;color:var(--c-ink);padding:.35rem .9rem;border-radius:99px;border:1px solid var(--l2);transition:border-color .2s,background .2s}
.v3-shell .seo2-more:hover{border-color:var(--l3);background:rgba(var(--c-fg),.04)}

/* ranked lists: the bar sits behind the label */
.seo2-rk{padding:.1rem 1.2rem 1rem}
.seo2-rh,.seo2-rr{display:grid;grid-template-columns:minmax(0,1fr) 4.4rem 5.6rem;gap:.9rem;align-items:center}
.seo2-rh{padding:0 0 .45rem;font-size:.72rem;color:var(--c-ink3)}
.seo2-rh span:first-child{padding-left:.65rem}
.seo2-rh span:not(:first-child),.seo2-rr>b{text-align:right}
.seo2-rr{padding:.16rem 0}
.seo2-rr .lb{position:relative;display:flex;align-items:center;gap:.5rem;min-width:0;padding:.5rem .65rem;border-radius:.5rem}
.seo2-rr .lb i{position:absolute;left:0;top:0;bottom:0;min-width:.35rem;border-radius:.5rem;background:rgba(var(--sa),.15);transition:background .25s}
.seo2-rr:hover .lb i{background:rgba(var(--sa),.26)}
.seo2-rr .lb span,.seo2-rr .lb a{position:relative;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;color:var(--c-ink);text-decoration:none}
.seo2-rr .lb a:hover{text-decoration:underline;text-underline-offset:.2em}
.seo2-rr .lb em{position:relative;flex:none;padding:.05rem .45rem;border-radius:99px;font-style:normal;font-size:.68rem;font-weight:600;color:var(--c-ink);background:rgba(var(--sa),.3)}
.seo2-rr>b{font-weight:500;font-size:.86rem;color:var(--c-ink);font-variant-numeric:tabular-nums}
.seo2-rr>b.p{font-weight:400;color:var(--c-ink2)}

/* position buckets */
.seo2-pb{padding:.1rem 1.2rem 1.1rem}
.seo2-big{display:flex;align-items:baseline;gap:.75rem;margin:0 0 1.1rem}
.seo2-big b{font-weight:300;font-size:3rem;line-height:1;letter-spacing:-.055em;color:var(--c-ink);font-variant-numeric:tabular-nums}
.seo2-big span{font-size:.86rem;line-height:1.4;color:var(--c-ink2)}
.seo2-stack{display:flex;gap:2px;height:.75rem;margin:0 0 .9rem;border-radius:99px;overflow:hidden}
.seo2-stack i{flex:1 1 0;min-width:.4rem}
.seo2 .q0{background:var(--q0)}.seo2 .q1{background:var(--q1)}.seo2 .q2{background:var(--q2)}.seo2 .q3{background:var(--q3)}
.seo2-lg>div{display:grid;grid-template-columns:.65rem minmax(0,1fr) auto 7.6rem;gap:.8rem;align-items:center;padding:.6rem 0;border-top:1px solid var(--l1);font-size:.84rem}
.seo2-lg>div.mut{opacity:.45}
.seo2-lg>div>i{width:.65rem;height:.65rem;border-radius:.16rem}
.seo2-lg span{min-width:0;color:var(--c-ink)}
.seo2-lg small{display:block;font-size:.72rem;color:var(--c-ink3)}
.seo2-lg em{font-style:normal;text-align:right;color:var(--c-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.seo2-lg em.m{color:var(--c-ink3);font-size:.78rem}

/* opportunities */
.seo2-op{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1.2rem;align-items:center;padding:.85rem 1.2rem;border-top:1px solid var(--l1)}
.seo2-op b{font-weight:600;font-size:.9rem;color:var(--c-ink);overflow-wrap:anywhere}
.seo2-op p{margin:.25rem 0 0;font-size:.78rem;line-height:1.45;color:var(--c-ink2)}
.seo2-op .st{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
.seo2-op .st span{padding:.2rem .6rem;border-radius:99px;background:rgba(var(--c-fg),.05);font-size:.74rem;color:var(--c-ink3);white-space:nowrap}
.seo2-op .st b{font-size:.76rem;font-weight:600;color:var(--c-ink)}

/* full table */
.seo2-all>header{align-items:center;flex-wrap:wrap}
.seo2-all>header>.seo2-seg{margin-left:auto}
.seo2-tb{overflow-x:auto;border-top:1px solid var(--l1)}
.v3-shell .seo2-tb table{width:100%;min-width:0;border-collapse:collapse;margin:0;background:none;font-size:.84rem}
.v3-shell .seo2-tb th{padding:.7rem 1rem;border:0;background:none;text-align:right;font-family:var(--c-sans);font-weight:500;font-size:.74rem;color:var(--c-ink3);white-space:nowrap;text-transform:none;letter-spacing:0}
.v3-shell .seo2-tb th button{display:inline-flex;align-items:center;gap:.3rem;color:inherit;font-weight:inherit;transition:color .2s}
.v3-shell .seo2-tb th button:hover,.v3-shell .seo2-tb th button.on{color:var(--c-ink)}
.v3-shell .seo2-tb th button i{font-style:normal;min-width:.6rem}
.v3-shell .seo2-tb td{padding:.72rem 1rem;border:0;border-top:1px solid var(--l1);background:none;text-align:right;font-family:var(--c-sans);font-size:.84rem;vertical-align:middle;color:var(--c-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.v3-shell .seo2-tb .l{text-align:left;padding-left:1.2rem}
.v3-shell .seo2-tb td .t{display:block;max-width:26rem;overflow:hidden;text-overflow:ellipsis}
.v3-shell .seo2-tb td a{color:inherit;text-decoration:none}
.v3-shell .seo2-tb td a:hover{text-decoration:underline;text-underline-offset:.2em}
.v3-shell .seo2-tb tbody tr{transition:background .2s}
.v3-shell .seo2-tb tbody tr:hover{background:rgba(var(--c-fg),.03)}
.seo2-note{margin:.5rem 0 2rem;max-width:46rem;font-size:.76rem;line-height:1.5;color:var(--c-ink3)}

@media (max-width:1180px){
  .seo2-ms{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v3-shell .seo2-m:nth-child(2){border-right:0}
  .v3-shell .seo2-m:nth-child(-n+2){border-bottom:1px solid var(--l1)}
}
@media (max-width:900px){.seo2-g2{grid-template-columns:1fr}}
@media (max-width:560px){
  .seo2 .v3-ph>.seo2-seg{margin-left:0}
  .v3-shell .seo2-seg button{padding:.45rem .9rem}
  .v3-shell .seo2-m{padding:.95rem 1rem .9rem}
  .seo2-m>b{font-size:2.1rem;margin:.45rem 0 .35rem}
  .seo2-m>small{font-size:.7rem}
  .seo2-chart{padding:.9rem .75rem .8rem .35rem}
  .seo2-cap{padding-left:.6rem}
  .seo2-rk,.seo2-pb{padding-left:1rem;padding-right:1rem}
  .seo2-rh,.seo2-rr{grid-template-columns:minmax(0,1fr) 3.4rem 4.6rem;gap:.5rem}
  .seo2-lg>div{grid-template-columns:.65rem minmax(0,1fr) auto;gap:.65rem}
  .seo2-lg em.m{display:none}
  .seo2-op{grid-template-columns:1fr;padding:.85rem 1rem}
  .seo2-op .st{justify-content:flex-start}
  .seo2-all>header>.seo2-seg{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .seo2-plot .draw{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}
  .v3-shell .seo2-m::before{transition:none}
}
.seo2-m .sh{display:none}
@media (max-width:560px){
  .seo2-m .lg{display:none}.seo2-m .sh{display:inline}
  .v3-shell .seo2-tb th,.v3-shell .seo2-tb td{padding-left:.5rem;padding-right:.5rem}
  .v3-shell .seo2-tb .l{padding-left:1rem}
  .v3-shell .seo2-tb th{font-size:.68rem}
  .v3-shell .seo2-tb th button i{min-width:0}
  .v3-shell .seo2-tb td.l{white-space:normal}
  .v3-shell .seo2-tb td .t{max-width:none;overflow-wrap:anywhere}
  .v3-shell .seo2-tb .c{display:none}
}