/* m505: one body kit for every hub page = home's headline, type scale, card and frame */
body.hub14 main{max-width:1120px!important;margin:0 auto!important;padding:0 var(--s4,16px)!important;width:100%!important;box-sizing:border-box!important}
body.hub14 main h1{font-family:B,sans-serif!important;font-weight:800!important;letter-spacing:-.01em!important;font-size:clamp(38px,8.4vw,84px)!important;line-height:.98!important;color:#1D1A17!important;margin:40px 0 28px!important;max-width:16ch}
body.hub14 main .h2-14{font-family:B,sans-serif;font-weight:800;letter-spacing:-.01em;font-size:clamp(30px,5vw,48px);line-height:1;color:#1D1A17;margin:56px 0 20px}
body.hub14 .ch12>li,body.hub14 .d5>li,body.hub14 .dp,body.hub14 .c14{border:2px solid #1D1A17!important;border-radius:14px!important;background:#F8E7B9!important;box-shadow:none!important;padding:18px!important}
.c14g{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 8px}
@media(max-width:1000px){.c14g{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.c14g{grid-template-columns:1fr}}
.c14{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#1D1A17}
.c14 h3{font:800 22px/1.1 B,sans-serif;letter-spacing:-.01em;margin:0}
.c14 .num{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;font:800 clamp(30px,5vw,48px)/1 B,sans-serif;margin:10px 0 14px}
.c14 .go{font:600 15px/1 D,sans-serif;margin-top:auto}
.c14 .go::after{content:" →";color:#D96542}
.c14:hover h3{text-decoration:underline}
.bot14{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin:0 0 64px}
.bot14 p{margin:0;font:400 17px/1.45 D,sans-serif}
.bot14 code{font:600 15px/1 D,sans-serif;background:#F8E7B9;border:2px solid #1D1A17;border-radius:8px;padding:3px 7px}
/* m506 /swap on the kit */
@font-face{font-family:D;src:url(fonts/DMSans.ttf);font-weight:100 900}@font-face{font-family:B;src:url(fonts/Bricolage.ttf);font-weight:200 800}
body.hub14{font-family:D,sans-serif!important;font-size:16px!important}
html body.hub14.sw15 main{width:100%!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;padding-left:16px!important;padding-right:16px!important}
body.sw15 main h1.h1-15{margin:24px 0 16px!important}
@media(max-width:719px){body.sw15 main h1.h1-15{margin:16px 0 10px!important}}
/* m506f /swap fold */
@media(max-width:419px){body.sw15 main h1.h1-15{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}html body.hub14.sw15 main{padding-top:4px!important}body.sw15 #chart svg{max-height:48px!important}}
/* end m506f */
