.blog-post{--bg:var(--app-anything-black);--surface:var(--landing-bg-elevated);--border:var(--landing-line);--line:var(--landing-line-strong);--card:var(--landing-bg-soft);--card-line:var(--landing-line);--card-muted:var(--landing-fg-muted);--card-shadow:var(--blog-card-shadow);--fg:var(--landing-fg);--text:var(--landing-fg);--muted:var(--landing-fg-muted);--faint:var(--landing-fg-faint);--green:var(--app-anything-green);--blue:var(--app-anything-blue);--purple:var(--app-anything-purple);--gradient:var(--app-brand-gradient);--accent:var(--green);--bar:var(--blog-chart-bar);--dot:var(--blog-chart-dot);--tie:var(--blog-chart-tie);--other:var(--blog-chart-other);color:var(--text);font-size:18px;line-height:1.4}.blog-post a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}.blog-post a:hover{-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green)}.blog-post .page{grid-template-columns:minmax(0,860px);justify-content:center;display:grid}.blog-post main{min-width:0;padding:8px 20px 96px}.blog-post .eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin:0 0 22px;font-size:14px;font-weight:500;line-height:1}.blog-post h1{letter-spacing:0;color:var(--fg);margin:0 0 26px;font-size:clamp(40px,7vw,64px);font-weight:600;line-height:1}.blog-post h1 .wordmark{vertical-align:-.235em;filter:drop-shadow(0 0 16px #0a0a0ad9);width:auto;height:.94em;display:inline}.blog-post h1 .nowrap{white-space:nowrap}.blog-post h2{letter-spacing:0;color:var(--fg);margin:80px 0 14px;scroll-margin-top:88px;font-size:32px;font-weight:600;line-height:1.1}.blog-post .lead{color:var(--text);margin:0;font-size:21px;line-height:1.4}.blog-post .lead strong{color:var(--fg);font-weight:600}.blog-post .lead em{color:var(--fg);font-style:italic}.blog-post p{margin:0 0 16px}.blog-post .stats{grid-template-columns:repeat(3,1fr);gap:16px;margin:48px 0 0;display:grid}.blog-post .stat,.blog-post figure.chart,.blog-post #chart-arrangements .card,.blog-post .cta{background:var(--card);border:1px solid var(--card-line);box-shadow:var(--card-shadow);border-radius:20px;position:relative}.blog-post .stat:before,.blog-post figure.chart:before,.blog-post #chart-arrangements .card:before,.blog-post .cta:before{content:"";pointer-events:none;background:var(--shared) no-repeat;background-size:var(--hair-size,100% 100%);background-position:var(--hair-pos,0 0);opacity:.75;height:1px;position:absolute;top:0;left:24px;right:24px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.blog-post .stat{padding:28px 28px 26px}.blog-post .stat b{letter-spacing:0;background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:34px;font-weight:600;line-height:1.1;display:block}.blog-post{--shared:linear-gradient(125deg, var(--green) 18%, var(--blue) 50%, var(--purple) 82%)}.blog-post .shared{background-repeat:no-repeat;background-image:var(--shared)!important}.blog-post .stat b.shared,.blog-post .card .big.shared{color:#0000;-webkit-background-clip:text;background-clip:text}.blog-post .stat span{color:var(--card-muted);letter-spacing:-.005em;font-size:15px;line-height:1.55;display:block}.blog-post figure.chart{margin:28px 0 12px;padding:32px 32px 26px}.blog-post figure.chart h3{letter-spacing:-.012em;color:var(--fg);margin:0;font-size:20px;font-weight:600;line-height:1.25}.blog-post figure.chart#chart-arrangements{box-shadow:none;background:0 0;border:0;padding:0}.blog-post figure.chart#chart-arrangements:before{content:none}.blog-post #chart-arrangements .card{padding:28px 28px 24px}.blog-post #chart-arrangements .grid3,.blog-post .stats{gap:20px}.blog-post .sub{color:var(--card-muted);margin:4px 0 0;font-size:14.5px;line-height:1.5}.blog-post details.more{margin:4px 0 0}.blog-post details.more>summary{cursor:pointer;color:var(--text);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;margin:6px 0 0;padding:7px 14px;font-size:14px;font-weight:500;list-style:none;transition:color .15s,border-color .15s;display:inline-flex}.blog-post details.more>summary::-webkit-details-marker{display:none}.blog-post details.more>summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transition:transform .2s;transform:translateY(-2px)rotate(45deg)}.blog-post details.more[open]>summary:after{transform:translateY(2px)rotate(-135deg)}.blog-post details.more>summary:hover{color:var(--fg);border-color:var(--muted)}.blog-post details.more>summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.blog-post .note{color:var(--faint);margin:10px 4px 0;font-size:14px;line-height:1.55}.blog-post .grid2{grid-template-columns:1fr 1fr;gap:28px 40px;margin-top:22px;display:grid}.blog-post .grid3{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:22px;display:grid}.blog-post .panel h4{color:var(--fg);margin:0;font-size:14.5px;font-weight:500}.blog-post .panel .sub{margin-bottom:12px;font-size:12.5px}.blog-post .bars .row{cursor:pointer;outline:none;grid-template-columns:118px 1fr;align-items:center;gap:10px;height:30px;font-size:13.5px;display:grid}.blog-post .bars .name{text-align:right;white-space:nowrap;color:var(--muted);transition:color .15s}.blog-post .bars .track{height:22px}.blog-post .bars .bar{height:100%;width:var(--w);background:var(--bar);border-radius:0 6px 6px 0;justify-content:flex-end;align-items:center;transition:width .9s cubic-bezier(.2,.8,.2,1),box-shadow .15s;display:flex}.blog-post .bars .val{color:var(--fg);font-variant-numeric:tabular-nums;padding-right:8px;font-size:12.5px}.blog-post .bars .row.ours .name{color:var(--fg);font-weight:600}.blog-post .bars .row.ours .bar{background:var(--accent)}.blog-post .bars .row.ours .val{color:var(--app-anything-black);font-weight:600}.js .blog-post .chart:not(.in) .bars .bar{width:0}.js .blog-post .chart:not(.in) .bars .val{opacity:0}.blog-post svg.scatter{width:100%;height:auto;display:block;overflow:visible}.blog-post svg.scatter .axisline{stroke:var(--line);stroke-width:1px}.blog-post svg.scatter .tick{fill:var(--faint);font-size:11px}.blog-post svg.scatter .axis{fill:var(--muted);font-size:12px}.blog-post svg.scatter .pt{cursor:pointer;outline:none}.blog-post svg.scatter .pt .hit{fill:#0000}.blog-post svg.scatter .pt .dot{fill:var(--dot);stroke:var(--card);stroke-width:2px;transition:r .15s,stroke .15s}.blog-post svg.scatter .pt text{fill:var(--muted);font-size:12.5px;transition:fill .15s}.blog-post svg.scatter .pt.ours .dot{fill:var(--accent)}.blog-post svg.scatter .pt.ours text{fill:var(--fg);font-size:13.5px;font-weight:600}.blog-post .chart-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 16px;display:flex}.blog-post .tabs{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex;position:relative}.blog-post .tabs button{font:inherit;color:var(--muted);cursor:pointer;z-index:1;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:500;transition:color .2s;position:relative}.blog-post .tabs button[aria-pressed=true]{color:var(--app-anything-black)}.blog-post .tabs button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.blog-post .tabs .pill{background:var(--fg);border-radius:999px;transition:left .3s cubic-bezier(.2,.8,.2,1),width .3s cubic-bezier(.2,.8,.2,1);position:absolute;top:3px;bottom:3px;left:3px}.blog-post svg.uplot{width:100%;height:auto;margin-top:14px;display:block;overflow:visible}.blog-post svg.uplot.narrow{display:none}@media (max-width:700px){.blog-post svg.uplot.wide{display:none}.blog-post svg.uplot.narrow{display:block}}.blog-post svg.uplot .axisline{stroke:var(--line);stroke-width:1px}.blog-post svg.uplot .tick{fill:var(--faint);font-size:11px}.blog-post svg.uplot .axis{fill:var(--muted);font-size:12.5px}.blog-post svg.uplot .umark,.blog-post svg.uplot .ulabel{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.blog-post svg.uplot .umark{cursor:pointer;outline:none}.blog-post svg.uplot .umark .hit{fill:#0000}.blog-post svg.uplot .umark .dot{fill:var(--dot);stroke:var(--card);stroke-width:2px;transition:r .15s,stroke .15s}.blog-post svg.uplot .umark.ours .dot{fill:var(--fg)}.blog-post svg.uplot .ulabel{fill:var(--muted);pointer-events:none;font-size:12.5px}.blog-post svg.uplot .umark.hl .dot{stroke:var(--fg);r:8}.blog-post svg.uplot .umark.ours.hl .dot{stroke:var(--green)}.blog-post svg.uplot .ulabel.hl{fill:var(--fg)}.blog-post svg.uplot .ulabel .logo{transition:filter .15s}.blog-post svg.uplot .ulabel.hl .logo{filter:drop-shadow(0 0 6px #14e6be8c)}.blog-post svg.uplot .umark:focus-visible .dot{outline:2px solid var(--blue);outline-offset:2px}.blog-post .still svg.uplot .umark,.blog-post .still svg.uplot .ulabel{transition:none}.blog-post #chart-examples{padding:32px 0 22px;overflow-x:clip}.blog-post .ex-viewport{overflow:clip visible}.blog-post .ex-track{grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr);display:grid}.blog-post .ex-slide{grid-area:1/1/5;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);min-width:0;padding:0 56px;display:grid}.blog-post .ex-slide:not(.active){visibility:hidden;pointer-events:none;transition:visibility 0s .45s}.blog-post .ex-slide:not(.active) .ex-controls{visibility:hidden;transition:none}.blog-post .ex-text,.blog-post .ex-credit{transition:opacity .22s .16s}.blog-post .ex-text{align-self:end}.blog-post .ex-slide:not(.active) .ex-text,.blog-post .ex-slide:not(.active) .ex-credit{opacity:0;transition:opacity .16s}.blog-post .ex-score{transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s}.blog-post .ex-slide:not(.active) .ex-score{opacity:0;transform:translateX(var(--ex-off,80px))}.blog-post .ex-slide.no-anim,.blog-post .ex-slide.no-anim *{transition:none!important}.blog-post .ex-slide h3{letter-spacing:-.012em;color:var(--fg);margin:0;font-size:20px;font-weight:600;line-height:1.25}.blog-post .ex-controls{flex-wrap:wrap;align-items:center;gap:14px;margin:18px 0 14px;display:flex}.blog-post .ex-play{background:var(--fg);width:44px;height:44px;color:var(--app-anything-black);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;transition:transform .15s;display:grid}.blog-post .ex-play:hover{transform:scale(1.06)}.blog-post .ex-play:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.blog-post .ex-play svg{fill:currentColor;width:20px;height:20px}.blog-post .ex-play .i-pause,.blog-post .ex-slide.playing .ex-play .i-play{display:none}.blog-post .ex-restart{border:1px solid var(--line);width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;margin-left:-6px;transition:color .15s,border-color .15s;display:grid}.blog-post .ex-restart:hover{color:var(--fg);border-color:var(--muted)}.blog-post .ex-restart:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.blog-post .ex-restart svg{fill:currentColor;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.blog-post .ex-slide.playing .ex-play .i-pause{display:block}.blog-post .ex-score{background:var(--blog-paper);border-radius:6px;flex:auto;display:flex;position:relative;box-shadow:0 14px 36px #00000080}.blog-post .ex-scroll{cursor:pointer;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#00000047 transparent;flex:auto;min-width:0;display:flex;overflow:scroll hidden}.blog-post .ex-scroll::-webkit-scrollbar{height:8px}.blog-post .ex-scroll::-webkit-scrollbar-thumb{border:2px solid var(--blog-paper);background:#00000040;border-radius:4px}.blog-post .ex-scroll::-webkit-scrollbar-track{background:0 0}.blog-post .ex-scroll.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.blog-post .ex-inner{flex:none;width:max-content;min-width:100%;padding:24px 32px;position:relative}.blog-post .ex-sheet{color:var(--blog-ink);fill:currentColor;display:none}.blog-post .ex-slide[data-hl=trill] .ex-sheet [data-class=trill],.blog-post .ex-slide[data-hl=tuplet] .ex-sheet [data-class^=tuplet-],.blog-post .ex-slide[data-hl=meterSig] .ex-sheet [data-class=time-signature],.blog-post .ex-slide[data-hl=arpeg] .ex-sheet [data-class=arpeggio]{color:var(--blue);fill:currentColor;stroke:currentColor;stroke-width:.7px;vector-effect:non-scaling-stroke;paint-order:stroke;stroke-linejoin:round}.blog-post .ex-sheet.on{display:block}.blog-post .ex-inner{justify-content:center;align-items:center;display:flex}.blog-post .ex-sheet svg{max-width:none;display:block}.blog-post #chart-examples{--ex-zoom:1.3}.blog-post .ex-head{pointer-events:none;opacity:0;background:var(--blog-playhead);border-radius:2px;width:2px;transition:opacity .2s;position:absolute;top:14px;bottom:14px;left:0}.blog-post .ex-slide.started .ex-head{opacity:.9}.blog-post .ex-nav{justify-content:center;align-items:center;margin-top:20px;display:flex}.blog-post .ex-arrow.prev,.blog-post .ex-arrow.next{z-index:3;top:var(--ex-arrow-y,50%);background:var(--card);position:absolute;transform:translateY(-50%)}.blog-post .ex-arrow.prev{left:11px}.blog-post .ex-arrow.next{right:11px}.blog-post .ex-arrow{border:1px solid var(--line);width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:color .15s,border-color .15s,opacity .15s;display:grid}.blog-post .ex-arrow:hover{color:var(--fg);border-color:var(--muted)}.blog-post .ex-arrow:disabled{opacity:.3;cursor:default}.blog-post .ex-arrow svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.blog-post .ex-dots{z-index:2;gap:8px;display:flex;position:relative}.blog-post .ex-dot{background:var(--line);cursor:pointer;border:0;border-radius:50%;width:8px;height:8px;padding:0;transition:background .15s,width .2s}.blog-post .ex-dot[aria-current=true]{background:var(--fg);border-radius:4px;width:22px}.blog-post .ex-arrow:focus-visible,.blog-post .ex-dot:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.blog-post .ex-credit{color:var(--faint);margin:12px 2px 0;font-size:12px}.blog-post .ex-tech{color:var(--text);margin:6px 0 0;font-size:14.5px;line-height:1.5}.blog-post .ex-stat{color:var(--text);margin:10px 0 0;font-size:14.5px}@media (max-width:700px){.blog-post #chart-examples{--ex-zoom:1;padding:26px 0 20px}.blog-post .ex-slide{padding:0 20px}.blog-post .ex-arrow.prev,.blog-post .ex-arrow.next{width:30px;height:30px}.blog-post .ex-arrow.prev{left:5px}.blog-post .ex-arrow.next{right:5px}}.blog-post .gbars{position:relative}.blog-post .gbars .grow{transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0;right:0}.blog-post .gbars .track{align-items:center;padding-right:48px;display:flex}.blog-post .gbars .bar{flex:none}.blog-post .gbars .lead{color:var(--fg);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:10px;font-size:12.5px;font-weight:600;transition:opacity .2s}.js .blog-post .chart:not(.in) .gbars .lead{opacity:0}.blog-post #chart-genres .bars{margin-top:18px}.blog-post .bars .row.hl .name{color:var(--fg)}.blog-post .bars .row.hl .bar{box-shadow:0 0 0 1.5px var(--fg)}.blog-post svg.scatter .pt.hl .dot{stroke:var(--fg);r:8}.blog-post svg.scatter .pt .logo{transition:filter .15s}.blog-post svg.scatter .pt.hl .logo{filter:drop-shadow(0 0 6px #14e6be8c)}.blog-post svg.scatter .pt.hl text{fill:var(--fg)}.blog-post .bars .row:focus-visible .bar,.blog-post svg.scatter .pt:focus-visible .dot,.blog-post .seg:focus-visible,.blog-post .elo:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.blog-post .legend{color:var(--muted);flex-wrap:wrap;gap:4px 18px;margin:14px 0 0;font-size:13px;display:flex}.blog-post .key{border-radius:2px;width:9px;height:9px;margin-right:6px;display:inline-block}.blog-post .card .big{letter-spacing:0;color:var(--accent);font-size:56px;font-weight:600;line-height:1}.blog-post .card .what{color:var(--text);min-height:3.3em;margin:10px 0;font-size:15px}.blog-post .card .elo{color:var(--fg);border:1px solid var(--line);cursor:default;font-variant-numeric:tabular-nums;border-radius:999px;outline:none;margin-bottom:14px;padding:2px 10px;font-size:12.5px;display:inline-block}.blog-post .card .stack{gap:2px;height:14px;display:flex}.blog-post .card .seg{border-radius:4px;outline:none;transition:opacity .15s}.blog-post .card .stack:hover .seg:not(:hover){opacity:.55}.blog-post .seg.win{background:var(--accent)}.blog-post .key.win{background:var(--gradient)}.blog-post .seg.tie,.blog-post .key.tie{background:var(--tie)}.blog-post .seg.loss,.blog-post .key.loss{background:var(--other)}.blog-post .card .split{color:var(--faint);font-variant-numeric:tabular-nums;margin-top:9px;font-size:13px}.blog-post #tip{z-index:50;pointer-events:none;background:var(--blog-tooltip);color:var(--fg);border:1px solid var(--line);opacity:0;border-radius:10px;max-width:270px;padding:9px 12px;font-size:13px;line-height:1.5;transition:opacity .12s,transform .12s;position:fixed;transform:translateY(4px);box-shadow:0 8px 24px #00000073}.blog-post #tip.show{opacity:1;transform:none}.blog-post #tip b{margin-bottom:2px;font-weight:600;display:block}.blog-post #tip div{color:var(--text)}.blog-post .faq h3{letter-spacing:-.012em;color:var(--fg);margin:32px 0 8px;font-size:20px;font-weight:600;line-height:1.25}.blog-post .cta{margin:80px 0 0;padding:40px 40px 36px}.blog-post .cta h2{margin:0 0 10px}.blog-post .cta p{color:var(--card-muted);margin:0}.blog-post .cta .cta-button{background:var(--fg);color:var(--app-anything-black);border-radius:999px;align-items:center;gap:8px;margin-top:24px;padding:13px 22px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .15s;display:inline-flex}.blog-post .cta .cta-button:hover{transform:scale(1.04)}.blog-post .cta .cta-button:hover svg{transform:translate(2px)}.blog-post .cta .cta-button svg{transition:transform .15s}.blog-post .cta .cta-button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.blog-post .about{border-top:1px solid var(--border);color:var(--muted);margin-top:80px;padding-top:28px;font-size:14.5px}.blog-post .about h2{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0 0 12px;font-size:14px;font-weight:500}.blog-post .toc,.blog-post .toc-spacer{display:none}@media (min-width:1180px){.blog-post .page{grid-template-columns:180px minmax(0,860px) 180px;column-gap:24px}.blog-post .toc,.blog-post .toc-spacer{display:block}.blog-post .toc{align-self:start;margin-top:12px;font-size:13.5px;position:sticky;top:72px}.blog-post .toc p{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0 0 10px;font-size:12px;font-weight:500}.blog-post .toc ol{border-left:1px solid var(--border);margin:0;padding:0;list-style:none}.blog-post .toc a{color:var(--muted);border-left:2px solid #0000;margin-left:-1px;padding:5px 0 5px 12px;line-height:1.35;text-decoration:none;display:block}.blog-post .toc a:hover{color:var(--fg)}.blog-post .toc a.current{color:var(--fg);border-left-color:var(--green)}}@media (max-width:700px){.blog-post .grid2,.blog-post .grid3,.blog-post .stats{grid-template-columns:1fr}.blog-post figure.chart{padding:26px 20px 20px}.blog-post .cta{padding:28px 20px 24px}.blog-post .stat,.blog-post #chart-arrangements .card{padding:24px 22px 22px}.blog-post main{padding-top:4px}}@media (prefers-reduced-motion:reduce){.blog-post .bars .bar,.blog-post #tip,.blog-post .card .seg{transition:none}}.blog-post .hero{background:var(--blog-hero-ground) center 50% / cover no-repeat;--fade:linear-gradient(to bottom, #000 72%, transparent), linear-gradient(to right, transparent, #000 3%, #000 97%, transparent);width:100%;max-width:1600px;height:clamp(170px,47.6vw,762px);-webkit-mask-image:var(--fade);-webkit-mask-image:var(--fade);mask-image:var(--fade);-webkit-mask-composite:source-in;margin:0 auto;position:relative;overflow:hidden;-webkit-mask-composite:source-in;mask-composite:intersect}.blog-post .hero canvas{opacity:0;width:100%;height:100%;transition:opacity .4s;display:block;position:absolute;inset:0}.blog-post .hero canvas.ready{opacity:1}.blog-post .hero.still{background-image:var(--hero-still,none)}@media (scripting:none){.blog-post .hero{background-image:var(--hero-still,none)}}.blog-post .page{z-index:1;margin-top:calc(-1*clamp(80px,19vw,300px));position:relative}.blog-post h1{text-shadow:0 0 16px #0a0a0ad9,0 0 36px #0a0a0a99}.blog-post .eyebrow,.blog-post .toc p,.blog-post .toc a{text-shadow:0 0 3px var(--app-anything-black), 0 0 6px var(--app-anything-black), 0 0 10px var(--app-anything-black), 0 0 16px var(--app-anything-black), 0 0 26px var(--app-anything-black), 0 0 44px #0a0a0af2}.blog-post blockquote{color:var(--faint);border:0;margin:10px 4px 0;padding:0;font-size:14px;line-height:1.55}.blog-post blockquote p{margin:0}.blog-post blockquote strong{color:var(--muted);font-weight:600}.blog-post .lead p{margin:0}.blog-post .post-date{color:var(--faint);margin:0 0 18px;font-size:14px}.blog-post .post-back{margin-top:64px;font-size:15px}@media (max-width:700px){.blog-post .tabs{scrollbar-width:none;max-width:100%;overflow-x:auto}.blog-post .tabs::-webkit-scrollbar{display:none}.blog-post .tabs button{white-space:nowrap;padding:6px 10px;font-size:13px}}