@layer reset,tokens,base,layout;@layer components{.crd-tally ul{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.crd-tally a{isolation:isolate;height:100%;padding:var(--tt-space-4) var(--tt-space-3) var(--tt-space-4) var(--tt-space-4);color:var(--tt-text);align-content:start;gap:.45rem;text-decoration:none;display:grid;position:relative}.crd-tally a:before{content:"";z-index:-1;background:color-mix(in oklch, var(--tt-surface) 86%, transparent);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:background-color var(--tt-dur-1) var(--tt-ease-out);position:absolute;inset:0}.crd-tally li:first-child a:before{clip-path:polygon(var(--tt-cut) 0, 100% 0, calc(100% - 8px) 100%, 0 100%, 0 var(--tt-cut))}.crd-tally li:last-child a:before{clip-path:polygon(8px 0, 100% 0, 100% calc(100% - var(--tt-cut)), calc(100% - var(--tt-cut)) 100%, 0 100%)}.crd-tally a:hover:before{background:color-mix(in oklch, var(--tt-surface-2) 92%, transparent)}.crd-tally a:focus-visible{outline:2px solid var(--tt-accent-2);outline-offset:2px;border-radius:0}.crd-tally-value{font-size:clamp(1.5rem,1.1rem + 1.2vw,2.3rem);line-height:.9}.crd-tally-label{font:700 .6rem / 1.25 var(--tt-font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--tt-text-dim)}.crd-section{gap:var(--tt-space-4);scroll-margin-top:6rem}.crd-licence{font:700 .66rem / 1.2 var(--tt-font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--tt-text);background:color-mix(in oklch, var(--tt-accent) 14%, transparent);clip-path:var(--tt-cut-path-sm);margin:0;padding:.42rem .75rem}.crd-licence a{color:inherit}.crd-panel{gap:var(--tt-space-4);font-size:1rem;line-height:1.65;display:grid}.crd-panel>p{max-width:75ch;margin:0}.crd-attribution{padding:var(--tt-space-4) var(--tt-space-5);font:400 .84rem / 1.65 var(--tt-font-typing);color:color-mix(in oklch, var(--tt-text) 86%, var(--tt-bg));overflow-wrap:anywhere;background:color-mix(in oklch, var(--tt-bg) 55%, transparent);clip-path:var(--tt-cut-path-sm);margin:0;position:relative}.crd-more summary{font:700 .7rem / 1.3 var(--tt-font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--tt-text);background:color-mix(in oklch, var(--tt-text) 8%, transparent);clip-path:var(--tt-cut-path-sm);cursor:pointer;align-items:center;gap:.6rem;padding:.55rem .9rem;list-style:none;display:inline-flex}.crd-more summary::-webkit-details-marker{display:none}.crd-more summary:before{content:"";background:var(--tt-flow);clip-path:polygon(30% 0,100% 0,70% 100%,0 100%);width:.5rem;height:.5rem;transition:transform var(--tt-dur-2) var(--tt-ease-out)}.crd-more[open] summary:before{transform:rotate(90deg)}.crd-more summary:focus-visible{outline-offset:-3px}.crd-list{margin:var(--tt-space-4) 0 0;overflow-wrap:anywhere;gap:.45rem;padding-left:1.2em;font-size:.94rem;line-height:1.55;display:grid}.crd-list--works{columns:2 22rem;column-gap:var(--tt-space-6);display:block}.crd-list--works li{break-inside:avoid;margin-bottom:.45rem}.crd-fonts{grid-template-columns:repeat(auto-fill,minmax(min(100%,12.5rem),1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.crd-fonts a{height:100%;color:var(--tt-text);background:color-mix(in oklch, var(--tt-text) 5%, transparent);transition:background-color var(--tt-dur-1) var(--tt-ease-out);gap:.2rem;padding:.65rem .8rem;text-decoration:none;display:grid}.crd-fonts a:hover{background:color-mix(in oklch, var(--tt-accent) 14%, transparent)}.crd-fonts a:focus-visible{outline-offset:-2px}.crd-font-name{font:650 .94rem / 1.3 var(--tt-font-ui);overflow-wrap:anywhere}.crd-font-role{font:700 .58rem / 1.2 var(--tt-font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--tt-text-dim)}.crd-themes{gap:var(--tt-space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));margin:0;padding:0;list-style:none;display:grid}.crd-theme{padding:var(--tt-space-3) var(--tt-space-4) var(--tt-space-4);background:linear-gradient(90deg, var(--tt-accent), var(--tt-accent-2)) .95rem 0 / 2.5rem 2px no-repeat, color-mix(in oklch, var(--tt-text) 5%, transparent);clip-path:var(--tt-cut-path-sm);align-content:start;gap:.3rem;display:grid;position:relative}.crd-theme-name{font:800 .92rem / 1.25 var(--tt-font-display);padding-top:.35rem}.crd-theme-basis{color:var(--tt-text-dim);font-size:.88rem;line-height:1.45}.crd-theme-licence{color:var(--tt-text-dim);overflow-wrap:anywhere;font-size:.82rem;line-height:1.45}.crd-theme-licence a{color:var(--tt-text)}.crd-contact{gap:var(--tt-space-3);display:grid}.crd-contact p{color:var(--tt-text-dim);overflow-wrap:anywhere;margin:0;line-height:1.6}.crd-contact a{color:var(--tt-text)}@media (width<=64rem){.crd-tally ul{grid-template-columns:repeat(4,minmax(0,1fr))}.crd-tally li:first-child a:before,.crd-tally li:last-child a:before{clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}}@media (width<=40rem){.crd-tally ul{grid-template-columns:repeat(2,minmax(0,1fr))}.crd-attribution{padding:var(--tt-space-3) var(--tt-space-4);font-size:.78rem}}}@layer utilities;