.news-page{padding:20px;max-width:1200px;margin:0 auto}.news-header{text-align:center;margin-bottom:40px;color:var(--background)}.news-header h1{font-size:2.5em;margin-bottom:10px;color:var(--foreground)}.news-header p{font-size:1.1em;color:var(--netural)}.news-content{display:flex;flex-wrap:wrap;gap:20px}.news-item{background-color:var(--foreground);padding:25px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;flex-grow:1;flex-shrink:1;flex-basis:calc(33.333% - 13.333px)}.news-item h2{font-size:1.5em;color:var(--primary);margin-top:0;margin-bottom:10px}.news-item p{color:var(--background);line-height:1.6}.learn-more-container{padding-top:.5rem}.learn-more-link{color:var(--primary);transition:all .5s ease}.learn-more-link:hover{padding:.25rem .75rem;border-radius:.5rem;background-color:var(--netural);background-color:#c0c0c0}.delete-container{display:flex;justify-content:flex-end;transition:all .5s ease}.delete-btn{background:none;border:none;padding:0;cursor:pointer}.add-news-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--secondary);gap:.5rem;font-weight:700;border:2px dashed var(--secondary);border-radius:.5rem;padding:.5rem;cursor:pointer;transition:all .2s ease-in-out}.add-news-btn:hover{transform:scale(1.025);background-color:#212121}.add-news-form{display:flex;flex-direction:column;gap:1rem;background-color:var(--foreground)}.form-input,.form-textarea{width:100%;padding:.75rem;border-radius:.5rem;border:none}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary)}.form-textarea{min-height:100px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.form-btn{padding:.5rem 1rem;border:1px solid var(--secondary);border-radius:6px;font-weight:600;cursor:pointer;transition:opacity .2s}.form-btn:hover{opacity:.85}.save-btn{background-color:var(--primary);color:white}.cancel-btn{background-color:#e0e0e0;color:#333}.match-parent-width{width:100%}@media screen and (max-width:800px){.news-content{display:flex;flex-direction:column}}