.codes-page-main{max-width:1180px}.codes-card-section{margin-top:12px}.code-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.code-card{border-radius:var(--radius);background:#fffefaf0;border:1px solid #092d2c24;gap:14px;min-width:0;padding:20px;display:grid;box-shadow:0 10px 26px #092d2c14}.code-card-topline{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.code-card-topline code{color:var(--deep);background:#fffdf6f2;border:1px solid #092d2c29;border-radius:6px;padding:6px 9px;font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:16px;font-weight:900;display:inline-flex}.code-card-facts{gap:8px;margin:0;display:grid}.code-card-facts div{gap:2px;display:grid}.code-card-facts dt{color:var(--muted);text-transform:uppercase;font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:900}.code-card-facts dd{color:var(--deep);margin:0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:700}.copy-code-button{border-radius:var(--radius);color:#102512;background:linear-gradient(135deg,#f8d95f,#8bdc5d);border:1px solid #25854f57;width:100%;padding:10px 12px;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:900}.codes-source-note{color:var(--muted);text-align:center;margin-top:14px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px}.related-link small{color:var(--muted);margin-top:4px;font-size:12px;font-weight:500;display:block}@media (max-width:900px){.code-card-grid{grid-template-columns:1fr}}