*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(180deg,#98ff98,#fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:16px;min-height:100vh}header,main,aside,footer{background:#fff;border-radius:12px;padding:30px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}header nav ul{list-style:none;display:flex;justify-content:center;padding:0;margin:0}header nav ul li{margin:0 15px}header nav ul li a{text-decoration:none;color:#333;font-weight:700;padding:10px;border-radius:5px;transition:background-color .3s}header nav ul li a:hover{background-color:#f0f0f0}main section#home #article-list article{border-bottom:1px solid #eee;cursor:pointer;border-radius:5px;transition:background .3s;border:1px solid #ccc;padding:15px;box-sizing:border-box;margin-top:20px}main section#home #article-list article .company-name{font-size:1.2em;font-weight:700;color:#333}main section#home #article-list article .application-status{display:inline-block;padding:4px 8px;background-color:#f0f0f0;border-radius:4px;font-size:.8em;color:#333;text-transform:uppercase}main section#home #article-list article .application-status.status-interviewing{background-color:#2196f3;color:#fff}main section#home #article-list article .application-status.status-offer{background-color:#4caf50;color:#fff}main section#home #article-list article .application-status.status-rejected{background-color:#f44336;color:#fff}main section#home #article-list article:first-child{margin-top:0}main form input,main form textarea,main form select{display:block;width:100%;margin-bottom:20px;padding:10px;border-radius:3px;box-sizing:border-box;border:1px solid #ccc}main #application_memo_list .memo-item{padding:10px;border-radius:5px;border:1px solid #ccc;margin-top:10px}main #application_memo_list .memo-item .memo-date{font-size:.8em;color:#666}aside #search_input{display:block;width:100%;padding:10px;border-radius:3px;box-sizing:border-box;border:1px solid #ccc}button{display:inline-block;padding:10px 20px;background:#696;color:#fff;border:none;border-radius:3px;cursor:pointer}button.danger{background:#f44336}footer{margin-bottom:0}@media(min-width:1024px){header,main,aside,footer{max-width:1024px;margin-left:auto;margin-right:auto}h1,nav,nav ul,nav ul li{display:flex;align-items:center}nav ul{flex-direction:row;gap:20px}}