:root{--color-primary:#1a1a1a;--color-accent:#06c;--color-accent-dark:#0052a3;--color-background:#fff;--color-gray-light:#f5f5f5;--color-gray:#ccc;--color-gray-dark:#666;--color-code-bg:#f5f5f5;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--font-heading:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--font-code:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;--font-size-base:16px;--font-size-small:0.875rem;--font-size-large:1.125rem;--font-size-h1:2.5rem;--font-size-h2:2rem;--font-size-h3:1.75rem;--font-size-h4:1.5rem;--font-size-h5:1.25rem;--font-size-h6:1rem;--line-height-base:1.7;--line-height-heading:1.3;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--content-width:700px;--container-width:1200px;--sidebar-width:300px;--border-radius:4px;--transition-speed:0.2s;--shadow-sm:0 1px 3px rgba(0,0,0,.12);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 20px rgba(0,0,0,.15)}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-family:var(--font-heading);font-weight:700;line-height:var(--line-height-heading);margin-bottom:var(--spacing-md);margin-top:var(--spacing-lg)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}p{margin-bottom:var(--spacing-md);margin-top:0}.entry-content ol,.entry-content p,.entry-content
ul{max-width:var(--content-width)}ol,ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}li{margin-bottom:var(--spacing-xs)}blockquote{background:var(--color-gray-light);border-left:4px solid var(--color-accent);font-style:italic;margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg)}blockquote p:last-child{margin-bottom:0}small{font-size:var(--font-size-small)}b,strong{font-weight:700}em,i{font-style:italic}@media(max-width:768px){:root{--font-size-h1:2rem;--font-size-h2:1.75rem;--font-size-h3:1.5rem;--font-size-h4:1.25rem}}.container{margin:0
auto;max-width:var(--container-width);padding:0
var(--spacing-md)}.site{display:flex;flex-direction:column;min-height:100vh}.site-header{background:var(--color-background);border-bottom:1px solid var(--color-gray);padding:var(--spacing-lg) 0}.site-branding{margin-bottom:var(--spacing-md)}.site-title{font-size:var(--font-size-h2);margin:0}.site-title
a{color:var(--color-primary);text-decoration:none}.site-description{color:var(--color-gray-dark);font-size:var(--font-size-small);margin:var(--spacing-xs) 0 0}.site-content{flex:1;padding:var(--spacing-xl) 0}.site-main{margin:0
auto;max-width:var(--container-width)}.single-post-template{margin:0
auto;max-width:var(--content-width)}.posts-list{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.site-footer{background:var(--color-gray-light);border-top:1px solid var(--color-gray);margin-top:auto;padding:var(--spacing-xl) 0 var(--spacing-lg)}.site-info{color:var(--color-gray-dark);font-size:var(--font-size-small);margin-top:var(--spacing-md);text-align:center}@media(max-width:768px){.site-header{padding:var(--spacing-md) 0}.site-content{padding:var(--spacing-lg) 0}}.primary-nav{position:relative}.menu-toggle{background:none;border:none;cursor:pointer;display:none;font-size:1.5rem;padding:var(--spacing-xs)}.hamburger-icon{display:flex;flex-direction:column;gap:4px}.hamburger-icon
.bar{background:var(--color-primary);height:3px;transition:all .3s ease;width:24px}.nav-menu{display:flex;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.nav-menu
li{margin:0}.nav-menu
a{color:var(--color-primary);display:block;padding:var(--spacing-xs) 0}.nav-menu a:hover{color:var(--color-accent)}.breadcrumb{font-size:var(--font-size-small);margin-bottom:var(--spacing-lg)}.breadcrumb-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.breadcrumb-list
li{margin:0}.breadcrumb
.separator{color:var(--color-gray-dark)}.pagination{margin:var(--spacing-xl) 0}.nav-links{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.page-numbers{background:var(--color-gray-light);border-radius:var(--border-radius);color:var(--color-primary);display:inline-block;min-width:40px;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;text-decoration:none}.page-numbers.current,.page-numbers:hover{background:var(--color-accent);color:#fff}.archive-post{border:1px
solid var(--color-gray);border-radius:var(--border-radius);overflow:hidden;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.archive-post:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-link{color:var(--color-primary);display:block;text-decoration:none}.post-thumbnail{margin:0}.post-thumbnail
img{height:auto;width:100%}.post-content-wrapper{padding:var(--spacing-md)}.entry-title{margin-top:0}.entry-meta,.entry-title{margin-bottom:var(--spacing-sm)}.entry-meta{color:var(--color-gray-dark);font-size:var(--font-size-small)}.meta-separator{margin:0
var(--spacing-xs)}.entry-excerpt{color:var(--color-gray-dark);margin-bottom:var(--spacing-md)}.read-more{color:var(--color-accent);font-weight:600}.related-posts{border-top:2px solid var(--color-gray);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.related-posts-title{margin-top:0}.related-posts-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.related-post{border:1px
solid var(--color-gray);border-radius:var(--border-radius);overflow:hidden}.related-post
a{color:var(--color-primary);display:block;text-decoration:none}.related-post:hover{box-shadow:var(--shadow-sm)}.related-post-title{font-size:var(--font-size-large);margin:0;padding:var(--spacing-sm)}.related-post-meta{color:var(--color-gray-dark);font-size:var(--font-size-small);padding:0
var(--spacing-sm) var(--spacing-sm)}.reading-progress-container{background:var(--color-gray-light);height:4px;left:0;position:fixed;top:0;width:100%;z-index:999}.reading-progress-bar{background:var(--color-accent);height:100%;transition:width .1s ease;width:0}.entry-footer{border-top:1px solid var(--color-gray);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.post-categories,.post-tags{margin-bottom:var(--spacing-sm)}.post-categories .label,.post-tags
.label{color:var(--color-primary);font-weight:600}.search-highlight{background-color:#ff0;border-radius:2px;padding:2px
4px}@media(max-width:768px){.menu-toggle{display:block}.menu-wrapper{display:none}.menu-wrapper.active{display:block}.nav-menu{flex-direction:column;gap:0}.nav-menu
a{border-bottom:1px solid var(--color-gray);padding:var(--spacing-sm)}.related-posts-grid{grid-template-columns:1fr}}code,pre{font-family:var(--font-code)}code.inline-code{background:var(--color-code-bg);border-radius:var(--border-radius);color:#e83e8c;font-size:.9em;padding:.2em .4em}.code-block-wrapper{margin:var(--spacing-lg) 0;position:relative}pre{background:var(--color-code-bg);border-radius:var(--border-radius);font-size:14px;line-height:1.6;margin:0;overflow-x:auto;padding:var(--spacing-md)}pre
code{background:none;color:inherit;font-size:inherit;padding:0}.copy-code-button{align-items:center;background:var(--color-accent);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-small);gap:4px;opacity:0;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:var(--spacing-xs);top:var(--spacing-xs);transition:opacity var(--transition-speed)}.code-block-wrapper:hover .copy-code-button,.copy-code-button:focus{opacity:1}.copy-code-button:hover{background:var(--color-accent-dark)}.copy-code-button.copied{background:#28a745}.copy-icon{font-size:1rem}pre.line-numbers{padding-left:3.8em;position:relative}.line-numbers .line-numbers-rows{border-right:1px solid var(--color-gray);font-size:100%;left:-3.8em;letter-spacing:-1px;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:3em}.line-numbers-rows>span{counter-increment:linenumber;display:block;pointer-events:none}.line-numbers-rows>span:before{color:var(--color-gray-dark);content:counter(linenumber);display:block;padding-right:.8em;text-align:right}@media(max-width:768px){pre{font-size:13px}.code-block-wrapper{margin-left:calc(var(--spacing-md)*-1);margin-right:calc(var(--spacing-md)*-1)}pre{border-radius:0}}.header-wrapper{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:space-between}.site-header .site-branding{margin-bottom:0}.site-header .site-title{font-size:1.5rem;font-weight:700;margin:0}.site-header .site-title a,.site-header .site-title a:hover{color:var(--color-primary);text-decoration:none}.header-icons{gap:var(--spacing-md);margin-left:auto}.header-icon,.header-icons{align-items:center;display:flex}.header-icon{background:none;border:none;border-radius:50%;color:var(--color-primary);cursor:pointer;height:36px;justify-content:center;transition:all var(--transition-speed);width:36px}.header-icon:hover{background:var(--color-gray-light);color:var(--color-accent);text-decoration:none}.header-icon
svg{height:20px;width:20px}.hero-section{margin-bottom:var(--spacing-xl)}.hero-grid{display:grid;gap:var(--spacing-md);grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,1fr);min-height:500px}.hero-post{border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.hero-post:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hero-post-main{grid-row:1/3}.hero-post-link{color:#fff;display:block;height:100%;text-decoration:none}.hero-post-thumbnail{height:100%;left:0;position:absolute;top:0;width:100%}.hero-post-thumbnail
img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hero-post-overlay{background:linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.7));height:100%;left:0;position:absolute;top:0;width:100%}.hero-post-content{display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:var(--spacing-lg);position:relative;z-index:2}.hero-post-tag{background:gold;border-radius:3px;color:#1a1a1a;display:inline-block;font-size:.75rem;font-weight:700;margin-bottom:var(--spacing-sm);padding:.25rem .75rem;width:-moz-fit-content;width:fit-content}.hero-post-title{color:#fff;font-size:1.75rem;line-height:1.3;margin:0
0 var(--spacing-sm) 0}.hero-post-secondary .hero-post-title{font-size:1.25rem}.hero-post-meta{color:hsla(0,0%,100%,.9);font-size:.875rem}.hero-post-meta
a{color:#fff}.hero-post-meta a:hover{text-decoration:underline}.meta-separator{margin:0
.5rem}.home-content-wrapper{display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 300px;margin-top:var(--spacing-xl)}.content-section{background:var(--color-background)}.content-tabs{border-bottom:2px solid var(--color-gray);margin-bottom:var(--spacing-lg)}.tabs-list{display:flex;flex-wrap:wrap;gap:var(--spacing-md);list-style:none;margin:0;padding:0}.tab-item{margin:0}.tab-link{border-bottom:3px solid transparent;color:var(--color-gray-dark);display:block;font-size:.875rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-speed)}.tab-link.active,.tab-link:hover{border-bottom-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.articles-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.article-item{border:1px
solid var(--color-gray);border-radius:var(--border-radius);display:flex;overflow:hidden;transition:box-shadow var(--transition-speed),transform var(--transition-speed)}.article-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.article-link{color:var(--color-primary);display:flex;text-decoration:none;width:100%}.article-thumbnail{flex-shrink:0;height:150px;width:200px}.article-thumbnail
img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.article-content{flex:1;padding:var(--spacing-md)}.article-title{color:var(--color-primary);font-size:1.125rem;line-height:1.4;margin:0
0 var(--spacing-sm) 0}.article-meta{font-size:.813rem;margin-bottom:var(--spacing-sm)}.article-meta,.article-meta
a{color:var(--color-gray-dark)}.article-meta a:hover{color:var(--color-accent)}.article-excerpt{color:var(--color-gray-dark);font-size:.875rem;line-height:1.6}.popular-posts-widget{display:flex;flex-direction:column;gap:var(--spacing-md)}.popular-post-item{border-radius:var(--border-radius);overflow:hidden;position:relative;transition:box-shadow var(--transition-speed)}.popular-post-item.featured{background:linear-gradient(135deg,#667eea,#764ba2);border:2px
solid var(--color-accent)}.popular-post-item.featured .popular-post-content{color:#fff;padding:var(--spacing-md)}.popular-post-item.featured .popular-post-title{color:#fff}.popular-post-item.featured .popular-post-rank{background:hsla(0,0%,100%,.3);color:#fff}.popular-post-item:not(.featured){border:1px
solid var(--color-gray)}.popular-post-item:not(.featured):hover{box-shadow:var(--shadow-sm)}.popular-post-link{color:inherit;display:block;text-decoration:none}.popular-post-thumbnail{height:150px;width:100%}.popular-post-thumbnail
img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.popular-post-content{align-items:center;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.popular-post-rank{align-items:center;background:var(--color-gray-light);border-radius:4px;display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;width:32px}.popular-post-rank,.popular-post-title{color:var(--color-primary);font-size:.875rem}.popular-post-title{flex:1;line-height:1.4;margin:0}.popular-post-meta{color:hsla(0,0%,100%,.8);font-size:.75rem;margin-top:var(--spacing-xs)}.home-sidebar
.widget{background:var(--color-background);border:1px
solid var(--color-gray);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.home-sidebar .widget:last-child{margin-bottom:0}.home-sidebar .widget-title{border-bottom:2px solid var(--color-accent);font-size:1rem;font-weight:700;letter-spacing:.5px;margin:0
0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);text-transform:uppercase}@media(max-width:1024px){.home-content-wrapper{grid-template-columns:1fr}.home-sidebar{order:2}.home-main-content{order:1}}@media(max-width:768px){.header-wrapper{flex-wrap:wrap}.primary-nav{order:3;width:100%}.hero-grid{grid-template-columns:1fr;grid-template-rows:auto;min-height:auto}.hero-post-main{grid-row:auto;min-height:400px}.hero-post-secondary{min-height:250px}.hero-post-title{font-size:1.5rem}.hero-post-secondary .hero-post-title{font-size:1.125rem}.article-item{flex-direction:column}.article-thumbnail{height:200px;width:100%}.tabs-list{gap:var(--spacing-xs)}.tab-link{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}}@media(max-width:480px){.header-icons{gap:var(--spacing-xs)}.header-icon{height:32px;width:32px}.header-icon
svg{height:16px;width:16px}}.search-modal{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.search-modal.active{display:block}.search-modal-overlay{backdrop-filter:blur(5px);background:rgba(0,0,0,.8);height:100%;left:0;position:absolute;top:0;width:100%}.search-modal-content{background:var(--color-background);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);margin:20vh auto 0;max-width:600px;padding:var(--spacing-lg);position:relative}.search-modal-close{align-items:center;background:none;border:none;color:var(--color-gray-dark);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:color var(--transition-speed)}.search-modal-close:hover{color:var(--color-primary)}.search-modal-form{display:flex;gap:var(--spacing-sm)}.search-modal-input{border:2px
solid var(--color-gray);border-radius:var(--border-radius);flex:1;font-size:1.125rem;outline:none;padding:var(--spacing-md);transition:border-color var(--transition-speed)}.search-modal-input:focus{border-color:var(--color-accent)}.search-modal-submit{background:var(--color-accent);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:var(--spacing-md) var(--spacing-lg);transition:background var(--transition-speed)}.search-modal-submit:hover{background:var(--color-accent-dark)}body.search-modal-open{overflow:hidden}.footer-content{border-bottom:1px solid var(--color-gray);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:var(--spacing-xl) 0}.footer-title{font-size:1rem;font-weight:700;letter-spacing:.5px;margin-bottom:var(--spacing-md);text-transform:uppercase}.footer-menu{list-style:none;margin:0;padding:0}.footer-menu
li{margin-bottom:var(--spacing-sm)}.footer-menu
a{color:var(--color-gray-dark);text-decoration:none;transition:color var(--transition-speed)}.footer-menu a:hover{color:var(--color-accent);text-decoration:none}.footer-social-icons{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.footer-social-icon{align-items:center;background:var(--color-gray-light);border-radius:50%;color:var(--color-primary);display:flex;height:40px;justify-content:center;transition:all var(--transition-speed);width:40px}.footer-social-icon:hover{background:var(--color-accent);color:#fff;text-decoration:none;transform:translateY(-2px)}.footer-social-icon
svg{height:20px;width:20px}.site-info{padding:var(--spacing-lg) 0}.site-info
p{margin:0}.site-info
a{color:var(--color-gray-dark)}.site-info a:hover{color:var(--color-accent)}.devto-layout{background:var(--color-gray-light);margin:0;padding:0}body.home .devto-layout .site-header{background:var(--color-background);border-bottom:1px solid var(--color-gray-light);box-shadow:0 1px 3px rgba(0,0,0,.1)}.devto-container{display:grid;gap:var(--spacing-md);grid-template-columns:240px 1fr 320px;margin:0
auto;max-width:1380px;padding:var(--spacing-lg) var(--spacing-md)}.devto-left-sidebar{height:-moz-fit-content;height:fit-content;position:sticky;top:var(--spacing-lg)}.devto-left-nav{background:var(--color-background);border-radius:var(--border-radius);padding:var(--spacing-md)}.devto-sidebar-nav{margin-bottom:var(--spacing-lg)}.devto-nav-menu{list-style:none;margin:0;padding:0}.devto-nav-menu .menu-item{margin-bottom:var(--spacing-xs)}.devto-nav-menu .nav-link{align-items:center;border-radius:var(--border-radius);color:var(--color-primary);display:flex;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-speed)}.devto-nav-menu .nav-link.active,.devto-nav-menu .nav-link:hover{background:var(--color-gray-light);color:var(--color-accent);text-decoration:none}.devto-nav-menu .nav-link .nav-icon{font-size:1.25rem;margin-right:var(--spacing-sm)}.devto-tags-section{border-top:1px solid var(--color-gray);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.devto-tags-section .tags-title{color:var(--color-gray-dark);font-size:.875rem;font-weight:700;letter-spacing:.5px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.devto-tags-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.devto-tag{border-radius:var(--border-radius);color:var(--color-gray-dark);display:inline-block;font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:all var(--transition-speed)}.devto-tag:hover{background:var(--color-gray-light);color:var(--color-accent);text-decoration:none}.devto-tag .tag-hash{color:var(--color-gray-dark);opacity:.6}.devto-social-section{border-top:1px solid var(--color-gray);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.devto-social-section
a{color:var(--color-gray-dark);transition:color var(--transition-speed)}.devto-social-section a:hover{color:var(--color-accent)}.devto-main-content{min-width:0}.devto-feed-header{background:var(--color-background);border-radius:var(--border-radius);box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.devto-feed-tabs{display:flex;gap:var(--spacing-sm)}.devto-feed-tabs .feed-tab{border-radius:var(--border-radius);color:var(--color-gray-dark);font-size:.875rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-speed)}.devto-feed-tabs .feed-tab:hover{background:var(--color-gray-light);color:var(--color-primary);text-decoration:none}.devto-feed-tabs .feed-tab.active{background:var(--color-accent);color:#fff}.devto-posts-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.devto-post-card{background:var(--color-background);border-radius:var(--border-radius);box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden;transition:box-shadow var(--transition-speed)}.devto-post-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.post-card-header{border-bottom:1px solid var(--color-gray-light);padding:var(--spacing-md)}.post-author-info{align-items:center;display:flex;gap:var(--spacing-sm)}.post-author-info .author-avatar{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.post-author-info .author-meta{flex:1}.post-author-info .author-name{color:var(--color-primary);display:block;font-size:.875rem;font-weight:600;text-decoration:none}.post-author-info .author-name:hover{color:var(--color-accent)}.post-author-info .post-date{color:var(--color-gray-dark);font-size:.75rem}.post-card-body{padding:var(--spacing-md)}.post-card-body .post-card-link{color:var(--color-primary);text-decoration:none}.post-card-body .post-card-link:hover .post-card-title{color:var(--color-accent)}.post-card-body .post-card-title{font-size:1.5rem;font-weight:700;line-height:1.3;margin:0
0 var(--spacing-sm) 0;transition:color var(--transition-speed)}.post-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.post-card-tags .post-tag{border:1px
solid var(--color-gray);border-radius:var(--border-radius);color:var(--color-gray-dark);font-size:.813rem;padding:.25rem .5rem;text-decoration:none;transition:all var(--transition-speed)}.post-card-tags .post-tag:hover{background:var(--color-gray-light);border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.post-card-image
img{display:block;height:auto;width:100%}.post-card-footer{align-items:center;border-top:1px solid var(--color-gray-light);display:flex;justify-content:space-between;padding:var(--spacing-md)}.post-reactions{display:flex;gap:var(--spacing-sm)}.post-reactions .reaction-btn,.post-reactions .reaction-display{align-items:center;background:none;border:1px
solid var(--color-gray);border-radius:var(--border-radius);cursor:default;display:flex;font-size:.875rem;gap:.25rem;padding:.25rem .5rem;transition:all var(--transition-speed)}.post-reactions .reaction-btn .reaction-icon,.post-reactions .reaction-display .reaction-icon{font-size:1rem}.post-reactions .reaction-btn .reaction-count,.post-reactions .reaction-display .reaction-count{color:var(--color-gray-dark);font-weight:600}.post-reactions .reaction-btn{cursor:pointer}.post-reactions .reaction-btn:hover{background:var(--color-gray-light);border-color:var(--color-accent)}.post-meta-info{align-items:center;display:flex;font-size:.813rem;gap:var(--spacing-md)}.post-meta-info .comments-link,.post-meta-info .reading-time{color:var(--color-gray-dark);text-decoration:none}.post-meta-info .comments-link:hover,.post-meta-info .reading-time:hover{color:var(--color-accent)}.devto-right-sidebar{height:-moz-fit-content;height:fit-content;position:sticky;top:var(--spacing-lg)}.devto-right-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.devto-comments-card,.devto-help-card,.devto-listings-card,.devto-tags-cloud-card,.devto-trending-card{background:var(--color-background);border-radius:var(--border-radius);box-shadow:0 1px 3px rgba(0,0,0,.1);padding:var(--spacing-md)}.devto-comments-card .card-title,.devto-help-card .card-title,.devto-listings-card .card-title,.devto-tags-cloud-card .card-title,.devto-trending-card .card-title{color:var(--color-primary);font-size:1rem;font-weight:700;margin:0
0 var(--spacing-md) 0}.listings-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.listing-item{border-radius:var(--border-radius);padding:var(--spacing-sm);text-decoration:none;transition:background var(--transition-speed)}.listing-item:hover{background:var(--color-gray-light);text-decoration:none}.listing-item .listing-category{background:var(--color-gray-light);border-radius:var(--border-radius);color:var(--color-gray-dark);display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:.25rem;padding:.125rem .5rem}.listing-item .listing-text{color:var(--color-primary);font-size:.875rem;margin:0}.see-all-link{color:var(--color-accent);display:block;font-size:.875rem;font-weight:600;margin-top:var(--spacing-sm);padding:var(--spacing-xs);text-align:center;text-decoration:none}.see-all-link:hover{text-decoration:underline}.trending-posts{display:flex;flex-direction:column;gap:var(--spacing-md)}.trending-post-item{border-bottom:1px solid var(--color-gray-light);padding-bottom:var(--spacing-md)}.trending-post-item:last-child{border-bottom:none;padding-bottom:0}.trending-post-link{color:var(--color-primary);text-decoration:none}.trending-post-link:hover .trending-post-title{color:var(--color-accent)}.trending-post-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.trending-post-header .trending-number{color:var(--color-gray-dark);font-size:1.25rem;font-weight:700;min-width:24px}.trending-post-header .trending-post-author{align-items:center;display:flex;gap:.25rem}.trending-post-header .trending-post-author .author-mini-avatar{border-radius:50%;height:24px;width:24px}.trending-post-header .trending-post-author .author-mini-name{color:var(--color-gray-dark);font-size:.75rem}.trending-post-title{font-size:.875rem;font-weight:600;line-height:1.4;margin:0
0 var(--spacing-xs) 0;transition:color var(--transition-speed)}.trending-post-meta{color:var(--color-gray-dark);display:flex;font-size:.75rem;gap:var(--spacing-sm)}.trending-post-meta .meta-item{align-items:center;display:flex;gap:.25rem}.help-description{color:var(--color-gray-dark);font-size:.875rem;line-height:1.5;margin-bottom:var(--spacing-md)}.help-submit-btn{background:var(--color-accent);border-radius:var(--border-radius);color:#fff;display:block;font-weight:600;padding:var(--spacing-sm);text-align:center;text-decoration:none;transition:background var(--transition-speed);width:100%}.help-submit-btn:hover{background:var(--color-accent-dark);text-decoration:none}.recent-comments-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.recent-comment-item{border-radius:var(--border-radius);display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs);transition:background var(--transition-speed)}.recent-comment-item:hover{background:var(--color-gray-light)}.recent-comment-item .comment-avatar{border-radius:50%;flex-shrink:0;height:24px;width:24px}.recent-comment-item .comment-content{flex:1}.recent-comment-item .comment-content .comment-link{color:var(--color-primary);font-size:.813rem;line-height:1.4;text-decoration:none}.recent-comment-item .comment-content .comment-link:hover{color:var(--color-accent)}.devto-tags-cloud-card
.tagcloud{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.devto-tags-cloud-card .tagcloud
a{border:1px
solid var(--color-gray);border-radius:var(--border-radius);color:var(--color-gray-dark);font-size:.813rem!important;padding:.25rem .5rem;text-decoration:none;transition:all var(--transition-speed)}.devto-tags-cloud-card .tagcloud a:hover{background:var(--color-gray-light);border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.devto-pagination{margin-top:var(--spacing-lg);text-align:center}.devto-pagination .page-numbers{border:1px
solid var(--color-gray);border-radius:var(--border-radius);color:var(--color-primary);display:inline-block;margin:0
.25rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-speed)}.devto-pagination .page-numbers.current,.devto-pagination .page-numbers:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;text-decoration:none}.no-posts-message{background:var(--color-background);border-radius:var(--border-radius);padding:var(--spacing-xl);text-align:center}.no-posts-message
p{color:var(--color-gray-dark);font-size:1rem;margin:0}@media(max-width:1280px){.devto-container{gap:var(--spacing-sm);grid-template-columns:200px 1fr 280px}}@media(max-width:1024px){.devto-container{grid-template-columns:1fr 320px}.devto-left-sidebar{display:none}}@media(max-width:768px){.devto-container{grid-template-columns:1fr;padding:var(--spacing-md) var(--spacing-sm)}.devto-right-sidebar{display:none}.post-card-title{font-size:1.25rem}.post-card-footer{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.devto-feed-tabs{flex-wrap:wrap}}@media(max-width:480px){.post-author-info .author-avatar{height:32px;width:32px}.post-card-title{font-size:1.125rem}.post-reactions{flex-wrap:wrap}}*,:after,:before{box-sizing:border-box}body{background-color:var(--color-background);color:var(--color-primary);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-base);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;height:auto;max-width:100%}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:focus,a:hover{color:var(--color-accent-dark);text-decoration:underline}.skip-link{background:var(--color-accent);color:#fff;left:0;padding:.5rem 1rem;position:absolute;text-decoration:none;top:-100%;z-index:999}.skip-link:focus{top:0}