/* Modern,Clean Design for adityarelangi.com */:root{--color-text:#1a1a1a;--color-text-light:#4a4a4a;--color-accent:#0066cc;--color-border:#e0e0e0;--color-bg:#ffffff;--color-bg-light:#f8f9fa;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Courier New",monospace;--max-width:720px;--spacing-unit:1.5rem;}/* Global Styles */*{box-sizing:border-box;}body{font-family:var(--font-sans);font-size:18px;line-height:1.7;color:var(--color-text);background-color:var(--color-bg);margin:0;padding:0;}/* Header & Navigation */.header{background-color:var(--color-bg-light);border-bottom:1px solid var(--color-border);padding:0.75rem 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);}.header .container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;display:flex;gap:1.5rem;align-items:center;}.header a{color:var(--color-text);text-decoration:none;font-weight:500;font-size:0.9rem;transition:color 0.2s ease;}.header a:hover{color:var(--color-accent);}/* Blog Post Styles */.post-container{max-width:var(--max-width);margin:0 auto;padding:3rem 1.5rem;}.post-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border);}.post-header h1,.post-header h2{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1rem 0;color:var(--color-text);}.post-date{color:var(--color-text-light);font-size:0.95rem;font-weight:400;}.post-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1rem;}.post-tag{display:inline-block;padding:0.25rem 0.75rem;background-color:var(--color-bg-light);color:var(--color-text);text-decoration:none;font-size:0.85rem;border-radius:4px;border:1px solid var(--color-border);transition:all 0.2s ease;}.post-tag:hover{background-color:var(--color-accent);color:white;border-color:var(--color-accent);}/* Post Content Typography */.content,.post-content{font-size:1.05rem;line-height:1.8;}.content h2,.post-content h2{font-size:1.8rem;font-weight:600;margin:2.5rem 0 1rem 0;color:var(--color-text);}.content h3,.post-content h3{font-size:1.4rem;font-weight:600;margin:2rem 0 1rem 0;color:var(--color-text);}.content p,.post-content p{margin:1.5rem 0;}.content a,.post-content a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.2s ease;}.content a:hover,.post-content a:hover{border-bottom-color:var(--color-accent);}.content ul,.content ol,.post-content ul,.post-content ol{margin:1.5rem 0;padding-left:2rem;}.content li,.post-content li{margin:0.5rem 0;}.content blockquote,.post-content blockquote{margin:2rem 0;padding-left:1.5rem;border-left:3px solid var(--color-accent);color:var(--color-text-light);font-style:italic;}/* Code Blocks */.content code,.post-content code{font-family:var(--font-mono);font-size:0.9em;background-color:var(--color-bg-light);padding:0.2em 0.4em;border-radius:3px;color:#e83e8c;}.content pre,.post-content pre{background-color:var(--color-bg-light);padding:1.5rem;border-radius:6px;overflow-x:auto;margin:2rem 0;border:1px solid var(--color-border);}.content pre code,.post-content pre code{background-color:transparent;padding:0;color:inherit;font-size:0.9rem;}/* Post Navigation */.post-navigation-container{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--color-border);}.post-navigation{color:var(--color-accent);text-decoration:none;font-weight:500;transition:opacity 0.2s ease;}.post-navigation:hover{opacity:0.7;}/* Blog Index Styles */.blog-list{max-width:var(--max-width);margin:0 auto;padding:3rem 1.5rem;}.blog-list h1{font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:var(--color-text);}.post-item{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border);}.post-item:last-child{border-bottom:none;}.post-title{font-size:1.6rem;font-weight:600;margin-bottom:0.5rem;}.post-title a{color:var(--color-text);text-decoration:none;transition:color 0.2s ease;}.post-title a:hover{color:var(--color-accent);}.post-item .post-date{display:block;margin-bottom:1rem;}.post-excerpt{color:var(--color-text-light);line-height:1.7;margin-top:1rem;}.read-more{color:var(--color-accent);font-weight:500;text-decoration:none;display:inline-block;margin-top:0.5rem;}.read-more:hover{text-decoration:underline;}/* Homepage Styles */.homepage-hero{max-width:var(--max-width);margin:0 auto;padding:4rem 1.5rem;}.homepage-name{font-size:3rem;font-weight:700;margin-bottom:2rem;color:var(--color-text);line-height:1.2;}.homepage-bio{font-size:1.25rem;line-height:1.7;color:var(--color-text-light);margin-bottom:1.5rem;}.homepage-bio a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid transparent;}.homepage-bio a:hover{border-bottom-color:var(--color-accent);}.homepage-sections{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem 4rem;}.homepage-section{margin-bottom:3rem;}.homepage-section h3{font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text-light);margin-bottom:1rem;}.homepage-links{display:flex;flex-direction:column;gap:0.75rem;}.homepage-link{color:var(--color-text);text-decoration:none;font-size:1.05rem;transition:color 0.2s ease;}.homepage-link:hover{color:var(--color-accent);}/* Footer */.footer{border-top:1px solid var(--color-border);padding:2rem 0;margin-top:4rem;}.footer .container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;text-align:center;color:var(--color-text-light);font-size:0.9rem;}/* Responsive Design */@media (max-width:768px){body{font-size:16px;}.post-header h1,.post-header h2{font-size:2rem;}.content h2,.post-content h2{font-size:1.5rem;}.homepage-name{font-size:2.25rem;}.homepage-bio{font-size:1.1rem;}.blog-list h1{font-size:2rem;}.post-title{font-size:1.4rem;}}/* Utility Classes */.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;}/* Preserve skeleton grid for compatibility */.sixteen.columns{width:100%;}