:root{--primary-color: #0056b3;--danger-color: #dc3545;--success-color: #28a745;--dark-text: #212529;--body-text: #5a6268;--light-grey: #d1d5db;--background-light: #f8f9fa;--card-bg: #ffffff;--font-primary: "Poppins", -apple-system, sans-serif}.main-section{font-family:var(--font-primary);background-color:var(--background-light);padding:4rem 2rem}.section-post{max-width:1100px;margin:0 auto}.section-post ol{list-style:none;counter-reset:post-counter;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.section-post li{background-color:var(--card-bg);border-radius:8px;padding:2rem;box-shadow:0 4px 20px #00000012;position:relative;transition:transform .3s ease,box-shadow .3s ease;border-top:4px solid var(--primary-color);display:flex;flex-direction:column}.section-post li:hover{transform:translateY(-8px);box-shadow:0 10px 30px #0000001a}.section-post li:before{counter-increment:post-counter;content:counter(post-counter,decimal-leading-zero);font-size:2.5rem;font-weight:700;color:var(--light-grey);margin-bottom:1.5rem;line-height:1}.section-post li .content-wrapper{flex-grow:1}.section-post li p:first-of-type{font-size:1.4rem;font-weight:700;color:var(--dark-text);line-height:1.4;margin:0 0 .75rem}.section-post li p:nth-of-type(2){font-size:1rem;color:var(--body-text);line-height:1.7;margin:0}.section-post .button-group{margin-top:1.5rem}.section-post button{padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;border-radius:5px;cursor:pointer;border:none;transition:all .2s ease}.section-post button:not(.btn-delete){background-color:#d4edda;color:var(--success-color)}.section-post button:not(.btn-delete):hover{background-color:var(--success-color);color:#fff}.section-post button:not(:last-child){margin-right:.75rem}.section-post .btn-delete{background-color:#ffe3e3;color:var(--danger-color)}.section-post .btn-delete:hover{background-color:var(--danger-color);color:#fff}@media (max-width: 992px){.section-post ol{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.section-post ol{grid-template-columns:1fr}}.editor{font-family:Poppins,-apple-system,sans-serif;background-color:#f8f9fa;padding:.5rem}.editor form{max-width:600px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 25px #0000001a;display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;transform:translateY(-20px);align-items:end}.editor label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.editor input[type=text]{width:100%;padding:.9rem 1rem;font-size:1rem;font-family:Poppins,-apple-system,sans-serif;color:#333;background-color:#fdfdff;border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.editor input[type=text]::placeholder{color:#aab2bd}.editor input[type=text]:focus{outline:none;border-color:#0056b3;box-shadow:0 0 0 3px #0056b333}.editor button[type=submit]{padding:.9rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background-color:#0056b3;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.editor button[type=submit]:hover{background-color:#004494}