@font-face{font-family:Outfit;src:url('./fonts/Outfit-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{color-scheme:light dark;background:#fff;color:#121216;font-family:Outfit,system-ui,sans-serif;line-height:1.6}body{margin:0}a{color:inherit;text-underline-offset:4px}a:hover{color:#c51650}a:focus-visible,summary:focus-visible{outline:2px solid #e21a5c;outline-offset:5px}header,main,footer{width:min(100% - 2.5rem,70rem);margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;border-bottom:1px solid #e9e9ec}header a{font-size:.9rem}.brand{display:flex;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:600;text-decoration:none}.brand img{display:block}main{padding:2.5rem 0 4rem}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.15;letter-spacing:-.035em;overflow-wrap:anywhere;margin:1rem 0}h2{font-size:1.4rem;line-height:1.3;margin-top:2rem}p{max-width:70ch}nav ol{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;font-size:.9rem;color:#5b5b63}nav ol li+li:before{content:'/';margin-right:.5rem;color:#888}.description{font-size:1.15rem}.eyebrow{color:#62626b;font-size:.9rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:.6rem 1.1rem;border:1px solid #d9d9df;border-radius:99px;text-decoration:none;font-size:.95rem}.primary{background:#111;color:#fff;border-color:#111}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tags a{background:#f4f4f4;padding:.3rem .65rem;border-radius:99px;text-decoration:none;font-size:.85rem}.instructions{background:#f6f6f6;border:1px solid #e8e8ed;border-radius:1rem;padding:1.5rem;white-space:pre-wrap;overflow-wrap:anywhere;font: .9rem/1.7 ui-monospace,SFMono-Regular,monospace}.skill-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.skill-list li{padding:1.25rem;background:#f6f6f6;border-radius:1rem;overflow-wrap:anywhere}.skill-list h2{font-size:1.1rem;margin:0}.skill-list h2 a{text-decoration:none}.skill-list p{font-size:.9rem;margin:.6rem 0 0;color:#565660}.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem}footer{border-top:1px solid #e9e9ec;text-align:center;padding:2rem 0;color:#62626b;font-size:.85rem}footer p{margin:.5rem auto}.skip{position:absolute;left:1rem;top:-5rem;background:#fff;padding:.75rem;z-index:5}.skip:focus{top:1rem}@media(max-width:560px){header{align-items:flex-start}.brand{font-size:1rem}header>a:last-child{max-width:7rem;text-align:right;font-size:.8rem}.skill-list{grid-template-columns:1fr}.instructions{padding:1rem;font-size:.8rem}main{padding-top:1.5rem}}@media(prefers-color-scheme:dark){html{background:#0a0a0a;color:#f5f5f7}header,footer{border-color:#27272c}.eyebrow,nav ol,footer{color:#b1b1bd}.instructions,.skill-list li,.tags a{background:#151515;border-color:#2a2a31}.skill-list p{color:#bcbcc7}.button{border-color:#44444d}.primary{background:#fff;color:#111;border-color:#fff}.skip{background:#111}a:hover{color:#ff6996}}