/* ===GLOBAL RSS: API BUTTONS Docs - UI Theme=== */
body{font-family:system-ui, -apple-system, BlinkMacSystemFont, "Arial", sans-serif;}
body{line-height:1.6;margin:0;padding:0;background:#f7f7f9;color:#222;}
.container{max-width:960px;margin:0 auto;padding:2rem 1.5rem 3rem;background:#fff;border-radius: 6px;box-shadow: 0 0 12px rgba(0,0,0,0.06);}
* {box-sizing:border-box;}
/* ============================
   BRAND LEFT (icon + title)
   ============================ */
.brand-left{padding-top:20px;display:flex;align-items:center;gap:10px;}
.brand-icon i{font-size:28px;color:#00eaff;}
.brand-title{font-size:20px;font-weight:400;color:#666699;letter-spacing:0.5px;}
h1, h2, h3{margin-top:1.5rem;}
h1{font-size:2rem;}
h2{font-size:1.5rem;border-bottom:1px solid #ddd;padding-bottom:.25rem;}
/* Responsive Title */
@media (max-width: 480px) {
    h1, h2 {
        font-size:18px;
    }
}
h3{font-size:1.15rem;margin-bottom:.25rem;}
p{margin:.25rem 0 .75rem;}
code{background:#f0f0f0;padding:0 .25rem;border-radius:3px;font-size:.95em;}
.field{margin-bottom:1rem;padding-left:.5rem;border-left:3px solid #e0e0e0;}
.module{margin-top:2rem;}
.tag{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#666;margin-bottom:.25rem;}

    /* Styling strictly for the documentation code preview boxes */
    .code-wrapper {
        position: relative;
        margin: 1.5rem 0;
    }
    pre {
        background: #1a1a2e;
        color: #d4d4d4;
        padding: 18px;
        border-radius: 6px;
        overflow-x: auto;
        font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
        font-size: 14px;
        line-height: 1.5;
        margin: 0;
        border-left: 3px solid #00eaff;
    }
    .copy-btn {
        position: absolute;
        top: 10px;
        right: 10px;
        background: #666699;
        color: #ffffff;
        border: none;
        padding: 6px 12px;
        font-size: 12px;
        font-weight: bold;
        border-radius: 4px;
        cursor: pointer;
        transition: background 0.2s, transform 0.1s;
        z-index: 10;
    }
    .copy-btn:hover {
        background: #555580;
        color: #00eaff;
    }
    .copy-btn:active {
        transform: scale(0.95);
    }
    .preview-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 15px;
        margin: 1.5rem 0;
    }
    .preview-card {
        border: 1px dashed #666699;
        padding: 20px;
        border-radius: 6px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #fdfdfd;
    }
    .preview-label {
        font-size: 12px;
        color: #666699;
        margin-top: 10px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    @media (max-width: 768px) {
        pre { font-size: 12px; padding: 12px; }
        .copy-btn { padding: 4px 8px; font-size: 11px; }
    }
/* FOOTER */
.rss-footer{color:#777;margin-top:40px;padding:20px;font-size:14px;text-align:center;}
/* Responsive */
@media (max-width: 768px) {
   .rss-footer {
      font-size:11px; 
   }
}