/* Global mono theme */
:root {
  --font-mono: 'SF Mono','Monaco','Inconsolata','Fira Mono','Droid Sans Mono','Source Code Pro',monospace;
  --bg-primary:#ffffff; --bg-secondary:#f8f8f8; --bg-tertiary:#f0f0f0;
  --text-primary:#1a1a1a; --text-secondary:#4a4a4a; --text-muted:#888;
  --border:#e0e0e0; --border-strong:#c0c0c0;
  --accent:#E95420; /* Ubuntu orange */
  --link:#E95420;
  --space-xs:4px; --space-sm:8px; --space-md:16px; --space-lg:24px; --space-xl:32px;
  --radius-sm:3px; --radius-md:6px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font-mono);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);padding:var(--space-lg)}
.container{max-width:720px;margin:0 auto;padding:var(--space-lg) var(--space-md)}
.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}
.name-section h1{font-size:24px;font-weight:600;margin-bottom:var(--space-xs)}
.name-section h1 a{color:var(--text-primary);text-decoration:none}
.name-section h1 a:hover{color:var(--accent)}
.subtitle{font-size:13px;color:var(--text-secondary)}
.contact-links{display:flex;align-items:center;gap:var(--space-md)}
.contact-links a{color:var(--text-secondary);text-decoration:none;display:flex;align-items:center}
.contact-links a:hover{color:var(--accent)}
.contact-links svg{width:20px;height:20px}
.contact-links a[href*="github"] svg{fill:#000}
.contact-links a[href*="linkedin"] svg{fill:#0077B5}
.contact-links a[href*="twitter"] svg{fill:#000}
.contact-links a[href*="mailto"] svg path{fill:#EA4335}
.contact-links .about-link{font-size:13px;color:var(--text-secondary);margin-right:var(--space-sm)}
section{margin-bottom:var(--space-xl)}
h2{font-size:20px;font-weight:600;margin-bottom:var(--space-lg);color:var(--text-primary)}
.posts-list{display:flex;flex-direction:column;gap:var(--space-md)}
.blog-preview{border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s,background-color .15s}
.blog-preview:hover{border-color:var(--border-strong);background-color:var(--bg-secondary)}
.blog-preview-link{display:block;padding:var(--space-lg);text-decoration:none}
.blog-date{font-size:12px;color:var(--text-muted);display:block;margin-bottom:var(--space-xs)}
.blog-preview h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);line-height:1.4}
.blog-excerpt{font-size:14px;color:var(--text-secondary);line-height:1.6}
footer{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border);font-size:12px;color:var(--text-muted);text-align:center}
html{scroll-behavior:smooth}
::selection{background-color:var(--accent);color:#fff}
.experience-item{margin-bottom:var(--space-xl)}
.item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-sm)}
.item-title{font-size:16px;font-weight:600;color:var(--accent)}
.item-date{font-size:13px;color:var(--text-muted)}
.item-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-sm)}
.item-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-left:var(--space-lg)}
.item-description li{margin-bottom:var(--space-xs)}
.about-content h3{font-size:16px;font-weight:600;margin-bottom:var(--space-md);color:var(--text-primary)}
.about-content p{margin-bottom:var(--space-md);font-size:14px;line-height:1.6}
.about-content ul{margin-left:var(--space-lg);margin-bottom:var(--space-md)}
.about-content ul li{margin-bottom:var(--space-xs)}
.about-content a{color:var(--link);text-decoration:none}
.about-content a:hover{text-decoration:underline}
@media(max-width:768px){body{padding:var(--space-md)}.container{padding:var(--space-md)}.top-bar{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.name-section h1{font-size:20px}}