/* Design system 1.0: the creator royalties page (/creators/royalties/).
   tools/edge_kit/ds1_body.py swaps the voxel island, coins, step art and mascot for a halftone cloud,
   line icons and Scout; this sheet sets them in the homepage's world (paper, sky panel, blue keys, Inter at 450). */
html:root:not(#kit) .ry{--ry-ink:var(--edge-ink,#16251e);--ry-mut:var(--edge-muted,#59685f);--ry-card:#fff;--ry-line:var(--edge-line,#d3d9cf);--ry-shadow:none}
html:root:not(#kit) .ry>.sky{display:none!important}
html:root:not(#kit) .ry *{animation:none!important}
html:root:not(#kit) .ry .ry-card{background:#fff!important;border:1px solid var(--edge-line,#d3d9cf)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:14px!important}
html:root:not(#kit) .ry h1{font-weight:450!important;letter-spacing:-.045em}
html:root:not(#kit) .ry .ry-pix{font-family:var(--edge-font-ui,Inter,system-ui,sans-serif)!important;font-size:1em!important;font-weight:450;letter-spacing:-.045em!important;margin-top:0}
html:root:not(#kit) .ry h2,html:root:not(#kit) .ry .ry-h{font-weight:500!important}
html:root:not(#kit) .ry .ry-pill{background:#fff;border-color:var(--edge-line,#d3d9cf);font-weight:500}
html:root:not(#kit) .ry a.ry-btn,html:root:not(#kit) .ry a.ry-btn:link,html:root:not(#kit) .ry a.ry-btn:visited{height:52px;--k:var(--edge-blue,#154cff)!important;--k-fg:var(--edge-white,#fff)!important;--k-edge:var(--edge-blue-base,#0c35ba)!important;color:#fff!important}
html:root:not(#kit) .ry a.ry-btn:hover{--k:var(--edge-blue-hover,#103ed7)!important}

/* hero: halftone cloud, Scout, the skill card and the 100% sticker */
html:root:not(#kit) .ry .ry-hero-art{width:min(100%,460px)}
html:root:not(#kit) .ry .ry-float>img:first-child{width:100%;height:auto;filter:drop-shadow(0 18px 26px rgb(22 37 30/.10))}
html:root:not(#kit) .ry .ry-scout{position:absolute;left:58%;top:14%;width:64px!important;height:64px;image-rendering:pixelated;z-index:2}
html:root:not(#kit) .ry .ry-skillcard{background:#fff!important;border:1px solid var(--edge-line,#d3d9cf)!important;box-shadow:0 6px 18px rgb(22 37 30/.10)!important;top:52%!important;transform:none!important}
html:root:not(#kit) .ry .ry-sticker{font-family:var(--edge-font-ui,Inter,system-ui,sans-serif);font-weight:500;letter-spacing:.02em;box-shadow:var(--edge-shadow-key,0 3px 0 #0c35ba)}
html:root:not(#kit) .ry .ry-sticker b{font-family:inherit!important;font-weight:500;letter-spacing:-.03em}

/* steps: line icons on soft blue tiles */
html:root:not(#kit) .ry .ry-ic{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:12px;background:var(--edge-blue-soft,#e8eeff);color:var(--edge-blue,#154cff)}
html:root:not(#kit) .ry .ry-step h2 i{font-family:var(--edge-font-ui,Inter,system-ui,sans-serif)!important;font-size:1em!important;font-weight:500;margin-right:.35em}

/* closing panel: the sky with the cloud bank, Scout on top */
html:root:not(#kit) .ry .ry-end{background:url(/assets/kit/v11/cloud-bank.webp) right -60px bottom -40px/640px auto no-repeat,linear-gradient(180deg,#8dbbdd 0%,#b2d3e8 60%,#d9e7ea 100%)!important;border:0!important}
html:root:not(#kit) .ry .ry-end h2,html:root:not(#kit) .ry .ry-end p,html:root:not(#kit) .ry .ry-end .ry-fine,html:root:not(#kit) .ry .ry-end a:not(.ry-btn){color:var(--edge-ink,#16251e)!important}
html:root:not(#kit) .ry .ry-endart{display:grid;place-items:end center;width:170px;height:150px;background:url(/assets/kit/v11/cloud-puff.webp) center bottom/100% auto no-repeat}
html:root:not(#kit) .ry .ry-endart img{width:72px!important;height:72px;margin-bottom:58px;image-rendering:pixelated}
@media (max-width:860px){
  html:root:not(#kit) .ry .ry-hero-art{width:min(100%,340px)}
  html:root:not(#kit) .ry .ry-ic{width:52px;height:52px}
  html:root:not(#kit) .ry .ry-endart{width:140px;height:120px}
  html:root:not(#kit) .ry .ry-endart img{width:56px!important;height:56px;margin-bottom:46px}
}