body {
   background-color: #f4f4f4;
   background-image:none;
   color: #222;
   font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
}
h1, h2, h3, h4, h5 {
   font-weight: 700;
}
.brand-blue {
   color: #084298;
}
.brand-green {
   color: #0f5132;
}
.btn-brand-blue {
   background-color: #cfe2ff;
   color: #084298;
   border: 1px solid #b6d4fe;
}
.btn-brand-blue:hover {
   background-color: #b6d4fe;
   color: #084298;
}
.btn-brand-green {
   background-color: #d1e7dd;
   color: #0f5132;
   border: 1px solid #badbcc;
}
.btn-brand-green:hover {
   background-color: #badbcc;
   color: #0f5132;
}
.endpoint-block {
   font-family: monospace;
   background: #f8f9fa;
   border-radius: 0.4rem;
   padding: 0.5rem 1rem;
   margin-bottom: 0.5rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
   word-break: break-all;
}
.copy-btn {
   margin-left: 0.5rem;
   padding: 0.2rem 0.6rem;
   font-size: 0.95em;
}
pre.example {
   background: #f0f0f0;
   border-radius: 0.4rem;
   padding: 0.7rem 1rem;
   font-size: 0.98em;
}
.easter-egg {
   cursor: pointer;
   text-decoration: underline;
}