/* Coin.my Core: widget styles. Colours and fonts follow the site's --coin-* tokens. */
.coinmy-ticker,.coinmy-movers,.coinmy-prices,.coinmy-chart,.coinmy-posts,.coinmy-slider,.coinmy-ico,.coinmy-share,.coinmy-social,.coinmy-pmeta,.coinmy-ad,.coinmy-catlist,.coinmy-tags,.coinmy-archive-head{
	--_ink:var(--coin-ink,#0b1220);--_ink2:var(--coin-ink-2,#151d30);--_paper:var(--coin-paper,#fff);--_bg:var(--coin-bg,#f4f5f8);
	--_line:var(--coin-line,#e3e6ee);--_muted:var(--coin-muted,#5b6478);--_gold:var(--coin-gold,#f5b728);--_gold-ink:var(--coin-gold-ink,#7a5200);
	--_up:var(--coin-up,#0b8a5f);--_down:var(--coin-down,#d22d48);--_r:var(--coin-radius,12px);
	--_display:var(--coin-font-display,'Space Grotesk',system-ui,sans-serif);
	box-sizing:border-box;
}
.coinmy-ticker *,.coinmy-movers *,.coinmy-prices *,.coinmy-chart *,.coinmy-posts *,.coinmy-ico *{box-sizing:border-box}
.coinmy-num,.coinmy-ticker__price,.coinmy-chg,.coinmy-mover__price,.coinmy-chart__price,.coinmy-chart__stats dd{font-variant-numeric:tabular-nums}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* Change pills */
.coinmy-chg{display:inline-block;font-weight:600;font-size:.8125rem;line-height:1.2;white-space:nowrap}
.coinmy-chg--up{color:var(--_up)}.coinmy-chg--down{color:var(--_down)}.coinmy-chg--flat{color:var(--_muted)}
.coinmy-chg--lg{font-size:.9375rem;padding:4px 8px;border-radius:999px}
.coinmy-chg--lg.coinmy-chg--up{background:color-mix(in srgb,var(--_up) 12%,transparent)}
.coinmy-chg--lg.coinmy-chg--down{background:color-mix(in srgb,var(--_down) 12%,transparent)}
.coinmy-coin-logo{border-radius:50%;flex:none;display:block}
.coinmy-spark{display:block;overflow:visible}
.coinmy-spark__line{stroke-width:1.75;stroke-linejoin:round;stroke-linecap:round}
.coinmy-spark--up .coinmy-spark__line{stroke:var(--_up)}.coinmy-spark--down .coinmy-spark__line{stroke:var(--_down)}
.coinmy-spark--up .coinmy-spark__area{fill:color-mix(in srgb,var(--_up) 12%,transparent)}
.coinmy-spark--down .coinmy-spark__area{fill:color-mix(in srgb,var(--_down) 12%,transparent)}
.coinmy-empty{padding:16px;border:1px dashed var(--_line);border-radius:var(--_r);color:var(--_muted);font-size:.875rem}
.coinmy-updated{margin:8px 0 0;font-size:.75rem;color:var(--_muted)}
.coinmy-more{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-weight:600;font-size:.875rem;color:var(--_ink);text-decoration:none;border-bottom:2px solid var(--_gold);padding-bottom:2px}
.coinmy-more::after{content:"\2192"}
.coinmy-more:hover{color:var(--_gold-ink)}

/* Ticker */
.coinmy-ticker{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.coinmy-ticker__track{display:flex;width:max-content;animation:coinmy-marquee 70s linear infinite}
.coinmy-ticker:hover .coinmy-ticker__track,.coinmy-ticker:focus-within .coinmy-ticker__track{animation-play-state:paused}
.coinmy-ticker__list{display:flex;list-style:none;margin:0;padding:0}
.coinmy-ticker__item{display:flex;align-items:center;gap:8px;padding:0 20px;font-size:.8125rem;white-space:nowrap;border-right:1px solid color-mix(in srgb,currentColor 14%,transparent)}
.coinmy-ticker__sym{font-weight:700;letter-spacing:.02em}
.coinmy-ticker__price{opacity:.85}
@keyframes coinmy-marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.coinmy-ticker__track{animation:none}.coinmy-ticker{overflow-x:auto}}

/* Movers */
.coinmy-movers{display:grid;gap:12px}
.coinmy-movers--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.coinmy-mover{background:var(--_paper);border:1px solid var(--_line);border-radius:var(--_r);padding:16px;display:flex;flex-direction:column;gap:12px;color:var(--_ink)}
.coinmy-mover__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--_muted)}
.coinmy-mover__label span{font-weight:500;letter-spacing:0;text-transform:none}
.coinmy-mover__row{display:flex;align-items:center;gap:10px}
.coinmy-mover__name{display:flex;flex-direction:column;min-width:0;flex:1}
.coinmy-mover__name strong{font-family:var(--_display);font-size:1.125rem;line-height:1.1}
.coinmy-mover__name span{font-size:.8125rem;color:var(--_muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coinmy-mover__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.coinmy-mover__price{font-weight:600;font-size:.9375rem}
@media (max-width:479px){.coinmy-movers--2{grid-template-columns:minmax(0,1fr)}}

/* Price table */
.coinmy-prices{overflow-x:auto;background:var(--_paper);border:1px solid var(--_line);border-radius:var(--_r)}
.coinmy-prices table{width:100%;border-collapse:collapse;font-size:.9375rem;color:var(--_ink)}
.coinmy-prices th{font-size:.75rem;font-weight:600;color:var(--_muted);text-align:left;padding:12px 16px;border-bottom:1px solid var(--_line);white-space:nowrap}
.coinmy-prices td{padding:12px 16px;border-bottom:1px solid var(--_line);white-space:nowrap;vertical-align:middle}
.coinmy-prices tbody tr:last-child td{border-bottom:0}
.coinmy-prices tbody tr:hover{background:var(--_bg)}
.coinmy-prices .coinmy-num{text-align:right}
.coinmy-prices__rank{color:var(--_muted);width:40px}
.coinmy-prices__id{display:flex;align-items:center;gap:10px}
.coinmy-prices__id strong{font-weight:600}
.coinmy-prices__id span{color:var(--_muted);font-size:.8125rem}
.coinmy-prices__spark{width:136px}
@media (max-width:1023px){.coinmy-hide-md{display:none}}
@media (max-width:767px){.coinmy-hide-sm{display:none}.coinmy-prices td,.coinmy-prices th{padding:10px 12px}}

/* Chart picker */
.coinmy-chart{background:var(--_paper);border:1px solid var(--_line);border-radius:var(--_r);padding:16px;color:var(--_ink)}
.coinmy-chart__pick select{width:100%;padding:10px 12px;border:1px solid var(--_line);border-radius:8px;background:var(--_bg);font:inherit;font-weight:600;color:var(--_ink)}
.coinmy-chart__head{display:flex;align-items:center;gap:10px;margin:16px 0 8px}
.coinmy-chart__head>div{flex:1;display:flex;flex-direction:column}
.coinmy-chart__price{font-family:var(--_display);font-size:1.375rem;font-weight:700}
.coinmy-chart__plot .coinmy-spark{width:100%;height:96px}
.coinmy-chart__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0}
.coinmy-chart__stats div{margin:0}
.coinmy-chart__stats dt{font-size:.75rem;color:var(--_muted)}
.coinmy-chart__stats dd{margin:2px 0 0;font-weight:600;font-size:.9375rem}

/* Post cards */
.coinmy-posts{display:grid;gap:24px}
.coinmy-posts--grid{grid-template-columns:repeat(var(--coinmy-cols,3),minmax(0,1fr))}
.coinmy-posts--list,.coinmy-posts--compact{grid-template-columns:minmax(0,1fr);gap:0}
.coinmy-posts--lead{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:start}
.coinmy-posts__side{display:flex;flex-direction:column}
.coinmy-posts__title{font-family:var(--_display);font-size:1.25rem;margin:0 0 16px}
.coinmy-card{display:flex;flex-direction:column;gap:12px;min-width:0}
.coinmy-card__media{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:var(--_r);background:var(--_bg)}
.coinmy-card__media img,.coinmy-card__ph{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.coinmy-card__ph{background:linear-gradient(135deg,var(--_ink),var(--_ink2))}
.coinmy-card:hover .coinmy-card__media img{transform:scale(1.04)}
.coinmy-card__body{display:flex;flex-direction:column;gap:8px;min-width:0}
.coinmy-card__cat{align-self:flex-start;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--_gold-ink);text-decoration:none}
.coinmy-card__cat:hover{color:var(--_ink)}
.coinmy-card__title{margin:0;font-family:var(--_display);font-weight:600;font-size:1.125rem;line-height:1.3;letter-spacing:-.01em;color:var(--_ink)}
.coinmy-card__title a{color:var(--_ink);text-decoration:none;background-image:linear-gradient(var(--_gold),var(--_gold));background-size:0 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s}
.coinmy-card__title a:hover{color:var(--_ink);background-size:100% 2px}
.coinmy-card__excerpt{margin:0;color:var(--_muted);font-size:.9375rem;line-height:1.6}
.coinmy-card__meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.75rem;color:var(--_muted)}
.coinmy-card__meta span::before{content:"\00b7";margin-right:12px}
.coinmy-card--lead .coinmy-card__media{aspect-ratio:16/9}
.coinmy-card--lead .coinmy-card__title{font-size:clamp(1.5rem,2.4vw,2.125rem);line-height:1.15;font-weight:700}
.coinmy-card--list{flex-direction:row;gap:16px;padding:16px 0;border-bottom:1px solid var(--_line)}
.coinmy-card--list:first-child{padding-top:0}
.coinmy-card--list:last-child{border-bottom:0;padding-bottom:0}
.coinmy-card--list .coinmy-card__media{width:120px;flex:none;aspect-ratio:4/3;border-radius:8px}
.coinmy-card--list .coinmy-card__title{font-size:1rem}
.coinmy-card--compact{padding:12px 0;border-bottom:1px solid var(--_line)}
.coinmy-card--compact:last-child{border-bottom:0}
.coinmy-card--compact .coinmy-card__title{font-size:.9375rem}
@media (max-width:1023px){.coinmy-posts--grid{grid-template-columns:repeat(min(var(--coinmy-cols,3),2),minmax(0,1fr))}.coinmy-posts--lead{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){.coinmy-posts--grid{grid-template-columns:minmax(0,1fr)}.coinmy-card--list .coinmy-card__media{width:96px}}

/* Slider */
.coinmy-slider{position:relative}
.coinmy-slider__nav{position:absolute;right:0;top:-56px;display:flex;gap:8px}
.coinmy-slider__btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--_line);background:var(--_paper);color:var(--_ink);cursor:pointer;font-size:1rem}
.coinmy-slider__btn:hover{background:var(--_ink);color:var(--_paper);border-color:var(--_ink)}
.coinmy-posts--slider{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,calc((100% - 48px)/3));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.coinmy-posts--slider::-webkit-scrollbar{display:none}
.coinmy-posts--slider>.coinmy-card{scroll-snap-align:start}
@media (max-width:767px){.coinmy-posts--slider{grid-auto-columns:85%}.coinmy-slider__nav{display:none}}

