body{background-color:#ededed;margin:0}::selection{background:#f8fcb3;color:#000}::-moz-selection{background:#f8fcb3;color:#000}.app{font-family:Arial,sans-serif;margin:0 auto;padding:30px;max-width:1000px;color:#333;line-height:1.6;font-size:18px;display:flex;flex-direction:column;min-height:100vh}header{text-align:right;padding:20px 0;min-width:250px}header h1{font-size:2em;margin:0 4px}nav{margin:10px 0}nav a{text-decoration:none;color:#007bff;margin:0;font-weight:700}.main-nav{display:flex;justify-content:flex-end}.main-nav a{text-decoration:none;color:#007bff;margin:0 4px;font-weight:700;font-size:14px}.main-nav a:hover{text-decoration:underline}.sub-nav{display:flex;flex-direction:column;align-items:flex-end;margin-top:5px}.sub-nav a{text-decoration:none;color:#007bff;font-weight:400;margin:2px 4px;font-size:12px}.sub-nav a:hover{text-decoration:underline}main{margin:20px 0;flex:.9 1}section h2{font-size:1.5em;border-bottom:1px solid #eee;padding-bottom:5px}.timeline{position:relative;margin:20px 0;padding-left:60px}.timeline:before{content:"";position:absolute;left:30px;top:0;width:2px;height:100%;background:#333}.timeline-item{margin:20px 0;position:relative}.timeline-item:before{content:"";position:absolute;left:-35px;top:5px;width:10px;height:10px;background:#333;border-radius:50%}.timeline-date{font-weight:700;margin-bottom:5px;color:#007bff}.timeline-content h3{margin:0 0 10px;font-size:1.2em;color:#333}.timeline-content p{margin:5px 0;line-height:1.5}.timeline-company{margin:4px 0 6px}.timeline-link{display:inline-block;margin-top:4px;color:#007bff;text-decoration:none;font-size:.9em}.timeline-link:hover{text-decoration:underline}.timeline-back-button{border:none;background:transparent;padding:0;cursor:pointer;font-family:inherit}.timeline-detail-date{color:#007bff;font-weight:700}.timeline-detail-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:5px 0 10px}.timeline-detail-meta .timeline-company{margin:0}.timeline-detail-meta .timeline-detail-date{white-space:nowrap}.timeline-detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.timeline-detail-header h2{margin:0;border-bottom:none;padding-bottom:0}.timeline-detail-logo{width:64px;height:64px;object-fit:contain;flex-shrink:0}section p{font-size:.95em;min-width:300px;margin:36px 30px}footer{text-align:center;padding:10px 0;color:#777;font-size:12px}section#writing h1{font-size:1.3em;margin:10px 0}section#writing ul{list-style-type:disc;padding-left:20px}section#writing a{color:#007bff;text-decoration:none}section#writing a:hover{text-decoration:underline}