.expat-blog-reader-container{background-color:#0A162D;border:1px solid #D4AF37;border-radius:8px;padding:15px 20px;margin:20px 0 30px 0;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 6px rgb(0 0 0 / .1);font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#F0ECE0}.expat-blog-reader-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgb(212 175 55 / .2);padding-bottom:10px}.expat-blog-reader-title{font-weight:600;font-size:1.1rem;color:#D4AF37}.expat-blog-reader-status{font-size:.85rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.expat-blog-reader-controls{display:flex;gap:10px;align-items:center}.expat-reader-btn{display:flex;align-items:center;gap:6px;background-color:#4A6C94;color:#FFF;border:none;border-radius:6px;padding:8px 16px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.expat-reader-btn svg{width:20px;height:20px}.expat-reader-btn:hover:not(:disabled){background-color:#5b83b3;transform:translateY(-1px)}.expat-reader-btn:active:not(:disabled){transform:translateY(1px)}.expat-reader-btn:disabled{background-color:#2E3E5C;color:rgb(240 236 224 / .5);cursor:not-allowed}.play-btn{background-color:#D4AF37;color:#0A162D}.play-btn:hover:not(:disabled){background-color:#e6c148}.expat-blog-reader-container.playing{box-shadow:0 0 15px rgb(212 175 55 / .15)}