/* ICO */
.coinmy-ico--list{list-style:none;margin:0;padding:0}
.coinmy-ico__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--_line)}
.coinmy-ico__item.is-fork{background:color-mix(in srgb,var(--_gold) 14%,transparent);padding:12px;border-radius:8px;border:0}
.coinmy-ico__item time{font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.coinmy-ico__id{display:flex;align-items:center;gap:12px;min-width:0}
.coinmy-ico__id img,.coinmy-ico__ph{width:32px;height:32px;border-radius:8px;object-fit:contain;flex:none;background:var(--_bg)}
.coinmy-ico__ph{display:grid;place-items:center;font-weight:700;color:var(--_muted)}
.coinmy-ico__id div{display:flex;flex-direction:column;min-width:0}
.coinmy-ico__id strong a{color:var(--_ink);text-decoration:none}
.coinmy-ico__id span{font-size:.8125rem;color:var(--_muted)}
.coinmy-ico__id p{margin:4px 0 0;font-size:.875rem;color:var(--_muted)}
.coinmy-ico--full table{width:100%;border-collapse:collapse;background:var(--_paper);border:1px solid var(--_line);border-radius:var(--_r);overflow:hidden}
.coinmy-ico--full th{text-align:left;font-size:.75rem;color:var(--_muted);padding:12px 16px;border-bottom:1px solid var(--_line)}
.coinmy-ico--full td{padding:14px 16px;border-bottom:1px solid var(--_line);vertical-align:middle;font-variant-numeric:tabular-nums}
.coinmy-ico__past{margin-top:24px}
.coinmy-ico__past summary{cursor:pointer;font-weight:600;margin-bottom:12px}

/* Social + share */
.coinmy-social{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.coinmy-social__link{display:inline-flex;align-items:center;gap:8px;min-width:40px;height:40px;justify-content:center;border-radius:50%;color:inherit;border:1px solid color-mix(in srgb,currentColor 22%,transparent);text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.coinmy-social__link:hover{background:var(--_gold);border-color:var(--_gold);color:var(--_ink)}
.coinmy-icon{width:18px;height:18px;display:block}
.coinmy-share{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.coinmy-share__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--_muted);margin-right:4px}
.coinmy-share__btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--_line);background:var(--_paper);color:var(--_ink);cursor:pointer;padding:0;transition:background .2s,color .2s,border-color .2s}
.coinmy-share__btn:hover{background:var(--_ink);border-color:var(--_ink);color:var(--_paper)}
.coinmy-share__btn.is-copied{background:var(--_up);border-color:var(--_up);color:#fff}

/* Post meta, tags, categories, archive head */
.coinmy-pmeta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:.875rem;color:var(--_muted)}
.coinmy-pmeta>*+*::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.5;margin-right:16px;vertical-align:middle}
.coinmy-pmeta__author{color:var(--_ink);font-weight:600}
.coinmy-tags,.coinmy-catlist{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.coinmy-tags a,.coinmy-catlist a{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--_bg);color:var(--_ink);font-size:.8125rem;font-weight:500;text-decoration:none;border:1px solid var(--_line)}
.coinmy-tags a:hover,.coinmy-catlist a:hover{background:var(--_gold);border-color:var(--_gold);color:var(--_ink)}
.coinmy-archive-head__kicker{display:block;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--_gold);margin-bottom:8px}
.coinmy-archive-head h1{margin:0;font-family:var(--_display);font-size:clamp(2rem,4vw,3rem);line-height:1.1;color:inherit}
.coinmy-archive-head__desc{margin-top:12px;opacity:.8;max-width:60ch}

