/* SiteAuto Reference DOM */
@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;600;700&display=swap");
.sa-ref, .sa-ref p, .sa-ref h1, .sa-ref h2, .sa-ref h3 { font-family: "Be Vietnam Pro", "Segoe UI", sans-serif; overflow-wrap: anywhere; }
.sa-ref-icon { display: flex; justify-content: center; color: #0f766e; }
.sa-ref-icon svg { width: 36px; height: 36px; }
@media (max-width: 768px) { .sa-ref h1 { font-size: 36px !important; } .sa-ref h2, .sa-ref h3 { font-size: 26px !important; } }
.header-logo img, .header-logo-dark img { object-fit: contain; width: auto; max-height: 70px; }
.sa-ref-card { border: 1px solid rgba(0,0,0,.08); border-radius: 12px; padding: 16px; }
.sa-ref-n1 { background-image: linear-gradient(rgba(255, 255, 255, 0.01), rgb(255, 255, 255) 85%), radial-gradient(at 0% 0%, rgba(13, 110, 253, 0.5), rgba(0, 0, 0, 0) 50%), radial-gradient(at 100% 0%, rgba(255, 228, 132, 0.5), rgba(0, 0, 0, 0) 50%), radial-gradient(at 100% 50%, rgba(113, 44, 249, 0.5), rgba(0, 0, 0, 0) 50%), radial-gradient(at 0% 50%, rgba(214, 51, 132, 0.5), rgba(0, 0, 0, 0) 50%); }