/* Right column only: the same type and image scale as the collection cards. */
.layout>aside{background:transparent}
aside .rail-top{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0 0 12px}
aside h2{font:600 var(--section-title-size)/1.3 'DM Sans',sans-serif;letter-spacing:0;text-transform:none}
aside .periods{display:flex;gap:4px;padding:0;background:none;border-radius:0}
aside .periods button{font:400 14px/20px 'DM Sans',sans-serif;border:1px solid #ffffff4d;border-radius:100px;padding:4px 12px;color:#ffffff99;background:none}
aside .periods button.active{background:none;border-color:#fff;color:white}
aside .periods button:hover{color:white;border-color:#ffffffb3}
aside .rail-labels{font:400 14px/18px 'DM Sans',sans-serif;color:#ffffff80;margin-bottom:8px}
aside .topic,aside .trend{display:flex;align-items:center;gap:10px;width:100%;padding:10px 0;text-align:left;border:0;border-bottom:1px solid #d9d9d91a;border-radius:0;background:none}
aside .topic:hover,aside .trend:hover{background:none}
aside .topic:hover .rail-title,aside .trend:hover .rail-title{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ffffff80}
aside .rail-thumbnail{width:40px;height:40px;flex:0 0 40px;border-radius:4px;display:block;overflow:hidden;background:none}
aside .rail-thumbnail>img{width:40px;height:40px;object-fit:cover;display:block}
aside .rail-thumbnail.eth-crop>img{position:absolute;left:-26.92%;top:-20.23%;width:153.85%;height:140.47%;max-width:none}
aside .rail-object>img{object-fit:contain}
aside .rail-crest{display:grid;place-items:center}
aside .rail-crest>img{width:27.194px;height:32px;object-fit:contain}
aside .rail-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
aside .rail-title{font:600 14px/19px 'DM Sans',sans-serif;color:white;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
aside .rail-meta{display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap;font:400 12px/17px 'DM Sans',sans-serif;color:#ffffff99;font-variant-numeric:tabular-nums}
aside .rail-meta>span{white-space:nowrap}
aside .rail-growth{color:#7de9b6;font-size:12px}
aside .rail-probability{font:600 14px/19px 'DM Sans',sans-serif;color:white}
aside .rail-all{width:auto;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid transparent;border-radius:100px;padding:4px 10px;margin-top:18px;font:400 14px/18px 'DM Sans',sans-serif;color:#ffffff99;background:none}
aside .rail-all:hover{color:white;border-color:#ffffffb3}
aside .rail-all img{display:block}
aside .divider{margin:28px 0;background:#d9d9d91a}
aside .rail-heading{display:flex;align-items:flex-start;flex-direction:column;gap:8px;margin:0 0 14px}
aside .live{font:400 14px/18px 'DM Sans',sans-serif;color:#ffffff80;gap:6px}
/* The promo shares the hero's imagery, card border and white primary action. */
aside .promo{position:relative;isolation:isolate;overflow:hidden;display:block;min-height:236px;padding:16px;margin-top:24px;border:1px solid #4a5bb280;border-radius:16px;background:linear-gradient(135deg,#ffffff26,#ffffff1a)}
aside .promo::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,#262255e6 0%,#29255a99 55%,#37336b33 100%)}
aside .promo>.promo-scene{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:65% center;opacity:.65;transform:none}
aside .promo>.promo-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-height:202px}
aside .promo .eyebrow{display:block;font:400 12px/18px 'DM Sans',sans-serif;letter-spacing:0;color:#ffffff99}
aside .promo h3{font:600 26px/1.25 'DM Sans',sans-serif;letter-spacing:-.3px;margin:6px 0 8px}
aside .promo p{font:400 14px/20px 'DM Sans',sans-serif;color:#ffffffb3;margin:0;max-width:210px}
aside .promo .promo-cta{display:flex;align-items:center;justify-content:center;gap:10px;align-self:stretch;min-height:42px;margin-top:auto;padding:10px 14px;border:1px solid white;border-radius:999px;background:#fff;color:#272044;font:600 14px/20px 'DM Sans',sans-serif}
aside .promo .promo-arrow{width:16px;height:16px;flex:none;display:block;background:currentColor;-webkit-mask:url('assets/collections/e4059.svg') center/contain no-repeat;mask:url('assets/collections/e4059.svg') center/contain no-repeat}
aside .promo .promo-cta:hover{background:#f3efff}
aside .disclaimer{font:400 12px/18px 'DM Sans',sans-serif;color:#ffffff80;margin:18px 0}
@media(max-width:800px){aside .rail-top{grid-row:1/3}aside .rail-labels{display:none}aside .rail-heading{grid-row:1/3}aside .rail-all{justify-self:start;margin-bottom:0}}
@media(max-width:560px){.layout>aside{display:block;padding-top:24px}aside .rail-top{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px}aside .rail-labels{display:flex}aside .divider{display:block}aside .rail-heading{flex-direction:row;align-items:center;justify-content:space-between}}
/* Separate desktop rail scrolling; on mobile it remains in the page flow. */
.layout>aside{border:0}
aside .divider{height:0;background:none;margin:28px 0;border:0}
aside .topic:last-child,aside .trend:last-child{border-bottom:0}
aside .rail-all{width:100%;justify-self:stretch;justify-content:center;min-height:38px}
aside .rail-growth{font:600 14px/19px 'DM Sans',sans-serif}
@media(min-width:801px){.layout>aside{position:sticky;align-self:start;top:var(--header-height,113px);height:calc(100dvh - var(--header-height,113px));max-height:calc(100dvh - var(--header-height,113px));overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:none;border-left:1px solid #ffffff26;padding-right:6px;padding-bottom:6px}.layout>aside::-webkit-scrollbar{display:none;width:0;height:0}}