.codes-page{padding-top:36px;padding-bottom:50px}.codes-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(120deg,#123b30,#10251f);color:#f6f0e3;padding:36px;border-radius:9px;border:1px solid #bc965366}.codes-hero .page-kicker{color:#e4c98f}.codes-hero h1{font-size:40px;font-weight:500;letter-spacing:3px}.codes-hero p{color:#d2ddce;margin-top:12px;font-size:14px;line-height:2}.codes-numbers{display:flex;align-items:center;gap:24px;color:#e4c98f}.codes-numbers strong{font:40px Georgia,serif;text-align:center}.codes-numbers small{display:block;font:11px/2 sans-serif;color:#bdcbb8}.codes-numbers>span{font-size:25px}.codes-guide{padding:16px 20px;margin-top:18px;background:#ede9da;border-radius:5px;color:#65705c;font-size:12px}.codes-guide summary{cursor:pointer;font-weight:600;color:#415642}.codes-guide p{margin-top:12px;line-height:1.9}.codes-guide a,.codes-attribution a{color:#84652f;text-decoration:underline}.codes-search{display:flex;gap:10px;margin:26px 0}.codes-search input{flex:1;min-width:0;background:#fffaf0;border:1px solid #c8b990;border-radius:5px;padding:12px 15px;font-size:14px;color:#26382f}.codes-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:26px}.codes-categories h2{font:15px/2 var(--serif);margin-bottom:12px}.codes-categories>a{display:flex;justify-content:space-between;gap:6px;padding:9px 12px;margin:2px 0;border-radius:4px;font-size:12px}.codes-categories>a span{color:#87917d}.codes-categories>a[aria-current]{background:#163e34;color:#fffaf0}.codes-categories>a[aria-current] span{color:#e4c98f}.codes-results-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:11px;color:#738076;margin:0 0 16px;min-height:30px}.codes-results-meta>a:last-child{margin-left:auto}.codes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.code-card{padding:20px;border:1px solid #dcd5c5;background:#fcf8ef;border-radius:7px;display:flex;flex-direction:column;min-width:0}.code-meta{font-size:10px;color:#8c866e;display:flex;gap:7px;flex-wrap:wrap}.code-source-badge{color:#917039;background:#eee4cd;border-radius:3px;padding:0 4px}.code-card h2{margin:0;min-width:0;font:20px/1.5 monospace;overflow-wrap:anywhere}.code-card h3{font-size:15px;margin-top:6px;font-weight:500}.code-card>p{font-size:12px;line-height:1.9;color:#738076;margin:10px 0 20px;flex:1}.code-actions{display:flex;flex-wrap:nowrap;gap:9px;align-items:center;font-size:12px}.code-title-row{display:flex;align-items:baseline;gap:10px;margin-top:15px}.code-copy-inline{flex:none;white-space:nowrap;border:1px solid #d6cbb5;border-radius:4px;background:transparent;color:#68765b;padding:5px 8px;min-height:30px;font-size:11px;cursor:pointer}.code-copy-inline:hover{background:#ede9da;border-color:#987941}.code-copy-inline:focus-visible{outline:2px solid #987941;outline-offset:3px}.code-actions>.favorite-button{flex:0 0 auto;width:auto;min-height:30px;padding:4px 8px;background:transparent;font-size:11px}.code-actions>.favorite-button.is-saved{background:#f1e6cc;color:#886020}.code-actions>a{margin-left:auto;color:#7d6a43}.code-pagination{display:flex;position:static;justify-content:space-between;align-items:center;background:transparent;box-shadow:none;margin:26px 0;padding:0;gap:10px;color:#65705c;font-size:12px}.code-pagination a{min-height:40px;padding:8px 12px;font-size:12px;color:#415642;border:1px solid #dcd5c5;border-radius:4px}.code-pagination a:last-child{margin:0}.codes-attribution{font-size:11px;color:#8b8a78;margin-top:32px;line-height:2}.code-detail{max-width:900px}.code-detail>.page-kicker{margin-top:24px}.code-detail h1{font:38px/1.6 monospace;overflow-wrap:anywhere}.code-detail>h2{font-size:25px;font-weight:500;margin-top:8px}.code-lead{color:#65705c;font-size:16px;margin:18px 0;line-height:1.9}.code-detail-actions{display:flex;gap:12px;flex-wrap:wrap}.code-instructions{background:#fcf8ef;border:1px solid #dcd5c5;border-radius:7px;padding:28px;margin-top:28px}.code-instructions h2{font-size:22px;font-weight:500}.code-instructions h2 small{font:11px sans-serif;color:#8b8a78;margin-left:10px}.code-instructions ol{padding-left:24px;color:#65705c;line-height:2.1;font-size:14px;margin:16px 0 28px}.code-instructions pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/2 sans-serif;background:#ede9da;padding:20px;border-radius:5px}.code-note{font-size:12px;color:#738076;margin-top:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-codes-link{display:block;text-align:center;border:1px solid #c8b990;border-radius:6px;padding:18px;color:#75603c;margin-top:24px;background:#fffaf0;font-size:14px}
@media(min-width:801px){.nav-shell{padding-left:24px;padding-right:24px;gap:0 12px}#navigation{gap:5px}#navigation a{font-size:15px;padding-left:7px;padding-right:7px}#navigation a:last-child{margin-left:4px}}
@media(min-width:801px) and (max-width:1350px){.nav-shell{padding-top:10px;padding-bottom:8px}.nav-shell>#navigation{order:3;width:100%;justify-content:center;margin:0}.account-area{margin-left:auto}}
@media(max-width:800px){.codes-hero{padding:26px;align-items:flex-start}.codes-hero h1{font-size:32px}.codes-numbers{gap:12px}.codes-numbers strong{font-size:29px}.codes-layout{grid-template-columns:1fr;gap:20px}.codes-categories{display:flex;gap:6px;flex-wrap:wrap}.codes-categories h2{width:100%;margin-bottom:0}.codes-categories>a{padding:7px 10px;border:1px solid #dcd5c5;font-size:11px;margin:0}.code-pagination{display:flex;flex-direction:row;position:static}.code-pagination a{width:auto;justify-content:center}.code-detail h1{font-size:29px}}
@media(max-width:520px){.codes-page{padding-top:22px}.codes-hero{display:block;padding:24px}.codes-numbers{margin-top:22px;justify-content:flex-start;gap:24px}.codes-hero p{font-size:12px}.codes-hero .page-kicker{font-size:8px}.codes-search{gap:7px}.codes-search .button{padding:10px 12px;font-size:12px}.codes-grid{grid-template-columns:1fr}.code-card{padding:18px}.code-instructions{padding:20px}.code-detail h1{font-size:26px}.code-detail>h2{font-size:22px}.codes-results-meta{gap:10px}.codes-results-meta>a:last-child{margin-left:0}}

/* Compact library cards; retain readable widths on smaller screens. */
.codes-page:not(.code-detail){max-width:1440px}.codes-layout{grid-template-columns:180px minmax(0,1fr);gap:20px}.codes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.code-card{padding:16px}.code-card h2{font-size:18px}.code-card h3{font-size:14px}.code-card>p{margin:8px 0 14px}.code-title-row{margin-top:10px;gap:8px}.codes-categories>a{padding:7px 10px}.codes-results{scroll-margin-top:125px}
@media(max-width:1100px){.codes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.codes-layout{grid-template-columns:1fr}.codes-categories>a{padding:7px 10px}}
@media(max-width:520px){.codes-grid{grid-template-columns:1fr}}