/* Ads */
.coinmy-ad{margin:24px auto;text-align:center;max-width:100%}
.coinmy-ad__label{display:block;font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--_muted);margin-bottom:6px}
.coinmy-ad img{max-width:100%;height:auto;border-radius:8px;display:inline-block}
.coinmy-ad__cap{font-size:.8125rem;color:var(--_muted);margin:6px 0 0}
.coinmy-ad__cap span{font-weight:700;margin-right:6px}

/* Price table adapts to the width of its column, not just the screen. */
.coinmy-prices{container-type:inline-size}
@container (max-width:940px){.coinmy-prices .coinmy-prices__spark,.coinmy-prices th:last-child{display:none}}
@container (max-width:620px){.coinmy-prices .coinmy-hide-md{display:none}}
@container (max-width:480px){.coinmy-prices .coinmy-hide-sm{display:none}}

/* Hide ad slots AdSense leaves empty. */
.coinmy-ad:has(ins.adsbygoogle[data-ad-status="unfilled"]){display:none}

/* Breakdance post-loop pagination (archives, search, tag, author) */
.bde-posts-pagination{
	--_ink:var(--coin-ink,#0b1220);--_line:var(--coin-line,#e3e6ee);--_muted:var(--coin-muted,#5b6478);--_gold:var(--coin-gold,#f5b728);
	display:flex;justify-content:center;width:100%;margin-top:24px;
}
.bde-posts-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;list-style:none}
.bde-posts-pagination li{margin:0;padding:0;list-style:none}
.bde-posts-pagination li::marker{content:none}
.bde-posts-pagination a,.bde-posts-pagination span{
	display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;
	border:1px solid var(--_line);border-radius:999px;background:#fff;color:var(--_ink);
	font-family:var(--coin-font-display,'Space Grotesk',system-ui,sans-serif);font-size:15px;font-weight:600;line-height:1;
	text-decoration:none;font-variant-numeric:tabular-nums;transition:background-color .2s,border-color .2s,color .2s;
}
.bde-posts-pagination a:hover{border-color:var(--_ink);background:var(--_ink);color:#fff}
.bde-posts-pagination a.is-active,.bde-posts-pagination .bde-posts-navigation-numbers--active a{background:var(--_gold);border-color:var(--_gold);color:var(--_ink);pointer-events:none}
.bde-posts-pagination .bde-posts-navigation-numbers--ellipses span{border-color:transparent;background:none;color:var(--_muted);min-width:24px;padding:0 4px}
.bde-posts-pagination a:focus-visible{outline:2px solid var(--_gold);outline-offset:2px}
@media (max-width:479px){.bde-posts-pagination a,.bde-posts-pagination span{min-width:40px;height:40px;padding:0 12px;font-size:14px}.bde-posts-pagination ul{gap:6px}}
