.don-page{max-width:1400px;color:var(--foreground,#f4ead9);margin:0 auto;padding:48px 24px 80px}.don-page header{max-width:850px;margin-bottom:32px}.don-page h1{margin:12px 0 22px;font-size:clamp(2rem,5vw,3.8rem);line-height:1.1}.don-page p{line-height:1.6}.don-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#e8bb65;font-size:.8rem}.don-note{opacity:.8;font-size:.9rem}.don-filters{align-items:end;gap:20px;margin:28px 0;display:flex}.don-filters label{gap:8px;display:grid}.don-filters label:first-child{flex:1}.don-filters input,.don-filters select{color:#f4ead9;font:inherit;background:#171b22;border:1px solid #716b61;border-radius:8px;width:100%;padding:12px}.don-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:28px 20px;display:grid}.don-grid article{color:#f4ead9;background:#171b22;border:1px solid #57544e;border-radius:12px;min-width:0;padding:12px}.don-grid h2{margin:12px 0 8px;font-size:1.1rem;line-height:1.35}.don-grid p{margin:6px 0;font-size:.85rem}.don-grid a{color:inherit;text-decoration:none}.don-grid a:hover h2{text-decoration:underline}.don-image,.don-placeholder{aspect-ratio:5/7;object-fit:contain;background:#11151b;border-radius:8px;width:100%}.don-placeholder{text-align:center;color:#e3d5bd;border:1px dashed #82745d;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.don-placeholder strong{font-size:2.2rem}.don-placeholder small{font-size:.75rem}.don-reference{color:#edc984}.don-grid code{overflow-wrap:anywhere;font-size:.75rem}.don-detail{grid-template-columns:minmax(200px,350px) 1fr;gap:40px;margin-top:32px;display:grid}.don-detail dl{gap:8px;display:grid}.don-detail dt{margin-top:12px;font-weight:700}.don-detail dd{overflow-wrap:anywhere;margin:0}.don-retired{background:#3a2c16;border:1px solid #b18a48;padding:16px}.don-page a:focus-visible,.don-page input:focus-visible,.don-page select:focus-visible{outline-offset:4px;outline:3px solid #e8bb65}@media (max-width:600px){.don-page{padding:28px 16px}.don-filters{flex-direction:column;align-items:stretch}.don-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.don-grid article{padding:8px}.don-grid h2{font-size:.95rem}.don-detail{grid-template-columns:1fr}.don-detail>.don-image,.don-detail>.don-placeholder{max-width:350px;margin:auto}}