:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#f5f4ed;color:#20352b;font:17px/1.65 system-ui,sans-serif}.example-header{display:flex;justify-content:space-between;gap:16px;padding:18px 24px;background:#e4eadb}.example-header a{color:inherit;min-height:44px;padding:8px}.examples{max-width:1160px;margin:auto;padding:28px 24px 60px}.examples h1{font-size:clamp(28px,5vw,40px);line-height:1.3}.examples h2{margin-top:32px}.example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.example-card{display:block;overflow:hidden;background:#fffef8;border:1px solid #c6d0c0;border-radius:16px;padding:18px;color:inherit;text-decoration:none;box-shadow:0 4px 16px #20352b08}.example-card>a{color:inherit;display:block;text-decoration:none}.example-card img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:#dfe7db;border-radius:10px}.example-card h3{margin:16px 0 8px;font-size:22px;line-height:1.4}.example-card p{margin:8px 0}.example-card .example-badge{display:inline-block;background:#e1ebd6;padding:4px 10px;border-radius:8px;font-size:14px}.example-card .example-limit{border-left:3px solid #8a6435;padding-left:12px;color:#604525}.example-card details a{display:block;min-height:44px;padding:8px 0;color:inherit}button{font:inherit;min-height:44px;padding:10px 18px;border:1px solid #597569;border-radius:8px;background:#e1ebd6;color:#20352b}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #50763a;outline-offset:4px}[hidden]{display:none!important}.memory-examples-entry{display:block;max-width:360px;margin-top:20px;padding:16px;border-radius:12px;background:#f5f4ed;color:#20352b!important;text-decoration:none;font:17px/1.5 system-ui}.memory-examples-entry strong,.memory-examples-entry span{display:block}.memory-examples-entry span{font-size:14px;margin-top:6px}header nav a#explore{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #a0ab95;border-radius:24px;padding:10px 14px;color:inherit;text-decoration:none;font:inherit}body[data-world-mode=basic] .memory-examples-entry{max-width:none} @media(max-width:600px){.examples{padding:22px 16px 40px}.example-header{padding:12px 16px}.example-card h3{font-size:21px}header nav a#explore{padding:8px 10px;font-size:13px}}