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}.contact-line{font-size:13px;color:#666;margin:4px 4px 0}.contact-line a{color:#007bff;text-decoration:none}.contact-line a:hover{text-decoration:underline}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{--timeline-axis-x:30px;--timeline-content-offset:60px;position:relative;margin:20px 0;padding-left:var(--timeline-content-offset)}.timeline:before{content:"";position:absolute;left:var(--timeline-axis-x);top:0;width:2px;height:100%;background:#333;transform:translateX(-50%)}.timeline-item{margin:20px 0;position:relative}.timeline-item:before{content:"";position:absolute;left:calc(var(--timeline-axis-x) - var(--timeline-content-offset));top:5px;width:10px;height:10px;background:#333;border-radius:50%;transform:translateX(-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-post-link{margin-left:30px}.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:140px;height:79px;object-fit:contain;flex-shrink:0}.timeline-detail-bullets{margin:10px 0;padding-left:20px}.timeline-detail-bullets li{margin:6px 0;line-height:1.5}.skills-list{margin:20px 0}.skills-row{display:flex;gap:10px;margin:10px 0;align-items:baseline}.skills-row dt{flex:0 0 160px;font-weight:700;color:#333}.skills-row dd{margin:0;color:#333}.education-item{margin:20px 0}.education-degree{margin:5px 0;font-weight:700}.education-detail{margin:5px 0;color:#555}.interests-list{list-style-type:disc;padding-left:20px;margin:20px 0}.interests-list li{margin:6px 0;line-height:1.5}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}