/* CryptoWorld News landing on a phone (19 Oct 2026): linked with media="(max-width:560px)", so desktop never applies it. */

/* ---- phone.css ---- */
/* CWN landing on a phone (18 Oct 2026). The live pages, unchanged above 560 px. On a phone: the same look, sized for the
   screen (type, spacing, cards), nothing past the right edge, repeated blocks shown once, every fact kept. */
@media (max-width:560px){

/* ---------- shared ---------- */
main h1{font-size:28px!important;line-height:1.08!important;letter-spacing:-.03em!important}
main .page-lede,main .lede,main .gx-sub{font-size:15px!important;line-height:1.5!important}
/* one trial button: the header's "Free trial" is always on screen, so the floating blue pill goes on a phone
   (it sat on the back-to-top button and on the Signals / Whales section bar) */
.sticky-cta,#stickyCta{display:none!important}
.pcx .totop,.pxx .btt{right:12px!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;width:42px!important;height:42px!important}
.pxx:has(.rail) .btt{bottom:calc(70px + env(safe-area-inset-bottom))!important}
/* the "Back to the global map" chip sat above the hero; the phone's Back does the same */
main.lv3-main>a[aria-label="Back to the global map"]{display:none!important}
/* breadcrumbs above the hero go; a page's own sub-tabs stay as the one slim row */
.page-breadcrumb,main .crumb{display:none!important}

/* footer: 1,073 px of stacked columns -> three short columns */
.lv3-footer{margin-top:40px!important;padding:28px 18px 18px!important}
.lv3-footer .footer-inner{display:block!important}
.lv3-footer .footer-brand img{height:26px!important;width:auto!important}
.lv3-footer .footer-tag{font-size:13.5px!important;margin:8px 0 4px!important}
.lv3-footer .footer-co{font-size:12px!important;line-height:1.5!important;color:#7d8fa1!important}
.lv3-footer .footer-cols{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:18px 14px!important;margin-top:20px!important}
.lv3-footer .footer-col{min-width:0!important}
.lv3-footer .footer-col h2{font-size:11px!important;margin:0 0 6px!important}
.lv3-footer .footer-col a{display:block!important;font-size:13px!important;line-height:1.35!important;padding:4px 0!important;margin:0!important;white-space:normal!important}
.lv3-footer .footer-bottom{display:block!important;margin-top:18px!important;padding-top:12px!important;font-size:11.5px!important;line-height:1.5!important}
.lv3-footer .footer-bottom span{display:block!important}

/* ---------- menu (phone sheet) ---------- */
/* News and Global Map were listed twice (Explore and In the app, same pages) */
.mmx .srow[data-k="news"],.mmx .srow[data-k="news"]+.sx,.mmx .srow[data-k="global"],.mmx .srow[data-k="global"]+.sx{display:none!important}
.mmx .srow{min-height:46px!important;padding:6px 10px!important;font-size:15.5px!important;gap:11px!important}
.mmx .srow i{width:30px!important;height:30px!important;border-radius:9px!important}
.mmx .srow small{font-size:12px!important}
.mmx .sgrp{padding:10px 4px 4px!important}
.mmx .sx .pvm{padding:8px 6px 12px!important;gap:10px!important}
/* previews: price rows fit (the 24h move was cut at the edge), shares in two columns (names ran into the next logo),
   compare pairs one per line (names were cut), map key on one line */
.mmx .board .wr{grid-template-columns:24px minmax(0,1fr) auto 52px 58px!important;gap:8px!important;font-size:13px!important}
.mmx .board .wr>span:nth-child(2){min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mmx .board .wr .nm2{font-size:12px!important;margin-left:4px!important}
.mmx .board .wr .spk{width:52px!important;height:22px!important}
.mmx .share{grid-template-columns:1fr 1fr!important;gap:8px 18px!important}
.mmx .mgrid{grid-template-columns:1fr!important;gap:6px!important}
.mmx .mc{padding:9px 12px!important;grid-template-columns:auto 1fr auto!important;grid-template-rows:auto!important}
.mmx .mc .pair{grid-row:auto!important}
.mmx .mc b{font-size:14px!important;white-space:normal!important}
.mmx .mkey{flex-wrap:wrap!important;gap:4px 14px!important;font-size:12px!important}
.mmx .mkey span[style*="margin-left:auto"]{margin-left:0!important;width:100%;color:var(--dim)}
.mmx .rr{grid-template-columns:22px minmax(0,1fr) 1fr 30px!important;gap:8px!important}
.mmx .pv h4{font-size:15px!important}
/* a rolled figure: the point and the narrow 1 no longer sit in a full digit's width (phone.js sizes each cell) */
.rdw>span:not(.rd){font-variant-numeric:proportional-nums}

/* ---------- home ---------- */
#globeHero .gx-wrap{padding-bottom:22px!important}
#globeHero .gx-kick{font-size:10.5px!important;letter-spacing:.12em!important;margin-bottom:10px!important}
#globeHero h1{font-size:30px!important}
#globeHero .gx-sub{margin-top:10px!important;font-size:14.5px!important}
#globeHero .gx-btns{margin-top:16px!important;gap:8px!important}
#globeHero .gx-gobtn{padding:13px 18px!important;font-size:15px!important}
#globeHero .gx-proof{margin-top:16px!important;gap:12px 16px!important}
#globeHero .hero-whoosh{margin-top:14px!important}
/* free coin pages: the strip ran edge to edge with no gutter */
.home-coin-pills{padding:14px 20px 10px!important}
.home-coin-pills .hcp-scope{font-size:11.5px!important;margin-top:8px!important}
#gxDeck,#slDemo{padding:26px 0!important}
#gxDeck .gxd-lead,#slDemo .sld-lead{font-size:14.5px!important;margin-bottom:16px!important}
#gxDeck h2,#slDemo h2,#free-brief h2,#pricing h2{font-size:24px!important;line-height:1.12!important}
/* live data feeds: 25 names in two loose columns -> three tight ones */
.src-strip{padding:22px 16px 26px!important}
.src-strip .src-logos{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px 8px!important;justify-items:start!important}
.src-strip .src-logos>*{font-size:12.5px!important;gap:6px!important;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.src-strip .src-logos img{width:16px!important;height:16px!important}
#free-brief{padding:22px 16px!important}
#free-brief .fbb-card{padding:22px 16px!important}
#free-brief .fbb-sub{font-size:14.5px!important}
/* pricing: three cards each printed the same 8-line feature list (2,075 px); the list now prints once, on the
   founder card, and the later cards say so */
#pricing{padding:26px 16px!important}
#pricing .pricing-intro{font-size:15px!important}
#pricing .sc-editorial{font-size:14.5px!important;padding:0!important}
#pricing .pc{padding:18px 16px!important}
#pricing .pc-price{font-size:36px!important}
#pricing .pc-wrap{gap:14px!important}
#pricing .pc--locked .pc-features{display:none!important}
#pricing .pc--locked::after{content:"Everything listed in the founder plan above.";display:block;margin-top:12px;font-size:13px;color:#8ba0b3}
.founder-quote-section{padding:36px 20px!important}
.founder-quote-section .fq-blockquote p{font-size:16px!important;line-height:1.6!important}
.oxford-card{padding:16px!important}
/* night-earth footer band: 658 px of mostly empty planet -> a band the brand line fits in */
.lv3-footer-globe{padding:24px 16px 18px!important}
.lv3-footer-globe .nf-stage{min-height:300px!important;height:300px!important}
.lv3-footer-globe .nf-inner{padding-top:44px!important}
.lv3-footer-globe .nf-links{padding:26px 16px 20px!important}
.lv3-footer-globe .nf-grid{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:18px 12px!important}
.lv3-footer-globe .nf-col a{font-size:13px!important;padding:3px 0!important}
}
@media (max-width:560px){
/* locked plans: their feature list is the founder plan's, said in their own note line */
#pricing .pc--locked::after{content:""!important;display:block!important;margin:0!important;position:absolute!important}
#pricing .pc--locked .pc-note::after{content:" Every feature in the founder plan above.";color:#8ba0b3}
#pricing .pc-btn--locked{height:38px!important;padding:8px!important}
/* menu: the three Learn links sit side by side */
.mmx a.srow[href="/what-is-cryptoworld-news"],.mmx a.srow[href="/how-to-use"],.mmx a.srow[href="/inside"]{display:inline-flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;
  width:calc(33.33% - 2px)!important;vertical-align:top;min-height:54px!important;padding:6px 8px!important;font-size:14.5px!important;gap:0!important;line-height:1.2}
.mmx a.srow[href="/what-is-cryptoworld-news"] i,.mmx a.srow[href="/how-to-use"] i,.mmx a.srow[href="/inside"] i,
.mmx a.srow[href="/what-is-cryptoworld-news"] .ch,.mmx a.srow[href="/how-to-use"] .ch,.mmx a.srow[href="/inside"] .ch{display:none!important}
/* live data feeds: names fit their column */
.src-strip .src-logos>*{font-size:12px!important;white-space:normal!important;line-height:1.2}
/* the demo: on a phone the full-screen demo is the usable one, so its button leads and the tiny embedded player goes */
#slDemo .sld-embed{display:none!important}
#slDemo .sld-inner>a{display:flex!important;align-items:center;justify-content:center;height:50px;margin-top:4px;border-radius:14px;border:1px solid rgba(58,214,197,.6);
  background:linear-gradient(180deg,rgba(58,214,197,.14),rgba(8,30,32,.5));color:#fff!important;font-weight:700;font-size:15px}
}
@media (max-width:560px){
/* rolled figures in prose: the comma and point take their own width ("$3 , 788" -> "$3,788") */
span:has(> .rd) > span:not(.rd){font-variant-numeric:proportional-nums}

/* ---------- pricing pages (Comparison / vs Free Tools / Who it's for) ---------- */
.pcx #view.wrap{padding-bottom:40px!important}
.pcx .top{margin-bottom:12px!important}
.pcx .phero{gap:18px!important}
.pcx .phero .lede{margin-top:8px!important}
.pcx .ctas{gap:8px!important}
.pcx .sec{margin-top:30px!important}
.pcx .sh h2,.pcx .sec>h2,.pcx h2{font-size:22px!important;line-height:1.15!important}
.pcx .sh .pre,.pcx .pre{font-size:14.5px!important}
/* vs Free: the window picture */
.pcx .win .wbody{height:220px!important;min-height:0!important}
.pcx .win .st{padding:10px!important}.pcx .win .st b{font-size:21px!important}
/* 30 of 40: the 40 pips ran 600 px past the edge -> two rows of 20 */
.pcx .t4top{padding:14px 16px!important}
.pcx .t4n{flex-wrap:wrap!important;max-width:100%!important;font-size:38px!important}
.pcx .t4top .pips,.pcx .t4n .pips{display:grid!important;grid-template-columns:repeat(20,minmax(0,1fr))!important;gap:3px!important;width:100%!important;flex-basis:100%}
.pcx .t4top .pips i,.pcx .t4n .pips i{width:auto!important}
.pcx .t4leg{max-width:100%!important;flex-wrap:wrap!important}
/* the 40 tools: tighter rows; a group opens on a tap and shows its counts while closed (phone.js) */
.pcx .t4g{padding:4px 4px 4px!important;margin-top:10px!important}
.pcx .t4g h3{display:flex!important;align-items:center;gap:8px;padding:12px 10px!important;margin:0!important;cursor:pointer;min-height:48px}
.pcx .t4g h3 .gc{margin-left:auto;font:600 12px/1.2 inherit;letter-spacing:0;text-transform:none;color:#8ba0b3;text-align:right}
.pcx .t4g h3 .gc b{color:var(--teal,#1FD8C4);font-weight:800}
.pcx .t4g h3 svg{flex:none;width:14px;height:14px;transition:transform .25s}
.pcx .t4g.op h3 svg{transform:rotate(180deg)}
.pcx .t4g.cl .t4r{display:none!important}
.pcx .t4r{padding:9px 8px!important;column-gap:10px!important}
.pcx .t4r img{width:26px!important;height:26px!important}
.pcx .t4r b{font-size:14.5px!important}
.pcx .t4r .u{font-size:12.5px!important}
.pcx .t4s{font-size:11px!important;padding:3px 8px!important}
.pcx .t4h{font-size:13.5px!important;line-height:1.45!important}
.pcx .t4h.nada{display:none!important}   /* "We don't do this" = the row's own "Not us" */
.pcx .tb2{font-size:10.5px!important}
/* five side by side */
.pcx .vt{gap:14px!important}
.pcx .vt p,.pcx .vt .free,.pcx .vt .here{font-size:14px!important;line-height:1.5!important}
/* Comparison */
.pcx .ad{padding:12px 14px!important;gap:10px!important}
.pcx .ad p{font-size:13.5px!important;line-height:1.5!important}
.pcx .bento{gap:10px!important}
.pcx .bento>*{padding:16px!important}
.pcx .bento p{font-size:14px!important}
}
@media (max-width:560px){
/* ---------- Global Map ---------- */
/* the map box: shorter, so the whole world fits the width (it opened on Europe and Africa with the US off-screen) */
.cwn-geo-stage.mapview,.cwn-geo-stage.is-mobile{height:500px!important;min-height:0!important}
.cwn-geo-stage .leaflet-container{background:#05080d!important}
/* the replay's headline card sat on the map; the stories are in the Wire tab and the region cards below */
.cwn-geo-stage .rp-chip{display:none!important}
.cwn-geo-stage .top{padding:10px 10px 0!important;gap:8px!important;flex-wrap:wrap}
.cwn-geo-stage .heatmode{width:100%;justify-content:space-between}
.cwn-geo-stage .heatmode .hm-opt{font-size:12px!important;padding:6px 8px!important;flex:1;justify-content:center}
.cwn-geo-stage .layers{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;scrollbar-width:none;margin-left:0!important;
  -webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
.cwn-geo-stage .layers::-webkit-scrollbar{display:none}
.cwn-geo-stage .layers button{font-size:11.5px!important;padding:6px 10px!important;flex:none}
.cwn-geo-stage .mtabs button{font-size:12.5px!important}
.cwn-geo-stage #mkey .mkey-txt{font-size:11px!important}
/* under the map */
.g2{padding:22px 16px 40px!important}
.g2 .g2-lead{font-size:15px!important;line-height:1.55!important;margin-bottom:6px!important}
.g2 .g2-sect{margin-top:28px!important}
.g2 h2{font-size:22px!important}
.g2 .g2-rf{padding:16px!important}
.g2 .g2-rf h3{font-size:18px!important}
.g2 .g2-n b{font-size:28px!important}
.g2 .g2-n span{white-space:nowrap}
.g2 .g2-h b{font-size:14.5px!important;line-height:1.35!important}
.g2 .g2-h{padding:8px 0!important}
.g2 .g2-feat{gap:10px!important}
.g2 .g2-rows a,.g2 .g2-r{min-height:48px!important;padding-top:8px!important;padding-bottom:8px!important}
.g2 .g2-cats{gap:10px!important}
.g2 .g2-cats>*{padding:14px 16px!important}
.g2 .g2-wb{padding:18px 16px!important}
.g2 .g2-faq summary,.g2 .g2-faq button{font-size:15px!important}
}
@media (max-width:560px){
.pcx .t4g.cl,.pcx .t4g.op{opacity:1!important;transform:none!important;filter:none!important}
.pcx .t4g h3{font-size:12px!important;line-height:1.25}
.pcx .t4g h3 .gc{white-space:nowrap;font-size:11.5px}
}
@media (max-width:560px){
/* ---------- Signals / Whales (the product pages) ---------- */
.pxx #view.wrap{padding-bottom:84px!important}
.pxx .sg-h{padding:18px 16px 16px!important}
.pxx .sg-h .lede{font-size:14.5px!important;line-height:1.5!important}
.pxx .h2,.pxx h2{font-size:23px!important;line-height:1.12!important}
.pxx .sub{font-size:14.5px!important;line-height:1.5!important}
.pxx .sec{margin-top:30px!important}
/* the coin list: 12 rows, then the page's own "Show all" (phone.js keeps it in step); the name gets its own line */
.pxx #rows:not(.all) .br:nth-child(n+13){display:none!important}
.pxx .br{min-height:54px!important;height:auto!important;padding:6px 12px!important}
.pxx .br .id{display:grid!important;grid-template-columns:28px minmax(0,1fr);column-gap:10px;align-items:center;min-width:0}
.pxx .br .id img{grid-row:1/3;width:28px!important;height:28px!important}
.pxx .br .id b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14.5px!important;max-width:none!important}
.pxx .br .id i{grid-column:2;font-size:11.5px!important;line-height:1.2;margin:0!important;font-style:normal}
.pxx .br .chip{font-size:12px!important;padding:3px 7px!important}
.pxx .find{height:50px!important}
/* proof cards */
.pxx .mo{padding:14px!important}
.pxx .mo .out b{font-size:28px!important}
/* the ten inputs: the text runs the full width beside a floated number and icon */
.pxx .inl{padding:2px 12px!important}
.pxx .inr{display:block!important;padding:14px 4px!important}
.pxx .inr .k{float:left;width:24px;padding-top:9px!important}
.pxx .inr .ic{float:left;margin:0 10px 4px 0}
.pxx .inr>div{display:block!important}
.pxx .inr b{display:block;padding-top:7px;font-size:15px!important}
.pxx .inr p{clear:left;margin-top:8px!important;font-size:13.5px!important;line-height:1.5!important}
}
@media (max-width:560px){
/* swipe rows: a stack of same-shaped cards becomes one row you swipe; the next card peeks in at the edge */
#proof .pf,.g2 .g2-feat,.g2 .g2-cats{display:flex!important;flex-direction:row!important;gap:10px!important;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;
  scrollbar-width:none;margin-left:-16px!important;margin-right:-16px!important;padding:2px 16px 6px!important;scroll-padding:0 16px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 22px),transparent)}
#proof .pf::-webkit-scrollbar,.g2 .g2-feat::-webkit-scrollbar,.g2 .g2-cats::-webkit-scrollbar{display:none}
#proof .pf>*,.g2 .g2-feat>*{flex:0 0 86%!important;max-width:86%!important;scroll-snap-align:start;margin:0!important}
.g2 .g2-cats>*{flex:0 0 78%!important;max-width:78%!important;scroll-snap-align:start;margin:0!important}
.swp{display:flex;justify-content:space-between;align-items:center;margin:6px 2px 0;font:600 12px/1 inherit;color:#7d8fa1}
.swp b{color:#fff;font-weight:800}
}
@media (max-width:560px){
#pricing .pc-wrap{display:flex!important;flex-direction:row!important;align-items:stretch;gap:10px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  margin:0 -16px!important;padding:16px 16px 6px!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 22px),transparent)}
#pricing .pc-wrap::-webkit-scrollbar{display:none}
#pricing .pc-wrap>.pc{flex:0 0 86%!important;max-width:86%!important;scroll-snap-align:start;margin:0!important}
}
@media (max-width:560px){
/* a big settled figure ("$6.40B") is plain text in tabular figures, where the point takes a digit's width: "$6 . 40B" */
main .big,main .big *{font-variant-numeric:proportional-nums!important}
}

/* ---- slim.css ---- */
/* CWN on a phone, v4 (18 Oct 2026, his "the sub tabs, the data on them are still too blocky and chunky").
   After phone.css. The data reads as text on the page: hairline rows instead of boxes inside boxes, icons without tiles,
   coloured words instead of filled chips, lighter weights. One soft card is kept only where cards are swiped. */
@media (max-width:560px){
:root{--sl-line:rgba(255,255,255,.075);--sl-mut:#93a3b1;--sl-dim:#6d7e8d}

/* ---------- type: lighter, calmer ---------- */
main h1{font-weight:800!important;letter-spacing:-.035em!important}
main h2,main .h2{font-weight:800!important;font-size:24px!important;letter-spacing:-.03em!important}
main h3{font-weight:700!important}
main .lede,main .sub,main .pre,main p{font-weight:400!important}
main .chip{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;font-weight:700!important}
main .eb{font-weight:600!important;font-size:13px!important}

/* ---------- menu: our sliding tab bar, then plain text rows that open the page ---------- */
.mmx .srow i,.mmx .srow .ch{display:none!important}
.mmx .srow,.mmx a.srow[href="/what-is-cryptoworld-news"],.mmx a.srow[href="/how-to-use"],.mmx a.srow[href="/inside"]{display:block!important;width:auto!important;
  min-height:0!important;padding:9px 6px!important;border-radius:0!important;background:none!important;box-shadow:none!important;font:600 17px/1.25 'Satoshi',sans-serif!important;color:#f1f5f8!important;text-align:left}
.mmx .srow small{display:block!important;margin-top:2px!important;font:400 13.5px/1.3 'Satoshi',sans-serif!important;color:var(--sl-mut)!important}
.mmx .srow[aria-expanded="true"]{background:none!important}
.mmx .sx{display:none!important}
.mmx .sgrp{padding:18px 6px 2px!important;font:600 12.5px 'Satoshi',sans-serif!important;color:var(--sl-dim)!important}
.mmx .sbody{padding-top:0!important}

/* ---------- Signals ---------- */
.pxx section.hc{background:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
.pxx section.hc::before,.pxx section.hc::after{display:none!important}
.pxx .sg-h{padding:6px 0 0!important}
.pxx .eng{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:18px!important;row-gap:0!important}
.pxx a.nd{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:10px 0!important;border-bottom:1px solid var(--sl-line)!important;
  min-height:0!important;font:500 14px 'Satoshi',sans-serif!important;color:#dfe7ee!important;gap:8px!important}
.pxx a.nd .ic{background:none!important;box-shadow:none!important;width:16px!important;height:16px!important;color:var(--nc)!important;flex:none}
.pxx a.nd .ic svg{width:16px!important;height:16px!important}
.pxx .board{background:none!important;box-shadow:none!important;border-radius:0!important;border-top:1px solid var(--sl-line)}
.pxx .board .br{border-bottom:1px solid var(--sl-line)!important;padding-left:0!important;padding-right:0!important;background:none!important}
.pxx .board .br .n{font-weight:500!important;color:var(--sl-dim)!important}
.pxx .board .br .pr{font-weight:700!important}
.pxx label.find{background:none!important;box-shadow:none!important;border-radius:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;padding:0 2px!important}
.pxx #more button{background:none!important;box-shadow:none!important;border:0!important;color:var(--teal,#1FD8C4)!important;font-weight:600!important;padding:0!important}
.pxx article.mo{background:rgba(255,255,255,.022)!important;box-shadow:0 0 0 1px var(--sl-line) inset!important;border-radius:18px!important}
.pxx article.mo .out b{font-size:26px!important;font-weight:800!important}
.pxx article.mo .pl,.pxx article.mo .side{background:none!important;box-shadow:none!important;padding:0!important;border:0!important}
.pxx .inl{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.pxx .inr{border-bottom:1px solid var(--sl-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important;padding:14px 0!important}
.pxx .inr .ic{background:none!important;box-shadow:none!important;width:18px!important;height:18px!important;color:var(--nc)!important;margin:8px 10px 0 0!important}
.pxx .inr .k{font-weight:500!important;color:var(--sl-dim)!important}
.pxx .tm,.pxx .ins{background:none!important;box-shadow:none!important;border-radius:0!important;padding:18px 0 0!important;border-top:1px solid var(--sl-line)!important}
.pxx .ins i{display:none!important}
.pxx .tm .zkey>div{background:none!important;box-shadow:none!important;border-radius:0!important;padding:10px 0!important;border-bottom:1px solid var(--sl-line)!important}

/* ---------- Whale tracker ---------- */
.pxx section.subx,.pxx section.box{background:none!important;box-shadow:none!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}
.pxx section.subx::before,.pxx section.box::before,.pxx section.subx::after,.pxx section.box::after{display:none!important}
.pxx .wf .big{font-size:46px!important;font-weight:800!important}
.pxx .pitch{padding:0!important;background:none!important}
.pxx .what{background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;margin-top:26px!important}
.pxx a.lr{background:none!important;box-shadow:none!important;border-radius:0!important;padding:13px 0!important;border-bottom:1px solid var(--sl-line)!important;font-weight:500!important}
.pxx a.lr .ic,.pxx .see a .ic{background:none!important;box-shadow:none!important;width:18px!important;height:18px!important}
.pxx a.cr{background:none!important;box-shadow:none!important;border-radius:0!important;padding:11px 0!important;border-bottom:1px solid var(--sl-line)!important}
.pxx a.cr .bar{height:4px!important}
.pxx .see{background:none!important;box-shadow:none!important;border-radius:0!important;border-top:1px solid var(--sl-line)}
.pxx .see a{background:none!important;padding:14px 0!important;border-bottom:1px solid var(--sl-line)!important;font-weight:600!important}
.pxx div.faq{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.pxx div.note{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:16px 0!important;border-top:1px solid var(--sl-line)!important;border-bottom:1px solid var(--sl-line)!important}
.pxx div.note .m{background:none!important;box-shadow:none!important;color:#f6c143!important;width:auto!important;height:auto!important;font-size:15px!important}
.pxx .frost{border-radius:6px!important}

/* ---------- Global Map ---------- */
.g2 article.g2-rf,.g2 a.g2-cat{background:rgba(255,255,255,.022)!important;box-shadow:0 0 0 1px var(--sl-line) inset!important;border-radius:18px!important}
.g2 article.g2-rf::before,.g2 article.g2-rf::after,.g2 a.g2-cat::before,.g2 a.g2-cat::after{display:none!important}
.g2 .g2-rf h3{font-size:17px!important}
.g2 .g2-n b,.g2 .g2-cn b{font-size:24px!important;font-weight:800!important}
.g2 .g2-med{width:40px!important;height:40px!important;box-shadow:none!important}
.g2 .g2-rows{background:none!important;box-shadow:none!important;border-radius:0!important;border-top:1px solid var(--sl-line)}
.g2 .g2-rows a{border-bottom:1px solid var(--sl-line)!important;padding-left:0!important;padding-right:0!important}
.g2 .g2-wb{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.g2 .g2-wh b{font-size:40px!important;font-weight:800!important}
.g2 .g2-comp{height:8px!important;border-radius:4px!important}
.g2 .g2-comp span{display:none!important}
.g2 .g2-tcs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 18px!important;border-top:1px solid var(--sl-line)}
.g2 a.g2-tc{background:none!important;box-shadow:none!important;border-radius:0!important;padding:10px 0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;border-bottom:1px solid var(--sl-line)!important}
.g2 a.g2-tc img{width:20px!important;height:20px!important;margin:0!important}
.g2 a.g2-tc span{margin-left:auto!important;font-weight:600!important}
.g2 .g2-dests{display:block!important;border-top:1px solid var(--sl-line)}
.g2 a.g2-dest{display:grid!important;grid-template-columns:1fr auto!important;column-gap:12px;background:none!important;box-shadow:none!important;border-radius:0!important;padding:14px 0!important;border-bottom:1px solid var(--sl-line)!important;min-height:0!important}
.g2 a.g2-dest .g2-di{display:none!important}
.g2 a.g2-dest b{grid-column:1;font-size:16px!important}
.g2 a.g2-dest .g2-df{grid-column:1;font-weight:600!important;font-size:14px!important}
.g2 a.g2-dest .g2-dl{grid-column:1;font-size:13px!important}
.g2 a.g2-dest .g2-da{grid-column:2;grid-row:1/4;align-self:center}
.g2 .g2-coins{gap:4px 16px!important}
.g2 .g2-coins a{background:none!important;box-shadow:none!important;border:0!important;padding:4px 0!important;height:auto!important}
.g2 .g2-faq .g2-fql,.g2 .g2-faq .g2-fa{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.g2 .g2-faq .g2-fth{display:none!important}
.g2 .g2-faq .g2-fa{padding-bottom:14px!important;border-bottom:1px solid var(--sl-line)!important;margin-bottom:6px}
.g2 section.g2-cta{background:none!important;box-shadow:none!important;border-radius:0!important;padding:26px 0 0!important;border-top:1px solid var(--sl-line)!important}

/* ---------- Pricing pages ---------- */
.pcx .t4top{background:none!important;box-shadow:none!important;border-radius:0!important;padding:4px 0 0!important}
.pcx .t4g{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin-top:0!important;border-top:1px solid var(--sl-line)}
.pcx .t4g:last-of-type{border-bottom:1px solid var(--sl-line)}
.pcx .t4g h3{padding:14px 0!important;font:700 14.5px 'Satoshi',sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#f1f5f8!important}
.pcx .t4r{background:none!important;box-shadow:none!important;border-radius:0!important;padding:12px 0!important;border-top:1px solid var(--sl-line)!important}
.pcx .t4r .n{display:none!important}
.pcx .t4s{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;font-weight:700!important}
.pcx .tb2{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;color:#6d7e8d!important;font-weight:500!important}
.pcx .tb2::before{content:"· "}
.pcx p.t4dont{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:16px 0 0!important;font-weight:400!important;color:var(--sl-mut)!important}
.pcx .vt{display:block!important}
.pcx .vt .vr{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}
.pcx .vt .vr::before,.pcx .vt .vr::after{display:none!important}
.pcx .vt .vr.tool{display:flex!important;align-items:center;gap:10px;padding-top:22px!important;margin-top:4px;border-top:1px solid var(--sl-line)!important}
.pcx .vt .vr.tool .n{display:none!important}
.pcx .vt .vr.tool .lg{width:24px!important;height:24px!important}
.pcx .vt .vr.free p{margin:10px 0 0!important;color:var(--sl-mut)!important;font-size:14.5px!important}
.pcx .vt .vr.here p{margin:10px 0 0!important;color:#eef3f6!important;font-size:14.5px!important}
.pcx .vt .vr.free p::before{content:"Free tools  ";color:#6d7e8d;font-weight:600}
.pcx .vt .vr.here p::before{content:"CryptoWorld News  ";color:var(--teal,#1FD8C4);font-weight:600}
.pcx .vt .vr.here .fig{font-weight:600!important}
.pcx .ad{border-radius:0!important;background:none!important}
.pcx .adds,.pcx .bento>*{background:none!important;box-shadow:none!important;border-radius:0!important}
.pcx .bento>*{border-top:1px solid var(--sl-line)!important;padding:18px 0!important}
.swp{font-weight:500!important}
.swp b{font-weight:700!important}
}
@media (max-width:560px){
.pxx .ins{display:block!important}
.pxx .ins p{max-width:none!important}
.pxx .tm{overflow:visible!important}
.pxx .tm .zkey{margin-left:0!important;margin-right:0!important;width:auto!important}
.pxx .tm .zkey>div{margin:0!important}
.pxx a.lr .ic svg,.pxx .see a .ic svg{width:16px!important;height:16px!important}
.pxx a.lr .ic,.pxx .see a .ic{display:grid!important;place-items:center;flex:none}
.rdw .rg,.rdw>span:not(.rd){font-variant-numeric:proportional-nums!important}
.pxx div.note{display:block!important}
.pxx div.note .m{display:none!important}
.pcx .vt .vr.free p::before,.pcx .vt .vr.here p::before{display:block;font-size:12px;margin-bottom:3px}
.pcx .win .wbar{display:none!important}
}

/* ===== round 2 (18 Oct 22:4x, his "you are wasting valuable screen space by putting a title and explaining the title
   underneath it" + "some of the things are too blocky"): explainers fold into a "?" by the title, eyebrows go ===== */
@media (max-width:560px){
main .eb,main .section-label,.pcx .tv .pill,.pxx .tv .pill{display:none!important}
.g2 .g2-lead{display:none!important}              /* the same words are the map FAQ's first answer */
.qx-p{display:none!important}
.qx-p.qx-on{display:block!important;margin-top:10px!important;animation:qxin .25s ease both}
@keyframes qxin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.qx{position:relative;display:inline-grid!important;place-items:center;width:22px;height:22px;margin:0 0 0 8px;padding:0;vertical-align:.32em;border-radius:50%;
  border:1px solid rgba(255,255,255,.2);background:none;color:#93a3b1;font:700 12px/1 'Satoshi',sans-serif;letter-spacing:0;-webkit-text-fill-color:#93a3b1}
.qx::before{content:"";position:absolute;inset:-11px}
.qx.on{border-color:var(--teal,#1FD8C4);color:var(--teal,#1FD8C4);-webkit-text-fill-color:var(--teal,#1FD8C4)}
main h1 .qx{vertical-align:.55em}
.swp{margin-top:2px!important;font-size:11.5px!important}

/* ---------- Compare ---------- */
.pxx section.duel,.pcs section.duel,section.duel{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;display:grid!important;gap:6px!important;grid-template-columns:1fr!important}
section.duel .slot{height:54px!important;min-height:0!important;padding:0 12px!important;gap:10px!important;border-radius:14px!important;width:100%!important}
section.duel .slot img{width:26px!important;height:26px!important}
section.duel .slot .nm b{font-size:15.5px!important;font-weight:700!important}
section.duel .slot .nm span{font-size:12.5px!important}
section.duel .vs{justify-self:center;width:30px!important;height:30px!important;margin:-15px 0!important;z-index:3;font-size:11px!important;background:#0b1015!important;box-shadow:0 0 0 1px rgba(255,255,255,.12)!important}
section.duel .vs svg{display:none!important}
section.duel .go{height:50px!important;min-height:0!important;margin-top:6px!important;font-size:16px!important;border-radius:14px!important}
section.duel .go .kc{display:none!important}
.mgrid{display:block!important;border-top:1px solid var(--sl-line)}
a.mc{display:grid!important;grid-template-columns:1fr 72px;column-gap:12px;align-items:center;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;
  padding:11px 0!important;border-bottom:1px solid var(--sl-line)!important;min-height:0!important;transform:none!important}
a.mc .top{grid-column:1;display:flex!important;align-items:center;gap:10px}
a.mc .pair img{width:22px!important;height:22px!important}
a.mc b{font-size:15px!important;font-weight:700!important}
a.mc>svg{grid-column:2;grid-row:1/3;width:72px!important;height:28px!important;margin:0!important}
a.mc .mv{grid-column:1;display:flex!important;gap:14px;margin-top:3px!important;font-size:12.5px!important}
section.h2h{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}
p.read{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}
div.sig{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:16px 0 0!important;border-top:1px solid var(--sl-line)!important}

/* ---------- Prices: the three movers as rows ---------- */
.movers{display:block!important;border-top:1px solid var(--sl-line)}
a.mv{display:grid!important;grid-template-columns:minmax(0,1fr) 64px auto;grid-template-areas:"k k k" "id sp row";column-gap:12px;row-gap:4px;align-items:center;
  background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:12px 0!important;border-bottom:1px solid var(--sl-line)!important;min-height:0!important}
a.mv::before,a.mv::after{display:none!important}
a.mv .k{grid-area:k;font-size:12px!important;font-weight:600!important}
a.mv .id{grid-area:id;min-width:0}
a.mv .id img{width:26px!important;height:26px!important}
a.mv .id b{font-size:15px!important}
a.mv .row{grid-area:row;display:flex!important;flex-direction:column;align-items:flex-end;gap:2px;margin:0!important}
a.mv .row .p{font-size:16px!important;font-weight:700!important}
a.mv>svg{grid-area:sp;width:64px!important;height:26px!important;margin:0!important}

/* ---------- News ---------- */
section.tnow,section.ixc,section.faq{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}
div.lead{padding:14px!important;border-radius:16px!important;box-shadow:0 0 0 1px var(--sl-line) inset!important}
div.lead .big{font-size:24px!important;font-weight:800!important}
div.lead .who img{width:34px!important;height:34px!important}
div.lead .who b{font-size:20px!important}
div.lead .sc,div.lead .dv,.tnow .sc,.tnow .dv{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;margin-right:10px}
div.lg{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:12px 0!important;border-top:1px solid var(--sl-line)!important}
div.lg .lc{gap:0 16px!important}
a.cc{background:none!important;box-shadow:none!important;border:0!important;padding:5px 0!important;height:auto!important;min-height:0!important}
nav.nxb{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;border-top:1px solid var(--sl-line)}
nav.nxb .nx{padding:13px 0!important;border-bottom:1px solid var(--sl-line)!important;background:none!important}
nav.nxb .ic{background:none!important;box-shadow:none!important;width:18px!important;height:18px!important}

/* ---------- Charting ---------- */
section.wb,section.tv{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}
section.wb button.f{padding:14px!important;background:none!important;box-shadow:0 0 0 1px var(--sl-line) inset!important;border:0!important;border-radius:16px!important}
section.wb button.f[aria-pressed=true]{box-shadow:0 0 0 1px rgba(31,216,196,.45) inset!important}
section.wb button.f .ic{background:none!important;box-shadow:none!important;width:18px!important;height:18px!important}
section.wb button.f b{font-size:15px!important;font-weight:700!important}
section.wb button.f .s{font-size:13.5px!important;line-height:1.45!important}
section.wb .hi{display:none!important}

/* ---------- Comparison ---------- */
div.bill{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}
div.bill::before,div.bill::after{display:none!important}
div.bill .big{font-size:40px!important;font-weight:800!important}
div.bill .usrow{padding:12px 14px!important}
div.hcard,div.hus{padding:14px!important;background:rgba(255,255,255,.02)!important;box-shadow:0 0 0 1px var(--sl-line) inset!important;border-radius:16px!important}
section.close{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:20px 0 0!important;border-top:1px solid var(--sl-line)!important}

/* ---------- Signals / Whales heroes ---------- */
.pxx .sidepick .seg{height:42px!important}
.pxx .sidepick .seg button,.pxx .sidepick .seg .th{height:36px!important}
.pxx .eng>svg{grid-column:1/-1;justify-self:center;width:210px!important;height:auto!important;max-height:210px}
.pxx .wf .big{font-size:40px!important;font-weight:700!important}

/* ---------- Global Map region cards ---------- */
.g2 article.g2-rf{padding:14px!important}
.g2 .g2-med{width:34px!important;height:34px!important}
.g2 .g2-rf h3{font-size:16px!important}
.g2 .g2-n b{font-size:22px!important}
.g2 .g2-h b{font-size:14px!important;font-weight:600!important}
.g2 .g2-h{padding:6px 0!important}
.g2 .g2-go{font-size:13.5px!important}
}
@media (max-width:560px){
main .qx,main h1 .qx,main h2 .qx{display:inline-grid!important;place-items:center!important;width:22px!important;height:22px!important;margin:0 0 0 8px!important;padding:0!important;
  border-radius:50%!important;border:1px solid rgba(255,255,255,.2)!important;background:none!important;box-shadow:none!important;
  font:700 12px/1 'Satoshi',sans-serif!important;letter-spacing:0!important;color:#93a3b1!important;-webkit-text-fill-color:#93a3b1!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;text-shadow:none!important}
main .qx.on{border-color:#1FD8C4!important;color:#1FD8C4!important;-webkit-text-fill-color:#1FD8C4!important}
/* the coverage line under the whale tracker: a small facts line, not a paragraph of headline type */
.pxx p.covp{font-size:13.5px!important;line-height:1.55!important;color:#93a3b1!important}
.pxx p.covp b,.pxx p.covp .v{font-size:13.5px!important;font-weight:700!important;color:#e6edf2!important}
}
@media (max-width:560px){
/* vs Free: the window picture was a 330 px box, mostly empty, repeating five counts the rows below already print */
.pcx .wt+div:has(.win),.pcx div:has(>#win){display:none!important}
}

/* ===== round 3 (19 Oct 05:2x, his "word salad", "you don't need the coin count here", "this needs some colour",
   "you don't need a title then another sub title") ===== */
@media (max-width:560px){
/* search bars: no "471 of 471" and no "/" key on a phone */
main label.find .cnt,main label.find .kc,main .find .cnt,main .find .kc{display:none!important}
/* Go deeper: one line per place, its live figure in colour, no description */
.g2 a.g2-dest{grid-template-columns:22px 1fr auto!important;column-gap:12px!important;padding:13px 0!important}
.g2 a.g2-dest .g2-di{display:grid!important;grid-column:1;grid-row:1/3;place-items:center;width:22px!important;height:22px!important;background:none!important;box-shadow:none!important;color:#1FD8C4!important}
.g2 a.g2-dest .g2-di svg{width:18px!important;height:18px!important}
.g2 a.g2-dest b{grid-column:2!important;font-size:16px!important;font-weight:700!important}
.g2 a.g2-dest .g2-df{grid-column:2!important;font-size:13.5px!important;font-weight:600!important;margin:1px 0 0!important}
.g2 a.g2-dest .g2-dl{display:none!important}
.g2 a.g2-dest[href*="compare"] .g2-df{display:none!important}
.g2 a.g2-dest .g2-da{grid-column:3!important;grid-row:1/3!important}
/* category cards: the description reads at a normal line height */
.g2 a.g2-cat .g2-cb span{font-size:13.5px!important;line-height:1.4!important}
.g2 a.g2-cat .g2-cb b{font-size:16px!important}
/* whale money: the figure and the coins / stablecoins / wrapped split in colour, with its key */
.g2 .g2-wh b{color:#1FD8C4!important}
.g2 .g2-wh span{font-size:14px!important}
.g2 .g2-comp{height:10px!important;gap:3px!important;overflow:hidden}
.g2 .g2-comp i.c{background:linear-gradient(90deg,#14c1af,#2fe0a0)!important}
.g2 .g2-comp i.s{background:#5aa9e6!important}
.g2 .g2-comp i.w{background:#a78bfa!important}
.g2 .g2-leg{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font:600 13px 'Satoshi',sans-serif;color:#cfd9e2}
.g2 .g2-leg span{display:flex;align-items:center;gap:6px}
.g2 .g2-leg i{width:8px;height:8px;border-radius:50%}
.g2 .g2-cap{font-size:12.5px!important;line-height:1.5!important;color:#7d8fa1!important}
}
@media (max-width:560px){
span.qx-p.qx-on{display:block!important}
.qx-when{font-weight:inherit}
}
@media (max-width:560px){.g2 a.g2-dest[href*="compare"] .g2-da{grid-row:1!important}}
@media (max-width:560px){
main [data-roll],main [data-roll] *,main .g2-df,main .g2-df *{font-variant-numeric:proportional-nums!important}
.g2 a.g2-cat .g2-cb{line-height:1.4!important}
.g2 a.g2-cat .g2-cb span{display:block!important;margin-top:3px!important}
}

/* ===== round 4 (19 Oct 05:5x, his "go through it all, not just the ones I sent") ===== */
@media (max-width:560px){
/* --- stat strips that ran on as one line of mixed sizes ("word salad") -> a two-column grid: teal figure, grey label --- */
.pxx .fband,.pxx nav.ix,.cline,.g2 .g2-facts,.pxx .cad{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 18px!important;margin-top:14px!important;
  border-top:1px solid var(--sl-line);background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.pxx .fband>a,.pxx nav.ix>a,.cline>a,.g2 .g2-facts>span,.pxx .cad>.ci{display:flex!important;flex-direction:column-reverse!important;align-items:flex-start!important;gap:1px!important;
  padding:10px 0!important;border-bottom:1px solid var(--sl-line)!important;background:none!important;box-shadow:none!important;border-radius:0!important;min-width:0;text-align:left!important}
.pxx .fband .v,.pxx nav.ix .v,.cline .v,.g2 .g2-facts b{font:800 21px/1.1 'Satoshi',sans-serif!important;color:#1FD8C4!important;letter-spacing:-.02em}
.pxx .fband .v small{display:block;font:500 12px 'Satoshi',sans-serif!important;color:#93a3b1!important;letter-spacing:0}
.pxx .fband .l,.pxx nav.ix .l,.cline .l{font:500 13px/1.3 'Satoshi',sans-serif!important;color:#93a3b1!important;text-transform:none!important;letter-spacing:0!important}
.g2 .g2-facts>span{flex-direction:column!important;font:500 13px/1.3 'Satoshi',sans-serif!important;color:#93a3b1!important}
.g2 .g2-facts>a{grid-column:1/-1;padding:12px 0 0!important;font-weight:600!important}
.pxx .cad>svg{display:none!important}
.pxx .cad>.ci{flex-direction:row!important;justify-content:space-between!important;align-items:baseline!important}
.pxx .cad>.ci b{font:500 13.5px 'Satoshi',sans-serif!important;color:#dfe7ee!important}
.pxx .cad>.ci i{font:700 13.5px 'Satoshi',sans-serif!important;font-style:normal!important;color:#1FD8C4!important}
/* --- tags as coloured words, not outlined pills --- */
.tierp,.ld .pl,.nw .pl,a.nw .pl,.lead .pl,.tierp,.pill2,.ml .pl{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;border-radius:0!important;
  color:var(--tc,#9fb0c8)!important;font-weight:700!important;width:auto!important}
.rl{grid-template-columns:minmax(0,1fr) auto!important}
.rl .tierp{grid-column:1;justify-self:start}
/* coin news: the mix key repeated the filter's counts right below it */
#mix .leg{display:none!important}
#mix{padding:0!important;background:none!important;box-shadow:none!important;border:0!important}
a.ld{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:12px 0!important;border-bottom:1px solid var(--sl-line)!important}
/* where-next rows on coin pages: one row, no icon tile */
a.box{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:14px 0!important;border-top:1px solid var(--sl-line)!important;border-bottom:1px solid var(--sl-line)!important}
a.box .ic{background:none!important;box-shadow:none!important;width:18px!important;height:18px!important}
a.box .s{font-size:13.5px!important;line-height:1.5!important}
section.rc{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}
section.rc .rul{padding:12px 0!important;border-bottom:1px solid var(--sl-line)!important}
/* the coin price page: the line above the coin is the page's description -> under the name, behind the "?" */
.pxx #view>p.lede.cl{display:none!important}
.pxx #view>p.lede.cl.qx-on{display:block!important}
.pxx nav.a.nx,.pxx a.nx{max-width:100%!important;min-width:0!important}
/* how-to-use: the demo's empty embed box under its own full-screen button */
section.demo .demo-f{display:none!important}
section.demo{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}
/* the 11 tab guides: thin rows, a smaller picture */
article.sw-p:not(.wp){background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:14px 0!important;border-bottom:1px solid var(--sl-line)!important;
  grid-template-columns:76px minmax(0,1fr)!important;gap:12px!important}
article.sw-p:not(.wp) .b3,article.sw-p:not(.wp) p{font-size:13.5px!important;line-height:1.5!important}
/* what-is / inside / about cards */
.card.who ul li .ic,.who li .ic{background:none!important;box-shadow:none!important;border:0!important;width:18px!important;height:18px!important}
.pxx .card,.pxx section.card{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}
.pxx a.fh,.pxx a.fc,.pxx article.fc{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:18px 0!important;border-top:1px solid var(--sl-line)!important}
.pxx a.fh .tg,.pxx a.fc .tg,.pxx article.fc .tg,.pxx .fh .pill,.pxx .fc .pill{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;color:#1FD8C4!important}
/* legal: the document itself is not a box inside the page */
article.lg-art{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}
/* resources pages: section cards -> sections */
.pxx section.sec,.prx section.sec,main section.sec{background-color:transparent!important;background-image:none!important;box-shadow:none!important;border-radius:0!important;border-left:0!important;border-right:0!important}
/* blog: each post is one row, picture left; the excerpt and the byline wait on the post itself */
a.jrow{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;padding:12px 0!important;border-bottom:1px solid var(--sl-line)!important;
  background:none!important;box-shadow:none!important;border-radius:0!important}
a.jrow .jcv{width:96px!important;height:64px!important;aspect-ratio:auto!important;border-radius:10px!important;margin:0!important}
a.jrow .jcv img{width:100%!important;height:100%!important;object-fit:cover!important}
a.jrow .jtx{padding:0!important}
a.jrow h4{font-size:15px!important;line-height:1.3!important;margin:2px 0 0!important}
a.jrow>.jtx>p,a.jrow .jby{display:none!important}
a.jrow .jmeta{font-size:12px!important;margin-top:4px!important}
a.jlead>.jtx>p,a.jlead .jby{display:none!important}
/* blog post: a wide table scrolls inside its own box instead of cutting its last column */
article table,.post table,main table{display:block;max-width:100%;overflow-x:auto}
}
@media (max-width:560px){
.m-flat{background-color:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding-left:0!important;padding-right:0!important;
  border-top:1px solid var(--sl-line)!important}
.m-flat::before,.m-flat::after{display:none!important}
}
@media (max-width:560px){
.pxx #view p.lede.cl.qx-p,.nw-body p.sub.qx-p,.who p.qx-p{margin-top:8px!important;font-size:14px!important;line-height:1.5!important}
}
@media (max-width:560px){
/* coin and venue chips on the resource pages: icon + name in a loose flow, no pill around each */
.cks{display:flex!important;flex-wrap:wrap!important;gap:2px 16px!important;background:none!important;box-shadow:none!important;padding:0!important}
.cks a.ck,.cks span.ck,span.cc.xtra,.chips .cp,span.cp{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:5px 0!important;height:auto!important;min-height:0!important;gap:6px!important}
.cks a.ck i{background:none!important;color:#6d7e8d!important;min-width:0!important;padding:0!important;font-style:normal}
.ccs{display:flex!important;flex-wrap:wrap!important;gap:4px 18px!important;grid-template-columns:none!important}
.ccs a.cc{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:6px 0!important;min-height:0!important;width:auto!important;flex:none!important}
.ccs a.cc .go{display:none!important}
.ccs a.cc img{width:24px!important;height:24px!important}
.wbox,.fb3,.qbox{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:14px 0!important;border-top:1px solid var(--sl-line)!important}
.qa{border-radius:12px!important}
}
@media (max-width:560px){
/* about: the live-data sentence ran as one paragraph of mixed sizes -> its figures as a grid */
.band.pulls .pl{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 18px!important;font-size:0!important;line-height:0!important;border-top:1px solid var(--sl-line)}
.band.pulls .pl>.bl{grid-column:1/-1;font:500 13px/1.4 'Satoshi',sans-serif!important;color:#93a3b1!important;padding:10px 0 4px}
.band.pulls .pl>a.bc{display:flex!important;flex-direction:column!important;gap:1px;padding:10px 0!important;border-bottom:1px solid var(--sl-line)!important;background:none!important;box-shadow:none!important;border-radius:0!important;text-decoration:none!important}
.band.pulls .pl>a.bc .f{font:800 21px/1.1 'Satoshi',sans-serif!important;color:#1FD8C4!important}
.band.pulls .pl>a.bc .f small{font:600 12px 'Satoshi',sans-serif!important;color:#93a3b1!important;margin-right:4px}
.band.pulls .pl>a.bc .l{font:500 13px/1.3 'Satoshi',sans-serif!important;color:#93a3b1!important}
.band.pulls .pl>a.lk{display:flex!important;align-items:center;padding:10px 0!important;border-bottom:1px solid var(--sl-line)!important;font:600 14px/1.35 'Satoshi',sans-serif!important;color:#e6edf2!important}
.band.pulls .pl>a.lk.eng{grid-column:1/-1;display:block!important;font:500 14px/1.45 'Satoshi',sans-serif!important}
.band.pulls .pl>a.lk.eng b.n{color:#1FD8C4!important}
/* about / sources: refresh tags as coloured words */
span.t.min,span.t.live,span.t.day,span.t{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;border-radius:0!important;font-weight:700!important}
/* press: asset cards one per row (two across crushed their names to one word a line) */
.gal{grid-template-columns:1fr!important}
.gal .as{grid-column:auto!important}
.gal .as .ft{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px}
.bp{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}
img.ph-shot{object-fit:cover!important;object-position:top!important;aspect-ratio:390/600!important;width:76%!important;margin:0 auto!important;display:block!important;border-radius:22px 22px 0 0!important;
  -webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent)}
}
@media (max-width:560px){
.band.pulls{display:block!important}
.band.pulls>*{width:100%!important;max-width:none!important}
#imA.ph-shot,#imB.ph-shot{position:absolute;left:12%!important;width:76%!important;height:auto!important;top:0}
}
@media (max-width:560px){
.pxx .frame:has(.ph-shot) .pic{aspect-ratio:auto!important;height:440px!important;padding:0!important;background:none!important}
.pxx .frame:has(.ph-shot){background:none!important;box-shadow:none!important;border:0!important}
#imA.ph-shot,#imB.ph-shot{inset:0 auto auto 12%!important;width:76%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:top!important;margin:0!important}
}
@media (max-width:560px){
.band.pulls .pl{display:flex!important;flex-wrap:wrap!important;column-gap:0!important}
.band.pulls .pl>.bl{flex:0 0 100%}
.band.pulls .pl>a.bc{flex:0 0 50%!important;box-sizing:border-box;padding-right:12px!important}
.band.pulls .pl>a.lk{flex:0 0 50%!important;box-sizing:border-box}
.band.pulls .pl>a.lk.eng{flex:0 0 100%!important}
span.n.qx-p.qx-on{display:block!important;margin-top:4px!important}
}
@media (max-width:560px){
/* compare: no coin count, no "/" key under the Compare button */
section.duel + p.hint{display:none!important}
/* coin news rows: the sentiment tag is a coloured word */
main [style*="--tc"] > .pl,main a .pl{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;color:var(--tc,#9fb0c8)!important;font-weight:700!important}
main [style*="--tc"] > .pl::before{background:var(--tc,#9fb0c8)!important}
/* who it's for: the two lists and the tally as sections, not cards */
section.fit .fcol,section.fit .vd,.fit + .vd,div.vd,div.dock{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}
section.fit .fcol .ab{background:none!important;box-shadow:none!important;color:#1FD8C4!important;width:auto!important}
/* FAQ: questions as rows */
.qa .rail{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}
.qa .rail .rth{display:none!important}
}
@media (max-width:560px){
/* figures: a point or a comma takes its own width, not a digit's ("$82 , 658", "$1 . 66T") */
main,main *{font-variant-numeric:proportional-nums!important}
}
@media (max-width:560px){
/* comparison: the price labels on the bar's thinnest segments ran off the screen; each price is on its row below */
.sbar .sg .tp,.sg .tp{display:none!important}
/* what's inside: the three-figure strip fits */
.trio{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.trio .tb{min-width:0!important;padding-left:10px!important;padding-right:6px!important;overflow:hidden}
.trio .tb b,.trio .tb .v{font-size:20px!important}
}
@media (max-width:560px){span.hint.qx-p.qx-on,span.m.qx-p.qx-on,span.grow.qx-p.qx-on{display:block!important;margin-top:4px!important}}

/* ===== round 5 (19 Oct 07:4x, his "more heading with headings, more word salad, more wasted space, mobile needs to be slick") ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}   /* the phone's text autosizer blew paragraphs up to ~17 px while buttons stayed put */
@media (max-width:560px){
/* type: one calm size for reading text */
main p,main li,main .s,main .src,main .tg,main .desc{font-size:14.5px!important;line-height:1.5!important}
.lg-art p,.lg-art li{font-size:15px!important}
main h1{font-size:27px!important}
main h2,main .h2{font-size:21px!important}
main h3{font-size:16px!important}
.qx-nw{white-space:nowrap}
/* space: pages start right under the header */
.pxx #view,.pcx #view,main .wrap#view{padding-top:12px!important}
.pxx section.hc,.pxx .wh-top,.pxx .sg-h{padding-top:0!important;margin-top:0!important}
main section.sec,main .sec{margin-top:26px!important}
/* folds */
.cl2{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cl2.cl-open{display:block!important;-webkit-line-clamp:unset}
button.clm,button.srcb{display:inline-flex;align-items:center;gap:4px;margin:2px 0 0;padding:6px 0;min-height:32px;background:none;border:0;font:600 13.5px 'Satoshi',sans-serif;color:#1FD8C4;cursor:pointer}
button.srcb{color:#93a3b1;font-weight:500;font-size:13px}
button.srcb::after{content:"›";font-size:16px;transition:transform .2s}
button.srcb.on::after{transform:rotate(90deg)}
.ab-h{display:flex!important;align-items:center;justify-content:space-between;cursor:pointer;padding:14px 0!important;margin:0!important;border-top:1px solid var(--sl-line);border-bottom:1px solid var(--sl-line);font-size:16px!important}
.ab-h::after{content:"›";color:#93a3b1;font-size:20px;transition:transform .2s}
.ab-h[aria-expanded=true]::after{transform:rotate(90deg)}
.ab-body{padding-top:8px}
/* Signals inputs: names, tap for what each measures */
.pxx .inr.acc{cursor:pointer;padding:12px 0!important}
.pxx .inr.acc p{display:none!important}
.pxx .inr.acc.open p{display:block!important}
.pxx .inr.acc b{display:flex!important;justify-content:space-between;align-items:center;padding-top:6px}
.pxx .inr.acc b::after{content:"›";color:#93a3b1;font-size:18px;font-weight:400;transition:transform .2s}
.pxx .inr.acc.open b::after{transform:rotate(90deg)}
/* Global Map FAQ as one list: answer under its question */
.g2 .g2-fa h3{display:none!important}
.g2 .g2-fa{padding:0 0 12px!important}
.g2 .g2-fql .g2-fq{min-height:48px}
.g2 .g2-fq.open span{transform:rotate(90deg)}
/* controls never wrap */
main .seg button,main .seg a,main [role=tab],main .rail button,main .hm-opt{white-space:nowrap!important}
.pxx .chead .seg button{font-size:12.5px!important;padding:0 10px!important}
.pxx .chead{flex-wrap:wrap;gap:8px}
#sort.seg button{font-size:12.5px!important;padding:0 8px!important}
/* whale tracker: the coverage line as figures */
.pxx p.covp{display:grid!important;grid-template-columns:1fr 1fr;gap:0 16px;border-top:1px solid var(--sl-line);font-size:0!important}
.pxx p.covp .pd{display:none!important}
.pxx p.covp .ci{display:block;padding:9px 0;border-bottom:1px solid var(--sl-line);font:500 12.5px/1.35 'Satoshi',sans-serif!important;color:#93a3b1!important}
.pxx p.covp .ci b,.pxx p.covp .ci .v{display:block;font:800 19px/1.15 'Satoshi',sans-serif!important;color:#1FD8C4!important}
.pxx p.covp>:not(.ci):not(.pd){grid-column:1/-1;font:500 12.5px/1.45 'Satoshi',sans-serif!important;color:#7d8fa1!important;padding:8px 0}
/* whale tracker: the subscriber list's icons were cut off on the left */
.pxx a.lr{gap:12px!important}
.pxx a.lr .ic{display:grid!important;place-items:center;flex:0 0 20px!important;width:20px!important;height:20px!important;overflow:visible!important;margin:0!important}
.pxx a.lr .ic svg{width:18px!important;height:18px!important}
.pxx a.lr>span:nth-child(2){font-size:14px!important;line-height:1.4!important}
.pxx a.lr .lk svg{width:14px!important;height:14px!important}
.pxx div.note b{font-size:14.5px!important}
/* news: "Updated 5m ago" sits on the title's line; the lead card's figures are figures, not posters */
.tnow .hh{display:flex!important;flex-wrap:wrap;align-items:center;column-gap:8px}
.tnow .hh .upd{margin-left:auto!important;font-size:12px!important}
.tnow .hh .seg{flex-basis:100%}
div.lead .big{font-size:20px!important}
div.lead .lfig .u{font-size:12px!important}
div.lead .who img{width:30px!important;height:30px!important}
div.lead .who b{font-size:18px!important}
div.lead .lhl,div.lead .lhl b{font-size:16px!important;line-height:1.35!important}
main a.ld .tt,main a.nw .tt,main .row .tt{font-size:15px!important;line-height:1.35!important}
main a.ld:first-child .tt{font-size:16.5px!important}
/* how to use: one heading; the demo is its button */
section.demo h2,section.demo .demo-h>div>p{display:none!important}
/* Go deeper: the Compare row's arrow on its line */
.g2 a.g2-dest[href*="compare"]{grid-template-rows:auto!important;align-items:center}
.g2 a.g2-dest[href*="compare"] .g2-di,.g2 a.g2-dest[href*="compare"] .g2-da,.g2 a.g2-dest[href*="compare"] b{grid-row:1!important}
.g2 .g2-wh b,.g2 .g2-wh b *{font-size:38px!important;line-height:1.05!important}
}
@media (max-width:560px){
.g2 a.g2-dest[href*="compare"]{display:flex!important;align-items:center!important;gap:12px}
.g2 a.g2-dest[href*="compare"] .g2-da{margin-left:auto!important}
section.ixc .ixn,.ixc button.ixn{display:none!important}
}
@media (max-width:560px){
/* rows that bled 8 px past their column (margin 0 -8px) were cut by the column's edge: their icons showed half */
.pxx a.lr,.pxx a.cr,.pxx a.nx,.pxx .see a{margin-left:0!important;margin-right:0!important}
}
@media (max-width:560px){
/* rhythm: sections sit 24-40 px apart, never 70-110 */
main .sec,main section.sec,.g2 .g2-sect,main .pxx .sec{margin-top:24px!important;padding-top:0!important;padding-bottom:0!important}
main h2,main .h2{margin-top:0!important}
main .sh,main .bh,main .g2-sh{margin-bottom:10px!important;margin-top:0!important}
#gxDeck,#slDemo,#free-brief,#pricing,.founder-quote-section,.home-coin-pills,.src-strip{padding-top:22px!important;padding-bottom:10px!important}
#free-brief .fbb-card{padding-top:14px!important;padding-bottom:14px!important}
.founder-quote-section{padding-bottom:22px!important}
section.oxford,.oxford-card{margin-top:0!important}
.lv3-footer,.lv3-footer-globe{margin-top:28px!important}
.g2{padding-top:16px!important;padding-bottom:20px!important}
.pcx .sec,.pxx .sec{margin-top:26px!important}
section.tnow,section.board,section.ixc,section.faq,section.about,nav.nxb{margin-top:22px!important}
.m4 .s{padding-top:34px!important}
}
@media (max-width:560px){
.pxx section.subx{margin-top:22px!important}
.g2 section.g2-cta{margin-top:20px!important}
main #more{margin:8px 0 0!important}
main #more + *,.pxx .board + p,.pxx .board + .srcb{margin-top:14px!important}
section.fit{margin-bottom:0!important;padding-bottom:0!important}
section.fit + *,div.vd{margin-top:14px!important}
.pxx p.desc + .clm{display:none!important}
}
@media (max-width:560px){
.pxx p.covp{grid-template-columns:1fr!important}
.pxx p.covp .ci{display:grid!important;grid-template-columns:92px 1fr;column-gap:10px;align-items:baseline;font-size:13px!important}
.pxx p.covp .ci b,.pxx p.covp .ci .v{font-size:18px!important}
.pxx p.covp .ci:not(:has(b)):not(:has(.v)){display:block!important}
.g2 a.g2-dest[href*="compare"]{flex-direction:row!important;text-align:left!important;justify-content:flex-start!important}
.g2 a.g2-dest[href*="compare"] b{text-align:left!important}
}
@media (max-width:560px){
.pxx p.covp{display:block!important;width:100%!important;max-width:none!important}
.pxx p.covp .ci{width:100%!important;max-width:none!important;grid-template-columns:92px minmax(0,1fr)!important}
}

/* ===== round 6 (19 Oct 10:1x, his "a lot better, still some UI problems": rows, cards and pills still chunky) ===== */
@media (max-width:560px){
/* coins covered: the decorative coin wall = one slim drifting line; figures smaller, figure first */
.pxx .wall{margin-top:14px!important;gap:0!important}
.pxx .wall .wr:nth-child(n+2){display:none!important}
.pxx .wall a.wc{height:32px!important;padding:0 12px 0 0!important;gap:6px!important;background:none!important;box-shadow:none!important;border:0!important;font-size:13.5px!important}
.pxx .wall a.wc img{width:20px!important;height:20px!important}
.cline>a{flex-direction:column!important;padding:8px 0!important}
.cline .v{font-size:19px!important}
.cline .l{font-size:12.5px!important}
.pxx .chero{padding-bottom:0!important;margin-bottom:0!important}
.pxx .find.big,.pxx label.find.big{margin-top:10px!important}
/* comparison: the stack picker and the service card, tight */
.pcx .h2h .rail button,.pcx #h2h .rail button{height:36px!important;min-height:0!important;padding:0 12px 0 6px!important;font-size:13px!important;gap:6px!important}
.pcx .h2h .rail button img,.pcx #h2h .rail button .lg{width:20px!important;height:20px!important}
.pcx .hcard,.pcx .hus{padding:14px!important;border-radius:16px!important}
.pcx .hh{gap:10px!important}
.pcx .hh .lg{width:30px!important;height:30px!important;border-radius:8px!important;background:none!important;box-shadow:none!important}
.pcx .hh .lg img{width:30px!important;height:30px!important}
.pcx .hh b{font-size:16px!important}
.pcx .hh .cv{font-size:19px!important}
.pcx .hl2{font-size:12px!important;margin:12px 0 4px!important}
.pcx .ls{display:grid!important;grid-template-columns:1fr 1fr!important;gap:2px 12px!important}
.pcx .ls li{font-size:13.5px!important;line-height:1.35!important;padding:3px 0!important;gap:6px!important}
.pcx .ls li::before,.pcx .ls li svg{width:13px!important;height:13px!important;flex:none}
.pcx p.up2{font-size:13.5px!important}
.pcx .hsw{padding:10px 0 0!important;margin-top:10px!important;font-size:13px!important}
/* global map: region rows one line, smaller flags */
.g2 .g2-rr{min-height:44px!important;padding:7px 0!important;column-gap:10px!important}
.g2 .g2-rr .g2-flag{width:24px!important;height:24px!important;box-shadow:0 0 0 1.5px rgba(var(--c),.8)!important}
.g2 .g2-rr .g2-rn{font-size:15px!important;font-weight:600!important}
.g2 .g2-rr .g2-rc{font-size:15px!important;font-weight:700!important}
/* compare: matchups as short rows, the pair's coins both visible */
a.mc{padding:9px 0!important;grid-template-columns:1fr 64px!important}
a.mc b{font-size:15px!important;font-weight:600!important}
a.mc .pair img{width:22px!important;height:22px!important}
a.mc .pair img+img{margin-left:-6px!important;box-shadow:0 0 0 2px #0a0d10!important}
a.mc .mv{justify-content:flex-start!important;gap:14px!important;font-size:12.5px!important;margin-top:2px!important}
a.mc .mv>span{display:inline-flex!important;gap:4px!important}
a.mc>svg{width:64px!important;height:24px!important}
}
@media (max-width:560px){
.pxx a.cr{padding:8px 0!important;min-height:0!important}
section.fit button.fr,.fcol button.fr{padding:9px 0!important;gap:10px!important;font-size:14px!important;line-height:1.4!important}
section.fit button.fr i,section.fit button.fr .ck,section.fit .fr>span:first-child{width:22px!important;height:22px!important;flex:none}
main .lanes .row,main .rows .row,.pxx .row{padding-top:8px!important;padding-bottom:8px!important}
.pxx .row .d,.pxx .row .ln,.pxx .row p{font-size:13px!important;line-height:1.4!important}
.pxx .row .lg{width:28px!important;height:28px!important}
.pxx a.lr:has(small),.pxx .dl a.lr{padding:10px 0!important}
}
@media (max-width:560px){
.pcx .ls li{padding-left:21px!important}
.pcx .ls li::before{left:0!important;top:5px!important}
section.fit .fr>.mk{width:24px!important;height:24px!important;font-size:12px!important}
a.mc .pair{display:flex!important;flex:none!important;width:auto!important;min-width:38px!important;overflow:visible!important;position:relative}
a.mc .pair img{position:relative!important;left:auto!important;margin:0!important}
a.mc .pair img+img{margin-left:-6px!important}
a.mc .top{min-width:0;overflow:visible!important}
}
@media (max-width:560px){
section.fit .fr{width:100%!important;box-sizing:border-box}
a.mc .pair img+img{margin-left:-4px!important}
}
@media (max-width:560px){
a.mc .pair img+img{margin-left:3px!important;box-shadow:none!important}
a.mc .pair img{-webkit-mask:none!important;mask:none!important;clip-path:none!important}
}
@media (max-width:560px){
/* news: tags as coloured words; no coin count chip; trending shows 4 then "Show all" */
#ixn{display:none!important}
.board .rt .sc,.tnow .sc{background:none!important;box-shadow:none!important;border:0!important;padding:0!important}
.board .rt a.pill,.board .rt .pill.sm,.tnow .tt a.pill{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;height:auto!important;gap:5px!important;font-weight:700!important}
.board .rt{gap:4px 14px!important}
ol.trl:not(.all) li.tr:nth-child(n+5){display:none!important}
button.trm{display:block;margin:6px auto 0;padding:8px 14px;background:none;border:0;font:600 14px 'Satoshi',sans-serif;color:#1FD8C4}
}

/* ---- home4.css ---- */
/* CWN home on a phone, v4 (18 Oct 2026): our own look (globe hero, the dashboard deck with its sliding tab bar,
   dark-glass buttons, the night-earth footer) with the calm of the reference: one idea per screen, few boxes. */
@media (max-width:560px){
.m4{--m-teal:#1FD8C4;--m-line:rgba(255,255,255,.075);--m-mut:#93a3b1;--m-dim:#6d7e8d;font-family:'Satoshi',system-ui,sans-serif;color:#e6edf2}
.m4 .s{padding:64px 22px 0;text-align:center}
.m4 .k{display:block;margin:0 0 12px;font:700 11.5px/1 'Satoshi',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--m-teal)}
.m4 h2{margin:0;font:800 30px/1.08 'Satoshi',sans-serif;letter-spacing:-.03em;color:#fff}
.m4 .ln{margin:12px auto 0;max-width:32ch;font:400 16px/1.5 'Satoshi',sans-serif;color:var(--m-mut)}
.m4 .go{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font:600 15.5px 'Satoshi',sans-serif;color:var(--m-teal)}
.m4 .go i{font-style:normal;transition:transform .2s}.m4 .go:active i{transform:translateX(3px)}

/* our button (dark glass, thin teal edge, light text, a slow light passing across) */
.m4 .gb{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;height:54px;border-radius:14px;
  color:#e6f7f3;font:800 16px 'Satoshi',sans-serif;background:rgba(18,30,43,.5);border:1.5px solid rgba(58,214,197,.5);box-shadow:0 14px 36px -20px rgba(58,214,197,.4)}
.m4 .gb::after{content:"";position:absolute;top:0;left:-60%;width:55%;height:100%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(94,240,224,.14) 42%,rgba(255,255,255,.22) 50%,rgba(94,240,224,.14) 58%,transparent);animation:m4sheen 5s ease-in-out infinite}
@keyframes m4sheen{0%,60%{left:-60%}100%{left:130%}}
.m4 .gb:active{transform:translateY(1px)}
.m4 .alt{display:block;margin-top:12px;font:700 14px 'Satoshi',sans-serif;color:#9fb0c4}
.m4 .alt a{color:#9fb0c4;border-bottom:2px solid rgba(150,200,235,.14);padding-bottom:2px}

/* free coin pages: one line of names */
.m4 .coins{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:2px}
.m4 .coins a{display:flex;align-items:center;gap:7px;font:600 15px 'Satoshi',sans-serif;color:#dfe7ee;padding:4px 0}
.m4 .coins img{width:18px;height:18px;border-radius:50%}
.m4 .coins .all{color:var(--m-teal)}

/* the dashboard deck: the sliding tab bar, the real app on a phone, one line under it */
.m4 .rail{position:relative;display:flex;gap:2px;margin:24px -22px 0;padding:3px 22px;overflow-x:auto;scrollbar-width:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent)}
.m4 .rail::-webkit-scrollbar{display:none}
.m4 .rail button{position:relative;z-index:1;flex:none;height:38px;padding:0 14px;border:0;background:none;border-radius:11px;font:700 14px 'Satoshi',sans-serif;color:var(--m-mut);transition:color .25s}
.m4 .rail button[aria-selected=true]{color:#041512}
.m4 .rail .th{position:absolute;z-index:0;top:3px;left:0;height:38px;border-radius:11px;background:var(--m-teal);box-shadow:0 0 18px rgba(31,216,196,.5);
  transition:transform .32s cubic-bezier(.2,.8,.2,1),width .32s cubic-bezier(.2,.8,.2,1)}
.m4 .scr{position:relative;margin:18px auto 0;width:78%;height:420px;border-radius:26px 26px 0 0;overflow:hidden;background:#071015;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 60px -30px rgba(31,216,196,.35);-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}
.m4 .scr img{position:absolute;inset:0 0 auto 0;width:100%;opacity:0;transition:opacity .45s ease}
.m4 .scr img.on{opacity:1}
.m4 .cap{min-height:96px;margin-top:6px}
.m4 .cap b{display:block;font:700 18px 'Satoshi',sans-serif;color:#fff}
.m4 .cap span{display:block;margin:6px auto 0;max-width:32ch;font:400 15px/1.45 'Satoshi',sans-serif;color:var(--m-mut)}
.m4 .cap em{font-style:normal;color:#fff;font-weight:600}

/* live data feeds: one drifting line */
.m4 .feeds{margin:4px -22px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.m4 .feeds div{display:flex;gap:26px;width:max-content;animation:m4drift 54s linear infinite}
.m4 .feeds span{display:flex;align-items:center;gap:7px;font:600 15px 'Satoshi',sans-serif;color:#c9d4dd;white-space:nowrap}
.m4 .feeds img{width:18px;height:18px;border-radius:5px}
@keyframes m4drift{to{transform:translateX(-50%)}}

/* pricing: the founder card, the later tiers as two lines under it */
.m4 .pc{position:relative;margin:30px 0 0;padding:30px 20px 22px;border-radius:20px;text-align:left;background:linear-gradient(180deg,rgba(31,216,196,.08),rgba(255,255,255,.015) 45%);
  box-shadow:0 0 0 1px rgba(31,216,196,.3) inset}
.m4 .pc .bd{position:absolute;top:-11px;left:50%;transform:translateX(-50%);height:22px;padding:0 12px;border-radius:11px;display:flex;align-items:center;
  font:800 10.5px 'Satoshi',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#041512;background:var(--m-teal);box-shadow:0 0 14px rgba(31,216,196,.55)}
.m4 .pc .tr{font:700 11.5px 'Satoshi',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--m-teal)}
.m4 .pc .pr{margin-top:10px;font:800 44px/1 'Satoshi',sans-serif;letter-spacing:-.04em;color:#fff}.m4 .pc .pr small{font:600 16px 'Satoshi',sans-serif;color:var(--m-mut);letter-spacing:0}
.m4 .pc .nt{margin-top:8px;font:400 14px 'Satoshi',sans-serif;color:var(--m-mut)}
.m4 .pc .gb{margin-top:20px}
.m4 .pc .tl{display:block;margin-top:12px;text-align:center;font:600 14.5px 'Satoshi',sans-serif;color:var(--m-teal)}
.m4 .pc ul{list-style:none;margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--m-line);display:grid;gap:10px}
.m4 .pc li{position:relative;padding-left:22px;font:400 14.5px/1.45 'Satoshi',sans-serif;color:#dfe7ee}
.m4 .pc li::before{content:"";position:absolute;left:2px;top:6px;width:10px;height:5px;border-left:2px solid var(--m-teal);border-bottom:2px solid var(--m-teal);transform:rotate(-45deg)}
.m4 .pc .more{display:none}.m4 .pc.open .more{display:grid;border-top:0;padding-top:0;margin-top:10px}
.m4 .pc .xb{margin-top:12px;background:none;border:0;padding:4px 0;font:600 14.5px 'Satoshi',sans-serif;color:var(--m-teal)}
.m4 .tiers{margin-top:18px;text-align:left;border-top:1px solid var(--m-line)}
.m4 .tiers div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--m-line);font:400 14.5px 'Satoshi',sans-serif;color:var(--m-mut)}
.m4 .tiers b{color:#fff;font-weight:600}
.m4 .fine{margin-top:14px;font:400 12px/1.5 'Satoshi',sans-serif;color:var(--m-dim);text-align:left}

/* founder quote */
.m4 .fq{margin:0;text-align:left}
.m4 .fq p{margin:0;font:italic 500 20px/1.45 'Satoshi',sans-serif;color:#fff}
.m4 .fq .rest{display:none;margin-top:12px;font-size:17px;color:#dfe7ee}
.m4 .fq.open .rest{display:block}
.m4 .fq button{margin-top:10px;background:none;border:0;padding:4px 0;font:600 14.5px 'Satoshi',sans-serif;color:var(--m-teal)}
.m4 .fq .who{margin-top:16px;font:600 15px 'Satoshi',sans-serif;color:var(--m-mut)}.m4 .fq .who b{color:#fff}

/* brief */
.m4 .px{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin-top:16px;font:600 14px 'Satoshi',sans-serif;color:var(--m-mut)}
.m4 .px>span{white-space:nowrap}
.m4 .px b{color:#fff}.m4 .px .up{color:#2fe0a0}.m4 .px .dn{color:#ff6b5e}
.m4 form{display:grid;gap:10px;margin-top:20px}
.m4 input{height:54px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:#fff;font:500 16px 'Satoshi',sans-serif;padding:0 16px}

/* essays: a list, not cards */
.m4 .es{margin-top:20px;text-align:left;border-top:1px solid var(--m-line)}
.m4 .es a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:15px 0;border-bottom:1px solid var(--m-line)}
.m4 .es b{font:700 16.5px/1.3 'Satoshi',sans-serif;color:#fff}
.m4 .es small{grid-column:1;font:400 13px 'Satoshi',sans-serif;color:var(--m-dim)}
.m4 .es i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:var(--m-teal)}

/* night-earth footer, a short band */
.m4f{margin:80px 0 0!important;padding:0!important;max-width:none!important;background:none!important;border:0!important}
.m4f .band{position:relative;height:230px;overflow:hidden;background:#02030a url(/world-news/lib/earth_night.webp) 62% 18%/260% auto no-repeat;border-top:1px solid rgba(150,200,235,.14)}
.m4f .band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,3,10,.85),rgba(2,3,10,.15) 45%,rgba(3,6,14,.95))}
.m4f .bt{position:absolute;z-index:1;left:22px;right:22px;top:46px}
.m4f .br{font:900 30px/1 'Satoshi',sans-serif;letter-spacing:-.03em;color:#fff}.m4f .br b{color:#3ad6c5}
.m4f .tg{margin-top:10px;font:500 15px/1.4 'Satoshi',sans-serif;color:#cdd9e6}
.m4f .lk{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px 12px;padding:26px 22px 0;background:#03060e}
.m4f h5{margin:0 0 6px;font:700 12.5px 'Satoshi',sans-serif;color:#fff}
.m4f .lk a{display:block;padding:4px 0;font:400 13.5px/1.35 'Satoshi',sans-serif;color:var(--m-mut)}
.m4f .co{padding:24px 22px calc(26px + env(safe-area-inset-bottom));background:#03060e;font:400 12px/1.6 'Satoshi',sans-serif;color:var(--m-dim)}
.m4f .co a{color:var(--m-mut)}

@media (prefers-reduced-motion:reduce){.m4 .gb::after,.m4 .feeds div{animation:none}}
}

/* ---- home: the phone sections replace the desktop ones once they are built (phone script adds html.m4-on) ---- */
@media (max-width:560px){
html.m4-on #gxDeck,html.m4-on #slDemo,html.m4-on .src-strip,html.m4-on .home-coin-pills,html.m4-on #pricing,html.m4-on .founder-quote-section,
html.m4-on main section:has(.oxford-card),html.m4-on #free-brief,html.m4-on .lv3-footer-globe{display:none!important}
.m4 .form-slot form{display:grid;gap:10px;margin-top:20px}
.m4 .form-slot input{height:54px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:#fff;font:500 16px 'Satoshi',sans-serif;padding:0 16px;width:100%;box-sizing:border-box}
.m4 .form-slot button{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;height:54px;border-radius:14px;color:#e6f7f3;font:800 16px 'Satoshi',sans-serif;
  background:rgba(18,30,43,.5);border:1.5px solid rgba(58,214,197,.5);box-shadow:0 14px 36px -20px rgba(58,214,197,.4);width:100%}
.m4 .form-slot .fbb-msg{margin-top:8px;font:500 13px 'Satoshi',sans-serif;color:#93a3b1;text-align:left}
.m4 .spots-slot .pc-spots{display:inline;font:600 14px 'Satoshi',sans-serif;color:#1FD8C4}
}
@media (max-width:560px){
.m4 .tiers div{display:grid!important;grid-template-columns:auto 1fr;column-gap:14px;align-items:baseline}
.m4 .tiers b{white-space:nowrap}
.m4 .tiers span:last-child{text-align:right}
}