body{margin:0;font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#333;overflow-x:hidden}.header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;color:#333;padding:1em 2em;box-shadow:0 2px 4px #0000001a}.header .logo{font-size:1.5em}.header nav ul{list-style:none;display:flex;gap:1em}.header nav ul li a{color:#333;text-decoration:none}.sidebar{width:200px;background-color:#fff;padding:1em;box-shadow:0 0 10px #0000001a}.sidebar ul{list-style:none;padding:0}.sidebar ul li a{color:#333;text-decoration:none;display:block;padding:.5em 0}.main-content{display:flex;flex-direction:row;gap:1em}.content{flex:1;padding:1em}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1em}.article-card{background-color:#fff;padding:1em;box-shadow:0 0 10px #0000001a;transition:box-shadow .3s ease;cursor:pointer}.article-card:hover{box-shadow:0 4px 20px #0003}.article-card h2{font-size:1.2em;margin-bottom:.5em}.article-card img{max-width:100%;height:auto;margin-bottom:.5em}.article-card p{font-size:1em;color:#666}.article-card a{color:#007bff;text-decoration:none}.article-card a:hover{text-decoration:underline}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;overflow:auto}.modal-content{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2em;border-radius:8px;max-width:800px;width:90%;max-height:80%;overflow-y:auto}.modal-content h2{font-size:2em;margin-bottom:1em}.footer{background-color:#fff;color:#333;text-align:center;padding:1em;position:fixed;width:100%;bottom:0}body.modal-open .footer{display:none}body.modal-open{overflow:hidden;background:rgba(0,0,0,.5)}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1}.footer{position:static;margin-top:auto}