/*m541 p25: Clement's order:151 punch list. Shared kit, all pages.*/
/*(2) dark buttons: Ink on Ink hid the hover. Warm off-black border, Beak lift shadow.*/
html body a.btn.dk25{border-color:#4A4239!important}
html body a.btn.dk25:hover,html body a.btn.dk25:focus-visible{background:#2A2520!important;box-shadow:0 0 0 1px #4A4239,4px 4px 0 1px var(--beak,#D96542)!important}
/*(1) card time stamps: one format, never wraps*/
@media (max-width:599.98px){
 /*(4) phone nav: one rule. Row 1 logo + Open bot, row 2 the four links spread edge to edge.*/
 .pl13w{position:relative}
 html body .pl13n{border-top:0!important;justify-content:space-between!important;gap:0!important}
 html body .pl13n>.pl13b{position:absolute;top:8px;right:16px;margin:0}
 /*(5) home: Set up a ping goes under the carousel, full width inside the side margins*/
 .hero .ping{display:flex!important;flex-direction:column;align-items:stretch!important}
 .hero .ping>.car{width:100%;align-self:stretch}
 .hero .ping>div:first-child{display:contents}
 .hero .ping .cta{order:9;margin-top:20px;display:block!important;width:100%}
 .hero .ping .cta .btn{width:100%;justify-content:center}
 /*(6) phone /swap: real gap under the nav*/
 html body.sw15 main>.rcol{margin-top:24px!important}
 /*(8) footer: link groups in 2 columns, tighter rows*/
 html body .ft .fg{grid-template-columns:1fr 1fr!important;column-gap:16px;row-gap:24px}
 html body .ft .fb{grid-column:1/-1}
 html body .ft .fg>div:not(.fb) a{padding-top:6px;padding-bottom:6px;min-height:36px}
}
/*(3) /swap desktop: token header sits right of the Swap title; chart and box move up*/
@media (min-width:1024px){
 body.sw15 main{grid-template-columns:max-content minmax(0,1fr) 420px!important;column-gap:32px;row-gap:0!important}
 body.sw15 main>h1{grid-column:1;grid-row:1/3;align-self:end;margin:0!important}
 body.sw15 main>.lcol{display:contents}
 body.sw15 .lcol>.trow{grid-column:2/4;grid-row:1;align-self:end;margin:0}
 body.sw15 .lcol>.iline:not(#stats2){grid-column:2/4;grid-row:2;align-self:end;margin:4px 0 0}
 body.sw15 .lcol>#stats2{display:none!important}
 body.sw15 #chart2{grid-column:1/3;grid-row:3;margin-top:24px!important}
 body.sw15 main>.rcol{grid-column:3;grid-row:3;margin-top:24px!important;align-self:start}
 body.sw15 main>section.og{grid-column:1/-1;grid-row:4}
}
/*(7) Use the bot: two command rows and one full-width button, in the house card*/
.bot25{margin:48px 0 8px;padding:24px;border:2px solid var(--ink,#1D1A17);border-radius:16px;background:var(--box,#F8E7B9);box-shadow:4px 4px 0 var(--ink,#1D1A17);max-width:640px}
.bot25 h2{margin:0 0 16px!important;padding-top:0!important}
.bot25 ol{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px}
.bot25 li{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center}
.bot25 code{display:inline-flex;justify-content:center;padding:6px 0;border:2px solid var(--ink,#1D1A17);border-radius:8px;background:var(--cream,#FAF2E1);font-weight:700}
.bot25 li span{line-height:1.35}
.bot25 .btn{width:100%;justify-content:center}

/*m545 p26: Clement's order:152 two marks. Appended to m541.css.*/
/*(1) /swap desktop: meta line moves from the title block to directly under the chart card, one line*/
@media (min-width:1024px){
 body.sw15 .lcol>.trow{grid-row:1/3;align-self:end;margin:0 0 14px}
 body.sw15 .lcol>.iline:not(#stats2){grid-column:1/3;grid-row:4;align-self:start;margin:12px 0 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
 body.sw15 main{grid-template-rows:auto auto auto 1fr auto!important}
 body.sw15 main>.rcol{grid-row:3/5}
 body.sw15 main>section.og{grid-row:5}
}
/*(1) /swap phone: the same line, directly under the chart, one line, ellipsis if it can't fit*/
@media (max-width:1023.98px){
 html body.sw15 .box #stats{display:block!important;order:99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;margin:10px 0 0!important;max-width:100%}
}
/*(2) home phone: no closing tagline + button under sections 01 and 02*/
@media (max-width:599.98px){
 body.lay-c #bots .fx,body.lay-c #channel .fx{display:none!important}
}

/*m546 p27: Clement's order:153 two marks. Appended to m541.css.*/
/*(1) /swap: token logo + symbol leave the title row (they now lead the meta line); Learn sits beside "Swap"*/
html body.sw15 .trow>.tic,html body.sw15 .trow>#tname{display:none!important}
html body.sw15 .iline .mic{display:inline-block;width:16px;height:16px;border-radius:50%;vertical-align:-3px;margin-right:6px;object-fit:cover;background:#EDCB6F}
html body.sw15 .iline .msym{font-weight:700}
/*(2) home phone: no "Liquidations" + "Open the panel" under section 03 either*/
@media (max-width:599.98px){
 body.lay-c #data .fx{display:none!important}
}
@media (min-width:1024px){html body.sw15 .lcol>.trow{margin-left:-22px!important}}

/*m547 p28: Clement's order:154 marks. Learn pill at the right end of the meta line under the chart; meta text bigger.*/
html body.sw15 #stats+#lpd{position:static;top:0;margin:0;flex:none}
@media (min-width:1024px){
 html body.sw15 .lcol>.iline:not(#stats2){font-size:16px!important;padding-right:112px;align-self:start!important;margin-top:16.5px!important}
 html body.sw15 .lcol>#lpd{grid-column:2;grid-row:4;justify-self:end;align-self:start;margin-top:12px!important}
}
@media (max-width:1023.98px){
 html body.sw15 .lmw{display:none!important}
 html body.sw15 .box #stats{font-size:14px!important;white-space:normal!important;line-height:20px;padding:6px 96px 6px 0;overflow:visible!important;text-overflow:clip!important}
 html body.sw15 .box #stats+#lpd{order:99;align-self:flex-end;margin-top:-32px!important}
}