*{box-sizing:border-box}body{margin:0;padding:0;font-family:Arial,sans-serif}.pdf-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px;background-color:#f9f9f9;border-bottom:1px solid #ddd}.pdf-nav button{background-color:#0d6efd;color:#fff;font-weight:600;font-size:14px;padding:6px 10px;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.3s ease;text-align:center}.pdf-nav button:hover,.pdf-nav button:focus{background-color:#0a58ca}.pdf-nav button.active,.pdf-nav button[aria-pressed="true"]{background-color:#1a2e63;color:#fff}.pdf-viewer-container{width:100%;box-sizing:border-box;padding:10px}#pdf-frame{width:100%;height:70vh;border:2px solid #ddd;border-radius:5px}.pdf-open-btn{margin:10px 0;display:none;text-align:left}.pdf-open-btn button{background-color:#f56a6a;color:#fff;font-weight:bold;padding:8px 12px;border:none;cursor:pointer;border-radius:5px;transition:background-color 0.3s ease}.pdf-open-btn button:hover{background-color:#f13434}@media (max-width:768px){.pdf-nav button{font-size:14px;padding:6px 10px}}@media (max-width:480px){.pdf-nav button{font-size:12px;padding:5px 8px}#pdf-frame{height:60vh}}