.cl{--learn: var(--sec-learn);--build: var(--sec-build);--play: var(--sec-play);--concepts: var(--sec-concepts);--kids: var(--sec-kids);--research: var(--sec-research);--network: var(--sec-network);--site: #9aa6bd}.cl-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px}.cl-chips button{--c: #e9eef8;min-height:44px;padding:8px 12px;touch-action:manipulation;border-radius:999px;border:1px solid rgb(255 255 255 / .14);background:#ffffff0a;color:#c3c8dc;font-size:calc(13px * var(--text-scale, 1));font-weight:600;cursor:pointer}.cl-chips button:hover{border-color:var(--c)}.cl-chips button[aria-pressed=true]{color:#06050d;background:var(--c);border-color:var(--c)}.cl-chips .cl-chip--learn{--c: var(--learn)}.cl-chips .cl-chip--kids{--c: var(--kids)}.cl-chips .cl-chip--research{--c: var(--research)}.cl-chips .cl-chip--network{--c: var(--network)}.cl-chips .cl-chip--site{--c: var(--site)}.cl-chips .cl-chip--play{--c: var(--play)}.cl-chips .cl-chip--build{--c: var(--build)}.cl-chips .cl-chip--concepts{--c: var(--concepts)}.cl-release{margin-top:28px;padding-top:8px;border-top:1px solid rgb(255 255 255 / .08);scroll-margin-top:16px}.cl-release h2{position:relative;margin:12px 0 2px;font-size:calc(22px * var(--text-scale, 1))}.cl-anchor{margin-right:8px;color:var(--ink-3);text-decoration:none}.cl-anchor:hover,.cl-release:target .cl-anchor{color:#35a8ff}.cl-date{margin:0 0 8px;color:#9aa6bd;font-size:calc(13px * var(--text-scale, 1))}.cl-soon{padding:2px 8px;border-radius:6px;color:#ffc46b;background:#ffc46b1f;border:1px dashed rgb(255 196 107 / .5);font-weight:600}.cl-group h3{margin:16px 0 6px;font-size:calc(13px * var(--text-scale, 1));letter-spacing:.06em;text-transform:uppercase;color:#9aa6bd}.cl-group ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.cl-group li{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;align-items:baseline;color:#c3c8dc;line-height:1.55}.cl-tag{justify-self:start;padding:1px 7px;border-radius:6px;font-size:calc(11px * var(--text-scale, 1));font-weight:700;color:var(--c);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 10%,transparent)}.cl-tag--learn{--c: var(--learn)}.cl-tag--kids{--c: var(--kids)}.cl-tag--research{--c: var(--research)}.cl-tag--network{--c: var(--network)}.cl-tag--site{--c: var(--site)}.cl-tag--play{--c: var(--play)}.cl-tag--build{--c: var(--build)}.cl-tag--concepts{--c: var(--concepts)}.cl-item{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:baseline}.cl-game{padding:1px 7px;border-radius:6px;font-size:calc(11px * var(--text-scale, 1));font-weight:700;line-height:1.4;color:var(--c, var(--play));border:1px solid color-mix(in srgb,var(--c, var(--play)) 45%,transparent);background:color-mix(in srgb,var(--c, var(--play)) 12%,transparent)}.cl-game--coinbase{--c: #e6ac2e}.cl-game--banano{--c: #ffe03a}.cl-game--ananos{--c: #f4b63e}.cl-game--doughbase{--c: #d9893a}.cl-game--island{--c: #7ec8ff}.cl-note{margin:0 0 8px;color:#9aa6bd;font-size:calc(13px * var(--text-scale, 1))}.cl-none{color:#9aa6bd;font-size:calc(14px * var(--text-scale, 1))}.cl-note--after{margin:8px 0 0}.cl-note--release{color:#c3c8dc;font-size:calc(15px * var(--text-scale, 1))}.cl-search{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}.cl-search label{flex:1 0 100%;font-size:calc(13px * var(--text-scale, 1));font-weight:700;color:#9aa6bd}.cl-search input{flex:1 1 12rem;min-width:0;min-height:44px;padding:8px 12px;border-radius:10px;border:1px solid rgb(255 255 255 / .14);background:#ffffff0a;color:#e9eef8;font-size:max(16px,calc(16px * var(--text-scale, 1)))}.cl-search button,.cl-pages button{min-height:44px;padding:8px 14px;touch-action:manipulation;border-radius:10px;border:1px solid rgb(255 255 255 / .14);background:#ffffff0a;color:#e9eef8;font-size:calc(14px * var(--text-scale, 1));font-weight:600;cursor:pointer}.cl-pages button:disabled{opacity:.4;cursor:default}.cl-count{margin:12px 0 0;color:#9aa6bd;font-size:calc(13px * var(--text-scale, 1))}.cl-pages{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:28px;padding-top:16px;border-top:1px solid rgb(255 255 255 / .08)}.cl-pages span{color:#c3c8dc;font-size:calc(13px * var(--text-scale, 1));font-weight:600;text-align:center}
